@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.0

package/dist/esm/components/typography/truncated-text.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { useRef, useState, useLayoutEffect } from "react";
 import { Tooltip, TooltipTrigger, TooltipContent } from "../../components/overlays/floating/tooltip.js";
 import { PlacementSide } from "@wildo-ai/presets-components-models";
@@ -16,9 +17,13 @@ import { cn } from "../../core/ui/cn.js";
  * </TruncatedText>
  * ```
  */
-function TruncatedText({ children, className, textClassName, maxWidth = "100%", tooltipSide = PlacementSide.TOP, tooltipDelayDuration = 300, alwaysShowTooltip = false, ...props }) {
+function TruncatedText({ as: TextElement = 'span', children, className, textClassName, maxWidth = "100%", tooltipSide = PlacementSide.TOP, tooltipDelayDuration = 300, alwaysShowTooltip = false, ...props }) {
     const textRef = useRef(null);
     const [isTruncated, setIsTruncated] = useState(false);
+    const WrapperElement = TextElement === 'span' ? 'span' : 'div';
+    const setTextRef = React.useCallback((node) => {
+        textRef.current = node;
+    }, []);
     // Check if text is truncated by comparing scrollWidth vs clientWidth
     useLayoutEffect(() => {
         const checkTruncation = () => {
@@ -35,12 +40,12 @@ function TruncatedText({ children, className, textClassName, maxWidth = "100%",
         }
         return () => resizeObserver.disconnect();
     }, [children]);
-    const textContent = (_jsx("span", { ref: textRef, "data-slot": "truncated-text", className: cn("block truncate text-start", textClassName), style: { maxWidth }, ...props, children: children }));
+    const textContent = (_jsx(TextElement, { ref: setTextRef, "data-slot": "truncated-text", className: cn("block truncate text-start", textClassName), style: { maxWidth }, ...props, children: children }));
     // Only wrap in tooltip if text is truncated or alwaysShowTooltip is true
     if (isTruncated || alwaysShowTooltip) {
-        return (_jsxs(Tooltip, { delayDuration: tooltipDelayDuration, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: cn("inline-block w-full", className), children: textContent }) }), _jsx(TooltipContent, { side: tooltipSide, children: children })] }));
+        return (_jsxs(Tooltip, { delayDuration: tooltipDelayDuration, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(WrapperElement, { className: cn("inline-block w-full", className), children: textContent }) }), _jsx(TooltipContent, { side: tooltipSide, children: children })] }));
     }
-    return (_jsx("span", { className: cn("inline-block w-full", className), children: textContent }));
+    return (_jsx(WrapperElement, { className: cn("inline-block w-full", className), children: textContent }));
 }
 export { TruncatedText };
-//# sourceMappingURL=truncated-text.js.map
+//# sourceMappingURL=truncated-text.js.map

package/dist/esm/components/typography/truncated-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncated-text.js","sourceRoot":"","sources":["../../../../src/components/typography/truncated-text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAA;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAA;AAiBnD;;;;;;;;;;;GAWG;AACH,SAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,aAAa,CAAC,GAAG,EAC/B,oBAAoB,GAAG,GAAG,EAC1B,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACW;IACnB,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;gBAChF,cAAc,CAAC,aAAa,CAAC,CAAC;YAChC,CAAC;QACH,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;QAElB,qBAAqB;QACrB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC;QAC3D,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,CAClB,eACE,GAAG,EAAE,OAAO,eACF,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,aAAa,CACd,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,KACf,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;IAEF,yEAAyE;IACzE,IAAI,WAAW,IAAI,iBAAiB,EAAE,CAAC;QACrC,OAAO,CACL,MAAC,OAAO,IAAC,aAAa,EAAE,oBAAoB,aAC1C,KAAC,cAAc,IAAC,OAAO,kBACrB,eAAM,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAClD,WAAW,GACP,GACQ,EACjB,KAAC,cAAc,IAAC,IAAI,EAAE,WAAW,YAC9B,QAAQ,GACM,IACT,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAClD,WAAW,GACP,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"truncated-text.js","sourceRoot":"","sources":["../../../../../src/components/typography/truncated-text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAA;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAA;AAqBnD;;;;;;;;;;;GAWG;AACH,SAAS,aAAa,CAAC,EACrB,EAAE,EAAE,WAAW,GAAG,MAAM,EACxB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,aAAa,CAAC,GAAG,EAC/B,oBAAoB,GAAG,GAAG,EAC1B,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACW;IACnB,MAAM,OAAO,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,cAAc,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC/D,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QAChE,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;gBAChF,cAAc,CAAC,aAAa,CAAC,CAAC;YAChC,CAAC;QACH,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;QAElB,qBAAqB;QACrB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC;QAC3D,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,CAClB,KAAC,WAAW,IACV,GAAG,EAAE,UAAU,eACL,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,aAAa,CACd,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,KACf,KAAK,YAER,QAAQ,GACG,CACf,CAAC;IAEF,yEAAyE;IACzE,IAAI,WAAW,IAAI,iBAAiB,EAAE,CAAC;QACrC,OAAO,CACL,MAAC,OAAO,IAAC,aAAa,EAAE,oBAAoB,aAC1C,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAC5D,WAAW,GACG,GACF,EACjB,KAAC,cAAc,IAAC,IAAI,EAAE,WAAW,YAC9B,QAAQ,GACM,IACT,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAC5D,WAAW,GACG,CAClB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useRef, useState, useLayoutEffect } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\"\nimport { PlacementSide } from \"@wildo-ai/presets-components-models\"\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\n\ntype TruncatedTextElement = 'span' | 'p' | 'div';\n\nexport interface TruncatedTextProps extends React.HTMLAttributes<HTMLElement> {\n  /** The text content to display */\n  children: React.ReactNode;\n  /** Element used for the measured text node. */\n  as?: TruncatedTextElement;\n  /** Maximum width before truncation (CSS value, e.g., \"200px\", \"100%\") */\n  maxWidth?: string;\n  /** Custom class for the text element */\n  textClassName?: string;\n  /** Side of the tooltip */\n  tooltipSide?: PlacementSide;\n  /** Delay before showing tooltip (ms) */\n  tooltipDelayDuration?: number;\n  /** Whether to always show tooltip regardless of truncation */\n  alwaysShowTooltip?: boolean;\n}\n\n/**\n * TruncatedText - A text component that truncates with ellipsis and shows full text in tooltip on hover\n *\n * Only shows tooltip when the text is actually truncated.\n *\n * @example\n * ```tsx\n * <TruncatedText maxWidth=\"200px\">\n *   This is a very long text that will be truncated with an ellipsis\n * </TruncatedText>\n * ```\n */\nfunction TruncatedText({\n  as: TextElement = 'span',\n  children,\n  className,\n  textClassName,\n  maxWidth = \"100%\",\n  tooltipSide = PlacementSide.TOP,\n  tooltipDelayDuration = 300,\n  alwaysShowTooltip = false,\n  ...props\n}: TruncatedTextProps): React.JSX.Element {\n  const textRef = useRef<HTMLElement | null>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n  const WrapperElement = TextElement === 'span' ? 'span' : 'div';\n  const setTextRef = React.useCallback((node: HTMLElement | null) => {\n    textRef.current = node;\n  }, []);\n\n  // Check if text is truncated by comparing scrollWidth vs clientWidth\n  useLayoutEffect(() => {\n    const checkTruncation = () => {\n      if (textRef.current) {\n        const isOverflowing = textRef.current.scrollWidth > textRef.current.clientWidth;\n        setIsTruncated(isOverflowing);\n      }\n    };\n\n    checkTruncation();\n\n    // Re-check on resize\n    const resizeObserver = new ResizeObserver(checkTruncation);\n    if (textRef.current) {\n      resizeObserver.observe(textRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [children]);\n\n  const textContent = (\n    <TextElement\n      ref={setTextRef}\n      data-slot=\"truncated-text\"\n      className={cn(\n        \"block truncate text-start\",\n        textClassName\n      )}\n      style={{ maxWidth }}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n\n  // Only wrap in tooltip if text is truncated or alwaysShowTooltip is true\n  if (isTruncated || alwaysShowTooltip) {\n    return (\n      <Tooltip delayDuration={tooltipDelayDuration}>\n        <TooltipTrigger asChild>\n          <WrapperElement className={cn(\"inline-block w-full\", className)}>\n            {textContent}\n          </WrapperElement>\n        </TooltipTrigger>\n        <TooltipContent side={tooltipSide}>\n          {children}\n        </TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <WrapperElement className={cn(\"inline-block w-full\", className)}>\n      {textContent}\n    </WrapperElement>\n  );\n}\n\nexport { TruncatedText }\n"]}

package/dist/esm/components/views/ViewLayout_Header.d.ts

@@ -0,0 +1,59 @@
+/**
+ * ViewLayout_Header — the primary-zone navigation header for definition-backed
+ * custom views (full-custom / execution / flows-actors / composite).
+ *
+ * Resource operations get their navigation chrome from `ResourceLayout_Header`
+ * (back affordance + icon + breadcrumb + title + description). Custom view
+ * families historically rendered BARE — no back affordance, no standard title
+ * band — which left standalone view pages visually orphaned from the shell.
+ * This component closes that gap with the SAME band structure and typography
+ * as the resource header, so every primary-zone surface reads consistently.
+ *
+ * Data sources (all existing contracts — nothing view-authored is duplicated):
+ * - Title / description: the `views.{family}.{translationRef}.*` label contract
+ *   (`composite_views.{translationRef}.*` for composite views) — the same keys
+ *   the sidebar/launchers and overlay titles already resolve. A missing title
+ *   hides the whole header instead of leaking a raw key path (same policy as
+ *   inserted-chart titles).
+ * - Icon: the icon registry's CUSTOM category under the `view-{family}-{ref}`
+ *   keys registered by `IconRegistryBridge` from the authored definition icon.
+ *   The registry falls back to a generic icon for unknown refs, so the icon
+ *   slot only renders when the caller confirms the definition authored one
+ *   (`hasAuthoredIcon`).
+ *
+ * Like the resource header, it self-suppresses on EMBEDDED surfaces
+ * (`hostProvidesHeading` — e.g. an execution view inserted into a resource
+ * READ page renders inside a section host that already owns the heading).
+ */
+import React from 'react';
+import { NavigationContentType, NavigationZone } from '../../core/navigation/navigation.schemas';
+export interface ViewLayoutHeaderProps {
+    /**
+     * The view's NAVIGABLE ref — the same string routing/navigation carries
+     * (for resource-owned views this is the full inserted ref, e.g.
+     * `resource::execution-view::todoLists::todo-list-flow`). Drives the
+     * label-contract resolution.
+     */
+    viewRef: string;
+    /** The view family — drives the label contract and the icon key prefix. */
+    contentType: NavigationContentType;
+    /**
+     * Whether the resolved view definition authored an `icon`. The icon registry
+     * substitutes a generic fallback for unknown refs, so the header must only
+     * ask for the icon when one was actually authored.
+     */
+    hasAuthoredIcon?: boolean;
+    /**
+     * Ref used for the icon-registry key when it differs from `viewRef`.
+     * `IconRegistryBridge` registers resource-owned execution views under the
+     * DEFINITION's local ref (`view-execution-todo-list-flow`), while the label
+     * contract keys on the full inserted ref — pass the definition ref here for
+     * those views. Defaults to `viewRef` (correct for application-level views).
+     */
+    iconViewRef?: string;
+    navigationZone?: NavigationZone;
+    className?: string;
+}
+export declare const ViewLayout_Header: React.FC<ViewLayoutHeaderProps>;
+export default ViewLayout_Header;
+//# sourceMappingURL=ViewLayout_Header.d.ts.map

package/dist/esm/components/views/ViewLayout_Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayout_Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/ViewLayout_Header.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AA0B/G,MAAM,WAAW,qBAAqB;IACpC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,WAAW,EAAE,qBAAqB,CAAC;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkF7D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/components/views/ViewLayout_Header.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ViewLayout_Header — the primary-zone navigation header for definition-backed
+ * custom views (full-custom / execution / flows-actors / composite).
+ *
+ * Resource operations get their navigation chrome from `ResourceLayout_Header`
+ * (back affordance + icon + breadcrumb + title + description). Custom view
+ * families historically rendered BARE — no back affordance, no standard title
+ * band — which left standalone view pages visually orphaned from the shell.
+ * This component closes that gap with the SAME band structure and typography
+ * as the resource header, so every primary-zone surface reads consistently.
+ *
+ * Data sources (all existing contracts — nothing view-authored is duplicated):
+ * - Title / description: the `views.{family}.{translationRef}.*` label contract
+ *   (`composite_views.{translationRef}.*` for composite views) — the same keys
+ *   the sidebar/launchers and overlay titles already resolve. A missing title
+ *   hides the whole header instead of leaking a raw key path (same policy as
+ *   inserted-chart titles).
+ * - Icon: the icon registry's CUSTOM category under the `view-{family}-{ref}`
+ *   keys registered by `IconRegistryBridge` from the authored definition icon.
+ *   The registry falls back to a generic icon for unknown refs, so the icon
+ *   slot only renders when the caller confirms the definition authored one
+ *   (`hasAuthoredIcon`).
+ *
+ * Like the resource header, it self-suppresses on EMBEDDED surfaces
+ * (`hostProvidesHeading` — e.g. an execution view inserted into a resource
+ * READ page renders inside a section host that already owns the heading).
+ */
+import { useMemo } from 'react';
+import { NavigationContentType, NavigationZone } from '../../core/navigation/navigation.schemas.js';
+import { buildCompositeViewLabelKey, buildNavigationViewLabelKey, resolveCompositeViewTranslationRef, resolveNavigationViewLabelTarget, } from '../../core/navigation/view-title-resolution.js';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { useIconRegistry } from '../../core/icons/useIconRegistry.js';
+import { IconCategory, IconSize } from '../../core/icons/icon-registry.frontend.schemas.js';
+import { cn } from '../../core/ui/cn.js';
+import { useSectionHostProvidesHeading } from '../../components/resources/skeleton/SectionHostHeadingContext.js';
+import { ApplicationLevel_NavigationBack, NavigationBackHost } from '../../components/navigation/app-level/ApplicationLevel_NavigationBack.js';
+/**
+ * Icon-registry CUSTOM-category key prefix per view family. Must stay in
+ * lockstep with `IconRegistryBridge` (registration) and the launcher item
+ * resolution (consumption) — all three reference the same key vocabulary.
+ */
+const VIEW_ICON_KEY_PREFIX = {
+    [NavigationContentType.FULL_CUSTOM_VIEW]: 'view-custom-',
+    [NavigationContentType.EXECUTION_VIEW]: 'view-execution-',
+    [NavigationContentType.FLOWS_ACTORS_VIEW]: 'view-flows-',
+    [NavigationContentType.CHART_VIEW]: 'view-chart-',
+};
+export const ViewLayout_Header = ({ viewRef, contentType, hasAuthoredIcon = false, iconViewRef, navigationZone = NavigationZone.PRIMARY, className, }) => {
+    const hostProvidesHeading = useSectionHostProvidesHeading();
+    // Preload exactly this view's label bundle (same pattern as useOverlayTitle).
+    const labelKeys = useMemo(() => {
+        if (contentType === NavigationContentType.COMPOSITE_VIEW) {
+            const translationRef = resolveCompositeViewTranslationRef(viewRef);
+            return translationRef ? [buildCompositeViewLabelKey(translationRef)] : [];
+        }
+        const viewTarget = resolveNavigationViewLabelTarget({ viewRef, contentType });
+        return viewTarget ? [buildNavigationViewLabelKey(viewTarget)] : [];
+    }, [viewRef, contentType]);
+    const { tCompositeView, tView, isReady } = useI18n({ keys: labelKeys });
+    const { renderIcon } = useIconRegistry();
+    const { title, description } = useMemo(() => {
+        if (contentType === NavigationContentType.COMPOSITE_VIEW) {
+            const translationRef = resolveCompositeViewTranslationRef(viewRef);
+            if (!translationRef)
+                return { title: '', description: '' };
+            return {
+                title: tCompositeView(translationRef, 'title'),
+                description: tCompositeView(translationRef, 'description'),
+            };
+        }
+        const viewTarget = resolveNavigationViewLabelTarget({ viewRef, contentType });
+        if (!viewTarget)
+            return { title: '', description: '' };
+        return {
+            title: tView(viewTarget.family, viewTarget.translationRef, 'title'),
+            description: tView(viewTarget.family, viewTarget.translationRef, 'description'),
+        };
+    }, [contentType, viewRef, tCompositeView, tView]);
+    const viewIcon = useMemo(() => {
+        if (!hasAuthoredIcon)
+            return null;
+        const prefix = VIEW_ICON_KEY_PREFIX[contentType];
+        if (!prefix)
+            return null;
+        // LG (24px) matches the text-xl title — same pairing as the resource header.
+        return renderIcon({ category: IconCategory.CUSTOM, customReference: `${prefix}${iconViewRef ?? viewRef}` }, { size: IconSize.LG });
+    }, [hasAuthoredIcon, contentType, viewRef, iconViewRef, renderIcon]);
+    if (!isReady)
+        return null;
+    // Embedded surfaces (inserted views inside a resource page section) already
+    // carry a heading from their section host — never stack a duplicate.
+    if (hostProvidesHeading)
+        return null;
+    // No generated title yet → hide entirely. Titles stay i18n-owned; the header
+    // never surfaces a raw key path or a code-derived fallback.
+    if (!title)
+        return null;
+    // Same left-rail geometry as ResourceLayout_Header (2026-08-19 alignment
+    // pass): the icon lives inside the title row (items-center against the h2
+    // alone) so the description below cannot pull it off the title line, and the
+    // description starts on the rail rather than indented past the icon.
+    return (_jsxs("div", { className: cn(className), children: [_jsxs("div", { className: "flex items-center gap-field", children: [_jsx(ApplicationLevel_NavigationBack, { host: NavigationBackHost.SURFACE, navigationZone: navigationZone }), viewIcon && (_jsx("div", { className: "shrink-0", children: viewIcon })), _jsx("h2", { className: "min-w-0 flex-1 text-xl font-semibold text-foreground", children: title })] }), description && (_jsx("p", { className: "mt-item-xs text-sm text-muted-foreground", children: description }))] }));
+};
+export default ViewLayout_Header;
+//# sourceMappingURL=ViewLayout_Header.js.map

package/dist/esm/components/views/ViewLayout_Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayout_Header.js","sourceRoot":"","sources":["../../../../../src/components/views/ViewLayout_Header.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ViewLayout_Header — the primary-zone navigation header for definition-backed\n * custom views (full-custom / execution / flows-actors / composite).\n *\n * Resource operations get their navigation chrome from `ResourceLayout_Header`\n * (back affordance + icon + breadcrumb + title + description). Custom view\n * families historically rendered BARE — no back affordance, no standard title\n * band — which left standalone view pages visually orphaned from the shell.\n * This component closes that gap with the SAME band structure and typography\n * as the resource header, so every primary-zone surface reads consistently.\n *\n * Data sources (all existing contracts — nothing view-authored is duplicated):\n * - Title / description: the `views.{family}.{translationRef}.*` label contract\n *   (`composite_views.{translationRef}.*` for composite views) — the same keys\n *   the sidebar/launchers and overlay titles already resolve. A missing title\n *   hides the whole header instead of leaking a raw key path (same policy as\n *   inserted-chart titles).\n * - Icon: the icon registry's CUSTOM category under the `view-{family}-{ref}`\n *   keys registered by `IconRegistryBridge` from the authored definition icon.\n *   The registry falls back to a generic icon for unknown refs, so the icon\n *   slot only renders when the caller confirms the definition authored one\n *   (`hasAuthoredIcon`).\n *\n * Like the resource header, it self-suppresses on EMBEDDED surfaces\n * (`hostProvidesHeading` — e.g. an execution view inserted into a resource\n * READ page renders inside a section host that already owns the heading).\n */\n\nimport React, { useMemo } from 'react';\n\nimport { NavigationContentType, NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport {\n  buildCompositeViewLabelKey,\n  buildNavigationViewLabelKey,\n  resolveCompositeViewTranslationRef,\n  resolveNavigationViewLabelTarget,\n} from '~wildo-frontend-lib/core/navigation/view-title-resolution';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconCategory, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useSectionHostProvidesHeading } from '~wildo-frontend-lib/components/resources/skeleton/SectionHostHeadingContext';\nimport { ApplicationLevel_NavigationBack, NavigationBackHost } from '~wildo-frontend-lib/components/navigation/app-level/ApplicationLevel_NavigationBack';\n\n/**\n * Icon-registry CUSTOM-category key prefix per view family. Must stay in\n * lockstep with `IconRegistryBridge` (registration) and the launcher item\n * resolution (consumption) — all three reference the same key vocabulary.\n */\nconst VIEW_ICON_KEY_PREFIX: Partial<Record<NavigationContentType, string>> = {\n  [NavigationContentType.FULL_CUSTOM_VIEW]: 'view-custom-',\n  [NavigationContentType.EXECUTION_VIEW]: 'view-execution-',\n  [NavigationContentType.FLOWS_ACTORS_VIEW]: 'view-flows-',\n  [NavigationContentType.CHART_VIEW]: 'view-chart-',\n};\n\nexport interface ViewLayoutHeaderProps {\n  /**\n   * The view's NAVIGABLE ref — the same string routing/navigation carries\n   * (for resource-owned views this is the full inserted ref, e.g.\n   * `resource::execution-view::todoLists::todo-list-flow`). Drives the\n   * label-contract resolution.\n   */\n  viewRef: string;\n  /** The view family — drives the label contract and the icon key prefix. */\n  contentType: NavigationContentType;\n  /**\n   * Whether the resolved view definition authored an `icon`. The icon registry\n   * substitutes a generic fallback for unknown refs, so the header must only\n   * ask for the icon when one was actually authored.\n   */\n  hasAuthoredIcon?: boolean;\n  /**\n   * Ref used for the icon-registry key when it differs from `viewRef`.\n   * `IconRegistryBridge` registers resource-owned execution views under the\n   * DEFINITION's local ref (`view-execution-todo-list-flow`), while the label\n   * contract keys on the full inserted ref — pass the definition ref here for\n   * those views. Defaults to `viewRef` (correct for application-level views).\n   */\n  iconViewRef?: string;\n  navigationZone?: NavigationZone;\n  className?: string;\n}\n\nexport const ViewLayout_Header: React.FC<ViewLayoutHeaderProps> = ({\n  viewRef,\n  contentType,\n  hasAuthoredIcon = false,\n  iconViewRef,\n  navigationZone = NavigationZone.PRIMARY,\n  className,\n}) => {\n  const hostProvidesHeading = useSectionHostProvidesHeading();\n\n  // Preload exactly this view's label bundle (same pattern as useOverlayTitle).\n  const labelKeys = useMemo(() => {\n    if (contentType === NavigationContentType.COMPOSITE_VIEW) {\n      const translationRef = resolveCompositeViewTranslationRef(viewRef);\n      return translationRef ? [buildCompositeViewLabelKey(translationRef)] : [];\n    }\n    const viewTarget = resolveNavigationViewLabelTarget({ viewRef, contentType });\n    return viewTarget ? [buildNavigationViewLabelKey(viewTarget)] : [];\n  }, [viewRef, contentType]);\n\n  const { tCompositeView, tView, isReady } = useI18n({ keys: labelKeys });\n  const { renderIcon } = useIconRegistry();\n\n  const { title, description } = useMemo((): { title: string; description: string } => {\n    if (contentType === NavigationContentType.COMPOSITE_VIEW) {\n      const translationRef = resolveCompositeViewTranslationRef(viewRef);\n      if (!translationRef) return { title: '', description: '' };\n      return {\n        title: tCompositeView(translationRef, 'title'),\n        description: tCompositeView(translationRef, 'description'),\n      };\n    }\n\n    const viewTarget = resolveNavigationViewLabelTarget({ viewRef, contentType });\n    if (!viewTarget) return { title: '', description: '' };\n    return {\n      title: tView(viewTarget.family, viewTarget.translationRef, 'title'),\n      description: tView(viewTarget.family, viewTarget.translationRef, 'description'),\n    };\n  }, [contentType, viewRef, tCompositeView, tView]);\n\n  const viewIcon = useMemo(() => {\n    if (!hasAuthoredIcon) return null;\n    const prefix = VIEW_ICON_KEY_PREFIX[contentType];\n    if (!prefix) return null;\n    // LG (24px) matches the text-xl title — same pairing as the resource header.\n    return renderIcon(\n      { category: IconCategory.CUSTOM, customReference: `${prefix}${iconViewRef ?? viewRef}` },\n      { size: IconSize.LG },\n    );\n  }, [hasAuthoredIcon, contentType, viewRef, iconViewRef, renderIcon]);\n\n  if (!isReady) return null;\n  // Embedded surfaces (inserted views inside a resource page section) already\n  // carry a heading from their section host — never stack a duplicate.\n  if (hostProvidesHeading) return null;\n  // No generated title yet → hide entirely. Titles stay i18n-owned; the header\n  // never surfaces a raw key path or a code-derived fallback.\n  if (!title) return null;\n\n  // Same left-rail geometry as ResourceLayout_Header (2026-08-19 alignment\n  // pass): the icon lives inside the title row (items-center against the h2\n  // alone) so the description below cannot pull it off the title line, and the\n  // description starts on the rail rather than indented past the icon.\n  return (\n    <div className={cn(className)}>\n      <div className=\"flex items-center gap-field\">\n        <ApplicationLevel_NavigationBack host={NavigationBackHost.SURFACE} navigationZone={navigationZone} />\n\n        {viewIcon && (\n          <div className=\"shrink-0\">\n            {viewIcon}\n          </div>\n        )}\n\n        <h2 className=\"min-w-0 flex-1 text-xl font-semibold text-foreground\">{title}</h2>\n      </div>\n      {description && (\n        <p className=\"mt-item-xs text-sm text-muted-foreground\">{description}</p>\n      )}\n    </div>\n  );\n};\n\nexport default ViewLayout_Header;\n"]}

package/dist/esm/components/views/ViewNotFound.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+export type ViewNotFoundViewKind = 'composite' | 'execution' | 'chart' | 'full-custom' | 'flows-actors';
 export interface ViewNotFoundProps {
-    /** The view type label (e.g., "Composite view", "Chart view") */
-    viewType: string;
+    /** Semantic view family whose label is resolved through i18n. */
+    viewKind: ViewNotFoundViewKind;
     /** The viewRef that was not found */
     viewRef?: string;
 }

package/dist/esm/components/views/ViewNotFound.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewNotFound.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ViewNotFound.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAChC,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CASpD,CAAC"}
+{"version":3,"file":"ViewNotFound.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/ViewNotFound.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,oBAAoB,GAC5B,WAAW,GACX,WAAW,GACX,OAAO,GACP,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,iEAAiE;IACjE,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAUD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4BpD,CAAC"}

package/dist/esm/components/views/ViewNotFound.js

@@ -1,9 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models';
+import { useI18n } from '../../core/i18n/useI18n.js';
+const VIEW_TYPE_LABEL_KEY_BY_KIND = {
+    composite: 'viewTypeComposite',
+    execution: 'viewTypeExecution',
+    chart: 'viewTypeChart',
+    'full-custom': 'viewTypeFullCustom',
+    'flows-actors': 'viewTypeFlowsActors',
+};
 /**
  * Shared "view not found" component.
  * Rendered when a viewRef does not match any configured view definition in UIContext.
  */
-export const ViewNotFound = ({ viewType, viewRef }) => {
-    return (_jsxs("div", { role: "alert", className: "p-container text-center", children: [_jsx("h2", { className: "text-lg font-semibold text-destructive", children: "View Not Found" }), _jsxs("p", { className: "text-muted-foreground", children: [viewType, " ", viewRef ? `"${viewRef}"` : '', " is not configured."] })] }));
+export const ViewNotFound = ({ viewKind, viewRef }) => {
+    const { tComponent, isReady } = useI18n({
+        component: FrontendComponentType.HIGH_LEVEL_VIEWS_NOT_FOUND,
+    });
+    if (!isReady)
+        return null;
+    const resolveLabel = (key, params) => {
+        const result = tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_NOT_FOUND, key, params);
+        const base = `${LabellingTypes.COMPONENTS}.${FrontendComponentType.HIGH_LEVEL_VIEWS_NOT_FOUND}.${key}`;
+        return result === base ? '' : result;
+    };
+    const viewType = resolveLabel(VIEW_TYPE_LABEL_KEY_BY_KIND[viewKind]);
+    const title = resolveLabel('title');
+    const description = resolveLabel(viewRef ? 'description' : 'descriptionWithoutRef', viewRef ? { viewType, viewRef } : { viewType });
+    return (_jsxs("div", { role: "alert", className: "p-container text-center", children: [_jsx("h2", { className: "text-lg font-semibold text-destructive", children: title }), description ? (_jsx("p", { className: "text-muted-foreground", children: description })) : null] }));
 };
-//# sourceMappingURL=ViewNotFound.js.map
+//# sourceMappingURL=ViewNotFound.js.map

package/dist/esm/components/views/ViewNotFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewNotFound.js","sourceRoot":"","sources":["../../../../src/components/views/ViewNotFound.tsx"],"names":[],"mappings":";AASA;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,eAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,yBAAyB,aACnD,aAAI,SAAS,EAAC,wCAAwC,+BAAoB,EAC1E,aAAG,SAAS,EAAC,uBAAuB,aACjC,QAAQ,OAAG,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,2BACvC,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ViewNotFound.js","sourceRoot":"","sources":["../../../../../src/components/views/ViewNotFound.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAgBhE,MAAM,2BAA2B,GAAyC;IACxE,SAAS,EAAE,mBAAmB;IAC9B,SAAS,EAAE,mBAAmB;IAC9B,KAAK,EAAE,eAAe;IACtB,aAAa,EAAE,oBAAoB;IACnC,cAAc,EAAE,qBAAqB;CACtC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACjF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtC,SAAS,EAAE,qBAAqB,CAAC,0BAA0B;KAC5D,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,MAA+B,EAAE,EAAE;QACpE,MAAM,MAAM,GAAG,UAAU,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;QACzF,MAAM,IAAI,GAAG,GAAG,cAAc,CAAC,UAAU,IAAI,qBAAqB,CAAC,0BAA0B,IAAI,GAAG,EAAE,CAAC;QACvG,OAAO,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,YAAY,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,YAAY,CAC9B,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,uBAAuB,EACjD,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAC/C,CAAC;IAEF,OAAO,CACL,eAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,yBAAyB,aACnD,aAAI,SAAS,EAAC,wCAAwC,YAAE,KAAK,GAAM,EAClE,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAK,CACvD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\n\nexport type ViewNotFoundViewKind =\n  | 'composite'\n  | 'execution'\n  | 'chart'\n  | 'full-custom'\n  | 'flows-actors';\n\nexport interface ViewNotFoundProps {\n  /** Semantic view family whose label is resolved through i18n. */\n  viewKind: ViewNotFoundViewKind;\n  /** The viewRef that was not found */\n  viewRef?: string;\n}\n\nconst VIEW_TYPE_LABEL_KEY_BY_KIND: Record<ViewNotFoundViewKind, string> = {\n  composite: 'viewTypeComposite',\n  execution: 'viewTypeExecution',\n  chart: 'viewTypeChart',\n  'full-custom': 'viewTypeFullCustom',\n  'flows-actors': 'viewTypeFlowsActors',\n};\n\n/**\n * Shared \"view not found\" component.\n * Rendered when a viewRef does not match any configured view definition in UIContext.\n */\nexport const ViewNotFound: React.FC<ViewNotFoundProps> = ({ viewKind, viewRef }) => {\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.HIGH_LEVEL_VIEWS_NOT_FOUND,\n  });\n\n  if (!isReady) return null;\n\n  const resolveLabel = (key: string, params?: Record<string, string>) => {\n    const result = tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_NOT_FOUND, key, params);\n    const base = `${LabellingTypes.COMPONENTS}.${FrontendComponentType.HIGH_LEVEL_VIEWS_NOT_FOUND}.${key}`;\n    return result === base ? '' : result;\n  };\n\n  const viewType = resolveLabel(VIEW_TYPE_LABEL_KEY_BY_KIND[viewKind]);\n  const title = resolveLabel('title');\n  const description = resolveLabel(\n    viewRef ? 'description' : 'descriptionWithoutRef',\n    viewRef ? { viewType, viewRef } : { viewType },\n  );\n\n  return (\n    <div role=\"alert\" className=\"p-container text-center\">\n      <h2 className=\"text-lg font-semibold text-destructive\">{title}</h2>\n      {description ? (\n        <p className=\"text-muted-foreground\">{description}</p>\n      ) : null}\n    </div>\n  );\n};\n"]}

package/dist/esm/components/views/ViewNotFound.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const HighLevelViewsNotFoundLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=ViewNotFound.labels.d.ts.map

package/dist/esm/components/views/ViewNotFound.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewNotFound.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/ViewNotFound.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAsB7D,CAAC"}

package/dist/esm/components/views/ViewNotFound.labels.js

@@ -0,0 +1,29 @@
+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 HighLevelViewsNotFoundLabels = [
+    { ref: 'title', kind: LabelKind.HEADING, purpose: 'Heading shown when a requested view cannot be resolved' },
+    {
+        ref: 'description',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Explains that the named view of a given type was not found',
+        params: [
+            { key: 'viewType', meaning: 'human-readable kind of the missing view (e.g. composite, chart)' },
+            { key: 'viewRef', meaning: 'reference identifier of the view that was requested' },
+        ],
+    },
+    {
+        ref: 'descriptionWithoutRef',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Not-found explanation used when no view reference is available',
+        params: [{ key: 'viewType', meaning: 'human-readable kind of the missing view' }],
+    },
+    { ref: 'viewTypeComposite', kind: LabelKind.LABEL, purpose: 'Display name for the composite view type, interpolated into the not-found message' },
+    { ref: 'viewTypeExecution', kind: LabelKind.LABEL, purpose: 'Display name for the execution view type, interpolated into the not-found message' },
+    { ref: 'viewTypeChart', kind: LabelKind.LABEL, purpose: 'Display name for the chart view type, interpolated into the not-found message' },
+    { ref: 'viewTypeFullCustom', kind: LabelKind.LABEL, purpose: 'Display name for the full-custom view type, interpolated into the not-found message' },
+    { ref: 'viewTypeFlowsActors', kind: LabelKind.LABEL, purpose: 'Display name for the flows-and-actors view type, interpolated into the not-found message' },
+];
+registerComponentLabels(FrontendComponentType.HIGH_LEVEL_VIEWS_NOT_FOUND, HighLevelViewsNotFoundLabels);
+//# sourceMappingURL=ViewNotFound.labels.js.map

package/dist/esm/components/views/ViewNotFound.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewNotFound.labels.js","sourceRoot":"","sources":["../../../../../src/components/views/ViewNotFound.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,4BAA4B,GAA0B;IACjE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,wDAAwD,EAAE;IAC5G;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,WAAW;QAC3B,OAAO,EAAE,4DAA4D;QACrE,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,iEAAiE,EAAE;YAC/F,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,qDAAqD,EAAE;SACnF;KACF;IACD;QACE,GAAG,EAAE,uBAAuB;QAC5B,IAAI,EAAE,SAAS,CAAC,WAAW;QAC3B,OAAO,EAAE,gEAAgE;QACzE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,yCAAyC,EAAE,CAAC;KAClF;IACD,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,mFAAmF,EAAE;IACjJ,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,mFAAmF,EAAE;IACjJ,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,+EAA+E,EAAE;IACzI,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qFAAqF,EAAE;IACpJ,EAAE,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,0FAA0F,EAAE;CAC3J,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,4BAA4B,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} 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 HighLevelViewsNotFoundLabels: LabellingUnitaryDef[] = [\n  { ref: 'title', kind: LabelKind.HEADING, purpose: 'Heading shown when a requested view cannot be resolved' },\n  {\n    ref: 'description',\n    kind: LabelKind.DESCRIPTION,\n    purpose: 'Explains that the named view of a given type was not found',\n    params: [\n      { key: 'viewType', meaning: 'human-readable kind of the missing view (e.g. composite, chart)' },\n      { key: 'viewRef', meaning: 'reference identifier of the view that was requested' },\n    ],\n  },\n  {\n    ref: 'descriptionWithoutRef',\n    kind: LabelKind.DESCRIPTION,\n    purpose: 'Not-found explanation used when no view reference is available',\n    params: [{ key: 'viewType', meaning: 'human-readable kind of the missing view' }],\n  },\n  { ref: 'viewTypeComposite', kind: LabelKind.LABEL, purpose: 'Display name for the composite view type, interpolated into the not-found message' },\n  { ref: 'viewTypeExecution', kind: LabelKind.LABEL, purpose: 'Display name for the execution view type, interpolated into the not-found message' },\n  { ref: 'viewTypeChart', kind: LabelKind.LABEL, purpose: 'Display name for the chart view type, interpolated into the not-found message' },\n  { ref: 'viewTypeFullCustom', kind: LabelKind.LABEL, purpose: 'Display name for the full-custom view type, interpolated into the not-found message' },\n  { ref: 'viewTypeFlowsActors', kind: LabelKind.LABEL, purpose: 'Display name for the flows-and-actors view type, interpolated into the not-found message' },\n];\nregisterComponentLabels(FrontendComponentType.HIGH_LEVEL_VIEWS_NOT_FOUND, HighLevelViewsNotFoundLabels);\n"]}

package/dist/esm/components/views/chart-view/ChartEmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartEmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/chart-view/ChartEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAYnC,CAAC"}
+{"version":3,"file":"ChartEmptyState.d.ts","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAcnC,CAAC"}

package/dist/esm/components/views/chart-view/ChartEmptyState.js

@@ -2,9 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { EmptyState } from '../../../components/feedback/empty-state.js';
 import { StandardIconReference } from '../../../core/icons/icon-registry.frontend.schemas.js';
 import { useI18n } from '../../../core/i18n/useI18n.js';
+// `resolveComponentLabel`, not a bare `tComponent`: `tComponent` returns the KEY
+// PATH on a miss, so `|| undefined` never fired and an un-generated description
+// rendered as `components.HIGH_LEVEL_VIEWS_CHART.noDataDescription`.
+import { resolveComponentLabel } from '../../../core/i18n/component-label-resolution.utils.js';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
 export const ChartEmptyState = () => {
-    const { tComponent } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });
-    return (_jsx(EmptyState, { variant: "compact", iconRef: StandardIconReference.CHART, title: tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'noData'), description: tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'noDataDescription') || undefined, className: "min-h-[200px] border-0" }));
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });
+    if (!isReady)
+        return null;
+    return (_jsx(EmptyState, { variant: "compact", iconRef: StandardIconReference.CHART, title: tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'noData'), description: resolveComponentLabel({ tComponent, componentType: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, key: 'noDataDescription' }) || undefined, className: "min-h-[200px] border-0" }));
 };
-//# sourceMappingURL=ChartEmptyState.js.map
+//# sourceMappingURL=ChartEmptyState.js.map

package/dist/esm/components/views/chart-view/ChartEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartEmptyState.js","sourceRoot":"","sources":["../../../../../src/components/views/chart-view/ChartEmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAE5F,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,qBAAqB,CAAC,KAAK,EACpC,KAAK,EAAE,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EACzE,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,IAAI,SAAS,EACvG,SAAS,EAAC,wBAAwB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ChartEmptyState.js","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartEmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,iFAAiF;AACjF,gFAAgF;AAChF,qEAAqE;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AACvG,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAErG,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,qBAAqB,CAAC,KAAK,EACpC,KAAK,EAAE,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EACzE,WAAW,EAAE,qBAAqB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,IAAI,SAAS,EACtJ,SAAS,EAAC,wBAAwB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { EmptyState } from '~wildo-frontend-lib/components/feedback/empty-state';\nimport { StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\n// `resolveComponentLabel`, not a bare `tComponent`: `tComponent` returns the KEY\n// PATH on a miss, so `|| undefined` never fired and an un-generated description\n// rendered as `components.HIGH_LEVEL_VIEWS_CHART.noDataDescription`.\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\n\nexport const ChartEmptyState: React.FC = () => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });\n\n  if (!isReady) return null;\n\n  return (\n    <EmptyState\n      variant=\"compact\"\n      iconRef={StandardIconReference.CHART}\n      title={tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'noData')}\n      description={resolveComponentLabel({ tComponent, componentType: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, key: 'noDataDescription' }) || undefined}\n      className=\"min-h-[200px] border-0\"\n    />\n  );\n};\n"]}

package/dist/esm/components/views/chart-view/ChartErrorState.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ChartError } from './chart-view.utils.js';
+import type { ChartError } from './chart-view.utils';
 export interface ChartErrorStateProps {
     error: ChartError;
     onRetry?: () => void;

package/dist/esm/components/views/chart-view/ChartErrorState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartErrorState.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/chart-view/ChartErrorState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoB1D,CAAC"}
+{"version":3,"file":"ChartErrorState.d.ts","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartErrorState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8B1D,CAAC"}

package/dist/esm/components/views/chart-view/ChartErrorState.js

@@ -4,12 +4,21 @@ import { StandardIconReference } from '../../../core/icons/icon-registry.fronten
 import { useI18n } from '../../../core/i18n/useI18n.js';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
 export const ChartErrorState = ({ error, onRetry }) => {
-    const { tErrorMessage, tComponent } = useI18n({
+    const { tErrorMessage, tComponent, isReady } = useI18n({
         component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART,
         keys: ['errors_messages'],
     });
-    const userMessage = tErrorMessage(error.code, 'userMessage');
+    if (!isReady)
+        return null;
+    // Resolve `errors_messages.{code}.msg` (the sub-key the label generator emits —
+    // NOT the non-existent `userMessage`). `tErrorMessage` returns the raw key path
+    // when no label exists, so guard it exactly like `GlobalErrorHandler.extractErrorMessage`
+    // — the card falls back to its own `errorLoading` title instead of showing a raw key.
+    const resolvedMessage = tErrorMessage(error.code);
+    const userMessage = resolvedMessage && !resolvedMessage.endsWith(`.${error.code}.msg`)
+        ? resolvedMessage
+        : undefined;
     const retryLabel = tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'retry');
-    return (_jsx(EmptyState, { variant: "compact", iconRef: StandardIconReference.ERROR, title: tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'errorLoading'), description: userMessage || undefined, primaryActionLabel: onRetry ? retryLabel : undefined, onPrimaryAction: onRetry, className: "min-h-[200px] border-0" }));
+    return (_jsx(EmptyState, { variant: "compact", iconRef: StandardIconReference.ERROR, title: tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'errorLoading'), description: userMessage || undefined, primaryActionLabel: onRetry ? retryLabel : undefined, onPrimaryAction: onRetry, respectSurfaceEmptyDisplay: false, className: "min-h-[200px] border-0" }));
 };
-//# sourceMappingURL=ChartErrorState.js.map
+//# sourceMappingURL=ChartErrorState.js.map

package/dist/esm/components/views/chart-view/ChartErrorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartErrorState.js","sourceRoot":"","sources":["../../../../../src/components/views/chart-view/ChartErrorState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAQ5E,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;QAC5C,SAAS,EAAE,qBAAqB,CAAC,sBAAsB;QACvD,IAAI,EAAE,CAAC,iBAAiB,CAAC;KAC1B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;IAErF,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,qBAAqB,CAAC,KAAK,EACpC,KAAK,EAAE,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,cAAc,CAAC,EAC/E,WAAW,EAAE,WAAW,IAAI,SAAS,EACrC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACpD,eAAe,EAAE,OAAO,EACxB,SAAS,EAAC,wBAAwB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ChartErrorState.js","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartErrorState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAQ5E,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACrD,SAAS,EAAE,qBAAqB,CAAC,sBAAsB;QACvD,IAAI,EAAE,CAAC,iBAAiB,CAAC;KAC1B,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,gFAAgF;IAChF,gFAAgF;IAChF,0FAA0F;IAC1F,sFAAsF;IACtF,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,eAAe,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,IAAI,MAAM,CAAC;QACpF,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;IAErF,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,qBAAqB,CAAC,KAAK,EACpC,KAAK,EAAE,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,cAAc,CAAC,EAC/E,WAAW,EAAE,WAAW,IAAI,SAAS,EACrC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACpD,eAAe,EAAE,OAAO,EACxB,0BAA0B,EAAE,KAAK,EACjC,SAAS,EAAC,wBAAwB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { EmptyState } from '~wildo-frontend-lib/components/feedback/empty-state';\nimport { Button } from '~wildo-frontend-lib/components/actions/button';\nimport { StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport type { ChartError } from './chart-view.utils';\n\nexport interface ChartErrorStateProps {\n  error: ChartError;\n  onRetry?: () => void;\n}\n\nexport const ChartErrorState: React.FC<ChartErrorStateProps> = ({ error, onRetry }) => {\n  const { tErrorMessage, tComponent, isReady } = useI18n({\n    component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART,\n    keys: ['errors_messages'],\n  });\n\n  if (!isReady) return null;\n\n  // Resolve `errors_messages.{code}.msg` (the sub-key the label generator emits —\n  // NOT the non-existent `userMessage`). `tErrorMessage` returns the raw key path\n  // when no label exists, so guard it exactly like `GlobalErrorHandler.extractErrorMessage`\n  // — the card falls back to its own `errorLoading` title instead of showing a raw key.\n  const resolvedMessage = tErrorMessage(error.code);\n  const userMessage = resolvedMessage && !resolvedMessage.endsWith(`.${error.code}.msg`)\n    ? resolvedMessage\n    : undefined;\n  const retryLabel = tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'retry');\n\n  return (\n    <EmptyState\n      variant=\"compact\"\n      iconRef={StandardIconReference.ERROR}\n      title={tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'errorLoading')}\n      description={userMessage || undefined}\n      primaryActionLabel={onRetry ? retryLabel : undefined}\n      onPrimaryAction={onRetry}\n      respectSurfaceEmptyDisplay={false}\n      className=\"min-h-[200px] border-0\"\n    />\n  );\n};\n"]}

package/dist/esm/components/views/chart-view/ChartLoadingSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/chart-view/ChartLoadingSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,yBAAyB;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAYpE,CAAC"}
+{"version":3,"file":"ChartLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartLoadingSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,yBAAyB;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAcpE,CAAC"}

package/dist/esm/components/views/chart-view/ChartLoadingSkeleton.js

@@ -3,7 +3,9 @@ import { Skeleton } from '../../../components/feedback/skeleton.js';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
 import { useI18n } from '../../../core/i18n/useI18n.js';
 export const ChartLoadingSkeleton = ({ height = 400 }) => {
-    const { tComponent } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });
+    if (!isReady)
+        return null;
     return (_jsxs("div", { role: "status", "aria-live": "polite", children: [_jsx(Skeleton, { className: "w-full rounded-lg", style: { height } }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'loading') })] }));
 };
-//# sourceMappingURL=ChartLoadingSkeleton.js.map
+//# sourceMappingURL=ChartLoadingSkeleton.js.map

package/dist/esm/components/views/chart-view/ChartLoadingSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLoadingSkeleton.js","sourceRoot":"","sources":["../../../../../src/components/views/chart-view/ChartLoadingSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAMhE,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAE5F,OAAO,CACL,eAAK,IAAI,EAAC,QAAQ,eAAW,QAAQ,aACnC,KAAC,QAAQ,IACP,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,MAAM,EAAE,GACjB,EACF,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAQ,IAClG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ChartLoadingSkeleton.js","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartLoadingSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAMhE,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAErG,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,eAAK,IAAI,EAAC,QAAQ,eAAW,QAAQ,aACnC,KAAC,QAAQ,IACP,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,MAAM,EAAE,GACjB,EACF,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAQ,IAClG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { Skeleton } from '~wildo-frontend-lib/components/feedback/skeleton';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\n\nexport interface ChartLoadingSkeletonProps {\n  height?: string | number;\n}\n\nexport const ChartLoadingSkeleton: React.FC<ChartLoadingSkeletonProps> = ({ height = 400 }) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });\n\n  if (!isReady) return null;\n\n  return (\n    <div role=\"status\" aria-live=\"polite\">\n      <Skeleton\n        className=\"w-full rounded-lg\"\n        style={{ height }}\n      />\n      <span className=\"sr-only\">{tComponent(FrontendComponentType.HIGH_LEVEL_VIEWS_CHART, 'loading')}</span>\n    </div>\n  );\n};\n"]}

package/dist/esm/components/views/chart-view/ChartView.d.ts

@@ -9,14 +9,14 @@
  * ────────────────────────────────────────────────────────────── */
 import React from 'react';
 import type { ChartDefinition, ChartInputValues } from '@wildo-ai/saas-models';
-import type { ChartViewDefinition, InsertedChartDeclaration, ResolvedInsertedChartDescriptor } from '../../../core/config/chart-view.frontend.schemas.js';
+import type { InsertedChartDeclaration, ResolvedInsertedChartDescriptor } from '../../../core/config/chart-view.frontend.schemas';
 export interface ChartViewProps {
     /** View reference — resolved from UIContext internally. */
     viewRef?: string;
     /** Pre-resolved bare chart definition. Useful for dev previews and direct renderers. */
     document?: ChartDefinition;
     /** Pre-resolved chart surface definition. When provided, `viewRef` is ignored. */
-    viewDefinition?: ChartViewDefinition | InsertedChartDeclaration;
+    viewDefinition?: InsertedChartDeclaration;
     /** Pre-resolved runtime descriptor for inserted or already-bound charts. */
     runtimeDescriptor?: ResolvedInsertedChartDescriptor;
     /** Explicit navigation-time or host-time context bindings. */
@@ -31,6 +31,14 @@ export interface ChartViewProps {
     width?: string | number;
     /** Height */
     height?: string | number;
+    /**
+     * When true, a data-fetch failure degrades LOCALLY (this chart card shows the
+     * error, with retry) WITHOUT raising the global error toast. Set by EMBEDDED
+     * hosts (composite tiles, detail-page charts) so one sub-surface's 403/5xx does
+     * not read as a page-level failure. Standalone chart pages leave it `false` and
+     * keep the global error pipeline. The error is still emitted/logged either way.
+     */
+    localErrorOnly?: boolean;
 }
 /**
  * ChartView — renders an ECharts chart from a ChartDefinition.

package/dist/esm/components/views/chart-view/ChartView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartView.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/chart-view/ChartView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;oEAQoE;AAEpE,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgB/E,OAAO,KAAK,EACV,mBAAmB,EACnB,wBAAwB,EACxB,+BAA+B,EAChC,MAAM,6DAA6D,CAAC;AASrE,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,kFAAkF;IAClF,cAAc,CAAC,EAAE,mBAAmB,GAAG,wBAAwB,CAAC;IAChE,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,+BAA+B,CAAC;IACpD,8DAA8D;IAC9D,0BAA0B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpD,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,qFAAqF;IACrF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,aAAa;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuI9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ChartView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;oEAQoE;AAEpE,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAkB/E,OAAO,KAAK,EACV,wBAAwB,EACxB,+BAA+B,EAChC,MAAM,6DAA6D,CAAC;AASrE,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,kFAAkF;IAClF,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,+BAA+B,CAAC;IACpD,8DAA8D;IAC9D,0BAA0B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpD,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,qFAAqF;IACrF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,aAAa;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyL9C,CAAC;AAEF,eAAe,SAAS,CAAC"}