@nadicodeai/ui 2.0.0 → 3.0.0

package/AGENTS.md

@@ -4,7 +4,10 @@ The `@nadicodeai/ui` npm workspace: the shared NadicodeAI React UI package on br
 
 ## Commands
 
-Proof escalates by the ladder in the root `AGENTS.md` "Commands": `npm run check -w @nadicodeai/ui` and `npm run test -w @nadicodeai/ui` before pushing. `test` builds `dist` first, then runs the workspace guards and the browser-free jsdom + axe-core tier-1 accessibility checks.
+Proof follows [the repository pipeline](../../docs/agents/develop.md#the-pipeline):
+`npm run check -w @nadicodeai/ui` and `npm run test -w @nadicodeai/ui` before
+pushing. `test` builds `dist` first, then runs the workspace guards and the
+browser-free jsdom + axe-core tier-1 accessibility checks.
 
 | Command | When |
 | --- | --- |
@@ -26,7 +29,7 @@ Proof escalates by the ladder in the root `AGENTS.md` "Commands": `npm run check
 | Motion behavior | `../design-system/DESIGN.md` "Motion", `src/lib/motion.ts`, then the `product-design` skill for agent procedure |
 | Which component subpaths exist | `package.json` `exports` (the `./components/*` wildcard over `src/components/` source is the whole surface. Never maintain a hand-copied list) |
 | shadcn / assistant-ui discovery | Live shadcn and assistant-ui CLIs (`npx shadcn@latest info\|search\|docs\|view\|add --dry-run`, `npx assistant-ui@latest add --help`). No committed registry inventory or snapshot exists, and `--overwrite` needs an explicit maintainer ask plus a reviewed diff |
-| Releasing / publishing | `../../docs/agents/npm-publishing.md` (release decision enforced by the pre-push gate, detail in `docs/contract.md`) |
+| Releasing / publishing | `../../docs/agents/publish.md` (release decision enforced by the pre-push gate, detail in `docs/contract.md`) |
 | Tokens, geometry, and the CSS the package composes | `../design-system/AGENTS.md` and `../design-system/DESIGN.md` |
 | Website page assembly | `../../apps/website/AGENTS.md` |
 | Portal screens | `../../apps/portal/AGENTS.md` |

package/dist/components/agent-visual.js

@@ -58,6 +58,6 @@ function AgentVisual({ className, decorative = true, label, presentation = "card
         return () => observer.disconnect();
     }, []);
     const hasAmbientRenderer = canAnimate && isInViewport;
-    return (_jsxs("div", { "aria-hidden": decorative || undefined, "aria-label": decorative ? undefined : label, className: cn("relative isolate size-full overflow-hidden rounded-xl bg-nc-campo-inchiostro", presentation === "card" && "min-h-20", presentation === "detail" && "min-h-48", className), "data-agent-visual-motion": hasAmbientRenderer ? "ambient" : "static", "data-agent-visual-presentation": presentation, "data-agent-visual-recipe": recipe, ref: hostRef, role: decorative ? undefined : "img", children: [_jsx(AgentVisualPoster, { recipe: recipe }), hasAmbientRenderer && hostRef.current ? (_jsx("div", { "aria-hidden": "true", className: cn("absolute inset-0 opacity-0 transition-opacity duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)]", rendererReady && "opacity-100"), "data-agent-visual-renderer": "paper-metaballs", children: _jsx(AgentVisualErrorBoundary, { onUnavailable: handleUnavailable, children: _jsx(Suspense, { fallback: null, children: _jsx(LazyAgentVisualRenderer, { host: hostRef.current, onReady: handleReady, onUnavailable: handleUnavailable, recipe: recipe }) }) }) })) : null] }));
+    return (_jsxs("div", { "aria-hidden": decorative || undefined, "aria-label": decorative ? undefined : label, className: cn("relative isolate size-full overflow-hidden rounded-xl bg-nc-identity-ink", presentation === "card" && "min-h-20", presentation === "detail" && "min-h-48", className), "data-agent-visual-motion": hasAmbientRenderer ? "ambient" : "static", "data-agent-visual-presentation": presentation, "data-agent-visual-recipe": recipe, ref: hostRef, role: decorative ? undefined : "img", children: [_jsx(AgentVisualPoster, { recipe: recipe }), hasAmbientRenderer && hostRef.current ? (_jsx("div", { "aria-hidden": "true", className: cn("absolute inset-0 opacity-0 transition-opacity duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)]", rendererReady && "opacity-100"), "data-agent-visual-renderer": "paper-metaballs", children: _jsx(AgentVisualErrorBoundary, { onUnavailable: handleUnavailable, children: _jsx(Suspense, { fallback: null, children: _jsx(LazyAgentVisualRenderer, { host: hostRef.current, onReady: handleReady, onUnavailable: handleUnavailable, recipe: recipe }) }) }) })) : null] }));
 }
 export { AgentVisual };

package/dist/components/brand-field.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 /**
- * BrandField is the fixed bianco-on-inchiostro identity plane for composition.
+ * BrandField is the fixed white-on-ink identity plane for composition.
  *
- * It deliberately owns no interaction, state, or color variant: brand campi
- * are planes, not controls. Callers may add structural layout classes, while
- * the canonical black-and-white paint remains internal to the primitive.
+ * It deliberately owns no interaction, state, or color variant: an identity
+ * plane is a plane, not a control. Callers may add structural layout classes,
+ * while the canonical black-and-white paint remains internal to the primitive.
  */
 declare function BrandField({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { BrandField };

package/dist/components/brand-field.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 /**
- * BrandField is the fixed bianco-on-inchiostro identity plane for composition.
+ * BrandField is the fixed white-on-ink identity plane for composition.
  *
- * It deliberately owns no interaction, state, or color variant: brand campi
- * are planes, not controls. Callers may add structural layout classes, while
- * the canonical black-and-white paint remains internal to the primitive.
+ * It deliberately owns no interaction, state, or color variant: an identity
+ * plane is a plane, not a control. Callers may add structural layout classes,
+ * while the canonical black-and-white paint remains internal to the primitive.
  */
 function BrandField({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "brand-field", className: cn(className, "bg-nc-campo-inchiostro text-nc-campo-bianco"), ...props }));
+    return (_jsx("div", { "data-slot": "brand-field", className: cn(className, "bg-nc-identity-ink text-nc-identity-white"), ...props }));
 }
 export { BrandField };

package/dist/components/button.js

@@ -9,8 +9,8 @@ const buttonVariants = cva("group/button inline-flex min-h-touch-target min-w-to
             outline: "border-input bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
             secondary: "bg-secondary text-secondary-foreground hover:bg-accent aria-expanded:bg-accent aria-expanded:text-accent-foreground",
             ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
-            brandGhost: "text-nc-campo-bianco hover:bg-nc-campo-bianco/10 hover:text-nc-campo-bianco aria-expanded:bg-nc-campo-bianco/10 aria-expanded:text-nc-campo-bianco",
-            brandSolid: "bg-nc-campo-bianco text-nc-campo-inchiostro hover:bg-nc-campo-bianco/90 hover:text-nc-campo-inchiostro active:bg-nc-campo-bianco/80 active:text-nc-campo-inchiostro",
+            brandGhost: "text-nc-identity-white hover:bg-nc-identity-white/10 hover:text-nc-identity-white aria-expanded:bg-nc-identity-white/10 aria-expanded:text-nc-identity-white",
+            brandSolid: "bg-nc-identity-white text-nc-identity-ink hover:bg-nc-identity-white/90 hover:text-nc-identity-ink active:bg-nc-identity-white/80 active:text-nc-identity-ink",
             destructive: "bg-[var(--nc-error-soft)] text-[var(--nc-error-deep)] hover:border-[var(--nc-error-deep)]",
             link: "text-primary underline-offset-4 hover:underline",
             onPrimary: "bg-primary-foreground text-primary hover:bg-primary-foreground/90",

package/dist/internal/agent-visual/color.d.ts

@@ -1,4 +1,4 @@
 type ShaderColor = [number, number, number, number];
-export declare function resolveCampoColor(element: Element, variable: string): ShaderColor | null;
+export declare function resolveIdentityColor(element: Element, variable: string): ShaderColor | null;
 export {};
 //# sourceMappingURL=color.d.ts.map

package/dist/internal/agent-visual/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/color.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AA4EpD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAGxF"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/color.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AA4EpD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAG3F"}

package/dist/internal/agent-visual/color.js

@@ -66,7 +66,7 @@ function parseLab(value) {
         clamp(alpha),
     ];
 }
-export function resolveCampoColor(element, variable) {
+export function resolveIdentityColor(element, variable) {
     const value = getComputedStyle(element).getPropertyValue(variable).trim();
     return parseOklch(value) ?? parseLab(value);
 }

package/dist/internal/agent-visual/poster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"poster.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/poster.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA4C,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAiH7F,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,MAAM,GACP,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;CAC3B,+BAgCA"}
+{"version":3,"file":"poster.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/poster.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA+C,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAiHhG,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,MAAM,GACP,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;CAC3B,+BA0CA"}

package/dist/internal/agent-visual/poster.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import { cn } from "../../lib/utils.js";
-import { AGENT_VISUAL_RECIPE_SPECS, campoVariable } from "./recipes.js";
+import { AGENT_VISUAL_RECIPE_SPECS, identityVariable } from "./recipes.js";
 function Gradient({ id, recipe }) {
     const colors = AGENT_VISUAL_RECIPE_SPECS[recipe].colors;
-    return (_jsx("linearGradient", { id: id, x1: "0", x2: "1", y1: "0", y2: "1", children: colors.map((color, index) => (_jsx("stop", { offset: `${(index / Math.max(colors.length - 1, 1)) * 100}%`, stopColor: `var(${campoVariable(color)})` }, color))) }));
+    return (_jsx("linearGradient", { id: id, x1: "0", x2: "1", y1: "0", y2: "1", children: colors.map((color, index) => (_jsx("stop", { offset: `${(index / Math.max(colors.length - 1, 1)) * 100}%`, stopColor: `var(${identityVariable(color)})` }, color))) }));
 }
 function Surface({ clipId, gradientId, patternId, recipe, }) {
     const { colors, material } = AGENT_VISUAL_RECIPE_SPECS[recipe];
@@ -12,17 +12,17 @@ function Surface({ clipId, gradientId, patternId, recipe, }) {
         return (_jsx("rect", { width: "160", height: "120", fill: `url(#${gradientId})`, clipPath: `url(#${clipId})` }));
     }
     if (material === "points") {
-        return (_jsx("g", { clipPath: `url(#${clipId})`, children: colors.map((color, index) => (_jsx("g", { transform: `translate(${index * 3} ${index * 2})`, children: Array.from({ length: 8 }, (_, row) => Array.from({ length: 11 }, (__, column) => (_jsx("circle", { cx: column * 16, cy: row * 16, fill: `var(${campoVariable(color)})`, r: 1.45 + ((row + column + index) % 3) * 0.35 }, `${row}-${column}`)))) }, color))) }));
+        return (_jsx("g", { clipPath: `url(#${clipId})`, children: colors.map((color, index) => (_jsx("g", { transform: `translate(${index * 3} ${index * 2})`, children: Array.from({ length: 8 }, (_, row) => Array.from({ length: 11 }, (__, column) => (_jsx("circle", { cx: column * 16, cy: row * 16, fill: `var(${identityVariable(color)})`, r: 1.45 + ((row + column + index) % 3) * 0.35 }, `${row}-${column}`)))) }, color))) }));
     }
     if (material === "wire") {
-        return (_jsxs("g", { clipPath: `url(#${clipId})`, fill: "none", children: [Array.from({ length: 14 }, (_, index) => (_jsx("path", { d: `M ${-28 + index * 14} 0 L ${42 + index * 14} 120`, stroke: `var(${campoVariable(colors[index % colors.length])})`, strokeWidth: "1" }, `wire-a-${index}`))), Array.from({ length: 14 }, (_, index) => (_jsx("path", { d: `M ${-28 + index * 14} 120 L ${42 + index * 14} 0`, stroke: `var(${campoVariable(colors[(index + 1) % colors.length])})`, strokeWidth: "1" }, `wire-b-${index}`))), Array.from({ length: 9 }, (_, index) => (_jsx("path", { d: `M 0 ${index * 15} H 160`, stroke: `var(${campoVariable(colors[(index + 2) % colors.length])})`, strokeWidth: "0.8" }, `wire-c-${index}`)))] }));
+        return (_jsxs("g", { clipPath: `url(#${clipId})`, fill: "none", children: [Array.from({ length: 14 }, (_, index) => (_jsx("path", { d: `M ${-28 + index * 14} 0 L ${42 + index * 14} 120`, stroke: `var(${identityVariable(colors[index % colors.length])})`, strokeWidth: "1" }, `wire-a-${index}`))), Array.from({ length: 14 }, (_, index) => (_jsx("path", { d: `M ${-28 + index * 14} 120 L ${42 + index * 14} 0`, stroke: `var(${identityVariable(colors[(index + 1) % colors.length])})`, strokeWidth: "1" }, `wire-b-${index}`))), Array.from({ length: 9 }, (_, index) => (_jsx("path", { d: `M 0 ${index * 15} H 160`, stroke: `var(${identityVariable(colors[(index + 2) % colors.length])})`, strokeWidth: "0.8" }, `wire-c-${index}`)))] }));
     }
     return (_jsxs("g", { clipPath: `url(#${clipId})`, children: [_jsx("rect", { width: "160", height: "120", fill: `url(#${patternId})` }), Array.from({ length: 46 }, (_, index) => {
                 const color = colors[index % colors.length];
                 const x = 20 + ((index * 37) % 125);
                 const y = 12 + ((index * 53) % 98);
                 const radius = 0.8 + ((index * 7) % 8) * 0.28;
-                return (_jsx("circle", { cx: x, cy: y, fill: `var(${campoVariable(color)})`, opacity: 0.48 + (index % 5) * 0.12, r: radius }, `particle-${index}`));
+                return (_jsx("circle", { cx: x, cy: y, fill: `var(${identityVariable(color)})`, opacity: 0.48 + (index % 5) * 0.12, r: radius }, `particle-${index}`));
             })] }));
 }
 export function AgentVisualPoster({ className, recipe, }) {
@@ -31,5 +31,5 @@ export function AgentVisualPoster({ className, recipe, }) {
     const gradientId = `${id}-gradient`;
     const patternId = `${id}-particles`;
     const colors = AGENT_VISUAL_RECIPE_SPECS[recipe].colors;
-    return (_jsxs("svg", { "aria-hidden": "true", className: cn("size-full", className), "data-agent-visual-poster": "true", focusable: "false", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 160 120", children: [_jsxs("defs", { children: [_jsx("clipPath", { id: clipId, children: AGENT_VISUAL_RECIPE_SPECS[recipe].posterForm.map(([cx, cy, radius], index) => (_jsx("circle", { cx: cx, cy: cy, r: radius }, index))) }), _jsx(Gradient, { id: gradientId, recipe: recipe }), _jsxs("pattern", { id: patternId, width: "14", height: "14", patternUnits: "userSpaceOnUse", children: [_jsx("circle", { cx: "2", cy: "3", r: "1.1", fill: `var(${campoVariable(colors[0])})` }), _jsx("circle", { cx: "10", cy: "8", r: "2.1", fill: `var(${campoVariable(colors[1] ?? colors[0])})` }), _jsx("circle", { cx: "5", cy: "12", r: "0.7", fill: `var(${campoVariable(colors[2] ?? colors[0])})` })] })] }), _jsx(Surface, { clipId: clipId, gradientId: gradientId, patternId: patternId, recipe: recipe })] }));
+    return (_jsxs("svg", { "aria-hidden": "true", className: cn("size-full", className), "data-agent-visual-poster": "true", focusable: "false", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 160 120", children: [_jsxs("defs", { children: [_jsx("clipPath", { id: clipId, children: AGENT_VISUAL_RECIPE_SPECS[recipe].posterForm.map(([cx, cy, radius], index) => (_jsx("circle", { cx: cx, cy: cy, r: radius }, index))) }), _jsx(Gradient, { id: gradientId, recipe: recipe }), _jsxs("pattern", { id: patternId, width: "14", height: "14", patternUnits: "userSpaceOnUse", children: [_jsx("circle", { cx: "2", cy: "3", r: "1.1", fill: `var(${identityVariable(colors[0])})` }), _jsx("circle", { cx: "10", cy: "8", r: "2.1", fill: `var(${identityVariable(colors[1] ?? colors[0])})` }), _jsx("circle", { cx: "5", cy: "12", r: "0.7", fill: `var(${identityVariable(colors[2] ?? colors[0])})` })] })] }), _jsx(Surface, { clipId: clipId, gradientId: gradientId, patternId: patternId, recipe: recipe })] }));
 }

package/dist/internal/agent-visual/recipes.d.ts

@@ -1,8 +1,8 @@
 export type AgentVisualRecipe = "general" | "reasoning" | "coordination" | "communication" | "execution";
 export type AgentVisualMaterial = "solid" | "points" | "wire" | "particles";
-type Campo = "arancio" | "cobalto" | "giallo" | "inchiostro" | "rosso" | "verde";
+type IdentityColor = "arancio" | "cobalto" | "giallo" | "ink" | "rosso" | "verde";
 export type AgentVisualRecipeSpec = {
-    colors: readonly Campo[];
+    colors: readonly IdentityColor[];
     count: number;
     frame: number;
     material: AgentVisualMaterial;
@@ -10,6 +10,6 @@ export type AgentVisualRecipeSpec = {
     size: number;
 };
 export declare const AGENT_VISUAL_RECIPE_SPECS: Record<AgentVisualRecipe, AgentVisualRecipeSpec>;
-export declare function campoVariable(campo: Campo): string;
+export declare function identityVariable(color: IdentityColor): string;
 export {};
 //# sourceMappingURL=recipes.d.ts.map

package/dist/internal/agent-visual/recipes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/recipes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,cAAc,GACd,eAAe,GACf,WAAW,CAAC;AAEhB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAE5E,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAoEtF,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,UAEzC"}
+{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/recipes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,cAAc,GACd,eAAe,GACf,WAAW,CAAC;AAEhB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAE5E,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAoEtF,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,UAEpD"}

package/dist/internal/agent-visual/recipes.js

@@ -67,6 +67,6 @@ export const AGENT_VISUAL_RECIPE_SPECS = {
         size: 0.92,
     },
 };
-export function campoVariable(campo) {
-    return `--nc-campo-${campo}`;
+export function identityVariable(color) {
+    return `--nc-identity-${color}`;
 }

package/dist/internal/agent-visual/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/renderer.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA4C,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAU7F,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,OAAO,EACP,aAAa,EACb,MAAM,GACP,EAAE,wBAAwB,+BA8G1B"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/renderer.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA+C,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAUhG,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,OAAO,EACP,aAAa,EACb,MAAM,GACP,EAAE,wBAAwB,+BA8G1B"}

package/dist/internal/agent-visual/renderer.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { defaultObjectSizing, getShaderNoiseTexture, metaballsFragmentShader, ShaderFitOptions, ShaderMount as PaperShaderMount, } from "@paper-design/shaders";
 import { useEffect, useRef } from "react";
-import { resolveCampoColor } from "./color.js";
-import { AGENT_VISUAL_RECIPE_SPECS, campoVariable } from "./recipes.js";
+import { resolveIdentityColor } from "./color.js";
+import { AGENT_VISUAL_RECIPE_SPECS, identityVariable } from "./recipes.js";
 import { AGENT_VISUAL_SHADER } from "./shader.js";
 const MATERIAL_INDEX = {
     particles: 3,
@@ -19,8 +19,8 @@ export default function AgentVisualRenderer({ host, onReady, onUnavailable, reci
             return;
         const spec = AGENT_VISUAL_RECIPE_SPECS[recipe];
         const isSolid = spec.material === "solid";
-        const colors = spec.colors.map((color) => resolveCampoColor(host, campoVariable(color)));
-        const colorBack = resolveCampoColor(host, campoVariable("inchiostro"));
+        const colors = spec.colors.map((color) => resolveIdentityColor(host, identityVariable(color)));
+        const colorBack = resolveIdentityColor(host, identityVariable("ink"));
         const hasPalette = colors.every((color) => color !== null) && colorBack !== null;
         if (!hasPalette) {
             onUnavailable();

package/docs/agent-visual.md

@@ -13,8 +13,10 @@ role-specific Agents that a company operates inside Nadia.
 ## Approved form
 
 - One connected metaball entity sits on a true-black field.
-- The entity is always multicolour and uses only the five NadicodeAI campi:
-  Cobalto, Verde, Arancio, Giallo, and Rosso.
+- The entity is always multicolour and draws its five hues from the Agent
+  identity palette: Cobalto, Verde, Arancio, Giallo, and Rosso. That palette
+  is owned by `packages/design-system/DESIGN.md`, which holds the token names
+  and values; this document holds the recipes that arrange them.
 - The entity itself carries the surface. Texture never paints the background.
 - The four approved surfaces are solid, ordered points, borderless triangular
   wire, and irregular living particles.

package/docs/agents/nadicodeai-ui.md

@@ -36,7 +36,7 @@ Use shadcn MCP or the CLI live; never commit an upstream registry inventory.
 the committed package surface. Preview upstream changes before applying them;
 do not overwrite maintained source without explicit maintainer direction.
 
-The package [`AGENTS.md`](../../AGENTS.md) maps scoped commands. Proof escalates
-by the ladder in the repository's root `AGENTS.md` "Commands": this workspace's
+The package [`AGENTS.md`](../../AGENTS.md) maps scoped commands. Proof follows
+[the repository pipeline](../../../../docs/agents/develop.md#the-pipeline): this workspace's
 `check` and `test`, then the root `npm run check` and `npm run test` when the
 diff reaches other workspaces.

package/docs/contract.md

@@ -97,7 +97,7 @@ gone, is [`packages/design-system/DESIGN.md`, "## Status Vocabulary"](../../desi
 - **Agents is the client-only conversation interface.** `@nadicodeai/ui/agents` re-exports the complete `@assistant-ui/react` runtime and primitive API plus the reviewed, branded registry composition held under `src/internal/assistant-ui/`. Its built entry retains `"use client"`. Consumers receive Thread, attachments, Markdown, reasoning, tools, suggestions, providers, runtimes, hooks, and types from that one domain namespace. Agent identity components use their direct component subpaths so server compositions do not import the conversation runtime. The vendor name is not a public NadicodeAI subpath, and the package does not rename, wrap, or rebuild assistant-ui behavior.
 - **Base UI is the active primitive base.** `components.json` must resolve through a Base style, currently `base-nova`, and `npx shadcn@latest info --json` must report `base: "base"`. Do not reintroduce `radix-ui`, `@radix-ui/*`, or `vaul` to package source, dependencies, or app optimizer configuration. Registry-owned shadcn primitives stay aligned with current `shadcn@latest` Base UI output; use Base UI `render` composition instead of Radix `asChild`. `cmdk` is allowed only for the stock shadcn Command component while the current `base-nova` registry declares that dependency; do not use it elsewhere or replace it without a shadcn/compatibility decision and tests.
 - **Named shadcn blocks stay named.** When a user, plan, or issue selects a shadcn block/example such as `login-02`, `signup-02`, `dashboard-01`, or `sidebar-*`, use that registry item as the source of truth through shadcn CLI/MCP. Do not replace it with a package-authored abstraction unless the plan explicitly records the substitution, the reason, and the true consumer route that proves it.
-- **Public surface changes require a release decision.** Any change to exported components, `src/index.ts`, package `exports`, `globals.css`, theme behavior, package docs, package skills, or design-system token/CSS/theme output consumed by this package must end with an explicit npm release decision before handoff: bump the relevant version(s) and run `npm pack --dry-run -w @nadicodeai/ui` per `../../../docs/agents/npm-publishing.md`, or include a `[no-publish]` commit marker with the reason in the commit body. The pre-push gate requires one of the two. When the UI change depends on modified `@nadicodeai/design-system` output, bump and publish `@nadicodeai/design-system` first, then update this package's dependency and publish UI. Never claim a UI package change is shipped until `npm view @nadicodeai/ui version` reports the intended version.
+- **Public surface changes require a release decision.** Any change to exported components, `src/index.ts`, package `exports`, `globals.css`, theme behavior, package docs, package skills, or design-system token/CSS/theme output consumed by this package must end with an explicit npm release decision before handoff: bump the relevant version(s) and run `npm pack --dry-run -w @nadicodeai/ui` per `../../../docs/agents/publish.md`, or include a `[no-publish]` commit marker with the reason in the commit body. The pre-push gate requires one of the two. When the UI change depends on modified `@nadicodeai/design-system` output, bump and publish `@nadicodeai/design-system` first, then update this package's dependency and publish UI. Never claim a UI package change is shipped until `npm view @nadicodeai/ui version` reports the intended version.
 
 ## Admission Rules
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -63,7 +63,7 @@
     "@assistant-ui/react": "0.15.1",
     "@assistant-ui/react-markdown": "0.14.8",
     "@base-ui/react": "^1.6.0",
-    "@nadicodeai/design-system": "2.0.0",
+    "@nadicodeai/design-system": "3.0.0",
     "@paper-design/shaders": "0.0.78",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",