npm - @wildo-ai/presets-components - Versions diffs - 1.1.1 → 1.1.2 - Mend

@wildo-ai/presets-components 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

package/dist/esm/components/actions/action-button.d.ts CHANGED Viewed

@@ -1,8 +1,5 @@
 import * as React from "react";
 import type { ActionButtonProps } from '@wildo-ai/saas-frontend-lib';
-declare function ActionButton({ icon, label, onClick, variant, size, labelDisplayMode, disabled, stopPropagation, className, tabIndex, operationIdentifier, }: ActionButtonProps): React.JSX.Element;
-declare namespace ActionButton {
-    var displayName: string;
-}
+declare const ActionButton: React.ForwardRefExoticComponent<ActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { ActionButton };
 //# sourceMappingURL=action-button.d.ts.map

package/dist/esm/components/actions/action-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,6BAA6B,CAAA;AA0BtF,~~iBAAS~~,YAAY,~~CAAC~~,~~EACpB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAsC,EACtC,IAAyB,EACzB,gBAAiD,EACjD,QAAgB,EAChB,eAAsB,EACtB,SAAS,EACT,QAAQ,EACR,mBAAmB,GACpB,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkDvC~~;~~kBA9DQ~~,~~YAAY;;;AAkErB,~~OAAO,EAAE,YAAY,EAAE,CAAA"}
1	+ {"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,6BAA6B,CAAA;AA0BtF,QAAA,MAAM,YAAY,6FAmFhB,CAAA;AAIF,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/actions/action-button.js CHANGED Viewed

@@ -22,19 +22,35 @@ import { PlacementSide } from "@wildo-ai/presets-components-models";
  * Event propagation is stopped by default, which makes ActionButton safe
  * inside clickable containers (table rows, cards, etc.).
  * ────────────────────────────────────────────────────────────────────────── */
-function ActionButton({ icon, label, onClick, variant = ButtonVariants_Variant.GHOST, size = ButtonSize.ICON_SM, labelDisplayMode = ActionLabelDisplayMode.TOOLTIP, disabled = false, stopPropagation = true, className, tabIndex, operationIdentifier, }) {
+const ActionButton = React.forwardRef(function ActionButton({ icon, label, onClick, variant = ButtonVariants_Variant.GHOST, size = ButtonSize.ICON_SM, labelDisplayMode = ActionLabelDisplayMode.TOOLTIP, disabled = false, stopPropagation = true, className, tabIndex, operationIdentifier, triggerProps, }, ref) {
     const handleClick = React.useCallback((e) => {
         if (stopPropagation)
             e.stopPropagation();
+        /*
+         * The OUTER trigger's handler first, then this component's own.
+         *
+         * An anchored overlay opens from its trigger's `onClick`; dropping it is what made
+         * `ActionBarButton.popover` inert. Calling both keeps an action that has BOTH — a panel and a
+         * fallback — behaving the same in either label mode.
+         */
+        triggerProps?.onClick?.(e);
         onClick?.(e);
-    }, [onClick, stopPropagation]);
+    }, [onClick, stopPropagation, triggerProps]);
     /* ── Inline-label mode ──────────────────────────────────────────────── */
     if (labelDisplayMode === ActionLabelDisplayMode.INLINE) {
-        return (_jsxs(Button, { variant: variant, size: ButtonSize.SM, disabled: disabled, onClick: handleClick, tabIndex: tabIndex, "data-operation-id": operationIdentifier, className: cn("gap-1.5", className), children: [icon, _jsx("span", { className: "text-xs font-medium whitespace-nowrap", children: label })] }));
+        return (_jsxs(Button, { variant: variant, size: ButtonSize.SM, disabled: disabled, ...triggerProps, onClick: handleClick, ref: ref, tabIndex: tabIndex, "data-operation-id": operationIdentifier, className: cn("gap-1.5", className), children: [icon, _jsx("span", { className: "text-xs font-medium whitespace-nowrap", children: label })] }));
     }
     /* ── Icon-only mode with tooltip ────────────────────────────────────── */
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: variant, size: size, disabled: disabled, onClick: handleClick, "aria-label": label, tabIndex: tabIndex, "data-operation-id": operationIdentifier, className: className, children: icon }) }), _jsx(TooltipContent, { side: PlacementSide.BOTTOM, sideOffset: 5, children: label })] }));
-}
+    /*
+     * `triggerProps` and `ref` land on the BUTTON, not on the `<Tooltip>` root above it.
+     *
+     * A Radix root renders no DOM element and forwards nothing, so an outer `asChild` trigger cloning
+     * onto THIS component's return value would merge its props into nothing — which is precisely how
+     * `ActionBar`'s `ActionBarButton.popover` came to be silently inert in this mode: the button
+     * rendered, hovered, focused and clicked, and the panel never opened.
+     */
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: variant, size: size, disabled: disabled, ...triggerProps, onClick: handleClick, ref: ref, "aria-label": label, tabIndex: tabIndex, "data-operation-id": operationIdentifier, className: className, children: icon }) }), _jsx(TooltipContent, { side: PlacementSide.BOTTOM, sideOffset: 5, children: label })] }));
+});
 ActionButton.displayName = "ActionButton";
 export { ActionButton };
 //# sourceMappingURL=action-button.js.map

package/dist/esm/components/actions/action-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../../../../src/components/actions/action-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzH,OAAO,EAAE,UAAU,EAAyB,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAEnE;;;;;;;;;;;;;;;;;;gFAkBgF;AAEhF,SAAS,YAAY,CAAC,~~EACpB~~,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,GAAG,sBAAsB,CAAC,KAAK,EACtC,IAAI,GAAG,UAAU,CAAC,OAAO,EACzB,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,EACjD,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,QAAQ,EACR,mBAAmB,~~GACD~~;~~IAElB~~,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAA;QACxC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;IACd,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,~~CAC3B~~,CAAA;IAED,2EAA2E;IAC3E,IAAI,gBAAgB,KAAK,sBAAsB,CAAC,MAAM,EAAE,CAAC;QACvD,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,QAAQ,EAAE,QAAQ,~~EAClB~~,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,uBACC,mBAAmB,EACtC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAElC,IAAI,EACL,eAAM,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAQ,IAC/D,CACV,CAAA;IACH,CAAC;IAED,2EAA2E;IAC3E,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,~~EAClB~~,OAAO,EAAE,WAAW,~~gBACR~~,KAAK,EACjB,QAAQ,EAAE,QAAQ,uBACC,mBAAmB,EACtC,SAAS,EAAE,SAAS,YAEnB,IAAI,GACE,GACM,EACjB,KAAC,cAAc,IAAC,IAAI,EAAE,aAAa,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,YACtD,KAAK,GACS,IACT,CACX,CAAA;AACH,CAAC;~~AAED~~,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\nimport type { ActionButtonProps, ActionButtonSize } from '@wildo-ai/saas-frontend-lib'\n\nimport { cn, Button, Tooltip, TooltipTrigger, TooltipContent, ButtonVariants_Variant } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize, FrontendComponentType, ActionLabelDisplayMode } from \"@wildo-ai/presets-components-models\"\nimport { PlacementSide } from \"@wildo-ai/presets-components-models\"\n\n/* ─────────────────────────────────────────────────────────────────────────────\n * ActionButton\n \n A compact, icon-first button designed for toolbars, table rows, and inline\n * action groups. Wraps the base Button with automatic tooltip behaviour:\n \n • Tooltip mode (default) — icon-only; shows a tooltip on hover / focus.\n * • Inline mode — renders the label as text next to the icon.\n \n The mode is driven by `labelDisplayMode`. (The `DROPDOWN` app-policy is\n * resolved by ActionBar, which never renders a direct ActionButton in that\n * mode, so here `DROPDOWN` degrades to the tooltip affordance.)\n \n Uses the design-system recipe system, so it adapts to every theme\n * (default, glass, neo-brutalist, …).\n \n Event propagation is stopped by default, which makes ActionButton safe\n * inside clickable containers (table rows, cards, etc.).\n * ────────────────────────────────────────────────────────────────────────── /\n\~~nfunction~~ ActionButton({\n icon,\n label,\n onClick,\n variant = ButtonVariants_Variant.GHOST,\n size = ButtonSize.ICON_SM,\n labelDisplayMode = ActionLabelDisplayMode.TOOLTIP,\n disabled = false,\n stopPropagation = true,\n className,\n tabIndex,\n operationIdentifier,\n}: ActionButtonProps): React.JSX.Element {\n\n const handleClick = React.useCallback(\n (e: React.MouseEvent<HTMLButtonElement>) => {\n if (stopPropagation) e.stopPropagation()\n onClick?.(e)\n },\n [onClick, stopPropagation],\n )\n\n / ── Inline-label mode ──────────────────────────────────────────────── /\n if (labelDisplayMode === ActionLabelDisplayMode.INLINE) {\n return (\n <Button\n variant={variant}\n size={ButtonSize.SM}\n disabled={disabled}\n onClick={handleClick}\n tabIndex={tabIndex}\n data-operation-id={operationIdentifier}\n className={cn(\"gap-1.5\", className)}\n >\n {icon}\n <span className=\"text-xs font-medium whitespace-nowrap\">{label}</span>\n </Button>\n )\n }\n\n / ── Icon-only mode with tooltip ────────────────────────────────────── */\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n variant={variant}\n size={size}\n disabled={disabled}\n onClick={handleClick}\n aria-label={label}\n tabIndex={tabIndex}\n data-operation-id={operationIdentifier}\n className={className}\n >\n {icon}\n </Button>\n </TooltipTrigger>\n <TooltipContent side={PlacementSide.BOTTOM} sideOffset={5}>\n {label}\n </TooltipContent>\n </Tooltip>\n )\n}\n\nActionButton.displayName = \"ActionButton\"\n\nexport { ActionButton }\n"]}
1	+ {"version":3,"file":"action-button.js","sourceRoot":"","sources":["../../../../../src/components/actions/action-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzH,OAAO,EAAE,UAAU,EAAyB,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAEnE;;;;;;;;;;;;;;;;;;gFAkBgF;AAEhF,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAuC,SAAS,YAAY,CAAC,EAChG,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,GAAG,sBAAsB,CAAC,KAAK,EACtC,IAAI,GAAG,UAAU,CAAC,OAAO,EACzB,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,EACjD,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,QAAQ,EACR,mBAAmB,EACnB,YAAY,GACM,EAAE,GAAG;IAEvB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAA;QACxC;;;;;;WAMG;QACH,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QAC1B,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;IACd,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC,CACzC,CAAA;IAED,2EAA2E;IAC3E,IAAI,gBAAgB,KAAK,sBAAsB,CAAC,MAAM,EAAE,CAAC;QACvD,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,QAAQ,EAAE,QAAQ,KACd,YAAY,EAChB,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,uBACC,mBAAmB,EACtC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAElC,IAAI,EACL,eAAM,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAQ,IAC/D,CACV,CAAA;IACH,CAAC;IAED,2EAA2E;IAC3E;;;;;;;OAOG;IACH,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KACd,YAAY,EAChB,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,GAAG,gBACI,KAAK,EACjB,QAAQ,EAAE,QAAQ,uBACC,mBAAmB,EACtC,SAAS,EAAE,SAAS,YAEnB,IAAI,GACE,GACM,EACjB,KAAC,cAAc,IAAC,IAAI,EAAE,aAAa,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,YACtD,KAAK,GACS,IACT,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\nimport type { ActionButtonProps, ActionButtonSize } from '@wildo-ai/saas-frontend-lib'\n\nimport { cn, Button, Tooltip, TooltipTrigger, TooltipContent, ButtonVariants_Variant } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize, FrontendComponentType, ActionLabelDisplayMode } from \"@wildo-ai/presets-components-models\"\nimport { PlacementSide } from \"@wildo-ai/presets-components-models\"\n\n/* ─────────────────────────────────────────────────────────────────────────────\n * ActionButton\n \n A compact, icon-first button designed for toolbars, table rows, and inline\n * action groups. Wraps the base Button with automatic tooltip behaviour:\n \n • Tooltip mode (default) — icon-only; shows a tooltip on hover / focus.\n * • Inline mode — renders the label as text next to the icon.\n \n The mode is driven by `labelDisplayMode`. (The `DROPDOWN` app-policy is\n * resolved by ActionBar, which never renders a direct ActionButton in that\n * mode, so here `DROPDOWN` degrades to the tooltip affordance.)\n \n Uses the design-system recipe system, so it adapts to every theme\n * (default, glass, neo-brutalist, …).\n \n Event propagation is stopped by default, which makes ActionButton safe\n * inside clickable containers (table rows, cards, etc.).\n * ────────────────────────────────────────────────────────────────────────── /\n\nconst ActionButton = React.forwardRef<HTMLButtonElement, ActionButtonProps>(function ActionButton({\n icon,\n label,\n onClick,\n variant = ButtonVariants_Variant.GHOST,\n size = ButtonSize.ICON_SM,\n labelDisplayMode = ActionLabelDisplayMode.TOOLTIP,\n disabled = false,\n stopPropagation = true,\n className,\n tabIndex,\n operationIdentifier,\n triggerProps,\n}: ActionButtonProps, ref): React.JSX.Element {\n\n const handleClick = React.useCallback(\n (e: React.MouseEvent<HTMLButtonElement>) => {\n if (stopPropagation) e.stopPropagation()\n /\n * The OUTER trigger's handler first, then this component's own.\n \n An anchored overlay opens from its trigger's `onClick`; dropping it is what made\n * `ActionBarButton.popover` inert. Calling both keeps an action that has BOTH — a panel and a\n * fallback — behaving the same in either label mode.\n /\n triggerProps?.onClick?.(e)\n onClick?.(e)\n },\n [onClick, stopPropagation, triggerProps],\n )\n\n / ── Inline-label mode ──────────────────────────────────────────────── /\n if (labelDisplayMode === ActionLabelDisplayMode.INLINE) {\n return (\n <Button\n variant={variant}\n size={ButtonSize.SM}\n disabled={disabled}\n {...triggerProps}\n onClick={handleClick}\n ref={ref}\n tabIndex={tabIndex}\n data-operation-id={operationIdentifier}\n className={cn(\"gap-1.5\", className)}\n >\n {icon}\n <span className=\"text-xs font-medium whitespace-nowrap\">{label}</span>\n </Button>\n )\n }\n\n / ── Icon-only mode with tooltip ────────────────────────────────────── /\n /\n * `triggerProps` and `ref` land on the BUTTON, not on the `<Tooltip>` root above it.\n \n A Radix root renders no DOM element and forwards nothing, so an outer `asChild` trigger cloning\n * onto THIS component's return value would merge its props into nothing — which is precisely how\n * `ActionBar`'s `ActionBarButton.popover` came to be silently inert in this mode: the button\n * rendered, hovered, focused and clicked, and the panel never opened.\n */\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n variant={variant}\n size={size}\n disabled={disabled}\n {...triggerProps}\n onClick={handleClick}\n ref={ref}\n aria-label={label}\n tabIndex={tabIndex}\n data-operation-id={operationIdentifier}\n className={className}\n >\n {icon}\n </Button>\n </TooltipTrigger>\n <TooltipContent side={PlacementSide.BOTTOM} sideOffset={5}>\n {label}\n </TooltipContent>\n </Tooltip>\n )\n})\n\nActionButton.displayName = \"ActionButton\"\n\nexport { ActionButton }\n"]}

package/dist/esm/components/ai-elements/artifacts/artifact-browser.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"artifact-browser.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/artifact-browser.tsx"],"names":[],"mappings":"AAGA,OAAO,EAaL,uBAAuB,EAUxB,MAAM,6BAA6B,CAAC;~~AAyZrC~~,eAAO,MAAM,eAAe,yBAM1B,CAAC"}
1	+ {"version":3,"file":"artifact-browser.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/artifact-browser.tsx"],"names":[],"mappings":"AAGA,OAAO,EAaL,uBAAuB,EAUxB,MAAM,6BAA6B,CAAC;AA6ZrC,eAAO,MAAM,eAAe,yBAM1B,CAAC"}

package/dist/esm/components/ai-elements/artifacts/artifact-browser.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Badge, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, InputRoot, ScrollArea, cn, useUI, useI18n, createCompoundPreset, Surface, ButtonVariants_Variant, } from '@wildo-ai/saas-frontend-lib';
-import { UIBehavior, SurfaceVariant, TypographyVariant, FrontendComponentType, ButtonSize } from "@wildo-ai/presets-components-models";
+import { DividerVariant, UIBehavior, SurfaceVariant, TypographyVariant, FrontendComponentType, ButtonSize } from "@wildo-ai/presets-components-models";
 const CT = FrontendComponentType.LOW_LEVEL_AI_ARTIFACT_BROWSER;
 const TYPE_VARIANT = {
     TEXT: "default",
@@ -56,6 +56,10 @@ const AI_ArtifactFileContent = ({ filename, mimeType, size, url, path, className
     return (_jsxs("div", { className: cn("flex flex-col gap-card-sm", className), ...props, children: [_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { className: cn(surfaceInsetRecipe.base, "flex items-center justify-between rounded-md p-card-sm"), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [filename && _jsx("span", { className: "text-sm font-medium", children: filename }), _jsxs("div", { className: "flex items-center gap-element text-2xs text-muted-foreground", children: [mimeType && _jsx("span", { children: mimeType }), size != null && _jsx("span", { children: formatFileSize(size) })] })] }), url && (_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, asChild: true, children: _jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", download: filename, children: tComponent(CT, "download") }) }))] }) }), isImage && url && (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { className: "flex justify-center rounded-md bg-muted p-card", children: _jsx("img", { src: url, alt: filename ?? tComponent(CT, "preview"), className: "max-h-64 max-w-full rounded object-contain" }) }) })), isText && !isImage && url && (_jsxs("div", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "preview"), ": ", path ?? url] }))] }));
 };
 function JsonTreeNode({ value, depth }) {
+    // Themed nesting guide for the collapsed-branch reveal (`DIVIDER` / `NESTING_GUIDE`) — the same
+    // recipe every nested disclosure uses; the `ps-4` micro-indent is this tree's own density choice.
+    const { getRecipe } = useUI();
+    const jsonTreeNestingGuide = getRecipe(UIBehavior.DIVIDER, DividerVariant.NESTING_GUIDE).base;
     const [expanded, setExpanded] = React.useState(depth < 2);
     if (value === null || value === undefined) {
         return _jsx("span", { className: "text-muted-foreground italic", children: "null" });
@@ -69,13 +73,13 @@ function JsonTreeNode({ value, depth }) {
     if (Array.isArray(value)) {
         if (value.length === 0)
             return _jsx("span", { className: "text-muted-foreground", children: "[]" });
-        return (_jsxs(Collapsible, { open: expanded, onOpenChange: setExpanded, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "text-2xs text-muted-foreground hover:text-foreground", children: ["[", expanded ? "" : `…${value.length}`] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "ps-4 border-s border-border", children: value.map((item, i) => (_jsxs("div", { className: "py-px", children: [_jsx(JsonTreeNode, { value: item, depth: depth + 1 }), i < value.length - 1 && _jsx("span", { className: "text-muted-foreground", children: "," })] }, i))) }) }), expanded && _jsx("span", { className: "text-2xs text-muted-foreground", children: "]" })] }));
+        return (_jsxs(Collapsible, { open: expanded, onOpenChange: setExpanded, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "text-2xs text-muted-foreground hover:text-foreground", children: ["[", expanded ? "" : `…${value.length}`] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: cn(jsonTreeNestingGuide, "ps-4"), children: value.map((item, i) => (_jsxs("div", { className: "py-px", children: [_jsx(JsonTreeNode, { value: item, depth: depth + 1 }), i < value.length - 1 && _jsx("span", { className: "text-muted-foreground", children: "," })] }, i))) }) }), expanded && _jsx("span", { className: "text-2xs text-muted-foreground", children: "]" })] }));
     }
     if (typeof value === "object") {
         const entries = Object.entries(value);
         if (entries.length === 0)
             return _jsx("span", { className: "text-muted-foreground", children: "{}" });
-        return (_jsxs(Collapsible, { open: expanded, onOpenChange: setExpanded, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "text-2xs text-muted-foreground hover:text-foreground", children: ["{", expanded ? "" : `…${entries.length}`] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "ps-4 border-s border-border", children: entries.map(([key, val], i) => (_jsxs("div", { className: "py-px", children: [_jsxs("span", { className: "text-primary me-1", children: ["\"", key, "\""] }), _jsx("span", { className: "text-muted-foreground me-1", children: ":" }), _jsx(JsonTreeNode, { value: val, depth: depth + 1 }), i < entries.length - 1 && _jsx("span", { className: "text-muted-foreground", children: "," })] }, key))) }) }), expanded && _jsx("span", { className: "text-2xs text-muted-foreground", children: "}" })] }));
+        return (_jsxs(Collapsible, { open: expanded, onOpenChange: setExpanded, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "text-2xs text-muted-foreground hover:text-foreground", children: ["{", expanded ? "" : `…${entries.length}`] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: cn(jsonTreeNestingGuide, "ps-4"), children: entries.map(([key, val], i) => (_jsxs("div", { className: "py-px", children: [_jsxs("span", { className: "text-primary me-1", children: ["\"", key, "\""] }), _jsx("span", { className: "text-muted-foreground me-1", children: ":" }), _jsx(JsonTreeNode, { value: val, depth: depth + 1 }), i < entries.length - 1 && _jsx("span", { className: "text-muted-foreground", children: "," })] }, key))) }) }), expanded && _jsx("span", { className: "text-2xs text-muted-foreground", children: "}" })] }));
     }
     return _jsx("span", { children: String(value) });
 }

package/dist/esm/components/ai-elements/artifacts/artifact-browser.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"artifact-browser.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/artifact-browser.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n Badge,\n Button,\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n InputRoot,\n ScrollArea,\n cn,\n useUI,\n useI18n,\n createCompoundPreset,\n Surface,\n AI_ArtifactListCompound,\n ButtonVariants_Variant,\n ArtifactPartKind,\n ArtifactItemData,\n AI_ArtifactOriginProps,\n AI_ArtifactTextContentProps,\n AI_ArtifactFileContentProps,\n AI_ArtifactStructuredContentProps,\n AI_ArtifactItemProps,\n AI_ArtifactListProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { UIBehavior, SurfaceVariant, TypographyVariant, FrontendComponentType, ButtonSize } from \"@wildo-ai/presets-components-models\";\n\nconst CT: FrontendComponentType = FrontendComponentType.LOW_LEVEL_AI_ARTIFACT_BROWSER;\n\nconst TYPE_VARIANT: Record<ArtifactPartKind, \"default\" \| \"secondary\" \| \"outline\" \| \"destructive\"> = {\n TEXT: \"default\",\n FILE: \"secondary\",\n RAW_DATA: \"outline\",\n STRUCTURED: \"outline\",\n};\n\nconst TYPE_LABEL_KEY: Record<ArtifactPartKind, string> = {\n TEXT: \"typeText\",\n FILE: \"typeFile\",\n RAW_DATA: \"typeRawData\",\n STRUCTURED: \"typeStructured\",\n};\n\nconst AI_ArtifactOrigin = ({\n origin,\n className,\n ...props\n}: AI_ArtifactOriginProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n\n if (!origin?.taskId && !origin?.stepId) return null;\n\n if (!isReady) return null;\n\n return (\n <span className={cn(\"flex items-center gap-1 text-2xs text-muted-foreground\", className)} {...props}>\n {origin.taskId && (\n <Badge variant=\"outline\" className=\"text-2xs font-mono\">\n {tComponent(CT, \"originTask\")}: {origin.taskId}\n </Badge>\n )}\n {origin.stepId && (\n <Badge variant=\"outline\" className=\"text-2xs font-mono\">\n {tComponent(CT, \"originStep\")}: {origin.stepId}\n </Badge>\n )}\n </span>\n );\n};\n\nconst AI_ArtifactTextContent = ({\n text,\n mimeType,\n className,\n ...props\n}: AI_ArtifactTextContentProps): React.JSX.Element => {\n const isCode = mimeType?.startsWith(\"text/x-\") \|\|\n mimeType?.startsWith(\"application/javascript\") \|\|\n mimeType?.startsWith(\"application/json\") \|\|\n mimeType?.startsWith(\"application/xml\") \|\|\n mimeType?.startsWith(\"text/css\") \|\|\n mimeType?.startsWith(\"text/html\");\n\n if (isCode) {\n return (\n <div className={cn(\"overflow-auto\", className)} {...props}>\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <pre className=\"rounded-md bg-muted p-card text-xs font-mono leading-relaxed whitespace-pre-wrap break-words\">\n {text}\n </pre>\n </Surface>\n </div>\n );\n }\n\n return (\n <div className={cn(\"overflow-auto\", className)} {...props}>\n <div className=\"text-sm leading-relaxed whitespace-pre-wrap break-words\">\n {text}\n </div>\n </div>\n );\n};\n\nfunction formatFileSize(bytes: number \| undefined): string {\n if (bytes == null) return \"\";\n if (bytes < 1024) return `${bytes} B`;\n if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nconst AI_ArtifactFileContent = ({\n filename,\n mimeType,\n size,\n url,\n path,\n className,\n ...props\n}: AI_ArtifactFileContentProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const { getRecipe } = useUI();\n const surfaceInsetRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET);\n const isImage = mimeType?.startsWith(\"image/\");\n const isText = mimeType?.startsWith(\"text/\");\n\n if (!isReady) return null;\n\n return (\n <div className={cn(\"flex flex-col gap-card-sm\", className)} {...props}>\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div className={cn(surfaceInsetRecipe.base, \"flex items-center justify-between rounded-md p-card-sm\")}>\n <div className=\"flex flex-col gap-1\">\n {filename && <span className=\"text-sm font-medium\">{filename}</span>}\n <div className=\"flex items-center gap-element text-2xs text-muted-foreground\">\n {mimeType && <span>{mimeType}</span>}\n {size != null && <span>{formatFileSize(size)}</span>}\n </div>\n </div>\n {url && (\n <Button variant={ButtonVariants_Variant.OUTLINE} size={ButtonSize.SM} asChild>\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" download={filename}>\n {tComponent(CT, \"download\")}\n </a>\n </Button>\n )}\n </div>\n </Surface>\n\n {isImage && url && (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div className=\"flex justify-center rounded-md bg-muted p-card\">\n <img\n src={url}\n alt={filename ?? tComponent(CT, \"preview\")}\n className=\"max-h-64 max-w-full rounded object-contain\"\n />\n </div>\n </Surface>\n )}\n\n {isText && !isImage && url && (\n <div className=\"text-2xs text-muted-foreground\">\n {tComponent(CT, \"preview\")}: {path ?? url}\n </div>\n )}\n </div>\n );\n};\n\nfunction JsonTreeNode({ value, depth }: { value: unknown; depth: number }): React.JSX.Element {\n const [expanded, setExpanded] = React.useState(depth < 2);\n\n if (value === null \|\| value === undefined) {\n return <span className=\"text-muted-foreground italic\">null</span>;\n }\n\n if (typeof value === \"string\") {\n return <span className=\"text-success\">\"{value}\"</span>;\n }\n\n if (typeof value === \"number\" \|\| typeof value === \"boolean\") {\n return <span className=\"text-info\">{String(value)}</span>;\n }\n\n if (Array.isArray(value)) {\n if (value.length === 0) return <span className=\"text-muted-foreground\">[]</span>;\n\n return (\n <Collapsible open={expanded} onOpenChange={setExpanded}>\n <CollapsibleTrigger asChild>\n <button type=\"button\" className=\"text-2xs text-muted-foreground hover:text-foreground\">\n [{expanded ? \"\" : `…${value.length}`}\n </button>\n </CollapsibleTrigger>\n <CollapsibleContent>\n <div className=\"ps-4 border-s border-border\">\n {value.map((item, i) => (\n <div key={i} className=\"py-px\">\n <JsonTreeNode value={item} depth={depth + 1} />\n {i < value.length - 1 && <span className=\"text-muted-foreground\">,</span>}\n </div>\n ))}\n </div>\n </CollapsibleContent>\n {expanded && <span className=\"text-2xs text-muted-foreground\">]</span>}\n </Collapsible>\n );\n }\n\n if (typeof value === \"object\") {\n const entries = Object.entries(value as Record<string, unknown>);\n if (entries.length === 0) return <span className=\"text-muted-foreground\">{\"{}\"}</span>;\n\n return (\n <Collapsible open={expanded} onOpenChange={setExpanded}>\n <CollapsibleTrigger asChild>\n <button type=\"button\" className=\"text-2xs text-muted-foreground hover:text-foreground\">\n {\"{\"}{expanded ? \"\" : `…${entries.length}`}\n </button>\n </CollapsibleTrigger>\n <CollapsibleContent>\n <div className=\"ps-4 border-s border-border\">\n {entries.map(([key, val], i) => (\n <div key={key} className=\"py-px\">\n <span className=\"text-primary me-1\">\"{key}\"</span>\n <span className=\"text-muted-foreground me-1\">:</span>\n <JsonTreeNode value={val} depth={depth + 1} />\n {i < entries.length - 1 && <span className=\"text-muted-foreground\">,</span>}\n </div>\n ))}\n </div>\n </CollapsibleContent>\n {expanded && <span className=\"text-2xs text-muted-foreground\">{\"}\"}</span>}\n </Collapsible>\n );\n }\n\n return <span>{String(value)}</span>;\n}\n\nconst AI_ArtifactStructuredContent = ({\n data,\n className,\n ...props\n}: AI_ArtifactStructuredContentProps): React.JSX.Element => (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div className={cn(\"overflow-auto rounded-md bg-muted p-card font-mono text-xs\", className)} {...props}>\n <JsonTreeNode value={data} depth={0} />\n </div>\n </Surface>\n);\n\nfunction resolveContent(item: ArtifactItemData): React.JSX.Element {\n const content = item.content as Record<string, unknown> \| undefined;\n\n switch (item.type) {\n case \"TEXT\": {\n const text = (content as { text?: string } \| undefined)?.text ?? \"\";\n return <AI_ArtifactTextContent text={text} mimeType={item.mimeType} />;\n }\n case \"FILE\": {\n const storage = (content as { storage?: Record<string, unknown> } \| undefined)?.storage;\n return (\n <AI_ArtifactFileContent\n filename={item.name}\n mimeType={item.mimeType}\n size={item.size}\n url={storage?.url as string \| undefined}\n path={storage?.path as string \| undefined}\n />\n );\n }\n case \"RAW_DATA\":\n case \"STRUCTURED\": {\n const data = (content as { data?: unknown } \| undefined)?.data ?? content;\n return <AI_ArtifactStructuredContent data={data} />;\n }\n default:\n return <AI_ArtifactStructuredContent data={content} />;\n }\n}\n\nconst AI_ArtifactItem = ({\n item,\n onSelect,\n defaultExpanded = false,\n className,\n ...props\n}: AI_ArtifactItemProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const { getRecipe } = useUI();\n const surfaceRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE);\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n if (!isReady) return null;\n\n return (\n <Collapsible defaultOpen={defaultExpanded}>\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n <div className={cn(surfaceRecipe.base, className)} {...props}>\n <CollapsibleTrigger asChild>\n <button\n type=\"button\"\n className=\"flex w-full items-center justify-between gap-element p-card-sm text-start hover:bg-muted/50\"\n onClick={() => onSelect?.(item.ref)}\n >\n <div className=\"flex flex-col gap-1 min-w-0\">\n <div className=\"flex items-center gap-element\">\n <span className=\"truncate text-sm font-medium\">{item.name}</span>\n <Badge variant={TYPE_VARIANT[item.type]} className=\"text-2xs shrink-0\">\n {tComponent(CT, TYPE_LABEL_KEY[item.type])}\n </Badge>\n </div>\n\n <div className=\"flex flex-wrap items-center gap-element\">\n <AI_ArtifactOrigin origin={item.origin} />\n {item.createdAt && (\n <span className={cn(descRecipe.base, \"text-2xs\")}>\n {new Date(item.createdAt).toLocaleString()}\n </span>\n )}\n {item.size != null && (\n <span className={cn(descRecipe.base, \"text-2xs\")}>\n {formatFileSize(item.size)}\n </span>\n )}\n </div>\n </div>\n </button>\n </CollapsibleTrigger>\n\n <CollapsibleContent>\n <div className=\"border-t p-card-sm\">\n {resolveContent(item)}\n </div>\n </CollapsibleContent>\n </div>\n </Surface>\n </Collapsible>\n );\n};\n\nconst AI_ArtifactListRoot = ({\n items,\n onSelect,\n className,\n ...props\n}: AI_ArtifactListProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const { getRecipe } = useUI();\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n const [search, setSearch] = React.useState(\"\");\n const [typeFilter, setTypeFilter] = React.useState<ArtifactPartKind \| \"ALL\">(\"ALL\");\n\n const filtered = React.useMemo(() => {\n let result = items;\n\n if (search) {\n const q = search.toLowerCase();\n result = result.filter((a) =>\n a.name.toLowerCase().includes(q) \|\|\n a.description?.toLowerCase().includes(q) \|\|\n a.ref.toLowerCase().includes(q)\n );\n }\n\n if (typeFilter !== \"ALL\") {\n result = result.filter((a) => a.type === typeFilter);\n }\n\n return result;\n }, [items, search, typeFilter]);\n\n const typeOptions: Array<ArtifactPartKind \| \"ALL\"> = [\"ALL\", \"TEXT\", \"FILE\", \"RAW_DATA\", \"STRUCTURED\"];\n\n if (!isReady) return null;\n\n return (\n <div className={cn(\"flex flex-col gap-card\", className)} {...props}>\n <div className=\"flex items-center justify-between gap-element\">\n <div className=\"flex items-center gap-element\">\n <h3 className=\"text-sm font-semibold\">{tComponent(CT, \"title\")}</h3>\n <Badge variant=\"secondary\" className=\"text-2xs\">\n {tComponent(CT, \"artifactCount\", { count: String(items.length) })}\n </Badge>\n </div>\n </div>\n\n <div className=\"flex items-center gap-element\">\n <InputRoot\n type=\"text\"\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={tComponent(CT, \"searchPlaceholder\")}\n className=\"flex-1 h-8 text-xs\"\n />\n {/* V-5: candidate for Button/IconButton migration — see audit doc /}\n {/ (filter pills override SM ladder rung with h-7 + text-2xs; same pattern as meta/agent.tsx) */}\n <div className=\"flex gap-1\">\n {typeOptions.map((t) => (\n <Button\n key={t}\n type=\"button\"\n variant={typeFilter === t ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST}\n size={ButtonSize.XS}\n onClick={() => setTypeFilter(t)}\n >\n {t === \"ALL\" ? tComponent(CT, \"allTypes\") : tComponent(CT, TYPE_LABEL_KEY[t])}\n </Button>\n ))}\n </div>\n </div>\n\n {filtered.length === 0 ? (\n <p className={cn(descRecipe.base, \"py-card text-center text-sm\")}>\n {items.length === 0 ? tComponent(CT, \"noArtifacts\") : tComponent(CT, \"noMatch\")}\n </p>\n ) : (\n <ScrollArea className=\"max-h-[600px]\">\n <div className=\"flex flex-col gap-card-sm\">\n {filtered.map((item) => (\n <AI_ArtifactItem key={item.ref} item={item} onSelect={onSelect} />\n ))}\n </div>\n </ScrollArea>\n )}\n </div>\n );\n};\n\nexport const AI_ArtifactList = createCompoundPreset<AI_ArtifactListCompound>(AI_ArtifactListRoot, {\n Item: AI_ArtifactItem,\n Origin: AI_ArtifactOrigin,\n TextContent: AI_ArtifactTextContent,\n FileContent: AI_ArtifactFileContent,\n StructuredContent: AI_ArtifactStructuredContent,\n});\n"]}
1	+ {"version":3,"file":"artifact-browser.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/artifact-browser.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n Badge,\n Button,\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n InputRoot,\n ScrollArea,\n cn,\n useUI,\n useI18n,\n createCompoundPreset,\n Surface,\n AI_ArtifactListCompound,\n ButtonVariants_Variant,\n ArtifactPartKind,\n ArtifactItemData,\n AI_ArtifactOriginProps,\n AI_ArtifactTextContentProps,\n AI_ArtifactFileContentProps,\n AI_ArtifactStructuredContentProps,\n AI_ArtifactItemProps,\n AI_ArtifactListProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { DividerVariant, UIBehavior, SurfaceVariant, TypographyVariant, FrontendComponentType, ButtonSize } from \"@wildo-ai/presets-components-models\";\n\nconst CT: FrontendComponentType = FrontendComponentType.LOW_LEVEL_AI_ARTIFACT_BROWSER;\n\nconst TYPE_VARIANT: Record<ArtifactPartKind, \"default\" \| \"secondary\" \| \"outline\" \| \"destructive\"> = {\n TEXT: \"default\",\n FILE: \"secondary\",\n RAW_DATA: \"outline\",\n STRUCTURED: \"outline\",\n};\n\nconst TYPE_LABEL_KEY: Record<ArtifactPartKind, string> = {\n TEXT: \"typeText\",\n FILE: \"typeFile\",\n RAW_DATA: \"typeRawData\",\n STRUCTURED: \"typeStructured\",\n};\n\nconst AI_ArtifactOrigin = ({\n origin,\n className,\n ...props\n}: AI_ArtifactOriginProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n\n if (!origin?.taskId && !origin?.stepId) return null;\n\n if (!isReady) return null;\n\n return (\n <span className={cn(\"flex items-center gap-1 text-2xs text-muted-foreground\", className)} {...props}>\n {origin.taskId && (\n <Badge variant=\"outline\" className=\"text-2xs font-mono\">\n {tComponent(CT, \"originTask\")}: {origin.taskId}\n </Badge>\n )}\n {origin.stepId && (\n <Badge variant=\"outline\" className=\"text-2xs font-mono\">\n {tComponent(CT, \"originStep\")}: {origin.stepId}\n </Badge>\n )}\n </span>\n );\n};\n\nconst AI_ArtifactTextContent = ({\n text,\n mimeType,\n className,\n ...props\n}: AI_ArtifactTextContentProps): React.JSX.Element => {\n const isCode = mimeType?.startsWith(\"text/x-\") \|\|\n mimeType?.startsWith(\"application/javascript\") \|\|\n mimeType?.startsWith(\"application/json\") \|\|\n mimeType?.startsWith(\"application/xml\") \|\|\n mimeType?.startsWith(\"text/css\") \|\|\n mimeType?.startsWith(\"text/html\");\n\n if (isCode) {\n return (\n <div className={cn(\"overflow-auto\", className)} {...props}>\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <pre className=\"rounded-md bg-muted p-card text-xs font-mono leading-relaxed whitespace-pre-wrap break-words\">\n {text}\n </pre>\n </Surface>\n </div>\n );\n }\n\n return (\n <div className={cn(\"overflow-auto\", className)} {...props}>\n <div className=\"text-sm leading-relaxed whitespace-pre-wrap break-words\">\n {text}\n </div>\n </div>\n );\n};\n\nfunction formatFileSize(bytes: number \| undefined): string {\n if (bytes == null) return \"\";\n if (bytes < 1024) return `${bytes} B`;\n if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nconst AI_ArtifactFileContent = ({\n filename,\n mimeType,\n size,\n url,\n path,\n className,\n ...props\n}: AI_ArtifactFileContentProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const { getRecipe } = useUI();\n const surfaceInsetRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET);\n const isImage = mimeType?.startsWith(\"image/\");\n const isText = mimeType?.startsWith(\"text/\");\n\n if (!isReady) return null;\n\n return (\n <div className={cn(\"flex flex-col gap-card-sm\", className)} {...props}>\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div className={cn(surfaceInsetRecipe.base, \"flex items-center justify-between rounded-md p-card-sm\")}>\n <div className=\"flex flex-col gap-1\">\n {filename && <span className=\"text-sm font-medium\">{filename}</span>}\n <div className=\"flex items-center gap-element text-2xs text-muted-foreground\">\n {mimeType && <span>{mimeType}</span>}\n {size != null && <span>{formatFileSize(size)}</span>}\n </div>\n </div>\n {url && (\n <Button variant={ButtonVariants_Variant.OUTLINE} size={ButtonSize.SM} asChild>\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" download={filename}>\n {tComponent(CT, \"download\")}\n </a>\n </Button>\n )}\n </div>\n </Surface>\n\n {isImage && url && (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div className=\"flex justify-center rounded-md bg-muted p-card\">\n <img\n src={url}\n alt={filename ?? tComponent(CT, \"preview\")}\n className=\"max-h-64 max-w-full rounded object-contain\"\n />\n </div>\n </Surface>\n )}\n\n {isText && !isImage && url && (\n <div className=\"text-2xs text-muted-foreground\">\n {tComponent(CT, \"preview\")}: {path ?? url}\n </div>\n )}\n </div>\n );\n};\n\nfunction JsonTreeNode({ value, depth }: { value: unknown; depth: number }): React.JSX.Element {\n // Themed nesting guide for the collapsed-branch reveal (`DIVIDER` / `NESTING_GUIDE`) — the same\n // recipe every nested disclosure uses; the `ps-4` micro-indent is this tree's own density choice.\n const { getRecipe } = useUI();\n const jsonTreeNestingGuide = getRecipe(UIBehavior.DIVIDER, DividerVariant.NESTING_GUIDE).base;\n const [expanded, setExpanded] = React.useState(depth < 2);\n\n if (value === null \|\| value === undefined) {\n return <span className=\"text-muted-foreground italic\">null</span>;\n }\n\n if (typeof value === \"string\") {\n return <span className=\"text-success\">\"{value}\"</span>;\n }\n\n if (typeof value === \"number\" \|\| typeof value === \"boolean\") {\n return <span className=\"text-info\">{String(value)}</span>;\n }\n\n if (Array.isArray(value)) {\n if (value.length === 0) return <span className=\"text-muted-foreground\">[]</span>;\n\n return (\n <Collapsible open={expanded} onOpenChange={setExpanded}>\n <CollapsibleTrigger asChild>\n <button type=\"button\" className=\"text-2xs text-muted-foreground hover:text-foreground\">\n [{expanded ? \"\" : `…${value.length}`}\n </button>\n </CollapsibleTrigger>\n <CollapsibleContent>\n <div className={cn(jsonTreeNestingGuide, \"ps-4\")}>\n {value.map((item, i) => (\n <div key={i} className=\"py-px\">\n <JsonTreeNode value={item} depth={depth + 1} />\n {i < value.length - 1 && <span className=\"text-muted-foreground\">,</span>}\n </div>\n ))}\n </div>\n </CollapsibleContent>\n {expanded && <span className=\"text-2xs text-muted-foreground\">]</span>}\n </Collapsible>\n );\n }\n\n if (typeof value === \"object\") {\n const entries = Object.entries(value as Record<string, unknown>);\n if (entries.length === 0) return <span className=\"text-muted-foreground\">{\"{}\"}</span>;\n\n return (\n <Collapsible open={expanded} onOpenChange={setExpanded}>\n <CollapsibleTrigger asChild>\n <button type=\"button\" className=\"text-2xs text-muted-foreground hover:text-foreground\">\n {\"{\"}{expanded ? \"\" : `…${entries.length}`}\n </button>\n </CollapsibleTrigger>\n <CollapsibleContent>\n <div className={cn(jsonTreeNestingGuide, \"ps-4\")}>\n {entries.map(([key, val], i) => (\n <div key={key} className=\"py-px\">\n <span className=\"text-primary me-1\">\"{key}\"</span>\n <span className=\"text-muted-foreground me-1\">:</span>\n <JsonTreeNode value={val} depth={depth + 1} />\n {i < entries.length - 1 && <span className=\"text-muted-foreground\">,</span>}\n </div>\n ))}\n </div>\n </CollapsibleContent>\n {expanded && <span className=\"text-2xs text-muted-foreground\">{\"}\"}</span>}\n </Collapsible>\n );\n }\n\n return <span>{String(value)}</span>;\n}\n\nconst AI_ArtifactStructuredContent = ({\n data,\n className,\n ...props\n}: AI_ArtifactStructuredContentProps): React.JSX.Element => (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div className={cn(\"overflow-auto rounded-md bg-muted p-card font-mono text-xs\", className)} {...props}>\n <JsonTreeNode value={data} depth={0} />\n </div>\n </Surface>\n);\n\nfunction resolveContent(item: ArtifactItemData): React.JSX.Element {\n const content = item.content as Record<string, unknown> \| undefined;\n\n switch (item.type) {\n case \"TEXT\": {\n const text = (content as { text?: string } \| undefined)?.text ?? \"\";\n return <AI_ArtifactTextContent text={text} mimeType={item.mimeType} />;\n }\n case \"FILE\": {\n const storage = (content as { storage?: Record<string, unknown> } \| undefined)?.storage;\n return (\n <AI_ArtifactFileContent\n filename={item.name}\n mimeType={item.mimeType}\n size={item.size}\n url={storage?.url as string \| undefined}\n path={storage?.path as string \| undefined}\n />\n );\n }\n case \"RAW_DATA\":\n case \"STRUCTURED\": {\n const data = (content as { data?: unknown } \| undefined)?.data ?? content;\n return <AI_ArtifactStructuredContent data={data} />;\n }\n default:\n return <AI_ArtifactStructuredContent data={content} />;\n }\n}\n\nconst AI_ArtifactItem = ({\n item,\n onSelect,\n defaultExpanded = false,\n className,\n ...props\n}: AI_ArtifactItemProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const { getRecipe } = useUI();\n const surfaceRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE);\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n if (!isReady) return null;\n\n return (\n <Collapsible defaultOpen={defaultExpanded}>\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n <div className={cn(surfaceRecipe.base, className)} {...props}>\n <CollapsibleTrigger asChild>\n <button\n type=\"button\"\n className=\"flex w-full items-center justify-between gap-element p-card-sm text-start hover:bg-muted/50\"\n onClick={() => onSelect?.(item.ref)}\n >\n <div className=\"flex flex-col gap-1 min-w-0\">\n <div className=\"flex items-center gap-element\">\n <span className=\"truncate text-sm font-medium\">{item.name}</span>\n <Badge variant={TYPE_VARIANT[item.type]} className=\"text-2xs shrink-0\">\n {tComponent(CT, TYPE_LABEL_KEY[item.type])}\n </Badge>\n </div>\n\n <div className=\"flex flex-wrap items-center gap-element\">\n <AI_ArtifactOrigin origin={item.origin} />\n {item.createdAt && (\n <span className={cn(descRecipe.base, \"text-2xs\")}>\n {new Date(item.createdAt).toLocaleString()}\n </span>\n )}\n {item.size != null && (\n <span className={cn(descRecipe.base, \"text-2xs\")}>\n {formatFileSize(item.size)}\n </span>\n )}\n </div>\n </div>\n </button>\n </CollapsibleTrigger>\n\n <CollapsibleContent>\n <div className=\"border-t p-card-sm\">\n {resolveContent(item)}\n </div>\n </CollapsibleContent>\n </div>\n </Surface>\n </Collapsible>\n );\n};\n\nconst AI_ArtifactListRoot = ({\n items,\n onSelect,\n className,\n ...props\n}: AI_ArtifactListProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: CT });\n const { getRecipe } = useUI();\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n const [search, setSearch] = React.useState(\"\");\n const [typeFilter, setTypeFilter] = React.useState<ArtifactPartKind \| \"ALL\">(\"ALL\");\n\n const filtered = React.useMemo(() => {\n let result = items;\n\n if (search) {\n const q = search.toLowerCase();\n result = result.filter((a) =>\n a.name.toLowerCase().includes(q) \|\|\n a.description?.toLowerCase().includes(q) \|\|\n a.ref.toLowerCase().includes(q)\n );\n }\n\n if (typeFilter !== \"ALL\") {\n result = result.filter((a) => a.type === typeFilter);\n }\n\n return result;\n }, [items, search, typeFilter]);\n\n const typeOptions: Array<ArtifactPartKind \| \"ALL\"> = [\"ALL\", \"TEXT\", \"FILE\", \"RAW_DATA\", \"STRUCTURED\"];\n\n if (!isReady) return null;\n\n return (\n <div className={cn(\"flex flex-col gap-card\", className)} {...props}>\n <div className=\"flex items-center justify-between gap-element\">\n <div className=\"flex items-center gap-element\">\n <h3 className=\"text-sm font-semibold\">{tComponent(CT, \"title\")}</h3>\n <Badge variant=\"secondary\" className=\"text-2xs\">\n {tComponent(CT, \"artifactCount\", { count: String(items.length) })}\n </Badge>\n </div>\n </div>\n\n <div className=\"flex items-center gap-element\">\n <InputRoot\n type=\"text\"\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={tComponent(CT, \"searchPlaceholder\")}\n className=\"flex-1 h-8 text-xs\"\n />\n {/* V-5: candidate for Button/IconButton migration — see audit doc /}\n {/ (filter pills override SM ladder rung with h-7 + text-2xs; same pattern as meta/agent.tsx) */}\n <div className=\"flex gap-1\">\n {typeOptions.map((t) => (\n <Button\n key={t}\n type=\"button\"\n variant={typeFilter === t ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST}\n size={ButtonSize.XS}\n onClick={() => setTypeFilter(t)}\n >\n {t === \"ALL\" ? tComponent(CT, \"allTypes\") : tComponent(CT, TYPE_LABEL_KEY[t])}\n </Button>\n ))}\n </div>\n </div>\n\n {filtered.length === 0 ? (\n <p className={cn(descRecipe.base, \"py-card text-center text-sm\")}>\n {items.length === 0 ? tComponent(CT, \"noArtifacts\") : tComponent(CT, \"noMatch\")}\n </p>\n ) : (\n <ScrollArea className=\"max-h-[600px]\">\n <div className=\"flex flex-col gap-card-sm\">\n {filtered.map((item) => (\n <AI_ArtifactItem key={item.ref} item={item} onSelect={onSelect} />\n ))}\n </div>\n </ScrollArea>\n )}\n </div>\n );\n};\n\nexport const AI_ArtifactList = createCompoundPreset<AI_ArtifactListCompound>(AI_ArtifactListRoot, {\n Item: AI_ArtifactItem,\n Origin: AI_ArtifactOrigin,\n TextContent: AI_ArtifactTextContent,\n FileContent: AI_ArtifactFileContent,\n StructuredContent: AI_ArtifactStructuredContent,\n});\n"]}

package/dist/esm/components/ai-elements/execution/task.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"task.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/task.tsx"],"names":[],"mappings":"AAGA,OAAO,EAeL,eAAe,EAChB,MAAM,6BAA6B,CAAC;~~AAkFrC~~,eAAO,MAAM,OAAO,iBAKlB,CAAC"}
1	+ {"version":3,"file":"task.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/task.tsx"],"names":[],"mappings":"AAGA,OAAO,EAeL,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAiGrC,eAAO,MAAM,OAAO,iBAKlB,CAAC"}

package/dist/esm/components/ai-elements/execution/task.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, cn, useIconRegistry, StandardIconReference, useUI, createCompoundPreset, Surface, } from '@wildo-ai/saas-frontend-lib';
-import { SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { DividerVariant, SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 const AI_TaskItemFile = ({ children, className, ...props }) => (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { className: cn("inline-flex items-center gap-item-xs rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs", className), ...props, children: children }) }));
 const AI_TaskItem = ({ children, className, ...props }) => {
     const { getRecipe } = useUI();
@@ -15,7 +15,15 @@ const AI_TaskTrigger = ({ children, className, title, ...props }) => {
     const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
     return (_jsx(CollapsibleTrigger, { asChild: true, className: cn("group", className), ...props, children: children ?? (_jsxs("div", { className: cn("flex w-full cursor-pointer items-center gap-element transition-colors hover:text-foreground", descRecipe.base), children: [renderIcon(StandardIconReference.SEARCH, { className: "size-4" }), _jsx("p", { className: "text-sm", children: title }), renderIcon(StandardIconReference.CHEVRON_DOWN, { className: "size-4 transition-transform group-data-[state=open]:rotate-180" })] })) }));
 };
-const AI_TaskContent = ({ children, className, ...props }) => (_jsx(CollapsibleContent, { className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className), ...props, children: _jsx("div", { className: "mt-field space-y-item border-muted border-s-2 ps-card", children: children }) }));
+/** The themed nesting guide for the task's revealed items — a hook because a recipe is runtime theme state. */
+function useTaskNestingGuide() {
+    const { getRecipe } = useUI();
+    return getRecipe(UIBehavior.DIVIDER, DividerVariant.NESTING_GUIDE).base;
+}
+const AI_TaskContent = ({ children, className, ...props }) => {
+    const nestingGuide = useTaskNestingGuide();
+    return (_jsx(CollapsibleContent, { className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className), ...props, children: _jsx("div", { className: cn(nestingGuide, "mt-field space-y-item ps-card"), children: children }) }));
+};
 export const AI_Task = createCompoundPreset(AI_TaskRoot, {
     Trigger: AI_TaskTrigger,
     Content: AI_TaskContent,

package/dist/esm/components/ai-elements/execution/task.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"task.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/task.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAML,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,EAAE,EACF,eAAe,EACf,qBAAqB,EACrB,KAAK,EACL,oBAAoB,EACpB,OAAO,GAER,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAyB,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;~~AAE3H~~,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa,EAAqB,EAAE,CAAC,CAC7C,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YACnE,cACE,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,GACE,CACX,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAqB,EAAE;IAC7F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAEnF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,KAAK,YACtD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,GAAG,KAAK,EACK,EAAqB,EAAE,CAAC,CACrC,KAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,WAAW,KAAM,KAAK,GAAI,CAC/E,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACY,EAAqB,EAAE;IAC3C,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAEnF,OAAO,CACL,KAAC,kBAAkB,IAAC,OAAO,QAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,YACrE,QAAQ,IAAI,CACX,eAAK,SAAS,EAAE,EAAE,CAAC,6FAA6F,EAAE,UAAU,CAAC,IAAI,CAAC,aAC/H,UAAU,CAAC,qBAAqB,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAClE,YAAG,SAAS,EAAC,SAAS,YAAE,KAAK,GAAK,EACjC,UAAU,CAAC,qBAAqB,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,gEAAgE,EAAE,CAAC,IAC5H,CACP,GACkB,CACtB,CAAC;AACJ,CAAC,CAAC;~~AAEF~~,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACY,EAAqB,EAAE,~~CAAC~~,~~CAC5C~~,KAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CACX,uMAAuM,EACvM,SAAS,CACV,KACG,KAAK,~~YAET~~,cAAK,SAAS,~~EAAC~~,~~uDAAuD~~,~~YACnE~~,QAAQ,GACL,GACa,~~CACtB~~,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,oBAAoB,CAAkB,WAAW,EAAE;IACxE,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAC","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n AI_TaskProps,\n AI_TaskTriggerProps,\n AI_TaskContentProps,\n AI_TaskItemProps,\n AI_TaskItemFileProps,\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n cn,\n useIconRegistry,\n StandardIconReference,\n useUI,\n createCompoundPreset,\n Surface,\n AI_TaskCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\n\nconst AI_TaskItemFile = ({\n children,\n className,\n ...props\n}: AI_TaskItemFileProps): React.JSX.Element => (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div\n className={cn(\n \"inline-flex items-center gap-item-xs rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n className\n )}\n {...props}\n >\n {children}\n </div>\n </Surface>\n);\n\nconst AI_TaskItem = ({ children, className, ...props }: AI_TaskItemProps): React.JSX.Element => {\n const { getRecipe } = useUI();\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n return (\n <div className={cn(descRecipe.base, className)} {...props}>\n {children}\n </div>\n );\n};\n\nconst AI_TaskRoot = ({\n defaultOpen = true,\n className,\n ...props\n}: AI_TaskProps): React.JSX.Element => (\n <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />\n);\n\nconst AI_TaskTrigger = ({\n children,\n className,\n title,\n ...props\n}: AI_TaskTriggerProps): React.JSX.Element => {\n const { renderIcon } = useIconRegistry();\n const { getRecipe } = useUI();\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n return (\n <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n {children ?? (\n <div className={cn(\"flex w-full cursor-pointer items-center gap-element transition-colors hover:text-foreground\", descRecipe.base)}>\n {renderIcon(StandardIconReference.SEARCH, { className: \"size-4\" })}\n <p className=\"text-sm\">{title}</p>\n {renderIcon(StandardIconReference.CHEVRON_DOWN, { className: \"size-4 transition-transform group-data-[state=open]:rotate-180\" })}\n </div>\n )}\n </CollapsibleTrigger>\n );\n};\n\nconst AI_TaskContent = ({\n children,\n className,\n ...props\n}: AI_TaskContentProps): React.JSX.Element => (\n <CollapsibleContent\n className={cn(\n \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n className\n )}\n {...props}\n >\n ~~<div~~ ~~className=\"mt~~-~~field~~ ~~space~~-~~y-item~~ border-muted border-s-2 ps-card\">\n {children}\n </div>\n </CollapsibleContent>\n);\n\nexport const AI_Task = createCompoundPreset<AI_TaskCompound>(AI_TaskRoot, {\n Trigger: AI_TaskTrigger,\n Content: AI_TaskContent,\n Item: AI_TaskItem,\n ItemFile: AI_TaskItemFile,\n});\n"]}
1	+ {"version":3,"file":"task.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/task.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n AI_TaskProps,\n AI_TaskTriggerProps,\n AI_TaskContentProps,\n AI_TaskItemProps,\n AI_TaskItemFileProps,\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n cn,\n useIconRegistry,\n StandardIconReference,\n useUI,\n createCompoundPreset,\n Surface,\n AI_TaskCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { DividerVariant, FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\n\nconst AI_TaskItemFile = ({\n children,\n className,\n ...props\n}: AI_TaskItemFileProps): React.JSX.Element => (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div\n className={cn(\n \"inline-flex items-center gap-item-xs rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n className\n )}\n {...props}\n >\n {children}\n </div>\n </Surface>\n);\n\nconst AI_TaskItem = ({ children, className, ...props }: AI_TaskItemProps): React.JSX.Element => {\n const { getRecipe } = useUI();\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n return (\n <div className={cn(descRecipe.base, className)} {...props}>\n {children}\n </div>\n );\n};\n\nconst AI_TaskRoot = ({\n defaultOpen = true,\n className,\n ...props\n}: AI_TaskProps): React.JSX.Element => (\n <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />\n);\n\nconst AI_TaskTrigger = ({\n children,\n className,\n title,\n ...props\n}: AI_TaskTriggerProps): React.JSX.Element => {\n const { renderIcon } = useIconRegistry();\n const { getRecipe } = useUI();\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n return (\n <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n {children ?? (\n <div className={cn(\"flex w-full cursor-pointer items-center gap-element transition-colors hover:text-foreground\", descRecipe.base)}>\n {renderIcon(StandardIconReference.SEARCH, { className: \"size-4\" })}\n <p className=\"text-sm\">{title}</p>\n {renderIcon(StandardIconReference.CHEVRON_DOWN, { className: \"size-4 transition-transform group-data-[state=open]:rotate-180\" })}\n </div>\n )}\n </CollapsibleTrigger>\n );\n};\n\n\n/** The themed nesting guide for the task's revealed items — a hook because a recipe is runtime theme state. /\nfunction useTaskNestingGuide(): string \| undefined {\n const { getRecipe } = useUI()\n return getRecipe(UIBehavior.DIVIDER, DividerVariant.NESTING_GUIDE).base\n}\n\nconst AI_TaskContent = ({\n children,\n className,\n ...props\n}: AI_TaskContentProps): React.JSX.Element => {\n const nestingGuide = useTaskNestingGuide()\n return (\n <CollapsibleContent\n className={cn(\n \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n className\n )}\n {...props}\n >\n {/\n * The nested-items guide comes from the theme (`DIVIDER` / `NESTING_GUIDE`) rather than the\n * hand-rolled `border-muted border-s-2` it used to be — one meaning, one recipe, restylable per\n * theme. The `ps-card` indent is this component's own structural choice and stays.\n */}\n <div className={cn(nestingGuide, \"mt-field space-y-item ps-card\")}>\n {children}\n </div>\n </CollapsibleContent>\n )\n};\n\nexport const AI_Task = createCompoundPreset<AI_TaskCompound>(AI_TaskRoot, {\n Trigger: AI_TaskTrigger,\n Content: AI_TaskContent,\n Item: AI_TaskItem,\n ItemFile: AI_TaskItemFile,\n});\n"]}

package/dist/esm/components/app/app-layout-main-container.labels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-layout-main-container.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.labels.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAyB~~,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;~~AAM/H~~,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,~~EAAO~~,CAAC"}
1	+ {"version":3,"file":"app-layout-main-container.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAS9D,CAAC"}

package/dist/esm/components/app/app-layout-main-container.labels.js CHANGED Viewed

@@ -1,7 +1,15 @@
-import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
 // Companion-only label metadata for this component: keys + params + (where
 // authored) per-key purpose / kind / variable meaning. Statically scanned by
 // the dev companion; NOT imported at runtime, so it never ships in the bundle.
-export const AppLayoutsMainContainerLabels = [];
+export const AppLayoutsMainContainerLabels = [
+    {
+        ref: 'zoneEmptyState',
+        kind: LabelKind.EMPTY_STATE,
+        purpose: 'Shown in an adjacent content zone (detail / companion pane) that a layout keeps VISIBLE while '
+            + 'empty via onEmpty: EMPTY_STATE — tells the reader the pane is waiting for a selection rather '
+            + 'than broken. Not shown when the zone collapses instead.',
+    },
+];
 registerComponentLabels(FrontendComponentType.APP_LAYOUTS_MAIN_CONTAINER, AppLayoutsMainContainerLabels);
 //# sourceMappingURL=app-layout-main-container.labels.js.map

package/dist/esm/components/app/app-layout-main-container.labels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-layout-main-container.labels.js","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;~~AAE/H~~,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B,EAAE,CAAC;~~AACvE~~,uBAAuB,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const AppLayoutsMainContainerLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_MAIN_CONTAINER, AppLayoutsMainContainerLabels);\n"]}
1	+ {"version":3,"file":"app-layout-main-container.labels.js","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE;QACE,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,SAAS,CAAC,WAAW;QAC3B,OAAO,EACL,gGAAgG;cAC9F,+FAA+F;cAC/F,yDAAyD;KAC9D;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const AppLayoutsMainContainerLabels: LabellingUnitaryDef[] = [\n {\n ref: 'zoneEmptyState',\n kind: LabelKind.EMPTY_STATE,\n purpose:\n 'Shown in an adjacent content zone (detail / companion pane) that a layout keeps VISIBLE while '\n + 'empty via onEmpty: EMPTY_STATE — tells the reader the pane is waiting for a selection rather '\n + 'than broken. Not shown when the zone collapses instead.',\n },\n];\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_MAIN_CONTAINER, AppLayoutsMainContainerLabels);\n"]}

package/dist/esm/components/app/public-layout-main-container.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"public-layout-main-container.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/public-layout-main-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,6CAA6C,~~EAO9C~~,MAAM,6BAA6B,CAAC;~~AAIrC~~,eAAO,MAAM,wCAAwC,GAAI,wCAItD,6CAA6C,KAAG,KAAK,CAAC,GAAG,CAAC,~~OA0C5D~~,CAAC"}
1	+ {"version":3,"file":"public-layout-main-container.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/public-layout-main-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,6CAA6C,EAU9C,MAAM,6BAA6B,CAAC;AAuErC,eAAO,MAAM,wCAAwC,GAAI,wCAItD,6CAA6C,KAAG,KAAK,CAAC,GAAG,CAAC,OAoD5D,CAAC"}

package/dist/esm/components/app/public-layout-main-container.js CHANGED Viewed

@@ -1,10 +1,57 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Card, CardContent, usePublicShellLayout, cn, NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, Surface, } from '@wildo-ai/saas-frontend-lib';
-import { SurfaceVariant } from "@wildo-ai/presets-components-models";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, usePublicShellLayout, useBrandPresentation, useUI, cn, NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+/**
+ * The surface's identity, at the top of the public card.
+ *
+ * Rendered ONLY when the application opted in (`publicShellIdentityMode`) — `usePublicShellLayout`
+ * gates that, so reaching this component at all is the permission. What it draws is decided from the
+ * DATA, and each branch is a defect that would otherwise ship silently:
+ *
+ * - a WORDMARK/LOCKUP already contains the name, so the name label is dropped rather than printed
+ *   twice — the brand resolver returns one for an application that generated no symbol;
+ * - a mark whose URL 404s degrades to the name alone instead of a browser broken-image glyph;
+ * - an identity with neither mark nor name renders nothing, not an empty gap above the card.
+ *
+ * The height is RESERVED rather than left to the image. A login card that jumps downward when a logo
+ * finishes loading is the "glitch" this feature is most likely to introduce, and it is worst exactly
+ * where it is most visible: a cold load on a slow link, which is the first impression the page
+ * exists to make. The `h-14` box is fixed and `w-auto` lets a wide lockup keep its aspect ratio
+ * inside it — sized against the name beneath rather than picked in the abstract, so mark and name
+ * read as one unit (hence the tighter `gap-element-sm` between them, and the wider `mb-group` below
+ * the pair).
+ *
+ * ## Why the name is styled from the recipe and is NOT a heading
+ *
+ * The type comes from the design system's `TYPOGRAPHY.HEADING` recipe rather than from classes
+ * chosen here, so an application that restyles its headings restyles this too — the same thing
+ * `CardTitle` does, and the reason it is worth a hook call for one line of text. `h1` SIZE — the top
+ * of the design system's ordinary ladder — because the identity is what the card is opening with; at
+ * `h2` it rendered visibly smaller than the action heading beneath it and read as a caption on the
+ * logo rather than as the product's name. Measured on a screenshot, not reasoned about.
+ *
+ * It renders as a `<p>`, not a heading, because `Auth_Main` already emits the page's `<h1>` inside
+ * this same card. A second one would give the document two competing top-level headings; the recipe
+ * supplies the LOOK while the outline stays owned by the content.
+ */
+const PublicShellBrandHeader = ({ identity }) => {
+    const { name, logoUrl, hasMark, markCarriesName, isEmpty, onMarkError } = useBrandPresentation(identity);
+    const { getRecipe } = useUI();
+    const headingRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);
+    if (isEmpty)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col items-center gap-element-sm mb-group", children: [hasMark && (_jsx("div", { className: "flex h-14 items-center justify-center", children: _jsx("img", { src: logoUrl,
+                    /*
+                     * A mark that CARRIES the name is the only thing announcing it, so it is the accessible
+                     * name. A symbol sits beside the name text below and is decorative — announcing it too
+                     * would read the product name twice to a screen reader.
+                     */
+                    alt: markCarriesName ? name : '', "aria-hidden": markCarriesName ? undefined : 'true', onError: onMarkError, className: "max-h-14 w-auto object-contain" }) })), !markCarriesName && name !== '' && (_jsx("p", { className: cn(headingRecipe.base, headingRecipe.sizes?.h1 ?? 'text-3xl', 'text-center text-foreground'), children: name }))] }));
+};
 export const PublicLayoutPreset_MainContainer_Default = ({ children = null, useCardLayout = false, className = "" }) => {
-    usePublicShellLayout(useCardLayout);
+    const { brandHeader } = usePublicShellLayout(useCardLayout);
     if (useCardLayout) {
-        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsx("div", { className: "h-screen w-screen overflow-auto", children: _jsx("div", { className: "min-h-full flex items-center justify-center p-container", children: _jsx(Card, { className: cn('w-full max-w-md', className), policyOverride: { a11y: { landmarkRole: 'none' } }, children: _jsx(CardContent, { className: "p-container-xl", children: children }) }) }) }) }));
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsx("div", { className: "h-screen w-screen overflow-auto", children: _jsx("div", { className: "min-h-full flex items-center justify-center p-container", children: _jsx(Card, { className: cn('w-full max-w-md', className), policyOverride: { a11y: { landmarkRole: 'none' } }, children: _jsxs(CardContent, { className: "p-container-xl", children: [brandHeader && _jsx(PublicShellBrandHeader, { identity: brandHeader }), children] }) }) }) }) }));
     }
     return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsx("div", { className: cn('h-screen w-screen overflow-auto', className), children: _jsx("main", { className: "min-h-full py-section", children: _jsx("div", { className: "max-w-7xl mx-auto px-card sm:px-container lg:px-container-lg", children: children }) }) }) }));
 };

package/dist/esm/components/app/public-layout-main-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"public-layout-main-container.js","sourceRoot":"","sources":["../../../../../src/components/app/public-layout-main-container.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,IAAI,EACJ,WAAW,EACX,oBAAoB,EACpB,EAAE,EACF,2CAA2C,EAC3C,OAAO,~~GACR~~,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAyB,cAAc,EAAE,MAAM,qCAAqC,CAAA;~~AAE3F~~,MAAM,CAAC,MAAM,wCAAwC,GAAG,CAAC,EACvD,QAAQ,GAAG,IAAI,EACf,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACgC,EAAqB,EAAE;IAErE,oBAAoB,CAAC,aAAa,CAAC,CAAC;~~IAEpC~~,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,2CAA2C,YAChI,cAAK,SAAS,EAAC,iCAAiC,YAC9C,cAAK,SAAS,EAAC,yDAAyD,YAStE,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC3C,cAAc,EAAE,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,YAElD,~~KAAC~~,WAAW,IAAC,SAAS,EAAC,gBAAgB,~~YACpC~~,QAAQ,~~GACG~~,GACT,GACH,GACF,GACE,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,2CAA2C,YAChI,cAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,YAC9D,eAAM,SAAS,EAAC,uBAAuB,YACrC,cAAK,SAAS,EAAC,8DAA8D,YAC1E,QAAQ,GACL,GACD,GACH,GACE,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport {\n PublicLayoutPreset_MainContainer_DefaultProps,\n Card,\n CardContent,\n usePublicShellLayout,\n cn,\n NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE,\n Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\n\nexport const PublicLayoutPreset_MainContainer_Default = ({\n children = null,\n useCardLayout = false,\n className = \"\"\n}: PublicLayoutPreset_MainContainer_DefaultProps): React.JSX.Element => {\n\n usePublicShellLayout(useCardLayout);\n\n if (useCardLayout) {\n return (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.SHELL} policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE}>\n <div className=\"h-screen w-screen overflow-auto\">\n <div className=\"min-h-full flex items-center justify-center p-container\">\n {/\n `landmarkRole: 'none'` opts this card out of the BASE variant's\n default `region` landmark. The card here is presentational\n chrome wrapping the public-auth panel — it doesn't represent a\n distinct semantic region on the page. Without the override the\n card would emit `role=\"region\"` without a label (no header,\n no aria-label) and the framework would warn on every render.\n /}\n <Card\n className={cn('w-full max-w-md', className)}\n policyOverride={{ a11y: { landmarkRole: 'none' } }}\n >\n <CardContent className=\"p-container-xl\">\n {children}\n </CardContent>\n </Card>\n </div>\n </div>\n </Surface>\n );\n }\n\n return (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.SHELL} policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE}>\n <div className={cn('h-screen w-screen overflow-auto', className)}>\n <main className=\"min-h-full py-section\">\n <div className=\"max-w-7xl mx-auto px-card sm:px-container lg:px-container-lg\">\n {children}\n </div>\n </main>\n </div>\n </Surface>\n );\n};\n"]}
1	+ {"version":3,"file":"public-layout-main-container.js","sourceRoot":"","sources":["../../../../../src/components/app/public-layout-main-container.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,IAAI,EACJ,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,EACL,EAAE,EACF,2CAA2C,EAC3C,OAAO,GAER,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAyB,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAE1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,sBAAsB,GAAG,CAAC,EAAE,QAAQ,EAA+B,EAA4B,EAAE;IACrG,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACzG,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAElF,IAAI,OAAO;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aAChE,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,uCAAuC,YACpD,cACE,GAAG,EAAE,OAAO;oBACZ;;;;uBAIG;oBACH,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,iBACnB,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACjD,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,gCAAgC,GAC1C,GACE,CACP,EACA,CAAC,eAAe,IAAI,IAAI,KAAK,EAAE,IAAI,CAClC,YAAG,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,EAAE,IAAI,UAAU,EAAE,6BAA6B,CAAC,YACvG,IAAI,GACH,CACL,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wCAAwC,GAAG,CAAC,EACvD,QAAQ,GAAG,IAAI,EACf,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACgC,EAAqB,EAAE;IAErE,MAAM,EAAE,WAAW,EAAE,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAE5D,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,2CAA2C,YAChI,cAAK,SAAS,EAAC,iCAAiC,YAC9C,cAAK,SAAS,EAAC,yDAAyD,YAStE,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC3C,cAAc,EAAE,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,YAElD,MAAC,WAAW,IAAC,SAAS,EAAC,gBAAgB,aAUpC,WAAW,IAAI,KAAC,sBAAsB,IAAC,QAAQ,EAAE,WAAW,GAAI,EAChE,QAAQ,IACG,GACT,GACH,GACF,GACE,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,2CAA2C,YAChI,cAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,YAC9D,eAAM,SAAS,EAAC,uBAAuB,YACrC,cAAK,SAAS,EAAC,8DAA8D,YAC1E,QAAQ,GACL,GACD,GACH,GACE,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport {\n PublicLayoutPreset_MainContainer_DefaultProps,\n Card,\n CardContent,\n usePublicShellLayout,\n useBrandPresentation,\n useUI,\n cn,\n NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE,\n Surface,\n type BrandIdentity,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\n/*\n The surface's identity, at the top of the public card.\n \n Rendered ONLY when the application opted in (`publicShellIdentityMode`) — `usePublicShellLayout`\n * gates that, so reaching this component at all is the permission. What it draws is decided from the\n * DATA, and each branch is a defect that would otherwise ship silently:\n \n - a WORDMARK/LOCKUP already contains the name, so the name label is dropped rather than printed\n * twice — the brand resolver returns one for an application that generated no symbol;\n * - a mark whose URL 404s degrades to the name alone instead of a browser broken-image glyph;\n * - an identity with neither mark nor name renders nothing, not an empty gap above the card.\n \n The height is RESERVED rather than left to the image. A login card that jumps downward when a logo\n * finishes loading is the \"glitch\" this feature is most likely to introduce, and it is worst exactly\n * where it is most visible: a cold load on a slow link, which is the first impression the page\n * exists to make. The `h-14` box is fixed and `w-auto` lets a wide lockup keep its aspect ratio\n * inside it — sized against the name beneath rather than picked in the abstract, so mark and name\n * read as one unit (hence the tighter `gap-element-sm` between them, and the wider `mb-group` below\n * the pair).\n \n ## Why the name is styled from the recipe and is NOT a heading\n \n The type comes from the design system's `TYPOGRAPHY.HEADING` recipe rather than from classes\n * chosen here, so an application that restyles its headings restyles this too — the same thing\n * `CardTitle` does, and the reason it is worth a hook call for one line of text. `h1` SIZE — the top\n * of the design system's ordinary ladder — because the identity is what the card is opening with; at\n * `h2` it rendered visibly smaller than the action heading beneath it and read as a caption on the\n * logo rather than as the product's name. Measured on a screenshot, not reasoned about.\n \n It renders as a `<p>`, not a heading, because `Auth_Main` already emits the page's `<h1>` inside\n * this same card. A second one would give the document two competing top-level headings; the recipe\n * supplies the LOOK while the outline stays owned by the content.\n /\nconst PublicShellBrandHeader = ({ identity }: { identity: BrandIdentity }): React.JSX.Element \| null => {\n const { name, logoUrl, hasMark, markCarriesName, isEmpty, onMarkError } = useBrandPresentation(identity);\n const { getRecipe } = useUI();\n const headingRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);\n\n if (isEmpty) return null;\n\n return (\n <div className=\"flex flex-col items-center gap-element-sm mb-group\">\n {hasMark && (\n <div className=\"flex h-14 items-center justify-center\">\n <img\n src={logoUrl}\n /\n * A mark that CARRIES the name is the only thing announcing it, so it is the accessible\n * name. A symbol sits beside the name text below and is decorative — announcing it too\n * would read the product name twice to a screen reader.\n /\n alt={markCarriesName ? name : ''}\n aria-hidden={markCarriesName ? undefined : 'true'}\n onError={onMarkError}\n className=\"max-h-14 w-auto object-contain\"\n />\n </div>\n )}\n {!markCarriesName && name !== '' && (\n <p className={cn(headingRecipe.base, headingRecipe.sizes?.h1 ?? 'text-3xl', 'text-center text-foreground')}>\n {name}\n </p>\n )}\n </div>\n );\n};\n\nexport const PublicLayoutPreset_MainContainer_Default = ({\n children = null,\n useCardLayout = false,\n className = \"\"\n}: PublicLayoutPreset_MainContainer_DefaultProps): React.JSX.Element => {\n\n const { brandHeader } = usePublicShellLayout(useCardLayout);\n\n if (useCardLayout) {\n return (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.SHELL} policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE}>\n <div className=\"h-screen w-screen overflow-auto\">\n <div className=\"min-h-full flex items-center justify-center p-container\">\n {/\n `landmarkRole: 'none'` opts this card out of the BASE variant's\n default `region` landmark. The card here is presentational\n chrome wrapping the public-auth panel — it doesn't represent a\n distinct semantic region on the page. Without the override the\n card would emit `role=\"region\"` without a label (no header,\n no aria-label) and the framework would warn on every render.\n /}\n <Card\n className={cn('w-full max-w-md', className)}\n policyOverride={{ a11y: { landmarkRole: 'none' } }}\n >\n <CardContent className=\"p-container-xl\">\n {/\n The identity sits INSIDE the card, above the form's own heading — so the box reads\n as one object (\"this is <product>, sign in\") rather than as a card with a caption\n floating over it.\n\n Only the CARD branch carries it. The other branch is the wide static-content layout\n (terms, legal pages), which is reached with the application's chrome around it and\n does not ask \"sign in to what\".\n */}\n {brandHeader && <PublicShellBrandHeader identity={brandHeader} />}\n {children}\n </CardContent>\n </Card>\n </div>\n </div>\n </Surface>\n );\n }\n\n return (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.SHELL} policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE}>\n <div className={cn('h-screen w-screen overflow-auto', className)}>\n <main className=\"min-h-full py-section\">\n <div className=\"max-w-7xl mx-auto px-card sm:px-container lg:px-container-lg\">\n {children}\n </div>\n </main>\n </div>\n </Surface>\n );\n};\n"]}

package/dist/esm/components/data-display/description-list.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/description-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgBhH;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,~~CAqBhH~~;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,~~CAmBnH~~"}
1	+ {"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/description-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgBhH;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwBhH;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAenH"}

package/dist/esm/components/data-display/description-list.js CHANGED Viewed

@@ -13,24 +13,27 @@ export function DescriptionList({ className, ...props }) {
 export function DescriptionTerm({ className, ...props }) {
     const { getRecipe } = useUI();
     const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
-    const dividerRecipe = getRecipe(UIBehavior.DIVIDER);
     return (_jsx("dt", { ...props, className: cn(
         // Structure
         'col-start-1 pt-group first:border-none sm:py-group',
         // Style — term uses description color (muted)
         descRecipe.base,
-        // Divider between items
-        'border-t', dividerRecipe.base, 'sm:border-t', className) }));
+        /*
+         * A plain `border-t`, NOT the divider recipe. The DIVIDER recipe's base is a background
+         * FILL (`bg-border` and per-theme variants) for elements that ARE the line — Separator, menu
+         * rules. Composed onto a whole `<dt>` it painted every term cell as a filled gray box, which
+         * is what the "default field view" looked like until 2026-09-01. The hairline's color comes
+         * from the design system's base rule (`* { border-color: var(--border) }`).
+         */
+        'border-t sm:border-t', className) }));
 }
 export function DescriptionDetails({ className, ...props }) {
-    const { getRecipe } = useUI();
-    const dividerRecipe = getRecipe(UIBehavior.DIVIDER);
     return (_jsx("dd", { ...props, className: cn(
         // Structure
         'pt-item pb-group sm:py-group sm:nth-2:border-none',
         // Style — value text
         'text-foreground',
-        // Divider between items
-        'sm:border-t', dividerRecipe.base, className) }));
+        // Same rule as DescriptionTerm: a hairline, never the divider recipe's FILL.
+        'sm:border-t', className) }));
 }
 //# sourceMappingURL=description-list.js.map

package/dist/esm/components/data-display/description-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"description-list.js","sourceRoot":"","sources":["../../../../../src/components/data-display/description-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAyB,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAE1G,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEvE,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,6DAA6D;QAC7D,oCAAoC;QACpC,MAAM,CAAC,IAAI,EACX,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;~~IAClF~~,~~MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,~~OAAO,~~CAAC,CAAA;IAEnD,OAAO,~~CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,oDAAoD;QACpD,8CAA8C;QAC9C,UAAU,CAAC,IAAI;QACf~~,wBAAwB~~;~~QACxB~~,~~UAAU~~,~~EACV~~,~~aAAa,CAAC,IAAI,EAClB,aAAa,EACb,~~SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC9F,~~MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,~~OAAO,~~CAAC,CAAA;IAEnD,OAAO,~~CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,mDAAmD;QACnD,qBAAqB;QACrB,iBAAiB;QACjB,~~wBAAwB~~;~~QACxB~~,aAAa,EACb,~~aAAa,CAAC,IAAI,EAClB,~~SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { cn, useUI } from '@wildo-ai/saas-frontend-lib'\nimport { FrontendComponentType, TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models'\n\nexport function DescriptionList({ className, ...props }: React.ComponentPropsWithoutRef<'dl'>): React.JSX.Element {\n const { getRecipe } = useUI()\n const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY)\n\n return (\n <dl\n {...props}\n className={cn(\n // Structure\n 'grid grid-cols-1 sm:grid-cols-[min(50%,--spacing(80))_auto]',\n // Style from TYPOGRAPHY.BODY recipe\n recipe.base,\n className\n )}\n />\n )\n}\n\nexport function DescriptionTerm({ className, ...props }: React.ComponentPropsWithoutRef<'dt'>): React.JSX.Element {\n const { getRecipe } = useUI()\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n ~~const dividerRecipe = getRecipe(UIBehavior.DIVIDER)~~\n\n return (\n <dt\n {...props}\n className={cn(\n // Structure\n 'col-start-1 pt-group first:border-none sm:py-group',\n // Style — term uses description color (muted)\n descRecipe.base,\n // ~~Divider~~ ~~between~~ ~~items~~\n 'border-t',\n ~~dividerRecipe.~~base,\n 'sm:border-t',\n className\n )}\n />\n )\n}\n\nexport function DescriptionDetails({ className, ...props }: React.ComponentPropsWithoutRef<'dd'>): React.JSX.Element {\n ~~const { getRecipe } = useUI()\n const dividerRecipe = getRecipe(UIBehavior.DIVIDER)\n\n~~ return (\n <dd\n {...props}\n className={cn(\n // Structure\n 'pt-item pb-group sm:py-group sm:nth-2:border-none',\n // Style — value text\n 'text-foreground',\n // ~~Divider~~ ~~between~~ ~~items\~~n 'sm:border-t',\n ~~dividerRecipe.base,\n~~ className\n )}\n />\n )\n}\n"]}
1	+ {"version":3,"file":"description-list.js","sourceRoot":"","sources":["../../../../../src/components/data-display/description-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAyB,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAE1G,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEvE,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,6DAA6D;QAC7D,oCAAoC;QACpC,MAAM,CAAC,IAAI,EACX,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAElF,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,oDAAoD;QACpD,8CAA8C;QAC9C,UAAU,CAAC,IAAI;QACf;;;;;;WAMG;QACH,sBAAsB,EACtB,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC9F,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,mDAAmD;QACnD,qBAAqB;QACrB,iBAAiB;QACjB,6EAA6E;QAC7E,aAAa,EACb,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { cn, useUI } from '@wildo-ai/saas-frontend-lib'\nimport { FrontendComponentType, TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models'\n\nexport function DescriptionList({ className, ...props }: React.ComponentPropsWithoutRef<'dl'>): React.JSX.Element {\n const { getRecipe } = useUI()\n const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY)\n\n return (\n <dl\n {...props}\n className={cn(\n // Structure\n 'grid grid-cols-1 sm:grid-cols-[min(50%,--spacing(80))_auto]',\n // Style from TYPOGRAPHY.BODY recipe\n recipe.base,\n className\n )}\n />\n )\n}\n\nexport function DescriptionTerm({ className, ...props }: React.ComponentPropsWithoutRef<'dt'>): React.JSX.Element {\n const { getRecipe } = useUI()\n const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n\n return (\n <dt\n {...props}\n className={cn(\n // Structure\n 'col-start-1 pt-group first:border-none sm:py-group',\n // Style — term uses description color (muted)\n descRecipe.base,\n /\n A plain `border-t`, NOT the divider recipe. The DIVIDER recipe's base is a background\n * FILL (`bg-border` and per-theme variants) for elements that ARE the line — Separator, menu\n * rules. Composed onto a whole `<dt>` it painted every term cell as a filled gray box, which\n * is what the \"default field view\" looked like until 2026-09-01. The hairline's color comes\n * from the design system's base rule (`* { border-color: var(--border) }`).\n */\n 'border-t sm:border-t',\n className\n )}\n />\n )\n}\n\nexport function DescriptionDetails({ className, ...props }: React.ComponentPropsWithoutRef<'dd'>): React.JSX.Element {\n return (\n <dd\n {...props}\n className={cn(\n // Structure\n 'pt-item pb-group sm:py-group sm:nth-2:border-none',\n // Style — value text\n 'text-foreground',\n // Same rule as DescriptionTerm: a hairline, never the divider recipe's FILL.\n 'sm:border-t',\n className\n )}\n />\n )\n}\n"]}

package/dist/esm/components/data-display/formatters/display-field-string.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"display-field-string.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-string.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAI1E;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,~~CAgKpD~~;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
1	+ {"version":3,"file":"display-field-string.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-string.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAI1E;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAoKpD;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-string.js CHANGED Viewed

@@ -54,6 +54,9 @@ function DisplayFieldString({ schema, value, className, }) {
                 return (_jsx(Text, { className: "min-w-0 truncate", children: value }));
             case StringDisplayMode.MULTILINE:
                 return (_jsx(Text, { className: "whitespace-pre-wrap", children: value }));
+            case StringDisplayMode.IDENTIFIER:
+                // A machine ref/slug: verbatim and greppable, styled to recede behind the prose.
+                return _jsx(Text, { className: "font-mono text-xs text-muted-foreground break-all", children: value });
             case StringDisplayMode.MARKDOWN:
                 // Rich long-form content (descriptions, notes): full markdown body
                 // themed through the typography recipes. See markdown-content.tsx for