@nadicodeai/ui 6.6.1 → 7.0.0

package/AGENTS.md

@@ -9,9 +9,8 @@ exports.
 - Tokens, CSS, motion, and assets: `../design-system/DESIGN.md`.
 - Agent visuals: `docs/agent-visual.md`; the Forma avatars: `docs/forma-avatar.md`.
 - System activity indicators: `docs/activity.md`.
-- First run, sign-in, and repair surfaces: `docs/threshold.md`; the
-  primitives are `@nadicodeai/ui/threshold`, with
-  `@nadicodeai/ui/threshold.css` beside them.
+- What belongs in this package and what belongs in a product: `docs/contract.md`,
+  "Placement". Nadia's entry screen is the worked example that moved out.
 - Package releases: `../../docs/agents/publish.md`.
 
 `npm run dev -w @nadicodeai/ui` watches source and refreshes `dist/`;

package/dist/components/activity-orb.d.ts

@@ -7,7 +7,7 @@ export type ActivityOrbProps = {
     style?: CSSProperties;
     /** Freeze the animation for a preview or a user-controlled motion pause. */
     paused?: boolean;
-    /** 20 inline, 64 within a region, 88 at an application threshold. */
+    /** 20 inline, 64 within a region, 88 on an application's entry screen. */
     size?: ActivityOrbSize;
 } & ({
     decorative: true;

package/dist/components/activity-orb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-orb.d.ts","sourceRoot":"","sources":["../../src/components/activity-orb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAoB,MAAM,yBAAyB,CAAC;AAGpG,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,GAAG,CAAC;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElF,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,KAAK,EACL,MAAc,EACd,IAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAmClB"}
+{"version":3,"file":"activity-orb.d.ts","sourceRoot":"","sources":["../../src/components/activity-orb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAoB,MAAM,yBAAyB,CAAC;AAGpG,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,GAAG,CAAC;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElF,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,KAAK,EACL,MAAc,EACd,IAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAmClB"}

package/dist/components/dropdown-menu.d.ts

@@ -15,6 +15,9 @@ declare function DropdownMenuItem({ className, iconOnly, inset, variant, ...prop
     inset?: boolean;
     variant?: "default" | "destructive";
 }): React.JSX.Element;
+declare function DropdownMenuCommand({ icon, children, className, ...props }: Omit<React.ComponentProps<typeof DropdownMenuItem>, "iconOnly"> & {
+    icon: React.ReactElement;
+}): React.JSX.Element;
 declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
     inset?: boolean;
@@ -30,5 +33,5 @@ declare function DropdownMenuRadioItem({ className, iconOnly, children, inset, .
 }): React.JSX.Element;
 declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): React.JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCommand, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown-menu.js

@@ -12,8 +12,8 @@ function DropdownMenuPortal({ ...props }) {
 function DropdownMenuTrigger({ ...props }) {
     return _jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
-function DropdownMenuContent({ align = "start", alignOffset = 0, density = "compact", side = "bottom", sideOffset = 4, className, ...props }) {
-    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", "data-density": density, className: cn("group/menu z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 overflow-x-hidden overflow-y-auto rounded-2xl border-0 nc-glass p-nadicode-xxs text-popover-foreground nc-elevation-floating outline-none data-closed:overflow-hidden", anchoredOverlayMotion, className), ...props }) }) }));
+function DropdownMenuContent({ align = "start", alignOffset = 0, density = "comfortable", side = "bottom", sideOffset = 6, className, ...props }) {
+    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, collisionPadding: 8, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", "data-density": density, className: cn("group/menu z-50 max-h-(--available-height) w-max min-w-[min(14rem,var(--available-width))] max-w-(--available-width) overflow-x-hidden overflow-y-auto rounded-2xl border-0 bg-popover p-nadicode-xxs text-popover-foreground nc-elevation-floating outline-none data-closed:overflow-hidden", anchoredOverlayMotion, className), ...props }) }) }));
 }
 function DropdownMenuGroup({ ...props }) {
     return _jsx(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
@@ -25,6 +25,9 @@ function DropdownMenuItem({ className, iconOnly = false, inset, variant = "defau
     return (_jsx(MenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-icon-only": iconOnly || undefined, "data-inset": inset, "data-variant": variant, className: cn("group/dropdown-menu-item relative flex min-h-touch-target cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 group-data-[density=comfortable]/menu:px-3 group-data-[density=comfortable]/menu:py-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-[var(--nc-error-deep)] data-[variant=destructive]:focus:bg-[var(--nc-error-soft)] data-[variant=destructive]:focus:text-[var(--nc-error-deep)] data-disabled:pointer-events-none data-disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-[var(--nc-error-deep)]", iconOnly &&
             "size-8 min-w-touch-target shrink-0 justify-center rounded-full p-0 group-data-[density=comfortable]/menu:p-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0", className), ...props }));
 }
+function DropdownMenuCommand({ icon, children, className, ...props }) {
+    return (_jsxs(DropdownMenuItem, { ...props, className: cn(className, "h-auto w-full min-w-0 justify-start gap-3 text-left font-normal whitespace-normal"), children: [_jsx("span", { className: "min-w-0 flex-1 [overflow-wrap:anywhere]", children: children }), _jsx("span", { "aria-hidden": "true", className: "flex shrink-0 items-center justify-center", children: icon })] }));
+}
 function DropdownMenuSub({ ...props }) {
     return _jsx(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
@@ -50,4 +53,4 @@ function DropdownMenuSeparator({ className, ...props }) {
 function DropdownMenuShortcut({ className, ...props }) {
     return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn("ml-auto text-xs text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className), ...props }));
 }
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCommand, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/eslint/index.js

@@ -1,5 +1,6 @@
 import { readFileSync } from "node:fs";
 
+import { menuCommandOwner } from "./rules/menu-command-owner.js";
 import { cardRowOwner } from "./rules/card-row-owner.js";
 import { confirmDestructiveAction } from "./rules/confirm-destructive-action.js";
 import { iconControlAccessibleName } from "./rules/icon-control-accessible-name.js";
@@ -78,6 +79,7 @@ const plugin = {
   configs: {},
   rules: {
     "card-row-owner": cardRowOwner,
+    "menu-command-owner": menuCommandOwner,
     "confirm-destructive-action": confirmDestructiveAction,
     "icon-control-accessible-name": iconControlAccessibleName,
     "no-app-feature-component": noAppFeatureComponent,

package/dist/eslint/rules/menu-command-owner.js

@@ -0,0 +1,45 @@
+import { jsxComponentName } from "./jsx-class-utility.js";
+
+export const menuCommandOwner = {
+  meta: {
+    type: "problem",
+    docs: { description: "Keep command labels and icons in the shared menu composition." },
+    schema: [],
+    messages: {
+      command:
+        "Use DropdownMenuCommand with its required icon; it owns readable labels and trailing icon layout. DropdownMenuItem is only for an iconOnly control here.",
+      trigger:
+        "Use ActionMenu for three-dot commands so placement, naming, and popup behavior have one owner.",
+    },
+  },
+  create(context) {
+    return {
+      JSXOpeningElement(node) {
+        const name = jsxComponentName(node, context);
+        if (
+          name === "DropdownMenuItem" &&
+          !node.attributes.some(
+            (attribute) =>
+              attribute.type === "JSXAttribute" &&
+              attribute.name.name === "iconOnly" &&
+              (attribute.value === null ||
+                (attribute.value.type === "JSXExpressionContainer" &&
+                  attribute.value.expression.value === true)),
+          )
+        )
+          context.report({ node, messageId: "command" });
+        if (
+          [
+            "Ellipsis",
+            "EllipsisIcon",
+            "EllipsisVertical",
+            "MoreHorizontal",
+            "MoreVertical",
+          ].includes(name)
+        ) {
+          context.report({ node, messageId: "trigger" });
+        }
+      },
+    };
+  },
+};

package/docs/activity.md

@@ -61,7 +61,7 @@ movement as well as its travelling particles. The implementation owns these
 values together; consumers cannot tune speed, density or particle colours.
 
 Use 20 CSS pixels inline, including buttons and rows with room for that size;
-64 for a contained region; 88 for an application threshold. The 20 preset is
+64 for a contained region; 88 on an application's entry screen. The 20 preset is
 separately tuned, and must not be obtained by shrinking the 64 preset. The 88
 extent uses the 64 preset. A 12–16 pixel badge slot keeps its existing compact
 spinner until its surrounding component explicitly accommodates this family.
@@ -103,10 +103,9 @@ the operation fails or React replaces the startup surface.
 
 Import `@nadicodeai/ui/globals.css` as described in the
 [consumer guide](consuming-cross-repo.md). The renderer inherits actual CSS
-ink and reads canonical colour tokens. The existing `Orb` threshold adapter
-keeps its public API: `working` maps to `processing`, `connecting` maps to
-`connecting`, and `absent` mounts nothing. Its fixed dark appearance stays at
-the threshold seam, outside the shared renderer.
+ink and reads canonical colour tokens. Nadia's entry screen wraps this renderer
+in its own `Orb`, which fixes a dark appearance the shared renderer knows
+nothing about; that wrapper lives in the desktop, not here.
 
 ## Accessibility and runtime
 

package/docs/contract.md

@@ -6,7 +6,7 @@ The normative invariants for the `@nadicodeai/ui` package: what may live here, h
 
 - **Token-only, no raw literals or shadow aliases.** Components style through semantic shadcn utilities (`bg-background`, `text-foreground`, `border-input`, and the rest), or a canonical generated design-system token when no standard role is precise enough. The UI package does not mint screen-, component-, or product-specific color aliases. No raw `#hex` / `rgb()` / `hsl()` may appear in `.tsx`; a new source value goes to `packages/design-system/DESIGN.md` first and flows through generated output. A narrow protocol adapter may translate third-party classes directly to canonical tokens in `globals.css`, but it must not create another token vocabulary. Enforced by the raw-colour `no-restricted-syntax` selectors in the library ESLint config, `packages/ui/tests/guards/dark-semantic-roles.test.ts`, and `packages/ui/tests/guards/token-reference-integrity.test.ts`.
 - **Dark-ready semantics, no component dark implementation.** Components use the same semantic role or canonical mode-aware token in every mode. They must not ship Tailwind `dark:` color utilities, component-local `.dark` blocks, OS dark-mode branching, or raw dark palette utilities such as `dark:bg-slate-950` and `dark:text-white`. An intentionally fixed-presentation technology surface, such as the dark terminal console, selects canonical fixed-mode tokens as one coherent component treatment rather than branching by app theme. Enforced by `packages/ui/tests/guards/no-dark.test.ts`, `packages/ui/tests/guards/dark-semantic-roles.test.ts`, and `packages/ui/tests/guards/token-reference-integrity.test.ts`. The generated mode and theme architecture lives only in [`packages/design-system/DESIGN.md`](../../design-system/DESIGN.md#css-architecture--token-pipeline).
-- **Components inherit one complete React style interface.** `@nadicodeai/ui/globals.css` composes every style dependency owned by this package, including the complete design-system CSS module. Components carry no theme of their own, and React callers do not compose design-system stylesheets or partials beside it. Installation and source-scanning setup live in the [consumer setup guide](consuming-cross-repo.md). `@nadicodeai/ui/threshold.css` is the one stylesheet outside it, because the surface that needs it most loads no Tailwind layer at all: the Nadia desktop shell takes that file and the design system's token artifact and nothing else. A React caller imports it beside globals.css, never instead of it.
+- **Components inherit one complete React style interface.** `@nadicodeai/ui/globals.css` composes every style dependency owned by this package, including the complete design-system CSS module. Components carry no theme of their own, and React callers do not compose design-system stylesheets or partials beside it. Installation and source-scanning setup live in the [consumer setup guide](consuming-cross-repo.md). `@nadicodeai/ui/globals.css` is the only stylesheet this package ships; a surface that loads no Tailwind layer takes the design system's token artifact and writes its own rules against it.
 - **Design-system geometry remains the foundation.** React components compose the kept `nc-*` page grammar and display CSS components; they do not redefine frame math, marker placement, token values, or raw CSS geometry. Use parent-paints-plus-gap for bordered cell grids and keep every visible seam single-owner (doctrine home: `packages/design-system/DESIGN.md` "## Layout").
 
 ### Persistent notices
@@ -62,9 +62,10 @@ restates those three as separate utilities: an `outline-none` or
 `outline-hidden` on the same element leaves Tailwind's own outline utilities
 painting nothing.
 
-`nc-glass` is the one glass material, and glass is floating chrome: menu,
-popover, select, combobox, and navigation-menu popups, the command palette,
-and `GlassControl` bars carry it over our own content. Content surfaces stay
+`nc-glass` is the one glass material for floating chrome: popover, select,
+combobox, and navigation-menu popups, the command palette, and `GlassControl`
+bars carry it over our own content. Command dropdowns use a solid popover fill
+so labels stay readable over dense rows; account dropdowns share that surface. Content surfaces stay
 solid: cards, KPIs, tables, inspectors, and dialog, sheet, and drawer bodies.
 Glass keeps exactly one separator, the elevation falloff's integrated edge
 ring. Reduced transparency falls back to the same solid floating surface.
@@ -107,7 +108,7 @@ Its caption names the table. Callers supply data and labels, not column-hiding C
 `ActionMenu` is the shared three-dot composition of `Button` and `DropdownMenu`:
 a ghost icon trigger, horizontal ellipsis, and end-aligned popup. The shared
 stylesheet gives enabled buttons a pointer cursor, including this trigger. It inherits the
-menu's glass, elevation, motion, keyboard behavior, and focus return. Supply
+menu's opaque surface, elevation, motion, keyboard behavior, and focus return. Supply
 `label` as a localized, record-specific accessible name; `triggerId` supports
 focus return from an app-owned confirmation, and `children` supplies menu items.
 Apps own action selection, permission, placement, and confirmation. Reuse this
@@ -138,8 +139,7 @@ gone, is [`packages/design-system/DESIGN.md`, "## Status Vocabulary"](../../desi
 System activity uses `ActivityOrb` for loading, connecting and processing;
 [activity.md](activity.md) owns selection, rendering and accessibility. It
 composes with status feedback and measured progress without adding outcome
-states to the orb. The existing threshold `Orb` adapts its public states to
-this same renderer.
+states to the orb.
 
 - **Source-authored, built package.** Components are authored as shadcn-style source in `src/`, then emitted to `dist/` for consumption by other apps. Package exports must point at built JS, declarations, and CSS, never raw `src/*.tsx`, and `npm pack --dry-run` must include only intentional consumer artifacts.
 - **Package surface is source-backed.** Public components stay flat under `src/components/`. Reviewed registry source under `src/internal/` is implementation, not a package namespace. Do not add top-level exports for recipes, blocks, agent, terminal, or vendor groupings unless a later package API decision adds concrete public source, built files, docs, and tests in the same change.
@@ -151,7 +151,19 @@ this same renderer.
 
 ## Admission Rules
 
-Assistant conversation and runtime APIs enter through `@nadicodeai/ui/agents`; Agent identity enters through `@nadicodeai/ui/components/agent-card`, `@nadicodeai/ui/components/agent-visual`, and the Forma avatars in `@nadicodeai/ui/components/forma-avatar` (owned by [`forma-avatar.md`](forma-avatar.md)). The consuming application still constructs the runtime and owns transport, persistence, permissions, tools, approvals, and failure policy. Shared non-Agent product components (a shell, a settings surface, a generic section, a diff, or a file preview) are admitted only with a named consuming surface landing in the same change. App-bespoke UI and behavior (window chrome, PTY/xterm embeds, queues, approvals, and persistence) stay in the consuming app; they never become package abstractions. `@nadicodeai/ui/threshold` is the plan-approved package surface for the room, Nadia's presence, the status orb and the typed line used by the Nadia desktop app. The screen, its copy and its state machine stay in the consuming app, and the entry ships no screen. Its contract is [`threshold.md`](threshold.md). A component left unconsumed after its target migration ships gets removed.
+Assistant conversation and runtime APIs enter through `@nadicodeai/ui/agents`; Agent identity enters through `@nadicodeai/ui/components/agent-card`, `@nadicodeai/ui/components/agent-visual`, and the Forma avatars in `@nadicodeai/ui/components/forma-avatar` (owned by [`forma-avatar.md`](forma-avatar.md)). The consuming application still constructs the runtime and owns transport, persistence, permissions, tools, approvals, and failure policy. Shared non-Agent product components (a shell, a settings surface, a generic section, a diff, or a file preview) are admitted only with a named consuming surface landing in the same change. App-bespoke UI and behavior (window chrome, PTY/xterm embeds, queues, approvals, and persistence) stay in the consuming app; they never become package abstractions. A component left unconsumed after its target migration ships gets removed.
+
+### Placement
+
+`@nadicodeai/ui` and `@nadicodeai/design-system` hold the Foundation and the
+components, assets and styles at least two products use; a component, asset or
+style one product alone needs lives in that product's own directory. Nadia's
+entry screen is the worked example: the room, the presence, the typed line and
+their stylesheet were a package surface no other product imported, and they now
+live in the desktop at `apps/nadia/hermes/apps/desktop/src/plugins/nadia/entry/`,
+where [`apps/nadia/docs/entry-screen.md`](../../../apps/nadia/docs/entry-screen.md)
+owns their contract. `packages/ui/tests/guards/product-placement.test.ts`
+refuses a product's name in either package.
 
 ### Agent identity presentation
 
@@ -272,6 +284,19 @@ Portal placement is owned by its [context contract](../../../apps/portal/docs/in
 `DataTable.heading`, `CardHeader` and `SettingsSection` are its composition
 seams. Empty states and operational notices remain distinct message owners.
 
+### Command popup composition
+
+`DropdownMenuContent` uses comfortable spacing by default. Its content-based
+width is bounded by Base UI's available width; collision padding keeps it off
+screen edges and available height allows vertical scrolling. A command popup
+uses solid `bg-popover` so underlying table text cannot compete with labels.
+Do not size command menus from an icon trigger. `DropdownMenuCommand` requires
+an `icon` element and owns the wrapping label and trailing, decorative icon slot.
+Use it for links, callbacks, native form buttons, and dialog triggers. It retains
+Menu.Item behavior; it is not a new positioning or focus implementation.
+`DropdownMenuItem iconOnly` remains available for the account-settings gear;
+checkbox and radio items retain their selection semantics.
+
 ### Account popup composition
 
 `DropdownMenuContent density="comfortable"` supplies roomier command rows

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "6.6.1",
+  "version": "7.0.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -19,11 +19,6 @@
       "types": "./dist/agents.d.ts",
       "import": "./dist/agents.js"
     },
-    "./threshold": {
-      "types": "./dist/threshold.d.ts",
-      "import": "./dist/threshold.js"
-    },
-    "./threshold.css": "./dist/components/threshold/threshold.css",
     "./activity": {
       "types": "./dist/activity.d.ts",
       "import": "./dist/activity.js"
@@ -70,7 +65,7 @@
     "@assistant-ui/react": "0.15.18",
     "@assistant-ui/react-markdown": "0.14.14",
     "@base-ui/react": "^1.8.0",
-    "@nadicodeai/design-system": "6.6.1",
+    "@nadicodeai/design-system": "7.0.0",
     "@paper-design/shaders": "0.0.80",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

package/dist/components/threshold/canvas-budget.d.ts

@@ -1,10 +0,0 @@
-/** True while a primitive that outranks the room owns the window's canvas. */
-export declare function canvasHeld(): boolean;
-/**
- * Take the window's canvas. Returns the release, which is idempotent: a
- * teardown that runs twice releases once.
- */
-export declare function holdCanvas(): () => void;
-/** Whether the room must yield its canvas right now. Live. */
-export declare function useCanvasHeld(): boolean;
-//# sourceMappingURL=canvas-budget.d.ts.map

package/dist/components/threshold/canvas-budget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"canvas-budget.d.ts","sourceRoot":"","sources":["../../../src/components/threshold/canvas-budget.ts"],"names":[],"mappings":"AA0BA,8EAA8E;AAC9E,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED;;;GAGG;AACH,wBAAgB,UAAU,IAAI,MAAM,IAAI,CAWvC;AAWD,8DAA8D;AAC9D,wBAAgB,aAAa,IAAI,OAAO,CAEvC"}

package/dist/components/threshold/canvas-budget.js

@@ -1,54 +0,0 @@
-"use client";
-import { useSyncExternalStore } from "react";
-/*
- * One shader canvas per window: the living-elements register's rule, held
- * here so no screen can break it by composition.
- *
- * Two threshold primitives can paint with a shader, the room and the arriving
- * presence, and a threshold mounts both. The presence's water outranks the
- * room: while Nadia is arriving her water is the window's one live canvas and
- * the room shows its still field; when she stands clear the water leaves and
- * the room's canvas is the one that paints. The presence takes a hold for as
- * long as its water is wanted, and the room yields while any hold is out.
- *
- * The budget is per window, so it is module state rather than a context: a
- * provider would let a surface forget to wrap both primitives, and the rule
- * would then hold only where someone remembered it.
- */
-let holds = 0;
-const listeners = new Set();
-const notify = () => {
-    for (const listener of listeners)
-        listener();
-};
-/** True while a primitive that outranks the room owns the window's canvas. */
-export function canvasHeld() {
-    return holds > 0;
-}
-/**
- * Take the window's canvas. Returns the release, which is idempotent: a
- * teardown that runs twice releases once.
- */
-export function holdCanvas() {
-    holds += 1;
-    notify();
-    let released = false;
-    return () => {
-        if (released)
-            return;
-        released = true;
-        holds -= 1;
-        notify();
-    };
-}
-function subscribe(listener) {
-    listeners.add(listener);
-    return () => {
-        listeners.delete(listener);
-    };
-}
-const serverSnapshot = () => false;
-/** Whether the room must yield its canvas right now. Live. */
-export function useCanvasHeld() {
-    return useSyncExternalStore(subscribe, canvasHeld, serverSnapshot);
-}

package/dist/components/threshold/index.d.ts

@@ -1,6 +0,0 @@
-export { Orb, type OrbProps, type OrbSize, type OrbState, type OrbTheme } from "./orb.js";
-export { arrivalOpacity, NadiaPresence, type NadiaPresenceProps, type PresenceState, } from "./presence.js";
-export { ThresholdRoom, type ThresholdRoomProps } from "./room.js";
-export { TypedLine, type TypedLineProps } from "./typed-line.js";
-export { useReducedMotion } from "./use-reduced-motion.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/threshold/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/threshold/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,EACL,cAAc,EACd,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,aAAa,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/threshold/index.js

@@ -1,5 +0,0 @@
-export { Orb } from "./orb.js";
-export { arrivalOpacity, NadiaPresence, } from "./presence.js";
-export { ThresholdRoom } from "./room.js";
-export { TypedLine } from "./typed-line.js";
-export { useReducedMotion } from "./use-reduced-motion.js";

package/dist/components/threshold/orb.d.ts

@@ -1,14 +0,0 @@
-import { type ActivityOrbSize } from "../activity-orb.js";
-export type OrbState = "working" | "connecting" | "absent";
-export type OrbTheme = "auto" | "dark" | "light";
-export type OrbSize = ActivityOrbSize;
-export type OrbProps = {
-    className?: string;
-    label: string;
-    size?: OrbSize;
-    state: OrbState;
-    theme?: OrbTheme;
-};
-/** Preserve the threshold API while using the one shared activity renderer. */
-export declare function Orb({ className, label, size, state, theme }: OrbProps): import("react").JSX.Element | null;
-//# sourceMappingURL=orb.d.ts.map

package/dist/components/threshold/orb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"orb.d.ts","sourceRoot":"","sources":["../../../src/components/threshold/orb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG9E,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACjD,MAAM,MAAM,OAAO,GAAG,eAAe,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB,CAAC;AAUF,+EAA+E;AAC/E,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAS,EAAE,KAAK,EAAE,KAAc,EAAE,EAAE,QAAQ,sCAYnF"}

package/dist/components/threshold/orb.js

@@ -1,17 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ActivityOrb } from "../activity-orb.js";
-import { cn } from "../../lib/utils.js";
-// A threshold deliberately fixes its appearance. Normal product surfaces
-// inherit their ink; the shared renderer needs no knowledge of app themes.
-const THEME_INK = {
-    auto: "inherit",
-    dark: "var(--nc-dark-ink)",
-    light: "var(--nc-ink)",
-};
-/** Preserve the threshold API while using the one shared activity renderer. */
-export function Orb({ className, label, size = 88, state, theme = "dark" }) {
-    if (state === "absent")
-        return null;
-    return (_jsx(ActivityOrb, { activity: state === "working" ? "processing" : "connecting", className: cn("nc-threshold-orb", className), "data-state": state, label: label, size: size, style: { color: THEME_INK[theme] } }));
-}

package/dist/components/threshold/presence.d.ts

@@ -1,27 +0,0 @@
-export type PresenceState = "arriving" | "present" | "ready" | "error";
-export type NadiaPresenceProps = {
-    className?: string;
-    /** The accessible name of the arrival, read by the hidden progress bar. */
-    label: string;
-    /** 0 while she is behind the field, 1 when she stands clear. */
-    reveal: number;
-    /**
-     * The portrait master. The package imports no binary asset of its own, so
-     * the consuming surface resolves `@nadicodeai/design-system/assets/nadia-solid-surface`
-     * with its own bundler and passes the URL here.
-     */
-    src: string;
-    state: PresenceState;
-};
-/** The arrival curve: a trace at the start, not a face already half-built. */
-export declare function arrivalOpacity(reveal: number): number;
-/**
- * Nadia at a threshold.
- *
- * `reveal` drives one opacity, so nothing re-renders per frame and the value
- * a Customer sees is the value assistive technology is told. The lower edge
- * dissolves into the room instead of ending on a rectangle. At `state="ready"`
- * she takes one short verde vivo beat, her presence accent, and settles.
- */
-export declare function NadiaPresence({ className, label, reveal, src, state }: NadiaPresenceProps): import("react").JSX.Element;
-//# sourceMappingURL=presence.d.ts.map

package/dist/components/threshold/presence.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"presence.d.ts","sourceRoot":"","sources":["../../../src/components/threshold/presence.tsx"],"names":[],"mappings":"AA+CA,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAIF,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAErD;AAgBD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,kBAAkB,+BAsIzF"}

package/dist/components/threshold/presence.js

@@ -1,159 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { defaultObjectSizing, ShaderFitOptions, ShaderMount, waterFragmentShader, } from "@paper-design/shaders";
-import { useEffect, useRef, useState } from "react";
-import { resolveIdentityColor } from "../../internal/agent-visual/color.js";
-import { cn } from "../../lib/utils.js";
-import { holdCanvas } from "./canvas-budget.js";
-import { useReducedMotion } from "./use-reduced-motion.js";
-/*
- * Nadia's presence: the portrait master itself, arriving through the room. No
- * medallion, no ring, no bar. How much of her you can see is the progress.
- *
- * While she is arriving the portrait carries Paper Shaders' Water at a
- * restrained intensity, so the field she is coming through moves across her
- * without taking her geometry apart. Every amplitude is scaled by how much of
- * the arrival is left, so the water is gone by the time she stands clear. At
- * reveal 1, and in every other state, this is the plain portrait.
- *
- * The water is the window's one shader canvas while it is wanted. The presence
- * holds the canvas budget from the moment the water is asked for until it is
- * torn down, and the room keeps its still field for exactly that long
- * (`canvas-budget.ts`).
- */
-const ARRIVAL_FLOOR = 0.025;
-const ARRIVAL_CURVE = 1.25;
-const WATER_CAUSTIC = 0.35;
-const WATER_EDGES = 0.4;
-const WATER_WAVES = 0.3;
-const WATER_LAYERING = 0.4;
-const WATER_HIGHLIGHTS = 0.12;
-const WATER_SIZE = 1;
-const WATER_SPEED = 1;
-const WATER_FRAME = 0;
-const WATER_MIN_PIXEL_RATIO = 1;
-const WATER_MAX_PIXEL_COUNT = 1_024_000;
-const PRESENCE_FIELD_TOKEN = "--nc-identity-verde";
-const TRANSPARENT = [0, 0, 0, 0];
-const clampUnit = (value) => Math.min(Math.max(value, 0), 1);
-/** The arrival curve: a trace at the start, not a face already half-built. */
-export function arrivalOpacity(reveal) {
-    return ARRIVAL_FLOOR + (1 - ARRIVAL_FLOOR) * clampUnit(reveal) ** ARRIVAL_CURVE;
-}
-function waterUniforms(reveal, field) {
-    const remaining = 1 - clampUnit(reveal);
-    return {
-        u_caustic: WATER_CAUSTIC * remaining,
-        u_colorBack: TRANSPARENT,
-        u_colorHighlight: field,
-        u_edges: WATER_EDGES * remaining,
-        u_highlights: WATER_HIGHLIGHTS,
-        u_layering: WATER_LAYERING,
-        u_size: WATER_SIZE,
-        u_waves: WATER_WAVES * remaining,
-    };
-}
-/**
- * Nadia at a threshold.
- *
- * `reveal` drives one opacity, so nothing re-renders per frame and the value
- * a Customer sees is the value assistive technology is told. The lower edge
- * dissolves into the room instead of ending on a rectangle. At `state="ready"`
- * she takes one short verde vivo beat, her presence accent, and settles.
- */
-export function NadiaPresence({ className, label, reveal, src, state }) {
-    const still = useReducedMotion();
-    const hostRef = useRef(null);
-    const mountRef = useRef(null);
-    const [surface, setSurface] = useState("portrait");
-    const value = clampUnit(reveal);
-    const arriving = state === "arriving";
-    const wet = arriving && value < 1 && !still;
-    useEffect(() => {
-        const host = hostRef.current;
-        if (!host || !wet)
-            return;
-        const field = resolveIdentityColor(host, PRESENCE_FIELD_TOKEN);
-        if (!field)
-            return;
-        let cancelled = false;
-        let canvas = null;
-        // Taken before the image decodes: the room stays still while her water is
-        // on its way, not only once it paints.
-        const releaseCanvas = holdCanvas();
-        const clearCanvases = () => {
-            for (const element of host.querySelectorAll("canvas"))
-                element.remove();
-            host.removeAttribute("data-paper-shader");
-        };
-        const teardown = () => {
-            canvas?.removeEventListener("webglcontextlost", handleContextLost);
-            canvas = null;
-            try {
-                mountRef.current?.dispose();
-            }
-            catch {
-                // The plain portrait is what stays; vendor cleanup failing is not
-                // allowed to remove Nadia from the screen.
-            }
-            mountRef.current = null;
-            clearCanvases();
-            // After disposal, so the room's canvas is never alive beside this one.
-            releaseCanvas();
-        };
-        function handleContextLost(event) {
-            event.preventDefault();
-            teardown();
-            setSurface("portrait");
-        }
-        const image = new Image();
-        image.decoding = "async";
-        image.src = src;
-        const mount = async () => {
-            try {
-                await image.decode();
-                if (cancelled)
-                    return;
-                mountRef.current = new ShaderMount(host, waterFragmentShader, {
-                    ...waterUniforms(value, field),
-                    u_fit: ShaderFitOptions.contain,
-                    u_image: image,
-                    u_offsetX: defaultObjectSizing.offsetX,
-                    u_offsetY: defaultObjectSizing.offsetY,
-                    u_originX: defaultObjectSizing.originX,
-                    u_originY: defaultObjectSizing.originY,
-                    u_rotation: defaultObjectSizing.rotation,
-                    u_scale: defaultObjectSizing.scale,
-                    u_worldHeight: defaultObjectSizing.worldHeight,
-                    u_worldWidth: defaultObjectSizing.worldWidth,
-                }, undefined, WATER_SPEED, WATER_FRAME, WATER_MIN_PIXEL_RATIO, WATER_MAX_PIXEL_COUNT, ["u_image"]);
-                canvas = mountRef.current.canvasElement;
-                canvas.addEventListener("webglcontextlost", handleContextLost);
-                setSurface("water");
-            }
-            catch {
-                // No WebGL, no palette, or an image that will not decode: she arrives
-                // as the plain portrait, which is the whole design at reveal 1 anyway.
-                teardown();
-                setSurface("portrait");
-            }
-        };
-        void mount();
-        return () => {
-            cancelled = true;
-            teardown();
-            setSurface("portrait");
-        };
-    }, [src, wet]);
-    useEffect(() => {
-        const host = hostRef.current;
-        const mount = mountRef.current;
-        if (!host || !mount)
-            return;
-        const field = resolveIdentityColor(host, PRESENCE_FIELD_TOKEN);
-        if (!field)
-            return;
-        mount.setUniforms(waterUniforms(value, field));
-    }, [value]);
-    return (_jsxs("div", { className: cn("nc-threshold-presence", className), "data-state": state, "data-still": still || undefined, style: { "--threshold-portrait": `url("${src}")` }, children: [_jsx("div", { "aria-hidden": "true", className: "nc-threshold-presence-figure", "data-surface": surface, ref: hostRef, style: { opacity: arriving ? arrivalOpacity(value) : 1 }, children: _jsx("img", { alt: "", className: "nc-threshold-presence-portrait", draggable: false, src: src }) }), _jsx("div", { "aria-label": label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": Math.floor(value * 100), className: "nc-threshold-sr", role: "progressbar" })] }));
-}