@cosxai/ui 1.0.0-alpha.1 → 1.0.0-alpha.11

package/CHANGELOG.md

@@ -1,3 +1,112 @@
+## 1.0.0-alpha.11 (2026-10-01)
+
+App shell for the Agent module (Metaroom Agent, desktop and phone):
+
+- Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose: a
+  small non-modal panel on Radix Popover — portal, flips to fit, Esc and
+  outside click close, focus returns. `inline` keeps it out of the portal.
+- Avatar: a person's photo or initials, sizes 20–52, tone chrome / brand,
+  optional ring; decorative unless `label` is given.
+- BottomSheet: the phone's sheet on Radix Dialog — drag handle, title, drag
+  or flick down to close, scrim, 20px top corners, safe-area padding, a
+  screen-reader close button.
+- BottomTabs: the phone tab bar — 48×28 pill in the brand field for the
+  current tab, counts, avatar tab, disabled tabs at 40% (aria-disabled,
+  `onDisabledSelect`).
+- AppRail + AppRailSlot: the 60px desktop rail — workspace slot, 40×38
+  module buttons (brand field when current), counts and dots, disabled
+  modules with the caller's tooltip, account slot. A nav of buttons with
+  aria-current.
+
+## 1.0.0-alpha.10 (2026-09-30)
+
+- BrandLoader: the COSX loop as a loading indicator (Claude Design, COSX
+  Loader). A short stroke runs the loop, blooms into the full mark, holds,
+  gathers back — 3.4 s a round, the head's speed continuous; at rest it
+  is the logo itself. Tones ink / linen / accent / current, an optional
+  faint track, `speed`; the full mark, still, under reduced motion. For
+  whole-page and start-up waits; buttons, rows and inputs keep Spinner.
+
+## 1.0.0-alpha.9 (2026-09-30)
+
+- WorkspaceRow: `badge` — what the workspace still needs, as an attention
+  badge beside the chevron ("Needs setup"; Metaroom Sign In, Set up your
+  workspace).
+
+## 1.0.0-alpha.8 (2026-09-30)
+
+- ThemeSwitch: `defaultOpen` starts it opened (documentation specimens).
+- WorkspaceMark: a logo that failed before React hydrated (a server-rendered
+  page) now falls back to the initial too — onError had already fired.
+- design.cosx.co: Patterns · Sign-in, every specimen the real component.
+
+## 1.0.0-alpha.7 (2026-09-30)
+
+Sign-in patterns checked against design.cosx.co Patterns · Sign-in:
+
+- AuthPanel: the highlight band runs 40–94% with a hair of overhang each
+  side; Chinese sets at 1.35, untracked, band from 50% (typography-cjk's
+  :lang(zh) line-height is unlayered, so this one is important).
+- WorkspaceRow: 14px name at 1.35, the outline an inset rule on the page
+  colour (no border box).
+
+## 1.0.0-alpha.6 (2026-09-29)
+
+Sign-in patterns (Metaroom sign-in, design.cosx.co), moved here from the
+COSX app so every product signs in with the same pages:
+
+- AuthLayout: the step under the product lockup, header end (theme switch),
+  help line, footer, and the yellow panel — dropped under 900px (container
+  query, so a narrow window or pane works too). AuthPanel for the panel's
+  text, AuthStepHead and AuthIconTile for a step.
+- ThemeSwitch: match system · light · dark, folded to the current choice;
+  hover or focus opens it, a quick click steps, a settled click picks.
+  Follows the ThemeProvider unless given value / onChange.
+- WorkspaceRow and WorkspaceMark: a workspace in a chooser (logo or
+  initial, name, detail, busy).
+- Every string is a prop with an English default.
+
+## 1.0.0-alpha.5 (2026-09-29)
+
+- Builds under the consuming app's TypeScript settings without
+  DOM.Iterable (ActionBar no longer spreads a NodeList); `typecheck` checks it.
+
+## 1.0.0-alpha.4 (2026-09-29)
+
+- ToastCard: one toast drawn in place (documentation specimens, previews).
+- theme.css is now theme-reset.css + theme-base.css. An app moving to the
+  kit screen by screen imports `@cosxai/ui/theme-base.css`: the kit's
+  utilities are added and Tailwind's own palette and sizes keep working.
+  New apps keep importing theme.css (unchanged result).
+
+## 1.0.0-alpha.3 (2026-09-29)
+
+- Button: busy and done draw over the idle content, kept in place and
+  hidden, so the width never changes — also when the button first
+  renders busy (it used to shrink to the spinner). No width measuring.
+
+## 1.0.0-alpha.2 (2026-09-29)
+
+Metaroom product patterns (spec P0), checked light / ink × en / zh.
+
+- Surfaces: ActionBar (pages register actions; idle / selection / mode,
+  Esc steps back; folds by group and past six; responsive, fold handle
+  with status dot, drag + remembered position), Menu, CommandPalette
+  (async sources, no "No results" until all return), SidePanel (one
+  right-hand slot), Dialog sizes 800 / 1120, ConfirmDialog (type to
+  confirm), PromptDialog, StepUpDialog.
+- Data display: useSelection, FileCard, FileList/FileRow, ListToolbar,
+  VirtualList + InfiniteLoader, FolderTree (WAI-ARIA tree, lazy,
+  reveal, partial ticks), Breadcrumb, PageHeader, Steps, ActivityTimeline.
+- Inputs: SearchField, CopyField, SegmentedControl, ChoiceCards,
+  DateInput, FuzzyDateInput, CodeInput, AsyncSelect, RecipientsInput,
+  MentionInput.
+- Upload and status: Progress, StageProgress, Dropzone, WindowDrop,
+  UploadCheck, UploadList, SyncStatus, PulseDot, Skeleton, PageState.
+- Button: disabled sinks into the well with grey text (was opacity);
+  busy keeps its look. Dialog returns focus to whatever opened it.
+- 144 tests (behaviour + axe). Test files no longer ship in the package.
+
 ## 1.0.0-alpha.1 (2026-09-29)
 
 All 22 COSX Design System 3.0 primitives, checked against their

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cosxai/ui",
-  "version": "1.0.0-alpha.1",
-  "description": "COSX Design System 3.0 — tokens, Tailwind v4 theme and React components",
+  "version": "1.0.0-alpha.11",
+  "description": "COSX Design System 3.0 \u2014 tokens, Tailwind v4 theme and React components",
   "license": "UNLICENSED",
   "type": "module",
   "main": "./src/index.ts",
@@ -10,11 +10,13 @@
     ".": "./src/index.ts",
     "./styles.css": "./src/styles.css",
     "./theme.css": "./src/theme.css",
-    "./tokens/*": "./src/tokens/*"
+    "./tokens/*": "./src/tokens/*",
+    "./theme-base.css": "./src/theme-base.css"
   },
   "files": [
     "src",
     "!src/**/*.test.ts",
+    "!src/**/*.test.tsx",
     "README.md",
     "CHANGELOG.md",
     "NOTICE"
@@ -29,7 +31,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit && tsc -p tsconfig.consumer.json",
     "test": "vitest run",
     "check:css": "tailwindcss -i test/fixture.css -o test/out.css",
     "playground": "vite --config playground/vite.config.ts"
@@ -67,6 +69,7 @@
     "@fontsource-variable/noto-sans-sc": "^5.3.0",
     "@radix-ui/react-checkbox": "^1.3.11",
     "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
     "@radix-ui/react-label": "^2.1.15",
     "@radix-ui/react-popover": "^1.1.23",
     "@radix-ui/react-radio-group": "^1.4.7",
@@ -75,9 +78,12 @@
     "@radix-ui/react-tabs": "^1.1.21",
     "@radix-ui/react-toast": "^1.2.23",
     "@radix-ui/react-tooltip": "^1.2.16",
+    "@tanstack/react-virtual": "^3.14.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "lucide-react": "^1.48.0",
+    "react-day-picker": "^10.0.1",
     "tailwind-merge": "^3.3.1"
   },
   "peerDependenciesMeta": {

package/src/brand.css

@@ -1,4 +1,4 @@
-/* @cosxai/ui — workspace brand injection (MetaRoom spec §01).
+/* @cosxai/ui — workspace brand injection (Metaroom spec §01).
  *
  * A customer's colour replaces the COSX yellow through two variables;
  * everything else stays ink, so any colour keeps text readable: