@miragon/mcp-toolkit-ui 2.6.0 → 2.8.0

package/README.md

@@ -1,7 +1,8 @@
 # @miragon/mcp-toolkit-ui
 
-React UI for MCP servers: shadcn primitives, composite components, TanStack
-Query hooks, and the MCP App shell (McpAppView + WidgetRenderer).
+React UI for MCP servers in the Miragon design system (the default theme;
+white-label it through role tokens): primitives, composite components,
+TanStack Query hooks, and the MCP App shell (McpAppView + WidgetRenderer).
 
 ## Install
 
@@ -9,10 +10,12 @@ Published to the public npm registry under the `@miragon` scope — no `.npmrc`
 or token needed.
 
 ```sh
-pnpm add @miragon/mcp-toolkit-ui @miragon/mcp-toolkit-core mcp-use@2.7.3 react@19.2.8 react-dom@19.2.8 tailwindcss@4.3.3
+pnpm add @miragon/mcp-toolkit-ui @miragon/mcp-toolkit-core mcp-use@2.7.3 react@^19.2.0 react-dom@^19.2.0 tailwindcss@^4.3.0
 ```
 
-Peer versions are pinned exactly — install the versions above.
+`mcp-use` is pinned exactly: a second copy in the graph breaks the widgets'
+host context. `react`, `react-dom` and `tailwindcss` are ranges, so your own
+versions dedupe against them.
 
 ## Import paths
 
@@ -21,7 +24,13 @@ Peer versions are pinned exactly — install the versions above.
 | `@miragon/mcp-toolkit-ui` | Primitives (`Card`, `Table`, `Button`, …), composed components (`KpiGrid`, `WidgetHeader`, `FilterBar`), `useToolQuery`, `createTheme` / `ThemeProvider`, `cn`, `parseViewToolResult` | Free of `mcp-use/react` value imports (the view runtime + its ext-apps transitive) — safe for apps that never mount the shell. |
 | `…-ui/app`                | `mountMcpToolkitApp`, `McpToolkitApp`, `McpAppView`, `WidgetRenderer`, `useHostBridge`, `adaptDataWidget`, `WidgetFixtureHost`                                                        | The MCP app shell + host bridge — imports `mcp-use/react`. Never re-exported from the root barrel.                             |
 | `…-ui/hooks`              | `useViewToolQuery`, `useViewData`, `useToolQuery`, `useToolMutation`                                                                                                                  | View-tool hooks.                                                                                                               |
-| `…-ui/globals.css`        | Tailwind v4 theme + design tokens                                                                                                                                                     | Import once in the app entry.                                                                                                  |
+| `…-ui/globals.css`        | Tailwind v4 + the design tokens (the Miragon theme by default, light and dark)                                                                                                        | Import once in the app entry.                                                                                                  |
+| `…-ui/theme.css`          | The design tokens without Tailwind's entry point                                                                                                                                      | For a stylesheet that already imports Tailwind (add the toolkit `src` as `@source`).                                           |
+| `…-ui/fonts.css`          | Opt-in Geist + Geist Mono, self-hosted through the bundler                                                                                                                            | Optional; `fontFaces({ baseUrl })` is the by-URL alternative.                                                                  |
+
+A customer brand overrides the role variables only (`--primary`, `--link`,
+`--focus`, …; `ROLE_TOKENS`), see the
+[white-labeling guide](https://github.com/Miragon/mcp-toolkit/blob/main/docs/guides/white-labeling.md).
 
 ## Component catalog
 

package/dist/app/adapt-data-widget.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, type ReactNode } from "react";
+import type { ComponentType } from "react";
 import type { WidgetComponent } from "./widget-renderer.js";
 /**
  * Builds the model-context line for an adapted widget. Receives the resolved
@@ -7,27 +7,6 @@ import type { WidgetComponent } from "./widget-renderer.js";
  * `period` / `engine` on dashboard widgets) can be reported too.
  */
 export type DescribeForModel<T> = (data: NonNullable<T>, props: Readonly<Record<string, unknown>>) => string;
-/**
- * Model-context reporting that works on every host — the host-portable
- * replacement for rendering `mcp-use/react`'s `ModelContext` directly.
- *
- * mcp-use 2.x's `ModelContext` registers with the view runtime and THROWS
- * outside a `bootstrapView` mount, so it is only rendered inside an mcp-use
- * view (where it aggregates nested nodes into one tree). Everywhere else —
- * ChatGPT via `createChatGptHostBridge`, the `WidgetFixtureHost` harness,
- * standalone apps — the description flows through the bridge's
- * `setModelContext` instead (last-writer-wins; fine for the single-widget
- * mounts those hosts render).
- *
- * Widgets that self-fetch and report their own context (cockpit views like
- * `TasksBoard`) must use this instead of importing `ModelContext` from
- * `mcp-use/react` — the direct import crashes the widget in every non-view
- * mount, starting with the widget playground.
- */
-export declare function HostModelContext({ content, children, }: {
-    content: string;
-    children: ReactNode;
-}): ReactNode;
 /**
  * Wraps a "single-data" widget component (signature `({ data }: { data: T | null })`)
  * so it can be registered as a framework {@link WidgetComponent} (which receives

package/dist/app/adapt-data-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adapt-data-widget.d.ts","sourceRoot":"","sources":["../../src/app/adapt-data-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAE3D;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAChC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KACrC,MAAM,CAAA;AAEX;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,SAAS,CAIZ;AAWD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,MAAM,EAAE,aAAa,CAAC;IAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACnE,QAAQ,EAAE,MAAM,EAChB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GACrC,eAAe,CAcjB"}
+{"version":3,"file":"adapt-data-widget.d.ts","sourceRoot":"","sources":["../../src/app/adapt-data-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAE3D;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAChC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KACrC,MAAM,CAAA;AAEX;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,MAAM,EAAE,aAAa,CAAC;IAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACnE,QAAQ,EAAE,MAAM,EAChB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GACrC,eAAe,CAcjB"}

package/dist/app/adapt-data-widget.js

@@ -1,39 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { ModelContext } from "mcp-use/react";
-import { useHostBridgeOrNull } from "./host-bridge.js";
-import { useIsInsideMcpUseView } from "./mcp-use-host-bridge.js";
-/**
- * Model-context reporting that works on every host — the host-portable
- * replacement for rendering `mcp-use/react`'s `ModelContext` directly.
- *
- * mcp-use 2.x's `ModelContext` registers with the view runtime and THROWS
- * outside a `bootstrapView` mount, so it is only rendered inside an mcp-use
- * view (where it aggregates nested nodes into one tree). Everywhere else —
- * ChatGPT via `createChatGptHostBridge`, the `WidgetFixtureHost` harness,
- * standalone apps — the description flows through the bridge's
- * `setModelContext` instead (last-writer-wins; fine for the single-widget
- * mounts those hosts render).
- *
- * Widgets that self-fetch and report their own context (cockpit views like
- * `TasksBoard`) must use this instead of importing `ModelContext` from
- * `mcp-use/react` — the direct import crashes the widget in every non-view
- * mount, starting with the widget playground.
- */
-export function HostModelContext({ content, children, }) {
-    const insideView = useIsInsideMcpUseView();
-    if (insideView)
-        return _jsx(ModelContext, { content: content, children: children });
-    return _jsx(BridgeModelContext, { content: content, children: children });
-}
-function BridgeModelContext({ content, children }) {
-    const bridge = useHostBridgeOrNull();
-    const setModelContext = bridge?.setModelContext;
-    useEffect(() => {
-        setModelContext?.(content);
-    }, [setModelContext, content]);
-    return children;
-}
+import { HostModelContext } from "./model-context.js";
 /**
  * Wraps a "single-data" widget component (signature `({ data }: { data: T | null })`)
  * so it can be registered as a framework {@link WidgetComponent} (which receives

package/dist/app/adapt-data-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapt-data-widget.js","sourceRoot":"","sources":["../../src/app/adapt-data-widget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAsC,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAchE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,GAIT;IACC,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAA;IAC1C,IAAI,UAAU;QAAE,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAgB,CAAA;IAChF,OAAO,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAsB,CAAA;AAC9E,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAA4C;IACzF,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAA;IACpC,MAAM,eAAe,GAAG,MAAM,EAAE,eAAe,CAAA;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC,OAAO,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAA;IAC9B,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,eAAe,CAC7B,MAAmE,EACnE,QAAgB,EAChB,gBAAsC;IAEtC,SAAS,aAAa,CAAC,EAAE,OAAO,EAAE,WAAW,EAAe;QAC1D,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAA;QACrF,MAAM,IAAI,GAAG,CAAC,UAAU,EAAE,IAAI,IAAI,IAAI,CAAa,CAAA;QACnD,MAAM,MAAM,GAAG,KAAC,MAAM,OAAK,CAAC,WAAW,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;QAC9D,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,gBAAgB;YAAE,OAAO,MAAM,CAAA;QACpD,OAAO,CACL,KAAC,gBAAgB,IAAC,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,YACjE,MAAM,GACU,CACpB,CAAA;IACH,CAAC;IACD,aAAa,CAAC,WAAW,GAAG,WAAW,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,IAAI,QAAQ,GAAG,CAAA;IACvF,OAAO,aAAa,CAAA;AACtB,CAAC"}
+{"version":3,"file":"adapt-data-widget.js","sourceRoot":"","sources":["../../src/app/adapt-data-widget.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAcrD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,eAAe,CAC7B,MAAmE,EACnE,QAAgB,EAChB,gBAAsC;IAEtC,SAAS,aAAa,CAAC,EAAE,OAAO,EAAE,WAAW,EAAe;QAC1D,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAA;QACrF,MAAM,IAAI,GAAG,CAAC,UAAU,EAAE,IAAI,IAAI,IAAI,CAAa,CAAA;QACnD,MAAM,MAAM,GAAG,KAAC,MAAM,OAAK,CAAC,WAAW,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;QAC9D,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,gBAAgB;YAAE,OAAO,MAAM,CAAA;QACpD,OAAO,CACL,KAAC,gBAAgB,IAAC,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,YACjE,MAAM,GACU,CACpB,CAAA;IACH,CAAC;IACD,aAAa,CAAC,WAAW,GAAG,WAAW,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,IAAI,QAAQ,GAAG,CAAA;IACvF,OAAO,aAAa,CAAA;AACtB,CAAC"}

package/dist/app/builder/BuilderBanners.d.ts

@@ -3,17 +3,22 @@ import type { LayoutBuilderLabels } from "./labels.js";
  * Inline feedback strip under the toolbar. Surfaces two things the builder
  * previously swallowed:
  *   - a `get-builder-catalogue` fetch failure (Finding [3]) — only console-
- *     logged before, so the user couldn't tell the palette was stale, and
+ *     logged before, so the user couldn't tell the palette was stale. It is
+ *     the kit's inline `ErrorState`: what happened, what to do, a retry, and
+ *     the tool name with the raw reason under "Details" (never in the
+ *     sentence the user reads), and
  *   - pipeline validation issues (Finding [10]/[6]) the catalogue reports
  *     fail-soft but `render-view` would reject fail-hard.
  *
  * Renders nothing when there's no error and no issues, so the happy path is
  * visually unchanged.
  */
-export declare function BuilderBanners({ L, catalogueToolName, refreshError, validationIssues, }: {
+export declare function BuilderBanners({ L, catalogueToolName, refreshError, validationIssues, onRetry, }: {
     L: Required<LayoutBuilderLabels>;
     catalogueToolName: string;
     refreshError: string | null;
     validationIssues: string[];
+    /** Fetches the catalogue again; the error state offers it as its retry. */
+    onRetry?: () => void;
 }): import("react").JSX.Element | null;
 //# sourceMappingURL=BuilderBanners.d.ts.map

package/dist/app/builder/BuilderBanners.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BuilderBanners.d.ts","sourceRoot":"","sources":["../../../src/app/builder/BuilderBanners.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAMtD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,CAAC,EACD,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GACjB,EAAE;IACD,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAChC,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAA;CAC3B,sCAgCA"}
+{"version":3,"file":"BuilderBanners.d.ts","sourceRoot":"","sources":["../../../src/app/builder/BuilderBanners.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAMtD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,CAAC,EACD,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,OAAO,GACR,EAAE;IACD,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAChC,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,sCAqCA"}

package/dist/app/builder/BuilderBanners.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertTriangle } from "lucide-react";
+import { ErrorState } from "../../components/ErrorState.js";
+import { TONE_ICON } from "../../lib/tone-utils.js";
 // -------------------------------------------------------------------------- //
 // Builder banners — catalogue-fetch failure + pipeline validation warning
 // -------------------------------------------------------------------------- //
@@ -7,16 +9,19 @@ import { AlertTriangle } from "lucide-react";
  * Inline feedback strip under the toolbar. Surfaces two things the builder
  * previously swallowed:
  *   - a `get-builder-catalogue` fetch failure (Finding [3]) — only console-
- *     logged before, so the user couldn't tell the palette was stale, and
+ *     logged before, so the user couldn't tell the palette was stale. It is
+ *     the kit's inline `ErrorState`: what happened, what to do, a retry, and
+ *     the tool name with the raw reason under "Details" (never in the
+ *     sentence the user reads), and
  *   - pipeline validation issues (Finding [10]/[6]) the catalogue reports
  *     fail-soft but `render-view` would reject fail-hard.
  *
  * Renders nothing when there's no error and no issues, so the happy path is
  * visually unchanged.
  */
-export function BuilderBanners({ L, catalogueToolName, refreshError, validationIssues, }) {
+export function BuilderBanners({ L, catalogueToolName, refreshError, validationIssues, onRetry, }) {
     if (!refreshError && validationIssues.length === 0)
         return null;
-    return (_jsxs("div", { className: "flex flex-col gap-2", role: "status", "aria-live": "polite", children: [refreshError && (_jsxs("div", { className: "border-destructive/30 bg-destructive/10 text-destructive flex items-start gap-2 rounded-md border px-3 py-2 text-xs", children: [_jsx(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "font-medium", children: L.catalogueError }), _jsxs("p", { className: "text-destructive/80 mt-0.5 break-words", children: [_jsx("span", { className: "font-mono", children: catalogueToolName }), ": ", refreshError] })] })] })), validationIssues.length > 0 && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-xs text-amber-700 dark:text-amber-400", children: [_jsx(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "font-medium", children: L.validationWarning }), _jsx("ul", { className: "mt-0.5 list-inside list-disc space-y-0.5", children: validationIssues.map((issue, idx) => (_jsx("li", { className: "break-words", children: issue }, idx))) })] })] }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [refreshError && (_jsx(ErrorState, { variant: "inline", title: L.catalogueError, description: L.catalogueErrorHint, details: `${catalogueToolName}: ${refreshError}`, onRetry: onRetry })), validationIssues.length > 0 && (_jsxs("div", { role: "status", "aria-live": "polite", className: "border-warning bg-warning-soft text-foreground text-small flex items-start gap-2 rounded-md border px-3 py-2", children: [_jsx(AlertTriangle, { className: `mt-0.5 size-3.5 shrink-0 ${TONE_ICON.warning}`, "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "font-medium", children: L.validationWarning }), _jsx("ul", { className: "mt-0.5 list-inside list-disc space-y-0.5", children: validationIssues.map((issue, idx) => (_jsx("li", { className: "break-words", children: issue }, idx))) })] })] }))] }));
 }
 //# sourceMappingURL=BuilderBanners.js.map

package/dist/app/builder/BuilderBanners.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuilderBanners.js","sourceRoot":"","sources":["../../../src/app/builder/BuilderBanners.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAG5C,gFAAgF;AAChF,0EAA0E;AAC1E,gFAAgF;AAEhF;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,CAAC,EACD,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GAMjB;IACC,IAAI,CAAC,YAAY,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAC/D,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,aAClE,YAAY,IAAI,CACf,eAAK,SAAS,EAAC,qHAAqH,aAClI,KAAC,aAAa,IAAC,SAAS,EAAC,0BAA0B,iBAAa,MAAM,GAAG,EACzE,eAAK,SAAS,EAAC,SAAS,aACtB,YAAG,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,cAAc,GAAK,EACjD,aAAG,SAAS,EAAC,wCAAwC,aACnD,eAAM,SAAS,EAAC,WAAW,YAAE,iBAAiB,GAAQ,QAAG,YAAY,IACnE,IACA,IACF,CACP,EACA,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,eAAK,SAAS,EAAC,mIAAmI,aAChJ,KAAC,aAAa,IAAC,SAAS,EAAC,0BAA0B,iBAAa,MAAM,GAAG,EACzE,eAAK,SAAS,EAAC,SAAS,aACtB,YAAG,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,iBAAiB,GAAK,EACpD,aAAI,SAAS,EAAC,0CAA0C,YACrD,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACpC,aAAc,SAAS,EAAC,aAAa,YAClC,KAAK,IADC,GAAG,CAEP,CACN,CAAC,GACC,IACD,IACF,CACP,IACG,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"BuilderBanners.js","sourceRoot":"","sources":["../../../src/app/builder/BuilderBanners.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAGnD,gFAAgF;AAChF,0EAA0E;AAC1E,gFAAgF;AAEhF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,CAAC,EACD,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,OAAO,GAQR;IACC,IAAI,CAAC,YAAY,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAC/D,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aACjC,YAAY,IAAI,CACf,KAAC,UAAU,IACT,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,cAAc,EACvB,WAAW,EAAE,CAAC,CAAC,kBAAkB,EACjC,OAAO,EAAE,GAAG,iBAAiB,KAAK,YAAY,EAAE,EAChD,OAAO,EAAE,OAAO,GAChB,CACH,EACA,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAC,8GAA8G,aAExH,KAAC,aAAa,IACZ,SAAS,EAAE,4BAA4B,SAAS,CAAC,OAAO,EAAE,iBAC9C,MAAM,GAClB,EACF,eAAK,SAAS,EAAC,SAAS,aACtB,YAAG,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,iBAAiB,GAAK,EACpD,aAAI,SAAS,EAAC,0CAA0C,YACrD,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACpC,aAAc,SAAS,EAAC,aAAa,YAClC,KAAK,IADC,GAAG,CAEP,CACN,CAAC,GACC,IACD,IACF,CACP,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/app/builder/CanvasRow.d.ts

@@ -1,7 +1,7 @@
-import type { RowDef, WidgetProps } from "@miragon/mcp-toolkit-core";
+import type { DisplayText, RowDef, WidgetProps } from "@miragon/mcp-toolkit-core";
 import { type WidgetComponent } from "../widget-renderer.js";
 import type { LayoutBuilderLabels } from "./labels.js";
-declare function CanvasRowImpl({ L, row, rowIdx, focused, isFirst, isLast, dragOver, setDragOverRow, setFocusedRowIndex, onRemoveRow, onMoveRow, onSetCellSpan, onRemoveCell, onAddWidget, onConfigureCell, propsSchemaByWidgetId, widgets, widgetProps, }: {
+declare function CanvasRowImpl({ L, row, rowIdx, focused, isFirst, isLast, dragOver, setDragOverRow, setFocusedRowIndex, onRemoveRow, onMoveRow, onSetCellSpan, onRemoveCell, onAddWidget, onConfigureCell, propsSchemaByWidgetId, displayByWidgetId, advanced, widgets, widgetProps, }: {
     L: Required<LayoutBuilderLabels>;
     row: RowDef;
     rowIdx: number;
@@ -18,6 +18,8 @@ declare function CanvasRowImpl({ L, row, rowIdx, focused, isFirst, isLast, dragO
     onAddWidget: (widgetId: string, targetRowIdx?: number) => void;
     onConfigureCell: (rowIdx: number, cellIdx: number) => void;
     propsSchemaByWidgetId: Map<string, Record<string, unknown>>;
+    displayByWidgetId: Map<string, DisplayText>;
+    advanced: boolean;
     widgets: Record<string, WidgetComponent>;
     widgetProps: WidgetProps;
 }): import("react").JSX.Element;

package/dist/app/builder/CanvasRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasRow.d.ts","sourceRoot":"","sources":["../../../src/app/builder/CanvasRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAWpE,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAOtD,iBAAS,aAAa,CAAC,EACrB,CAAC,EACD,GAAG,EACH,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,EACZ,WAAW,EACX,eAAe,EACf,qBAAqB,EACrB,OAAO,EACP,WAAW,GACZ,EAAE;IACD,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtE,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,qBAAqB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC3D,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;IACxC,WAAW,EAAE,WAAW,CAAA;CACzB,+BAwLA;AAED,eAAO,MAAM,SAAS,2DAAsB,CAAA"}
+{"version":3,"file":"CanvasRow.d.ts","sourceRoot":"","sources":["../../../src/app/builder/CanvasRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAYjF,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAStD,iBAAS,aAAa,CAAC,EACrB,CAAC,EACD,GAAG,EACH,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,EACZ,WAAW,EACX,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,WAAW,GACZ,EAAE;IACD,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtE,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,qBAAqB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC3D,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IAC3C,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;IACxC,WAAW,EAAE,WAAW,CAAA;CACzB,+BA0NA;AAED,eAAO,MAAM,SAAS,2DAAsB,CAAA"}

package/dist/app/builder/CanvasRow.js

@@ -1,18 +1,29 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useRef } from "react";
 import { ChevronDown, ChevronUp, SlidersHorizontal, Trash2, X } from "lucide-react";
 import { GridItem, GridLayout } from "../../components/GridLayout.js";
 import { Button } from "../../primitives/button.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../primitives/select.js";
+import { FOCUS_RING, FOCUS_RING_INSET } from "../../lib/focus-ring.js";
 import { cn } from "../../lib/utils.js";
 import { RenderedWidget } from "../widget-renderer.js";
+import { displayLabel } from "./builder-model.js";
 import { WIDGET_DRAG_MIME } from "./labels.js";
+import { REVEAL_ON_INTENT } from "./reveal.js";
+import { useDisplayResolver } from "./use-display-resolver.js";
 // -------------------------------------------------------------------------- //
 // Canvas row — drop target + per-cell controls + resize handle
 // -------------------------------------------------------------------------- //
-function CanvasRowImpl({ L, row, rowIdx, focused, isFirst, isLast, dragOver, setDragOverRow, setFocusedRowIndex, onRemoveRow, onMoveRow, onSetCellSpan, onRemoveCell, onAddWidget, onConfigureCell, propsSchemaByWidgetId, widgets, widgetProps, }) {
+function CanvasRowImpl({ L, row, rowIdx, focused, isFirst, isLast, dragOver, setDragOverRow, setFocusedRowIndex, onRemoveRow, onMoveRow, onSetCellSpan, onRemoveCell, onAddWidget, onConfigureCell, propsSchemaByWidgetId, displayByWidgetId, advanced, widgets, widgetProps, }) {
     const gridRef = useRef(null);
-    return (_jsxs("div", { onClick: () => setFocusedRowIndex(rowIdx), onDragOver: (e) => {
+    const { locale, resolveKey } = useDisplayResolver();
+    // The target row follows the pointer AND the keyboard: focus moving into a
+    // row (its actions, a cell control) makes it the row the palette adds to.
+    const target = () => {
+        if (!focused)
+            setFocusedRowIndex(rowIdx);
+    };
+    return (_jsxs("div", { "data-slot": "builder-row", "data-target": focused ? "" : undefined, onClick: target, onFocus: target, onDragOver: (e) => {
             if (!e.dataTransfer.types.includes(WIDGET_DRAG_MIME))
                 return;
             e.preventDefault();
@@ -29,40 +40,41 @@ function CanvasRowImpl({ L, row, rowIdx, focused, isFirst, isLast, dragOver, set
                 e.preventDefault();
                 onAddWidget(id, rowIdx);
             }
-        }, className: cn("group relative rounded-lg border-l-2 px-3 py-2 transition-colors", focused
+        }, className: cn("group relative rounded-md border-l-2 px-3 py-2 transition-colors", focused
             ? "border-l-primary bg-card"
-            : "bg-background hover:bg-card/60 border-l-transparent", dragOver && "bg-primary/5 border-l-primary"), children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-[11px]", children: [_jsxs("span", { className: "font-mono", children: ["row ", rowIdx + 1] }), _jsxs("span", { className: "bg-muted/60 rounded px-1 py-0.5 text-[10px]", children: [row.row.length, " ", row.row.length === 1 ? "widget" : "widgets"] })] }), _jsxs("div", { className: "opacity-0 transition-opacity group-hover:opacity-100", children: [_jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
+            : "bg-background hover:bg-card/60 border-l-transparent", dragOver && "bg-primary/5 border-l-primary"), children: [_jsxs("div", { className: "mb-2 flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "text-muted-foreground text-small flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-medium", children: L.rowLabel(rowIdx + 1) }), _jsx("span", { className: "bg-muted rounded px-1.5 py-0.5", children: L.elementCount(row.row.length) }), focused && (_jsxs("span", { className: "text-foreground inline-flex items-center gap-1.5", children: [_jsx("span", { "aria-hidden": "true", className: "bg-primary size-1.5 rounded-full" }), L.rowTarget] }))] }), _jsxs("div", { "data-slot": "builder-row-actions", className: cn("flex items-center", focused ? "opacity-100" : REVEAL_ON_INTENT), children: [_jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
                                     e.stopPropagation();
                                     onMoveRow(rowIdx, -1);
-                                }, disabled: isFirst, "aria-label": "Move row up", children: _jsx(ChevronUp, {}) }), _jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
+                                }, disabled: isFirst, "aria-label": L.moveRowUp, children: _jsx(ChevronUp, {}) }), _jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
                                     e.stopPropagation();
                                     onMoveRow(rowIdx, 1);
-                                }, disabled: isLast, "aria-label": "Move row down", children: _jsx(ChevronDown, {}) }), _jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
+                                }, disabled: isLast, "aria-label": L.moveRowDown, children: _jsx(ChevronDown, {}) }), _jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
                                     e.stopPropagation();
                                     onRemoveRow(rowIdx);
-                                }, "aria-label": L.removeRow, children: _jsx(Trash2, {}) })] })] }), row.row.length === 0 ? (_jsx("div", { className: cn("rounded-md border border-dashed py-6 text-center text-[11px] transition-colors", dragOver
-                    ? "border-primary bg-primary/5 text-primary"
-                    : "border-muted-foreground/30 text-muted-foreground"), children: dragOver ? L.canvasDropHint : L.canvasEmpty })) : (_jsx("div", { ref: gridRef, "data-row-grid": true, children: _jsx(GridLayout, { children: row.row.map((cell, cellIdx) => {
+                                }, "aria-label": L.removeRow, children: _jsx(Trash2, {}) })] })] }), row.row.length === 0 ? (_jsx("div", { className: cn("text-small rounded-md border border-dashed py-6 text-center transition-colors", dragOver
+                    ? "border-focus bg-accent text-accent-foreground"
+                    : "border-input text-muted-foreground"), children: dragOver ? L.canvasDropHint : L.canvasEmpty })) : (_jsx("div", { ref: gridRef, "data-row-grid": true, children: _jsx(GridLayout, { children: row.row.map((cell, cellIdx) => {
                         const span = cell.span ?? 12;
                         const Widget = widgets[cell.widget];
                         const hasPropsSchema = propsSchemaByWidgetId.has(cell.widget);
                         const propCount = cell.props ? Object.keys(cell.props).length : 0;
-                        return (_jsx(GridItem, { span: span, children: _jsxs("div", { className: "border-border bg-card relative overflow-hidden rounded-md border shadow-sm", children: [_jsxs("div", { className: "text-muted-foreground bg-muted/30 flex items-center justify-between gap-2 border-b px-2 py-1 text-[10px]", children: [_jsx("span", { className: "truncate font-mono", children: cell.widget }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsxs("label", { className: "text-muted-foreground/80 inline-flex items-center gap-0.5 font-mono", children: [_jsx("span", { className: "sr-only", children: "Column span" }), _jsxs(Select, { value: String(span), onValueChange: (v) => onSetCellSpan(rowIdx, cellIdx, Number(v)), children: [_jsx(SelectTrigger, { size: "sm", className: "h-5 gap-0.5 border-none bg-transparent px-1 py-0 font-mono text-[10px] shadow-none focus:ring-0", "aria-label": "Column span", onClick: (e) => e.stopPropagation(), children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Array.from({ length: 12 }, (_, i) => i + 1).map((n) => (_jsx(SelectItem, { value: String(n), className: "font-mono text-xs", children: n }, n))) })] }), _jsx("span", { "aria-hidden": "true", children: "/12" })] }), hasPropsSchema && (_jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
+                        const name = displayLabel(displayByWidgetId.get(cell.widget) ?? {}, cell.widget, locale, resolveKey);
+                        return (_jsx(GridItem, { span: span, children: _jsxs("div", { className: "border-border bg-card shadow-1 relative overflow-hidden rounded-md border", children: [_jsxs("div", { className: "text-muted-foreground bg-muted/30 text-small flex items-center justify-between gap-2 border-b px-2 py-1", children: [_jsxs("span", { className: "flex min-w-0 items-baseline gap-2", title: name.hint, children: [_jsx("span", { className: "text-foreground truncate font-medium", children: name.label }), advanced && name.hint && (_jsx("span", { className: "truncate font-mono", children: name.hint }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsxs("label", { className: "text-muted-foreground inline-flex items-center gap-0.5 tabular-nums", children: [_jsx("span", { className: "sr-only", children: L.columnSpan }), _jsxs(Select, { value: String(span), onValueChange: (v) => onSetCellSpan(rowIdx, cellIdx, Number(v)), children: [_jsx(SelectTrigger, { size: "sm", className: cn("text-small h-6 gap-0.5 border-none bg-transparent px-1 py-0 tabular-nums shadow-none", 
+                                                                        // Borderless, so the input focus edge is gone: the kit ring instead.
+                                                                        FOCUS_RING), "aria-label": L.columnSpan, onClick: (e) => e.stopPropagation(), children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Array.from({ length: 12 }, (_, i) => i + 1).map((n) => (_jsx(SelectItem, { value: String(n), className: "text-small tabular-nums", children: n }, n))) })] }), _jsx("span", { "aria-hidden": "true", children: "/12" })] }), hasPropsSchema && (_jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
                                                             e.stopPropagation();
                                                             onConfigureCell(rowIdx, cellIdx);
-                                                        }, "aria-label": "Configure widget props", title: propCount > 0
-                                                            ? `Configure widget props (${propCount} set)`
-                                                            : "Configure widget props", className: cn(propCount > 0 && "text-primary"), children: _jsx(SlidersHorizontal, {}) })), _jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
+                                                        }, "aria-label": L.configureElement, title: propCount > 0 ? L.configureElementSet(propCount) : L.configureElement, className: cn(propCount > 0 && "text-link"), children: _jsx(SlidersHorizontal, {}) })), _jsx(Button, { variant: "ghost", size: "icon-xs", onClick: (e) => {
                                                             e.stopPropagation();
                                                             onRemoveCell(rowIdx, cellIdx);
-                                                        }, "aria-label": "Remove widget", children: _jsx(X, {}) })] })] }), _jsx("div", { className: "p-2", children: _jsx(RenderedWidget, { widget: Widget, widgetId: cell.widget, props: widgetProps, cellProps: cell.props, showEmptyHint: true, notBundledClassName: "text-muted-foreground rounded border border-dashed p-3 text-center text-[11px]" }) }), _jsx(ResizeHandle, { rowIdx: rowIdx, cellIdx: cellIdx, span: span, getGridEl: () => gridRef.current, onSetCellSpan: onSetCellSpan })] }) }, `${cell.widget}-${cellIdx}`));
+                                                        }, "aria-label": L.removeElement, children: _jsx(X, {}) })] })] }), _jsx("div", { className: "p-2", children: _jsx(RenderedWidget, { widget: Widget, widgetId: cell.widget, props: widgetProps, cellProps: cell.props, showEmptyHint: true, notBundledClassName: "text-muted-foreground rounded border border-dashed p-3 text-center text-small" }) }), _jsx(ResizeHandle, { label: L.resizeElement, rowIdx: rowIdx, cellIdx: cellIdx, span: span, getGridEl: () => gridRef.current, onSetCellSpan: onSetCellSpan })] }) }, `${cell.widget}-${cellIdx}`));
                     }) }) }))] }));
 }
 export const CanvasRow = memo(CanvasRowImpl);
 // -------------------------------------------------------------------------- //
 // Resize handle
 // -------------------------------------------------------------------------- //
-function ResizeHandle({ rowIdx, cellIdx, span, getGridEl, onSetCellSpan, }) {
+function ResizeHandle({ label, rowIdx, cellIdx, span, getGridEl, onSetCellSpan, }) {
     const onPointerDown = useCallback((e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -93,6 +105,6 @@ function ResizeHandle({ rowIdx, cellIdx, span, getGridEl, onSetCellSpan, }) {
         e.stopPropagation();
         onSetCellSpan(rowIdx, cellIdx, Math.max(1, Math.min(12, span + dir)));
     }, [cellIdx, onSetCellSpan, rowIdx, span]);
-    return (_jsx("div", { onPointerDown: onPointerDown, onClick: (e) => e.stopPropagation(), onKeyDown: onKeyDown, tabIndex: 0, className: "hover:bg-primary/40 focus-visible:bg-primary/40 focus-visible:ring-primary/60 absolute top-0 right-0 h-full w-1.5 cursor-col-resize touch-none select-none focus-visible:ring-1 focus-visible:outline-none", "aria-label": "Resize widget", role: "separator", "aria-orientation": "vertical", "aria-valuenow": span, "aria-valuemin": 1, "aria-valuemax": 12 }));
+    return (_jsx("div", { onPointerDown: onPointerDown, onClick: (e) => e.stopPropagation(), onKeyDown: onKeyDown, tabIndex: 0, className: cn("hover:bg-primary/40 focus-visible:bg-primary/40 absolute top-0 right-0 h-full w-1.5 cursor-col-resize touch-none select-none", FOCUS_RING_INSET), "aria-label": label, role: "separator", "aria-orientation": "vertical", "aria-valuenow": span, "aria-valuemin": 1, "aria-valuemax": 12 }));
 }
 //# sourceMappingURL=CanvasRow.js.map

package/dist/app/builder/CanvasRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasRow.js","sourceRoot":"","sources":["../../../src/app/builder/CanvasRow.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CanvasRow.js","sourceRoot":"","sources":["../../../src/app/builder/CanvasRow.tsx"],"names":[],"mappings":"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"}

package/dist/app/builder/CatalogueSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogueSheet.d.ts","sourceRoot":"","sources":["../../../src/app/builder/CatalogueSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAYlG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAMtD,wBAAgB,cAAc,CAAC,EAC7B,CAAC,EACD,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,kBAAkB,GACnB,EAAE;IACD,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,kBAAkB,EAAE,iBAAiB,EAAE,CAAA;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C,+BAiLA"}
+{"version":3,"file":"CatalogueSheet.d.ts","sourceRoot":"","sources":["../../../src/app/builder/CatalogueSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAclG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAOtD,wBAAgB,cAAc,CAAC,EAC7B,CAAC,EACD,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,kBAAkB,GACnB,EAAE;IACD,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,kBAAkB,EAAE,iBAAiB,EAAE,CAAA;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C,+BAuMA"}

package/dist/app/builder/CatalogueSheet.js

@@ -5,29 +5,37 @@ import { Badge } from "../../primitives/badge.js";
 import { Button } from "../../primitives/button.js";
 import { ScrollArea } from "../../primitives/scroll-area.js";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "../../primitives/sheet.js";
+import { TONE_DOT, TONE_TEXT } from "../../lib/tone-utils.js";
 import { cn } from "../../lib/utils.js";
+import { displayLabel } from "./builder-model.js";
+import { useDisplayResolver } from "./use-display-resolver.js";
 // -------------------------------------------------------------------------- //
 // Catalogue Sheet — slides in from the right
 // -------------------------------------------------------------------------- //
 export function CatalogueSheet({ L, open, onOpenChange, keyCatalog, availableSteps, unreachableWidgets, onSeedKey, onAddProducingStep, }) {
+    const { locale, resolveKey } = useDisplayResolver();
     const producerOf = useMemo(() => {
         const map = new Map();
         for (const e of keyCatalog)
             map.set(e.key, e.producedBySteps[0]);
         return map;
     }, [keyCatalog]);
-    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { className: "w-full sm:max-w-md md:max-w-lg", children: [_jsxs(SheetHeader, { children: [_jsxs(SheetTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Library, { className: "size-4" }), L.catalogue] }), _jsx(SheetDescription, { children: L.catalogueDescription })] }), _jsx(ScrollArea, { className: "flex-1 px-4 pb-4", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(CatalogueSectionHeader, { title: L.catalogueKeys, count: keyCatalog.length }), keyCatalog.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-xs italic", children: "No keys registered." })) : (_jsx("ul", { className: "flex flex-col gap-1", children: keyCatalog.map((entry) => (_jsxs("li", { className: "hover:bg-accent/40 flex flex-col gap-1 rounded-md border px-2 py-1.5 text-xs", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "truncate font-mono", children: entry.key }), _jsxs("span", { className: cn("inline-flex shrink-0 items-center gap-1 text-[10px]", entry.inContext
-                                                                ? "text-emerald-600 dark:text-emerald-400"
-                                                                : "text-muted-foreground"), children: [_jsx("span", { className: cn("size-1.5 rounded-full", entry.inContext ? "bg-emerald-500" : "bg-muted-foreground/40") }), entry.inContext ? L.catalogueLive : L.catalogueMissing] })] }), (entry.producedBySteps.length > 0 ||
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { className: "w-full sm:max-w-md md:max-w-lg", children: [_jsxs(SheetHeader, { children: [_jsxs(SheetTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Library, { className: "size-4" }), L.catalogue] }), _jsx(SheetDescription, { children: L.catalogueDescription })] }), _jsx(ScrollArea, { className: "flex-1 px-4 pb-4", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(CatalogueSectionHeader, { title: L.catalogueKeys, count: keyCatalog.length }), keyCatalog.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-small italic", children: L.noKeysRegistered })) : (_jsx("ul", { className: "flex flex-col gap-1", children: keyCatalog.map((entry) => (_jsxs("li", { className: "hover:bg-muted text-small flex flex-col gap-1 rounded-md border px-2 py-1.5", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "truncate font-mono", children: entry.key }), _jsxs("span", { className: cn("text-small inline-flex shrink-0 items-center gap-1", entry.inContext ? TONE_TEXT.success : "text-muted-foreground"), children: [_jsx("span", { "aria-hidden": "true", className: cn("size-1.5 rounded-full", entry.inContext
+                                                                        ? TONE_DOT.success
+                                                                        : "border-input border bg-transparent") }), entry.inContext ? L.catalogueLive : L.catalogueMissing] })] }), (entry.producedBySteps.length > 0 ||
                                                     entry.consumedBySteps.length > 0 ||
-                                                    entry.consumedByWidgets.length > 0) && (_jsxs("div", { className: "text-muted-foreground/80 flex flex-col gap-0.5 text-[10px]", children: [entry.producedBySteps.length > 0 && (_jsxs("span", { children: [L.catalogueProducedBy, " ", _jsx("span", { className: "font-mono", children: entry.producedBySteps.join(", ") })] })), entry.consumedBySteps.length > 0 && (_jsxs("span", { children: ["step ", L.catalogueConsumedBy, " ", _jsx("span", { className: "font-mono", children: entry.consumedBySteps.join(", ") })] })), entry.consumedByWidgets.length > 0 && (_jsxs("span", { children: ["widget ", L.catalogueConsumedBy, " ", _jsx("span", { className: "font-mono", children: entry.consumedByWidgets.join(", ") })] }))] })), !entry.inContext && (_jsxs("div", { className: "mt-0.5 flex items-center gap-1", children: [_jsxs(Button, { variant: "ghost", size: "xs", onClick: () => onSeedKey(entry.key), children: [_jsx(Plus, {}), " ", L.cataloguePickKey] }), producerOf.get(entry.key) && (_jsxs(Button, { variant: "ghost", size: "xs", onClick: () => onAddProducingStep(entry.key), children: [_jsx(ArrowDownToLine, {}), " ", L.catalogueAddProducingStep] }))] }))] }, entry.key))) }))] }), _jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(CatalogueSectionHeader, { title: L.catalogueSteps, count: availableSteps.length }), availableSteps.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-xs italic", children: "No steps registered." })) : (_jsx("ul", { className: "flex flex-col gap-1", children: availableSteps.map((s) => (_jsxs("li", { className: "flex flex-col gap-0.5 rounded-md border px-2 py-1.5 text-xs", children: [_jsx("span", { className: "truncate font-mono", children: s.id }), _jsxs("div", { className: "text-muted-foreground/80 flex flex-wrap gap-x-3 text-[10px]", children: [_jsxs("span", { className: "font-mono", children: ["\u2190 ", s.requires.length ? s.requires.join(", ") : "(no inputs)"] }), _jsxs("span", { className: "font-mono", children: ["\u2192 ", s.produces.length ? s.produces.join(", ") : "(none)"] })] })] }, s.id))) }))] }), _jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(CatalogueSectionHeader, { title: L.catalogueUnreachable, count: unreachableWidgets.length }), unreachableWidgets.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-xs italic", children: L.catalogueUnreachableEmpty })) : (_jsx("ul", { className: "flex flex-col gap-1", children: unreachableWidgets.map((w) => {
+                                                    entry.consumedByWidgets.length > 0) && (_jsxs("div", { className: "text-muted-foreground text-small flex flex-col gap-0.5", children: [entry.producedBySteps.length > 0 && (_jsxs("span", { children: [L.catalogueProducedBy, " ", _jsx("span", { className: "font-mono", children: entry.producedBySteps.join(", ") })] })), entry.consumedBySteps.length > 0 && (_jsxs("span", { children: [L.catalogueStepPrefix, " ", L.catalogueConsumedBy, " ", _jsx("span", { className: "font-mono", children: entry.consumedBySteps.join(", ") })] })), entry.consumedByWidgets.length > 0 && (_jsxs("span", { children: [L.catalogueElementPrefix, " ", L.catalogueConsumedBy, " ", _jsx("span", { className: "font-mono", children: entry.consumedByWidgets.join(", ") })] }))] })), !entry.inContext && (_jsxs("div", { className: "mt-0.5 flex items-center gap-1", children: [_jsxs(Button, { variant: "ghost", size: "xs", onClick: () => onSeedKey(entry.key), children: [_jsx(Plus, {}), " ", L.cataloguePickKey] }), producerOf.get(entry.key) && (_jsxs(Button, { variant: "ghost", size: "xs", onClick: () => onAddProducingStep(entry.key), children: [_jsx(ArrowDownToLine, {}), " ", L.catalogueAddProducingStep] }))] }))] }, entry.key))) }))] }), _jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(CatalogueSectionHeader, { title: L.catalogueSteps, count: availableSteps.length }), availableSteps.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-small italic", children: L.noStepsRegistered })) : (_jsx("ul", { className: "flex flex-col gap-1", children: availableSteps.map((s) => {
+                                            const name = displayLabel(s, s.id, locale, resolveKey);
+                                            return (_jsxs("li", { className: "text-small flex flex-col gap-0.5 rounded-md border px-2 py-1.5", children: [_jsx("span", { className: "truncate font-medium", children: name.label }), name.hint && (_jsx("span", { className: "text-muted-foreground truncate font-mono", children: name.hint })), _jsxs("div", { className: "text-muted-foreground flex flex-wrap gap-x-3", children: [_jsxs("span", { children: [L.catalogueNeedsKeys, " ", _jsx("span", { className: "font-mono", children: s.requires.length ? s.requires.join(", ") : L.noInputs })] }), _jsxs("span", { children: [L.stepProvides, " ", _jsx("span", { className: "font-mono", children: s.produces.length ? s.produces.join(", ") : L.noOutputs })] })] })] }, s.id));
+                                        }) }))] }), _jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(CatalogueSectionHeader, { title: L.catalogueUnreachable, count: unreachableWidgets.length }), unreachableWidgets.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-small italic", children: L.catalogueUnreachableEmpty })) : (_jsx("ul", { className: "flex flex-col gap-1", children: unreachableWidgets.map((w) => {
                                             const candidate = w.missingKeys
                                                 .map((k) => ({ key: k, step: producerOf.get(k) }))
                                                 .find((c) => c.step);
-                                            return (_jsxs("li", { className: "bg-muted/20 flex flex-col gap-1 rounded-md border px-2 py-1.5 text-xs", children: [_jsx("span", { className: "truncate font-mono", children: w.id }), _jsxs("span", { className: "text-muted-foreground/80 text-[10px]", children: [L.catalogueNeedsKeys, " ", _jsx("span", { className: "font-mono", children: w.missingKeys.join(", ") })] }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-1", children: [w.missingKeys.map((k) => (_jsxs(Button, { variant: "ghost", size: "xs", onClick: () => onSeedKey(k), children: [_jsx(Plus, {}), _jsx("span", { className: "font-mono", children: k })] }, k))), candidate && (_jsxs(Button, { variant: "outline", size: "xs", onClick: () => onAddProducingStep(candidate.key), children: [_jsx(ArrowDownToLine, {}), " ", L.catalogueAddProducingStep] }))] })] }, w.id));
+                                            const name = displayLabel(w, w.id, locale, resolveKey);
+                                            return (_jsxs("li", { className: "bg-muted/20 text-small flex flex-col gap-1 rounded-md border px-2 py-1.5", children: [_jsx("span", { className: "truncate font-medium", children: name.label }), name.hint && (_jsx("span", { className: "text-muted-foreground truncate font-mono", children: name.hint })), _jsxs("span", { className: "text-muted-foreground", children: [L.catalogueNeedsKeys, " ", _jsx("span", { className: "font-mono", children: w.missingKeys.join(", ") })] }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-1", children: [w.missingKeys.map((k) => (_jsxs(Button, { variant: "ghost", size: "xs", onClick: () => onSeedKey(k), children: [_jsx(Plus, {}), _jsx("span", { className: "font-mono", children: k })] }, k))), candidate && (_jsxs(Button, { variant: "outline", size: "xs", onClick: () => onAddProducingStep(candidate.key), children: [_jsx(ArrowDownToLine, {}), " ", L.catalogueAddProducingStep] }))] })] }, w.id));
                                         }) }))] })] }) })] }) }));
 }
 function CatalogueSectionHeader({ title, count }) {
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground text-[10px] font-semibold tracking-[0.12em] uppercase", children: title }), _jsx("span", { className: "bg-border h-px flex-1", "aria-hidden": "true" }), _jsx(Badge, { variant: "outline", className: "px-1.5 text-[10px]", children: count })] }));
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h3", { className: "text-muted-foreground text-small font-semibold", children: title }), _jsx("span", { className: "bg-border h-px flex-1", "aria-hidden": "true" }), _jsx(Badge, { variant: "outline", className: "px-1.5", children: count })] }));
 }
 //# sourceMappingURL=CatalogueSheet.js.map

package/dist/app/builder/CatalogueSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogueSheet.js","sourceRoot":"","sources":["../../../src/app/builder/CatalogueSheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CatalogueSheet.js","sourceRoot":"","sources":["../../../src/app/builder/CatalogueSheet.tsx"],"names":[],"mappings":"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"}

package/dist/app/builder/CellPropsSheet.d.ts

@@ -1,18 +1,22 @@
-import type { RowDef } from "@miragon/mcp-toolkit-core";
+import type { DisplayText, RowDef } from "@miragon/mcp-toolkit-core";
 /**
  * Mounted once at the LayoutBuilder root so that exactly one props editor
  * can be open at a time across the entire workspace — including across
  * tabs. `configuringCell` addresses `{ rowIdx, cellIdx }` on the currently
  * active draft surface (rows or active tab's rows); renders nothing when no
- * cell is being configured or the address no longer resolves.
+ * cell is being configured or the address no longer resolves. The sheet is
+ * titled with the widget's name; closing it returns focus to the cell's
+ * configure button (the kit's `SheetContent` hands it back to the element
+ * that opened it, see `lib/focus-return.ts`).
  */
-export declare function CellPropsSheet({ configuringCell, activeRows, propsSchemaByWidgetId, onApply, onClose, }: {
+export declare function CellPropsSheet({ configuringCell, activeRows, propsSchemaByWidgetId, displayByWidgetId, onApply, onClose, }: {
     configuringCell: {
         rowIdx: number;
         cellIdx: number;
     } | null;
     activeRows: RowDef[];
     propsSchemaByWidgetId: Map<string, Record<string, unknown>>;
+    displayByWidgetId: Map<string, DisplayText>;
     onApply: (rowIdx: number, cellIdx: number, next: Record<string, unknown> | undefined) => void;
     onClose: () => void;
 }): import("react").JSX.Element | null;

package/dist/app/builder/CellPropsSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CellPropsSheet.d.ts","sourceRoot":"","sources":["../../../src/app/builder/CellPropsSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAOvD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,OAAO,GACR,EAAE;IACD,eAAe,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC3D,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,qBAAqB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC3D,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7F,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,sCAoBA"}
+{"version":3,"file":"CellPropsSheet.d.ts","sourceRoot":"","sources":["../../../src/app/builder/CellPropsSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AASpE;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,OAAO,EACP,OAAO,GACR,EAAE;IACD,eAAe,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC3D,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,qBAAqB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC3D,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IAC3C,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7F,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,sCA4BA"}

package/dist/app/builder/CellPropsSheet.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { WidgetPropsSheet } from "../widget-props-sheet.js";
+import { displayLabel } from "./builder-model.js";
+import { useDisplayResolver } from "./use-display-resolver.js";
 // -------------------------------------------------------------------------- //
 // Cell props sheet — mounts the WidgetPropsSheet for the configured cell
 // -------------------------------------------------------------------------- //
@@ -8,19 +10,24 @@ import { WidgetPropsSheet } from "../widget-props-sheet.js";
  * can be open at a time across the entire workspace — including across
  * tabs. `configuringCell` addresses `{ rowIdx, cellIdx }` on the currently
  * active draft surface (rows or active tab's rows); renders nothing when no
- * cell is being configured or the address no longer resolves.
+ * cell is being configured or the address no longer resolves. The sheet is
+ * titled with the widget's name; closing it returns focus to the cell's
+ * configure button (the kit's `SheetContent` hands it back to the element
+ * that opened it, see `lib/focus-return.ts`).
  */
-export function CellPropsSheet({ configuringCell, activeRows, propsSchemaByWidgetId, onApply, onClose, }) {
+export function CellPropsSheet({ configuringCell, activeRows, propsSchemaByWidgetId, displayByWidgetId, onApply, onClose, }) {
+    const { locale, resolveKey } = useDisplayResolver();
     if (!configuringCell)
         return null;
     const cell = activeRows[configuringCell.rowIdx]?.row[configuringCell.cellIdx];
     if (!cell)
         return null;
     const schema = propsSchemaByWidgetId.get(cell.widget);
+    const name = displayLabel(displayByWidgetId.get(cell.widget) ?? {}, cell.widget, locale, resolveKey);
     return (_jsx(WidgetPropsSheet, { open: true, onOpenChange: (open) => {
             if (!open)
                 onClose();
-        }, widgetId: cell.widget, schema: schema, value: cell.props, onApply: (next) => {
+        }, widgetId: cell.widget, widgetTitle: name.hint ? name.label : undefined, schema: schema, value: cell.props, onApply: (next) => {
             onApply(configuringCell.rowIdx, configuringCell.cellIdx, next);
             onClose();
         } }));