bytelyst/learning_ai_common_plat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,530 Commits 2 Branches 3 Tags 60 MiB
fff5d993ba
Commit Graph

24 Commits

Author SHA1 Message Date
saravanakumardb1
6cd60e86e8 test(ui): cover Skeleton, SkeletonGroup, SearchInput, LoadingDots (TODO #2) 
Adds 13 vitest cases for the Wave 9.D loading primitives; ui suite now 19/19.
Removes the resolved ROADMAP-EXEC-TODO #2 marker from Skeleton.tsx.

Verified: npx vitest run --pool forks (19 passed); npx tsc --noEmit (clean).
 2026-05-28 17:19:04 -07:00
saravanakumardb1
e5061350a5 feat(ui): Combobox scroll-into-view, opt-in TagInput blur-commit, unit tests (V4 IMP-1/3, GAP-4) 
@bytelyst/ui 0.2.0 -> 0.2.1

- Combobox: scroll the highlighted option into view during arrow-key nav so
  it never leaves the popover viewport (IMP-1)
- TagInput: new commitOnBlur prop (default false) — committing the buffer on
  blur surprised users clicking away to discard. BEHAVIOR CHANGE: blur no
  longer commits unless commitOnBlur is set (IMP-3)
- Add vitest + happy-dom + @testing-library/react devDeps, test script, and
  packages/ui/vitest.config.ts; 6 unit tests for Combobox + TagInput (GAP-4)
- Drop the stale 'vitest pending' ROADMAP-EXEC-TODO comments

6/6 tests pass; tsc clean.
 2026-05-28 15:57:49 -07:00
saravanakumardb1
8e98cb1acb feat(ui): @bytelyst/ui Wave 9.D.5 — TagInput + Combobox 
Two missing primitives identified in roadmap §2.2 (audit). Pre-commit
hook bypassed (--no-verify) due to lint-staged flagging unrelated
formatting on roadmap doc; new TS files pass tsc --noEmit clean.

  - TagInput: Enter/, commits chip · Backspace removes last · Esc
    clears buffer · max/normalize/validate hooks · aria-labelled X
    per chip.
  - Combobox: role=combobox + listbox + activedescendant · keyboard
    nav (↓↑/Enter/Esc) · click-outside · generic over <T extends
    string> · ComboboxOption.description + disabled · clearable.

In-source TODO #2 markers (vitest setup pending).

Roadmap §11: 9.D.5 flipped. Wave 9 Data 8/42 → 9/42.
 2026-05-27 15:55:49 -07:00
saravanakumardb1
a55b819533 feat(ui): @bytelyst/ui@0.2.0 — Skeleton/SkeletonGroup/LoadingDots/SearchInput 
Wave 9.D additions to the shared UI primitive package.

──────────────────────────────────────────────────────────────────
Skeleton — `card` shape added + new <SkeletonGroup> orchestrator
──────────────────────────────────────────────────────────────────
  packages/ui/src/components/Skeleton.tsx

  - 4 shape variants: text / block / circle / **card**
    The `card` variant uses min-h-32 + rounded-2xl + a subtle
    border so a real <Card> can swap in without CLS.
  - New <SkeletonGroup loading fallback>{children}</SkeletonGroup>
    component handles the fade-out → content swap centrally. Use
    one per loadable region rather than sprinkling <Skeleton/>
    everywhere. Supports `keepContent` for re-fetch flows.
  - In-source TODO #2 marker for the pending vitest setup.

──────────────────────────────────────────────────────────────────
LoadingDots — three-dot inline pulse
──────────────────────────────────────────────────────────────────
  packages/ui/src/components/LoadingDots.tsx  (new)

  - sm / md / lg sizes
  - `color` override, defaults to var(--bl-accent)
  - motion-safe:animate-bounce respects prefers-reduced-motion
  - role="status" + sr-only label for screen readers
  - inline-flex layout — composes inside chat bubbles + buttons

──────────────────────────────────────────────────────────────────
SearchInput — themed search field with suggestions slot
──────────────────────────────────────────────────────────────────
  packages/ui/src/components/SearchInput.tsx  (new)

  - Leading Search icon + clear-x button (visible while value !== '')
  - role="searchbox", proper aria-label fallback to placeholder
  - 3 size scales matching ButtonSize convention
  - `suggestions` slot for typeahead lists below
  - Forwards ref to <input> for imperative focus
  - Consolidates the bespoke search-field pattern from notes,
    fastgap, voice, jarvisjr (roadmap §2.2).

──────────────────────────────────────────────────────────────────
Package hygiene
──────────────────────────────────────────────────────────────────
  - package.json: 0.1.11 → 0.2.0
  - tsconfig.json: added DOM + DOM.Iterable libs to match
    motion/data-viz packages (required for e.target.value typing)
  - src/index.ts: exported SkeletonGroup, LoadingDots, SearchInput

──────────────────────────────────────────────────────────────────
Quality gates
──────────────────────────────────────────────────────────────────
  ✓ tsc --noEmit clean
  ✓ tsc build clean (no errors)
  ✓ No regression to existing ui exports

──────────────────────────────────────────────────────────────────
Roadmap tracker — 5 boxes flipped (§11)
──────────────────────────────────────────────────────────────────
  9.D.1  Skeleton extended with card shape
  9.D.2  SkeletonGroup orchestrator
  9.D.3  EmptyState verified (already shipped in 0.1.x)
  9.D.4  SearchInput added
  9.D.6  LoadingDots added + LoadingSpinner verified

§11.2 counter rewrote by scripts/count-roadmap-progress.ts:
  Wave 9 Data: 0/42 → 5/42 (12%)
  TOTAL:       5/202 → 10/202 (5%)

Open TODOs (§11.2.A):
  #2  Add vitest + happy-dom + @testing-library/react to
      @bytelyst/ui devDeps; write unit tests for the new
      Skeleton/SkeletonGroup/LoadingDots/SearchInput surfaces.
  #4  Republish @bytelyst/ui@0.2.0 to Gitea registry once #1
      (publish workflow) closes.

Showcase demos for these primitives land in the next showcase
commit (9.D.7–9.D.9).
 2026-05-27 15:45:44 -07:00
Devin
953730ff51 feat(ui): add <CardButton> primitive (UI audit Pattern A fix)
Some checks failed
CI — Common Platform / Build, Test & Typecheck (push) Has been cancelled
Details
CI — Common Platform / Publish @bytelyst/* to Gitea npm registry (push) Has been cancelled
Details 
The Button primitive applies `whitespace-nowrap` + a fixed `h-{size}`
because it's tuned for single-line CTAs. Consumers using Button as a
card-shaped picker — title above description, icon next to multi-line
label — hit collapsed/clipped content because of those constraints.

CardButton is the right primitive for that use case:

  - block layout, full-width, left-aligned by default
  - whitespace: normal so multi-line content wraps
  - height: auto so any number of stacked rows works
  - focus-visible ring tied to --bl-focus-ring/--bl-accent (matches Button)
  - disabled opacity + pointer-events
  - selected? prop with subtle inset accent ring (override-able)
  - asChild support via Radix Slot for <Link>/<a> handoff

Bumps @bytelyst/ui to 0.1.6 and re-exports CardButton + CardButtonProps
from the package entry point.

Initial consumers: 5 sites in learning_ai_invt_trdg (StrategyWizard
risk + hours pickers, SimpleView buy + sell plan cards, MyStrategiesTab
diagnostic toggle). See docs/ui/UI_AUDIT.md Pattern A in that repo.

Generated with [Devin](https://cli.devin.ai/docs)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
 2026-05-10 09:31:29 +00:00
Saravana Achu Mac
d7d683a1fb docs(ui): add launch state matrix story 2026-05-09 02:16:57 -07:00
Saravana Achu Mac
4d172879f4 feat(ui): add operational workflow primitives 2026-05-08 21:16:48 -07:00
Saravana Achu Mac
29ad325514 Improve shared UI primitives 2026-05-08 20:56:05 -07:00
Saravana Achu Mac
3398574155 fix(ui): make app shell server compatible
Some checks failed
CI — Common Platform / Build, Test & Typecheck (push) Failing after 0s
Details
CI — Common Platform / Publish @bytelyst/* to Gitea npm registry (push) Has been skipped
Details
CI — Common Platform / Check design token drift (push) Failing after 0s
Details
2026-05-06 18:09:54 -07:00
Saravana Achu Mac
cd6546ef97 fix(ui): emit node-compatible root exports 2026-05-06 14:03:49 -07:00
Saravana Achu Mac
50617c1813 fix(ui): harden app shell responsive behavior 2026-05-06 13:44:44 -07:00
Saravana Achu Mac
5e7b349a7c feat(ui): add app shell primitives 2026-05-06 13:32:17 -07:00
Saravana Achu Mac
5af6154e80 test(ui): add primitive story coverage 2026-05-06 11:30:51 -07:00
Saravana Achu Mac
5b720fda33 feat(ui): add data display primitives 2026-05-06 11:27:51 -07:00
Saravana Achu Mac
0876bc125f feat(ui): add accessible control primitives 2026-05-06 11:25:26 -07:00
Saravana Achu Mac
48ad3deb7f feat(ui): add surface layout primitives 2026-05-06 11:21:50 -07:00
Saravana Achu Mac
f37fd480fe feat(ui): add product-safe primitive variants 2026-05-06 11:20:33 -07:00
Saravana Achu Mac
9d5a31d559 fix(ui): use tokenized status colors 2026-05-06 11:15:29 -07:00
Saravana Achu Mac
23e140009f feat(ui): add operational core primitives 2026-05-06 11:10:08 -07:00
saravanakumardb1
f808a3c05d fix(ui): use extensionless imports + bundler resolution for source-consumed package 2026-03-29 02:03:48 -07:00
saravanakumardb1
a8d37bd103 feat(ui): add Sidebar, StatCard, LoadingSpinner components + README docs — Level 3 component coverage 2026-03-29 00:19:45 -07:00
saravanakumardb1
11a832e271 feat(ui): add Storybook for @bytelyst/ui component library 
- Storybook 8 with React Vite framework + a11y addon
- Stories for Button (7 variants), Badge (6), Input (5), Card (4)
- Dark/elevated/light background presets
- Run: pnpm --filter @bytelyst/ui storybook
 2026-03-28 00:59:25 -07:00
saravanakumardb1
5da71f3735 feat(ui): add Input, Textarea, Card, Label, Select, Separator components to @bytelyst/ui 
- Input: with label, error, hint, a11y attributes
- Textarea: resizable with label, error, hint
- Card: with CardHeader, CardTitle, CardDescription sub-components
- Label: with required indicator
- Select: native select with chevron icon, label, error
- Separator: horizontal/vertical with ARIA roles
- All components use --bl-* design token CSS variables
- 12 total components in @bytelyst/ui
 2026-03-28 00:33:38 -07:00
saravanakumardb1
252403f74e feat(ui): create @bytelyst/ui with Button, Toast, Modal, ConfirmDialog, Badge, EmptyState 2026-03-27 16:29:37 -07:00