@nadicodeai/ui 10.0.2 → 12.1.0

package/dist/eslint/index.js

@@ -17,6 +17,7 @@ import { noMonoTitleRegister } from "./rules/no-mono-title-register.js";
 import { noPackageComponentRedefinition } from "./rules/no-package-component-redefinition.js";
 import { noPairedSizeUtility } from "./rules/no-paired-size-utility.js";
 import { noRestingSettingsControl } from "./rules/no-resting-settings-control.js";
+import { oneControlHeight } from "./rules/one-control-height.js";
 import { noShadcnAppearanceOverride } from "./rules/no-shadcn-appearance-override.js";
 import { noSubjectDerivedExpectation } from "./rules/no-subject-derived-expectation.js";
 import { noUnpinnedVercelFunctionsImport } from "./rules/no-unpinned-vercel-functions-import.js";
@@ -25,6 +26,7 @@ import { noRepaintedFocus } from "./rules/no-repainted-focus.js";
 import { noInvalidTokenUtility } from "./rules/no-invalid-token-utility.js";
 import { noTokenCategoryBypass } from "./rules/no-token-category-bypass.js";
 import { serverActionDiscipline } from "./rules/server-action-discipline.js";
+import { settingsSectionDescription } from "./rules/settings-section-description.js";
 import { shadcnComposition } from "./rules/shadcn-composition.js";
 
 /**
@@ -104,7 +106,9 @@ const plugin = {
     "no-unpinned-vercel-functions-import": noUnpinnedVercelFunctionsImport,
     "no-invalid-token-utility": noInvalidTokenUtility,
     "no-token-category-bypass": noTokenCategoryBypass,
+    "one-control-height": oneControlHeight,
     "server-action-discipline": serverActionDiscipline,
+    "settings-section-description": settingsSectionDescription,
     "shadcn-composition": shadcnComposition,
   },
 };

package/dist/eslint/rules/jsx-class-utility.js

@@ -12,7 +12,7 @@
  * One hop, and no further: nothing chains through a second binding, nothing
  * crosses a file, nothing evaluates a condition or a template, and no value the
  * hop cannot see is guessed at. That is the minimum that holds the package
- * contract's repaint ban (`packages/ui/docs/contract.md`) against the way
+ * repaint ban (`packages/design-system/DESIGN.md`, "Components") against the way
  * this repository actually authors classes — a tone table beside its component
  * and a lookup at the call site, as in
  * `apps/portal/src/components/portal-overview/overview-usage-tone.ts`. Without the

package/dist/eslint/rules/no-shadcn-appearance-override.js

@@ -1,7 +1,7 @@
 /*
- * The @nadicodeai/ui package contract (`packages/ui/docs/contract.md`):
- * "Consumers compose structure. Appearance — colour, elevation, radius,
- * opacity, the primitive's own border — belongs to the package." A caller that
+ * The design system (`packages/design-system/DESIGN.md`, "Components"): "A page
+ * arranges and sizes a component and never restyles it: a new appearance is a
+ * typed variant or slot added to the component." A caller that
  * repaints an imported primitive forks its appearance into the call site, where
  * the next token change does not reach it.
  *

package/dist/eslint/rules/one-control-height.js

@@ -0,0 +1,94 @@
+/*
+ * Product chrome uses the 32px control.
+ *
+ * DESIGN.md ("Layout") gives every control in a product's chrome one height,
+ * `control-height`, with a 14px label at 500. The small sizes a control
+ * component still ships (`xs`, `sm`, `icon-xs`, `icon-sm`) exist for a control
+ * nested inside dense content in another product, such as a composer; a
+ * surface that enables this rule has none. The failure this catches: the
+ * Portal's header actions rendered at 28px with a 12.8px label beside 32px
+ * buttons in the card below them, because each caller picked `size="sm"`.
+ *
+ * What is read is a JSX element that is a control (a name ending in `Button`
+ * or `Trigger`, or a `Toggle`/`ToggleGroupItem`) and its `size` attribute, plus
+ * the `triggerSize` attribute a confirm form passes to the button it renders,
+ * plus the `size` key of a `buttonVariants({ ... })` or `toggleVariants({ ... })`
+ * call that styles a link as a button.
+ * A string literal is read directly and through both branches of a
+ * conditional, so `size={compact ? "sm" : "default"}` is reported too.
+ *
+ * Standard tool checked first: `no-restricted-syntax` can select
+ * `JSXAttribute[name.name="size"][value.value="sm"]` but not the element names
+ * that make it a control, nor the branches of a conditional value, without a
+ * selector per combination.
+ */
+import { jsxComponentName } from "./jsx-class-utility.js";
+
+const SMALL_SIZES = new Set(["xs", "sm", "icon-xs", "icon-sm"]);
+const CONTROL_NAMES = new Set(["Toggle", "ToggleGroupItem"]);
+const VARIANT_FUNCTIONS = new Set(["buttonVariants", "toggleVariants"]);
+
+function isControl(name) {
+  return typeof name === "string" && (CONTROL_NAMES.has(name) || /(?:Button|Trigger)$/.test(name));
+}
+
+function literals(node) {
+  if (!node) return [];
+  switch (node.type) {
+    case "Literal":
+      return typeof node.value === "string" ? [{ node, value: node.value }] : [];
+    case "JSXExpressionContainer":
+      return literals(node.expression);
+    case "ConditionalExpression":
+      return [...literals(node.consequent), ...literals(node.alternate)];
+    case "LogicalExpression":
+      return literals(node.right);
+    case "TemplateLiteral":
+      return node.expressions.length === 0
+        ? [{ node, value: node.quasis.map((quasi) => quasi.value.cooked).join("") }]
+        : [];
+    default:
+      return [];
+  }
+}
+
+export const oneControlHeight = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "Require the 32px control height for every control in product chrome",
+    },
+    schema: [],
+    messages: {
+      smallControl:
+        '{{attribute}}="{{size}}" renders this control below the 32px control height. Product chrome uses one control: drop the size for the default, or use "icon" for an icon-only control (DESIGN.md "Layout", rule/one-control-height).',
+    },
+  },
+  create(context) {
+    const reportSmall = (valueNode, attribute) => {
+      for (const { node, value } of literals(valueNode)) {
+        if (!SMALL_SIZES.has(value)) continue;
+        context.report({ node, messageId: "smallControl", data: { attribute, size: value } });
+      }
+    };
+    return {
+      CallExpression(call) {
+        if (call.callee.type !== "Identifier" || !VARIANT_FUNCTIONS.has(call.callee.name)) return;
+        const [options] = call.arguments;
+        if (options?.type !== "ObjectExpression") return;
+        for (const property of options.properties) {
+          if (property.type !== "Property" || property.computed) continue;
+          const key = property.key.type === "Identifier" ? property.key.name : property.key.value;
+          if (key === "size") reportSmall(property.value, "size");
+        }
+      },
+      JSXAttribute(attribute) {
+        const attributeName = attribute.name.type === "JSXIdentifier" ? attribute.name.name : "";
+        if (attributeName !== "size" && attributeName !== "triggerSize") return;
+        if (attributeName === "size" && !isControl(jsxComponentName(attribute.parent, context)))
+          return;
+        reportSmall(attribute.value, attributeName);
+      },
+    };
+  },
+};

package/dist/eslint/rules/settings-section-description.js

@@ -0,0 +1,45 @@
+/*
+ * Every settings section says what it changes.
+ *
+ * DESIGN.md ("Cards and sections") gives a settings section a one-line
+ * description under its title, the line that tells a person what changing the
+ * fields below will do before they change them. The failure this catches: the
+ * Portal's Profile photo and Personal details sections, whose titles named the
+ * content and nothing said what the change reaches.
+ *
+ * What is read is a `SettingsSection` element and whether it passes a
+ * `description` attribute. A spread may carry one, so an element with a spread
+ * attribute is not reported.
+ *
+ * Standard tool checked first: `no-restricted-syntax` can select
+ * `JSXOpeningElement[name.name="SettingsSection"]:not(:has(JSXAttribute[name.name="description"]))`,
+ * but not through a renamed import, which `jsxComponentName` resolves.
+ */
+import { jsxComponentName } from "./jsx-class-utility.js";
+
+export const settingsSectionDescription = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "Require a one-line description on every SettingsSection",
+    },
+    schema: [],
+    messages: {
+      missingDescription:
+        'This SettingsSection has no description. Say in one line what changing it does, under its title (DESIGN.md "Cards and sections", rule/settings-section-described).',
+    },
+  },
+  create(context) {
+    return {
+      JSXOpeningElement(node) {
+        if (jsxComponentName(node, context) !== "SettingsSection") return;
+        const described = node.attributes.some(
+          (attribute) =>
+            attribute.type === "JSXSpreadAttribute" ||
+            (attribute.name?.type === "JSXIdentifier" && attribute.name.name === "description"),
+        );
+        if (!described) context.report({ node, messageId: "missingDescription" });
+      },
+    };
+  },
+};

package/dist/index.d.ts

@@ -58,7 +58,6 @@ export * from "./components/file-type-icon.js";
 export * from "./components/footer.js";
 export * from "./components/form.js";
 export * from "./components/glass-control.js";
-export * from "./components/handoff-banner.js";
 export * from "./components/house-icons.js";
 export * from "./components/hover-card.js";
 export * from "./components/input.js";
@@ -87,6 +86,7 @@ export * from "./components/radio-group.js";
 export * from "./components/reading-column.js";
 export * from "./components/resizable.js";
 export * from "./components/run-timeline.js";
+export * from "./components/scope-switcher.js";
 export * from "./components/scroll-area.js";
 export * from "./components/select.js";
 export * from "./components/separator.js";

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -58,7 +58,6 @@ export * from "./components/file-type-icon.js";
 export * from "./components/footer.js";
 export * from "./components/form.js";
 export * from "./components/glass-control.js";
-export * from "./components/handoff-banner.js";
 export * from "./components/house-icons.js";
 export * from "./components/hover-card.js";
 export * from "./components/input.js";
@@ -87,6 +86,7 @@ export * from "./components/radio-group.js";
 export * from "./components/reading-column.js";
 export * from "./components/resizable.js";
 export * from "./components/run-timeline.js";
+export * from "./components/scope-switcher.js";
 export * from "./components/scroll-area.js";
 export * from "./components/select.js";
 export * from "./components/separator.js";

package/dist/internal/agent-orb-motion.d.ts

@@ -1,5 +1,6 @@
 import type { AgentOrbFigure } from "./agent-orb.js";
 export type AgentOrbState = "idle" | "working" | "waiting" | "blocked" | "thinking" | "done";
+export declare function nativeSpeed(form: AgentOrbFigure): number;
 export declare function stateSpeed(state: AgentOrbState, form: AgentOrbFigure): number;
 /**
  * Reduced motion turns movement off and keeps opacity and colour, so a

package/dist/internal/agent-orb-motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-orb-motion.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb-motion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAa7F,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,cAAc,UAKpE;AAKD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,UAIlE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM;;;;;;;;EAsCjF;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,KAAK,EAAE,MAAM,GAAG,OAAO;AACvB,mFAAmF;AACnF,GAAG,SAAI,QAgER"}
+{"version":3,"file":"agent-orb-motion.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb-motion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAa7F,wBAAgB,WAAW,CAAC,IAAI,EAAE,cAAc,UAE/C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,cAAc,UAKpE;AAKD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,UAIlE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM;;;;;;;;EAsCjF;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,KAAK,EAAE,MAAM,GAAG,OAAO;AACvB,mFAAmF;AACnF,GAAG,SAAI,QAgER"}

package/dist/internal/agent-orb-motion.js

@@ -8,11 +8,14 @@ const personalities = {
     braid: { speed: 0.65, tilt: -0.2 },
     morph: { speed: 0.9, tilt: 0.12 },
 };
+export function nativeSpeed(form) {
+    return personalities[form].speed;
+}
 export function stateSpeed(state, form) {
     // Idle is 0: only an Agent at work moves, so a list of twenty shows at a
     // glance which ones are busy.
     const speed = { idle: 0, working: 1, thinking: 1, waiting: 0, blocked: 0, done: 0.65 };
-    return speed[state] * personalities[form].speed;
+    return speed[state] * nativeSpeed(form);
 }
 /** The breath's period, in seconds. */
 const BREATH_SECONDS = 1.6;
@@ -112,7 +115,7 @@ ink = 1) {
             const gradient = context.createLinearGradient(size * 0.1, size * 0.7, size * 0.9, size * 0.3);
             colors.forEach((color, index) => gradient.addColorStop(index / Math.max(1, colors.length - 1), color));
             context.strokeStyle = gradient;
-            context.lineCap = "round";
+            context.lineCap = "butt";
             for (let segment = 0; segment < 100; segment++) {
                 const fraction = segment / 100;
                 const angle = head - tailLength + tailLength * fraction;
@@ -124,7 +127,7 @@ ink = 1) {
                 context.lineWidth = Math.max(0.65, size * 0.027 * taper);
                 context.beginPath();
                 context.moveTo(...point(angle));
-                context.lineTo(...point(angle + tailLength / 100 + 0.002));
+                context.lineTo(...point(angle + tailLength / 100));
                 context.stroke();
             }
         }

package/dist/internal/agent-orb.d.ts

@@ -15,6 +15,8 @@ export type AgentOrbFigure = AgentOrbForm | "nadia";
 export type AgentOrbSize = 20 | 24 | 32 | 40 | 64 | 96 | 160;
 /** How loudly one orb reads on its own ground. */
 export type AgentOrbPresence = "plain" | "over-picture";
+/** Status motion follows the Agent's real state; ambient motion shows only the native form. */
+export type AgentOrbMotion = "status" | "ambient";
 /**
  * The vendor's `ribbon` geometry (thinking-orbs 0.3.1, MIT, Jakub Antalik),
  * repeated here only so every dot carries its lane through the depth sort. The
@@ -22,7 +24,7 @@ export type AgentOrbPresence = "plain" | "over-picture";
  * a stripe jump between lanes as the ribbon turns; the lane is the stable id.
  */
 export declare function stripedRibbonFrame(size: number, t: number, opts: ModeOpts): OrbFrame;
-export type AgentOrbMountOptions = {
+type AgentOrbMountBase = {
     form: AgentOrbFigure;
     /**
      * The size the canvas is laid out at when nothing else sizes it. The engine
@@ -30,9 +32,15 @@ export type AgentOrbMountOptions = {
      */
     size: AgentOrbSize;
     paused?: boolean;
-    state?: AgentOrbState;
     presence?: AgentOrbPresence;
 };
+export type AgentOrbMountOptions = AgentOrbMountBase & ({
+    motion?: "status";
+    state?: AgentOrbState;
+} | {
+    motion: "ambient";
+    state?: never;
+});
 export declare function mountAgentOrb(canvas: HTMLCanvasElement, options: AgentOrbMountOptions): {
     destroy(): void;
     setPaused(_value: boolean): void;

package/dist/internal/agent-orb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAEb,KAAK,QAAQ,EAId,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,oBAAoB,CAAC;AAE5B,QAAA,MAAM,aAAa;;;;;;;;CAQ0B,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AACtD,kEAAkE;AAClE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAE7D,kDAAkD;AAClD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,CAAC;AA+BxD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAuDpF;AAmFD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,cAAc,CAAC;IACrB;;;OAGG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,oBAAoB;;sBAIzC,OAAO;qBAAuB,aAAa;EAqJvF"}
+{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAEb,KAAK,QAAQ,EAId,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,KAAK,aAAa,EAMnB,MAAM,oBAAoB,CAAC;AAE5B,QAAA,MAAM,aAAa;;;;;;;;CAQ0B,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AACtD,kEAAkE;AAClE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAE7D,kDAAkD;AAClD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,CAAC;AACxD,+FAA+F;AAC/F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AA+BlD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAuDpF;AA4FD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB;;;OAGG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAClD,CAAC;IAAE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAExF,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,oBAAoB;;sBAIzC,OAAO;qBAAuB,aAAa;EA0JvF"}

package/dist/internal/agent-orb.js

@@ -1,5 +1,5 @@
 import { finalizeFrame, MODE_FRAMES, makeProj, radiusScale, resolvePreset, } from "thinking-orbs/engine";
-import { motionPose, paintOrbCue, reducedBreath, stateSpeed, } from "./agent-orb-motion.js";
+import { motionPose, nativeSpeed, paintOrbCue, reducedBreath, stateSpeed, } from "./agent-orb-motion.js";
 const agentOrbForms = {
     orbit: "working",
     globe: "searching",
@@ -82,8 +82,8 @@ export function stripedRibbonFrame(size, t, opts) {
                 y,
                 z,
                 r: ((opts.rBase ?? 1.1) + (opts.rDepth ?? 1.7) * depth) * (1 - 0.25 * edge) * scale,
-                white: 0.52 - 0.44 * depth + 0.18 * edge,
-                a: 0.4 + 0.6 * depth,
+                white: 0.08 + 0.1 * edge,
+                a: 0.55 + 0.45 * depth,
                 stripe: Math.min(3, Math.floor((lane / lanes) * 4)),
             });
         }
@@ -98,7 +98,7 @@ function paintAgentOrb(context, input) {
         ? stripedRibbonFrame(size, seconds, preset.opts)
         : MODE_FRAMES[preset.mode](size, seconds, preset.opts);
     context.clearRect(0, 0, size, size);
-    const pose = motionPose(form, state, reduced ? (state === "done" ? 2 : 0.6) : age);
+    const pose = motionPose(form, input.motion === "ambient" ? "idle" : state, reduced ? (state === "done" ? 2 : 0.6) : age);
     const gestureSeconds = reduced ? 0.8 : age / (state === "done" ? 0.575 : 0.2875);
     const project = (x, y) => {
         const dx = (x - size / 2) * pose.sx;
@@ -112,7 +112,9 @@ function paintAgentOrb(context, input) {
         ];
     };
     const ink = pose.opacity * breath;
-    paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "back", breath);
+    if (input.motion === "status") {
+        paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "back", breath);
+    }
     context.fillStyle = color;
     context.strokeStyle = color;
     for (const line of frame.lines) {
@@ -131,7 +133,9 @@ function paintAgentOrb(context, input) {
         context.fill();
     }
     context.globalAlpha = 1;
-    paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "front", breath);
+    if (input.motion === "status") {
+        paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "front", breath);
+    }
 }
 export function mountAgentOrb(canvas, options) {
     const { form, presence = "plain" } = options;
@@ -147,6 +151,7 @@ export function mountAgentOrb(canvas, options) {
     let age = 0;
     let breath = 0;
     let state = options.state ?? "idle";
+    const orbMotion = options.motion ?? "status";
     let previous = null;
     let lastPaint = 0;
     let ratio = 1;
@@ -179,6 +184,7 @@ export function mountAgentOrb(canvas, options) {
             reduced: motion.matches,
             breath: motion.matches ? reducedBreath(state, breath) : 1,
             presence,
+            motion: orbMotion,
             celebrationColors,
             stripeColors,
         });
@@ -188,7 +194,9 @@ export function mountAgentOrb(canvas, options) {
             return false;
         // Reduced motion holds every pose; only a busy orb keeps breathing.
         if (motion.matches)
-            return state === "thinking" || state === "working";
+            return orbMotion === "status" && (state === "thinking" || state === "working");
+        if (orbMotion === "ambient")
+            return true;
         return (state !== "idle" &&
             state !== "waiting" &&
             !(state === "blocked" && age >= 0.3) &&
@@ -203,8 +211,10 @@ export function mountAgentOrb(canvas, options) {
             if (motion.matches)
                 breath += elapsed;
             else {
-                seconds += elapsed * stateSpeed(state, form);
-                age += elapsed * (state === "done" ? 0.575 : 0.2875);
+                seconds +=
+                    elapsed * (orbMotion === "ambient" ? nativeSpeed(form) : stateSpeed(state, form));
+                if (orbMotion === "status")
+                    age += elapsed * (state === "done" ? 0.575 : 0.2875);
             }
         }
         previous = now;

package/dist/internal/assistant-ui/attachment.js

@@ -45,7 +45,7 @@ const AttachmentPreviewDialog = ({ children }) => {
     const src = useAttachmentSrc();
     if (!src)
         return children;
-    return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { nativeButton: false, className: "aui-attachment-preview-trigger", render: isValidElement(children) ? children : _jsx("button", { type: "button" }) }), _jsxs(DialogContent, { className: "aui-attachment-preview-dialog-content [&>button]:bg-foreground/60 [&>button]:hover:bg-foreground/80 [&_svg]:text-background p-2 sm:max-w-3xl [&>button]:rounded-full [&>button]:p-1 [&>button]:opacity-100 [&>button]:ring-0!", children: [_jsx(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }), _jsx("div", { className: "aui-attachment-preview bg-background relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden rounded-sm", children: _jsx(AttachmentPreview, { src: src }) })] })] }));
+    return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { nativeButton: false, className: "aui-attachment-preview-trigger", render: isValidElement(children) ? children : _jsx("button", { type: "button" }) }), _jsxs(DialogContent, { className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl", children: [_jsx(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }), _jsx("div", { className: "aui-attachment-preview bg-background relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden rounded-sm", children: _jsx(AttachmentPreview, { src: src }) })] })] }));
 };
 const AttachmentThumb = () => {
     const src = useAttachmentSrc();
@@ -78,10 +78,10 @@ const AttachmentUI = () => {
     const errorMessage = useAuiState((s) => s.attachment.status.type === "incomplete" && s.attachment.status.reason === "error"
         ? (s.attachment.status.message ?? "Upload failed")
         : undefined);
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsxs(AttachmentPrimitive.Root, { className: cn("aui-attachment-root relative", isComposer && "nc-transition-opacity", isImage && !isComposer && "aui-attachment-root-message only:*:first:size-24"), children: [_jsx(AttachmentPreviewDialog, { children: _jsxs(TooltipTrigger, { render: _jsx("div", { className: cn("aui-attachment-tile nc-transition-transform relative size-14 cursor-pointer overflow-hidden rounded-[calc(var(--composer-radius)-var(--composer-padding))] bg-muted after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:ring-1 after:ring-border after:ring-inset hover:after:bg-foreground/10", isError && "after:ring-destructive/60"), role: "button", tabIndex: 0, "aria-label": `${typeLabel} attachment${isError ? ", upload failed" : isUploading ? ", uploading" : ""}` }), children: [_jsx(AttachmentThumb, {}), isUploading && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-uploading nc-transition-opacity absolute inset-0 flex items-center justify-center bg-background/60 backdrop-blur-[2px]", children: _jsx(WaitingLine, { className: "w-8 text-muted-foreground", decorative: true }) })), isError && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-error nc-transition-opacity absolute inset-0 flex items-center justify-center bg-background/70 backdrop-blur-[2px]", children: _jsx(AlertCircleIcon, { className: "text-destructive size-4" }) }))] }) }), isComposer && _jsx(AttachmentRemove, {})] }), _jsxs(TooltipContent, { side: "top", children: [_jsx(AttachmentPrimitive.Name, {}), errorMessage && _jsx("p", { className: "aui-attachment-error-message", children: errorMessage })] })] }) }));
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsxs(AttachmentPrimitive.Root, { className: cn("aui-attachment-root relative", isComposer && "nc-transition-opacity", isImage && !isComposer && "aui-attachment-root-message only:*:first:size-24"), children: [_jsx(AttachmentPreviewDialog, { children: _jsxs(TooltipTrigger, { render: _jsx("div", { className: cn("aui-attachment-tile nc-transition-transform relative size-14 cursor-pointer overflow-hidden rounded-[calc(var(--composer-radius)-var(--composer-padding))] bg-muted after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:ring-1 after:ring-border after:ring-inset hover:after:bg-foreground/10", isError && "after:ring-destructive/60"), role: "button", tabIndex: 0, "aria-label": `${typeLabel} attachment${isError ? ", upload failed" : isUploading ? ", uploading" : ""}` }), children: [_jsx(AttachmentThumb, {}), isUploading && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-uploading nc-transition-opacity absolute inset-0 flex items-center justify-center bg-muted", children: _jsx(WaitingLine, { className: "w-8", decorative: true }) })), isError && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-error nc-transition-opacity absolute inset-0 flex items-center justify-center bg-muted", children: _jsx(AlertCircleIcon, { className: "text-destructive size-4" }) }))] }) }), isComposer && _jsx(AttachmentRemove, {})] }), _jsxs(TooltipContent, { side: "top", children: [_jsx(AttachmentPrimitive.Name, {}), errorMessage && _jsx("p", { className: "aui-attachment-error-message", children: errorMessage })] })] }) }));
 };
 const AttachmentRemove = () => {
-    return (_jsx(AttachmentPrimitive.Remove, { render: _jsx(TooltipIconButton, { tooltip: "Remove file", className: "aui-attachment-tile-remove absolute end-1 top-1 size-5 rounded-full bg-foreground/70! text-background! backdrop-blur-sm after:absolute after:-inset-1.5 hover:bg-foreground/85!", side: "top" }), children: _jsx(XIcon, { className: "aui-attachment-remove-icon size-3 stroke-[2.5]" }) }));
+    return (_jsx(AttachmentPrimitive.Remove, { render: _jsx(TooltipIconButton, { tooltip: "Remove file", className: "aui-attachment-tile-remove absolute end-1 top-1 size-5 rounded-md bg-background nc-elevation-floating after:absolute after:-inset-1.5", side: "top" }), children: _jsx(XIcon, { className: "aui-attachment-remove-icon size-3 stroke-[2.5]" }) }));
 };
 export const UserMessageAttachments = () => {
     return (_jsx("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: _jsx(MessagePrimitive.Attachments, { children: () => _jsx(AttachmentUI, {}) }) }));
@@ -90,5 +90,5 @@ export const ComposerAttachments = () => {
     return (_jsx("div", { className: "aui-composer-attachments flex w-full flex-row items-center gap-2 overflow-x-auto empty:hidden", children: _jsx(ComposerPrimitive.Attachments, { children: () => _jsx(AttachmentUI, {}) }) }));
 };
 export const ComposerAddAttachment = () => {
-    return (_jsx(ComposerPrimitive.AddAttachment, { render: _jsx(TooltipIconButton, { tooltip: "Add Attachment", side: "bottom", variant: "ghost", size: "icon", className: "aui-composer-add-attachment size-7 rounded-full p-1 text-xs font-semibold hover:bg-muted", "aria-label": "Add Attachment" }), children: _jsx(PlusIcon, { className: "aui-attachment-add-icon size-4.5 stroke-[1.5px]" }) }));
+    return (_jsx(ComposerPrimitive.AddAttachment, { render: _jsx(TooltipIconButton, { tooltip: "Add Attachment", side: "bottom", variant: "ghost", size: "icon", className: "aui-composer-add-attachment size-7 rounded-md p-1 text-xs font-semibold", "aria-label": "Add Attachment" }), children: _jsx(PlusIcon, { className: "aui-attachment-add-icon size-4.5 stroke-[1.5px]" }) }));
 };

package/dist/internal/assistant-ui/follow-up-suggestions.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { AuiIf, ThreadPrimitive, useAuiState } from "@assistant-ui/react";
 const FollowupSuggestionsRow = () => {
     const suggestions = useAuiState((s) => s.thread.suggestions);
-    return (_jsx("div", { className: "aui-thread-followup-suggestions -my-1 w-full overflow-x-auto py-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: _jsx("div", { className: "mx-auto flex min-h-8 w-max items-center gap-2 px-0.5", children: suggestions.map((suggestion, index) => (_jsx(ThreadPrimitive.Suggestion, { className: "aui-thread-followup-suggestion nc-transition-paint rounded-full border bg-background px-3 py-1 text-sm whitespace-nowrap hover:bg-muted/80", prompt: suggestion.prompt, 
+    return (_jsx("div", { className: "aui-thread-followup-suggestions -my-1 w-full overflow-x-auto py-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: _jsx("div", { className: "mx-auto flex min-h-8 w-max items-center gap-2 px-0.5", children: suggestions.map((suggestion, index) => (_jsx(ThreadPrimitive.Suggestion, { className: "aui-thread-followup-suggestion nc-transition-paint rounded-md border border-border bg-background px-3 py-1 text-sm whitespace-nowrap hover:bg-accent", prompt: suggestion.prompt, 
                 // `method="replace"` + `autoSend` under their current names: the
                 // library renamed them to `clearComposer` + `send` and deprecated
                 // the old pair, with the same behaviour behind both.

package/dist/internal/assistant-ui/markdown-text.js

@@ -22,7 +22,7 @@ const CodeHeader = ({ language, code }) => {
             return;
         void copyToClipboard();
     };
-    return (_jsxs("div", { className: "aui-code-header-root border-border/50 bg-muted/50 mt-3 flex items-center justify-between rounded-t-xl border border-b-0 px-3.5 py-1.5 text-xs", children: [_jsx("span", { className: "aui-code-header-language text-muted-foreground font-medium lowercase", children: language }), _jsxs(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && _jsx(CopyIcon, {}), isCopied && _jsx(CheckIcon, {})] })] }));
+    return (_jsxs("div", { className: "aui-code-header-root border-border bg-muted mt-3 flex items-center justify-between rounded-t-md border border-b-0 px-3.5 py-1.5 text-xs", children: [_jsx("span", { className: "aui-code-header-language text-muted-foreground font-medium lowercase", children: language }), _jsxs(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && _jsx(CopyIcon, {}), isCopied && _jsx(CheckIcon, {})] })] }));
 };
 const defaultComponents = memoizeMarkdownComponents({
     h1: ({ className, ...props }) => (_jsx("h1", { className: cn("aui-md-h1 mt-5 mb-2 scroll-m-20 text-xl font-semibold first:mt-0 last:mb-0", className), ...props })),
@@ -38,13 +38,13 @@ const defaultComponents = memoizeMarkdownComponents({
     ol: ({ className, ...props }) => (_jsx("ol", { className: cn("aui-md-ol marker:text-muted-foreground my-3 ms-5 list-decimal [&>li]:mt-1", className), ...props })),
     hr: ({ className, ...props }) => (_jsx("hr", { className: cn("aui-md-hr border-muted-foreground/20 my-3", className), ...props })),
     table: ({ className, ...props }) => (_jsx("table", { className: cn("aui-md-table my-3 w-full border-separate border-spacing-0 overflow-y-auto", className), ...props })),
-    th: ({ className, ...props }) => (_jsx("th", { className: cn("aui-md-th bg-muted px-3 py-1.5 text-start font-medium first:rounded-ss-lg last:rounded-se-lg [[align=center]]:text-center [[align=right]]:text-right", className), ...props })),
+    th: ({ className, ...props }) => (_jsx("th", { className: cn("aui-md-th bg-muted px-3 py-1.5 text-start font-medium first:rounded-ss-md last:rounded-se-md [[align=center]]:text-center [[align=right]]:text-right", className), ...props })),
     td: ({ className, ...props }) => (_jsx("td", { className: cn("aui-md-td border-muted-foreground/20 border-s border-b px-3 py-1.5 text-start last:border-e [[align=center]]:text-center [[align=right]]:text-right", className), ...props })),
-    tr: ({ className, ...props }) => (_jsx("tr", { className: cn("aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-es-lg [&:last-child>td:last-child]:rounded-ee-lg", className), ...props })),
+    tr: ({ className, ...props }) => (_jsx("tr", { className: cn("aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-es-md [&:last-child>td:last-child]:rounded-ee-md", className), ...props })),
     li: ({ className, ...props }) => (_jsx("li", { className: cn("aui-md-li leading-relaxed", className), ...props })),
     strong: ({ className, ...props }) => (_jsx("strong", { className: cn("aui-md-strong font-semibold", className), ...props })),
     sup: ({ className, ...props }) => (_jsx("sup", { className: cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className), ...props })),
-    pre: ({ className, ...props }) => (_jsx("pre", { className: cn("aui-md-pre border-border/50 bg-muted/30 overflow-x-auto rounded-t-none rounded-b-xl border border-t-0 p-3.5 text-[13px] leading-relaxed", className), ...props })),
+    pre: ({ className, ...props }) => (_jsx("pre", { className: cn("aui-md-pre border-border bg-muted overflow-x-auto rounded-t-none rounded-b-md border border-t-0 p-3.5 text-[13px] leading-relaxed", className), ...props })),
     code: function Code({ className, ...props }) {
         const isCodeBlock = useIsMarkdownCodeBlock();
         return (_jsx("code", { className: cn(!isCodeBlock &&

package/dist/internal/assistant-ui/reasoning.js

@@ -12,9 +12,9 @@ const ReasoningPreviewContext = createContext(false);
 const reasoningVariants = cva("aui-reasoning-root mb-4 w-full", {
     variants: {
         variant: {
-            outline: "rounded-lg border px-3 py-2",
+            outline: "rounded-md border px-3 py-2",
             ghost: "",
-            muted: "bg-muted/50 rounded-lg px-3 py-2",
+            muted: "bg-muted rounded-md px-3 py-2",
         },
     },
     defaultVariants: {

package/dist/internal/assistant-ui/thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/thread.tsx"],"names":[],"mappings":"AAyBA,OAAO,EASL,gBAAgB,EAGhB,KAAK,4BAA4B,EAElC,MAAM,qBAAqB,CAAC;AAe7B,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC,YAAY,CAAC,SAAS,CAAC;AAEtE;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACxD,SAAS,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;CAC3F,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAC3C,CAAC;AAWF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAQlC,CAAC"}
+{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/thread.tsx"],"names":[],"mappings":"AA2BA,OAAO,EASL,gBAAgB,EAGhB,KAAK,4BAA4B,EAElC,MAAM,qBAAqB,CAAC;AAe7B,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC,YAAY,CAAC,SAAS,CAAC;AAEtE;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACxD,SAAS,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;CAC3F,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAC3C,CAAC;AAWF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAQlC,CAAC"}