@miragon/mcp-toolkit-ui 2.5.0 → 2.7.0

package/dist/app/mcp-app-view.d.ts

@@ -1,6 +1,11 @@
-import { type McpAppViewLabels } from "./mcp-app-view-chrome.js";
+import { type ReactNode } from "react";
+import { type DescribeStep, type McpAppViewLabels, type ViewTitleLevel, type ViewTitleMode } from "./mcp-app-view-chrome.js";
+import { type DescribeViewError } from "./mcp-app-view-states.js";
+import type { LayoutBuilderLabels } from "./layout-builder.js";
 import type { WidgetComponent } from "./widget-renderer.js";
-export type { McpAppViewLabels } from "./mcp-app-view-chrome.js";
+export type { McpAppViewLabels, ViewTitleLevel, ViewTitleMode } from "./mcp-app-view-chrome.js";
+export type { DescribeStep } from "./mcp-app-view-chrome.js";
+export type { DescribeViewError } from "./mcp-app-view-states.js";
 export interface McpAppViewProps {
     /**
      * Map of widget ID to React component. The consumer aggregates this from
@@ -28,10 +33,40 @@ export interface McpAppViewProps {
      */
     builderEnabled?: boolean;
     /**
-     * Override UI strings (loading, refresh, fullscreen, build).
-     * Defaults to English.
+     * Override chrome strings (loading, error, refresh, fullscreen, edit, …).
+     * Defaults to the active locale's toolkit catalog: the nearest
+     * `LocaleProvider`, else the host's locale (`en`/`de`, English otherwise).
      */
     labels?: McpAppViewLabels;
+    /** Override strings of the embedded view builder (defaults: the locale's catalog). */
+    builderLabels?: LayoutBuilderLabels;
+    /**
+     * How the toolbar shows the view title, so a view carries ONE title:
+     * `"show"` (default) renders it as a heading, `"hide"` leaves the title to
+     * the widget's own header, `"slot"` renders {@link McpAppViewProps.renderTitle}.
+     */
+    titleMode?: ViewTitleMode;
+    /** Heading level of the toolbar title in `"show"` mode. Default `2`. */
+    titleLevel?: ViewTitleLevel;
+    /** Renders the toolbar title in `"slot"` mode; receives the view's title. */
+    renderTitle?: (title: string | undefined) => ReactNode;
+    /** Delay before the loading placeholder adds its "taking longer" hint. Default 8000 ms. */
+    slowHintAfterMs?: number;
+    /**
+     * Map a raw rendering error (the tool's `isError` text) onto human text.
+     * The raw reason always stays available under "Details".
+     */
+    describeError?: DescribeViewError;
+    /** Human title of a pipeline step in the failed-steps alert (default: the step id). */
+    describeStep?: DescribeStep;
 }
-export declare function McpAppView({ widgets, refreshToolName, builderEnabled, labels, }: McpAppViewProps): import("react").JSX.Element;
+/**
+ * The toolkit's MCP App view: lifecycle placeholder (waiting / error /
+ * cancelled), toolbar, failed-steps alert and the rendered layout (or the
+ * builder). Mounts a `ToastProvider` and binds the toolkit's own strings to
+ * the host's locale unless a `LocaleProvider` sets one, so the chrome follows
+ * the host language; `useLocale()` in consumer widgets is unaffected. Lucide
+ * icons draw at the CI stroke (2.5) throughout, the toast stack included.
+ */
+export declare function McpAppView(props: McpAppViewProps): import("react").JSX.Element;
 //# sourceMappingURL=mcp-app-view.d.ts.map

package/dist/app/mcp-app-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-app-view.d.ts","sourceRoot":"","sources":["../../src/app/mcp-app-view.tsx"],"names":[],"mappings":"AAOA,OAAO,EAOL,KAAK,gBAAgB,EAEtB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAE3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;IACxC;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,eAAgC,EAChC,cAAc,EACd,MAAM,GACP,EAAE,eAAe,+BA+MjB"}
+{"version":3,"file":"mcp-app-view.d.ts","sourceRoot":"","sources":["../../src/app/mcp-app-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAatE,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAClF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAE3D,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC/F,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,YAAY,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;IACxC;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,sFAAsF;IACtF,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,SAAS,CAAA;IACtD,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,uFAAuF;IACvF,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BAYhD"}

package/dist/app/mcp-app-view.js

@@ -1,159 +1,205 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
+import { useState, useCallback, useMemo } from "react";
+import { LucideProvider } from "lucide-react";
 import { ToolCancelledError, useDisplayMode, useHostContext, useToolContext } from "mcp-use/react";
+import { ToastProvider, useToast } from "../components/Toast.js";
+import { ToolkitLocaleFallback, useToolkitMessages } from "../locale/locale-provider.js";
 import { AppQueryProvider, queryClient } from "../providers/query-provider.js";
-import { useToolResultRecovery } from "../hooks/use-tool-result-recovery.js";
-import { parseToolResult } from "../lib/parse-tool-result.js";
+import { resolveRecoveryToolName, useToolResultRecovery, } from "../hooks/use-tool-result-recovery.js";
+import { ICON_STROKE } from "../lib/icon-stroke.js";
 import { useHostBridge } from "./host-bridge.js";
-import { DEFAULT_LABELS, isCompleteViewData, StepErrors, ViewBody, ViewPlaceholder, ViewToolbar, } from "./mcp-app-view-chrome.js";
-export function McpAppView({ widgets, refreshToolName = "refresh-view", builderEnabled, labels, }) {
-    const effectiveLabels = { ...DEFAULT_LABELS, ...labels };
-    // Since mcp-use 2.x the shell reads the view channels through the dedicated
-    // hooks (all require the surrounding `bootstrapView` mount that
-    // `mountMcpToolkitApp` provides) and calls tools through the HostBridge that
-    // `McpUseHostBridgeProvider` installs.
-    const tool = useToolContext();
-    const { displayMode, requestDisplayMode } = useDisplayMode();
-    const { safeArea, hostContext } = useHostContext();
-    const bridge = useHostBridge();
-    const callTool = useCallback((name, args) => bridge.callTool(name, args), [bridge]);
-    const isPending = tool.status === "pending";
-    // Since mcp-use 2.7.1 a host cancellation of the rendering call latches as a
-    // terminal `status: "error"` — show it instead of the skeleton, and never
-    // let the recovery below re-run the call the user stopped.
-    const isCancelled = tool.status === "error" && tool.error instanceof ToolCancelledError;
-    const initialViewData = tool.status === "ready" ? tool.toolOutput : undefined;
-    const toolInput = tool.toolInput;
+import { applyBuilderCommit, fullscreenAvailable, isCompleteViewData, StepErrors, ViewBody, ViewToolbar, } from "./mcp-app-view-chrome.js";
+import { ViewPlaceholder } from "./mcp-app-view-states.js";
+import { useRetryFocus, useViewLifecycle } from "./use-view-lifecycle.js";
+import { DEFAULT_SLOW_HINT_MS, decodeViewResult } from "./view-lifecycle.js";
+/**
+ * The toolkit's MCP App view: lifecycle placeholder (waiting / error /
+ * cancelled), toolbar, failed-steps alert and the rendered layout (or the
+ * builder). Mounts a `ToastProvider` and binds the toolkit's own strings to
+ * the host's locale unless a `LocaleProvider` sets one, so the chrome follows
+ * the host language; `useLocale()` in consumer widgets is unaffected. Lucide
+ * icons draw at the CI stroke (2.5) throughout, the toast stack included.
+ */
+export function McpAppView(props) {
+    const { locale } = useHostContext();
+    return (_jsx(ToolkitLocaleFallback, { locale: locale, children: _jsx(LucideProvider, { strokeWidth: ICON_STROKE, children: _jsx(ToastProvider, { children: _jsx(McpAppViewShell, { ...props }) }) }) }));
+}
+/**
+ * Host-delivered payload → local `viewData`, recovered payloads included.
+ * Render-phase setState (not an effect) so the React Compiler doesn't flag a
+ * cascading render.
+ */
+function useHostViewData(initialViewData, isPending, recovered) {
     const [viewData, setViewData] = useState(null);
-    const [isRefreshing, setIsRefreshing] = useState(false);
-    // In-iframe build mode is purely a UI state — the LLM never sees the
-    // catalogue, the user toggles into build by clicking the toolbar button.
-    const [buildMode, setBuildMode] = useState(false);
-    // Sync host-provided initialViewData → local viewData via render-phase
-    // setState (rather than an effect) so the React Compiler doesn't flag a
-    // cascading render. The guard against transient empty toolOutput stays:
-    // widgetProps may briefly drop `context`/`layout` when displayMode toggles,
-    // and we don't want that to clobber a valid viewData.
-    //
     // `prev` MUST start as `null`, not `initialViewData`: hosts that expose the
     // complete tool output before the app's first render (e.g. window.openai
     // globals injected ahead of script execution) would otherwise never trip the
-    // identity check — initialViewData never changes again, the sync never runs,
-    // and the app idles on the loading skeleton forever.
-    const [prevInitialViewData, setPrevInitialViewData] = useState(null);
-    if (initialViewData !== prevInitialViewData) {
-        setPrevInitialViewData(initialViewData);
-        if (!isPending && isCompleteViewData(initialViewData)) {
+    // identity check — the sync never runs and the app idles on the skeleton.
+    // The completeness guard stays: widgetProps may briefly drop
+    // `context`/`layout` when displayMode toggles.
+    const [prevInitial, setPrevInitial] = useState(null);
+    if (initialViewData !== prevInitial) {
+        setPrevInitial(initialViewData);
+        if (!isPending && isCompleteViewData(initialViewData))
             setViewData(initialViewData);
-        }
     }
-    // Hosts that strip `structuredContent` from the tool-result notification
-    // (claude.ai / Claude Desktop) never latch a result under mcp-use 2.x — the
-    // `useToolContext` latch ignores content-only results, so `isPending` stays
-    // true forever. The recovery therefore also arms itself on a grace timer
-    // once the originating tool is known, re-executes it via `callTool`
-    // (responses carry `structuredContent` intact), and fills the gap.
-    // Conforming hosts deliver a valid payload up front, so it never fires
-    // there.
-    const recovery = useToolResultRecovery({
-        resultReady: !isPending,
-        cancelled: isCancelled,
-        props: initialViewData,
-        isValid: isCompleteViewData,
-        toolInput,
-        hostContext,
-        callTool,
-    });
     const [prevRecovered, setPrevRecovered] = useState(null);
-    if (recovery.data !== prevRecovered) {
-        setPrevRecovered(recovery.data);
+    if (recovered !== prevRecovered) {
+        setPrevRecovered(recovered);
         // The host-delivered payload always wins; recovery only fills the gap.
-        if (recovery.data && !viewData)
-            setViewData(recovery.data);
+        if (recovered && !viewData)
+            setViewData(recovered);
     }
-    const toggleFullscreen = useCallback(async () => {
-        const newMode = displayMode === "fullscreen" ? "inline" : "fullscreen";
-        try {
-            // Advisory since 2.x: the promise only confirms the host processed the
-            // request. `displayMode` from `useDisplayMode` updates reactively when
-            // (and only when) the host actually applies the change.
-            await requestDisplayMode({ mode: newMode });
-        }
-        catch (e) {
-            console.error("Failed to toggle display mode:", e);
-        }
-    }, [displayMode, requestDisplayMode]);
-    // Stable callTool callback (avoids a new object reference on every render)
-    const callToolFn = useCallback(async (name, args) => {
-        return callTool(name, args);
-    }, [callTool]);
+    return [viewData, setViewData];
+}
+/**
+ * Refresh via the refresh tool. A failure keeps the data and says so in a
+ * toast in catalog words only; the raw reason goes to the console, never to
+ * the user.
+ */
+function useViewRefresh(options) {
+    const { viewData, setViewData, callTool, refreshToolName, labels } = options;
+    const toast = useToast();
+    const [isRefreshing, setIsRefreshing] = useState(false);
     const refreshView = useCallback(async () => {
         if (!viewData?._refreshParams)
             return;
         setIsRefreshing(true);
+        let failure = null;
         try {
             const result = await callTool(refreshToolName, viewData._refreshParams);
-            // Decode through the shared structured-first parser (one convention with
-            // `useToolQuery`); a refresh returns the view envelope as `structuredContent`.
-            const refreshed = parseToolResult(result);
-            if (refreshed?.context && refreshed?.layout) {
-                setViewData(refreshed);
-            }
-            void queryClient.invalidateQueries();
+            // One decoding convention with `useToolQuery` (structured-first), with a
+            // typed outcome: an unusable payload is a failure, never exception text.
+            const outcome = decodeViewResult(result, isCompleteViewData);
+            if (outcome.ok)
+                setViewData(outcome.data);
+            else
+                failure = outcome.reason ?? "the refresh tool returned no view";
+            // The call went through, so self-fetching widgets refresh as well;
+            // a tool error refreshes nothing.
+            if (outcome.ok || !outcome.isError)
+                void queryClient.invalidateQueries();
         }
         catch (e) {
-            console.error("Failed to refresh view:", e);
+            failure = e;
         }
         finally {
             setIsRefreshing(false);
         }
-    }, [callTool, refreshToolName, viewData]);
-    // Called by LayoutBuilder when the user clicks Done. Commits the draft
-    // layout (and any keys/steps edits) into the parent viewData so the
-    // WidgetRenderer takes over showing the just-built layout.
-    const exitBuildMode = useCallback((commit) => {
-        if (commit) {
-            setViewData((prev) => prev
-                ? {
-                    ...prev,
-                    layout: commit.layout,
-                    title: commit.title ?? prev.title,
-                    context: commit.context ?? prev.context,
-                    _refreshParams: {
-                        keys: commit.keys,
-                        steps: commit.steps,
-                        layout: commit.layout,
-                        title: commit.title ?? prev.title,
-                    },
-                }
-                : prev);
+        if (failure === null)
+            return;
+        console.warn("[mcp-toolkit] refresh failed:", failure);
+        toast.show({
+            tone: "danger",
+            title: labels.refreshFailed,
+            description: labels.refreshFailedHint,
+        });
+    }, [callTool, labels, refreshToolName, setViewData, toast, viewData]);
+    return { isRefreshing, refreshView };
+}
+/**
+ * The fullscreen toggle, gated on the host's offer. A rejected request shows
+ * a toast in catalog words; the raw reason goes to the console.
+ */
+function useFullscreenToggle(labels) {
+    const { displayMode, availableDisplayModes, requestDisplayMode } = useDisplayMode();
+    const toast = useToast();
+    const toggle = useCallback(async () => {
+        const mode = displayMode === "fullscreen" ? "inline" : "fullscreen";
+        try {
+            // Advisory since 2.x: `displayMode` updates when the host applies it.
+            await requestDisplayMode({ mode });
+        }
+        catch (e) {
+            console.warn("[mcp-toolkit] display-mode request failed:", e);
+            toast.show({
+                tone: "danger",
+                title: labels.fullscreenFailed,
+                description: labels.fullscreenFailedHint,
+            });
         }
+    }, [displayMode, labels, requestDisplayMode, toast]);
+    return {
+        isFullscreen: displayMode === "fullscreen",
+        canFullscreen: fullscreenAvailable(displayMode, availableDisplayModes),
+        toggle,
+    };
+}
+function McpAppViewShell({ widgets, refreshToolName = "refresh-view", builderEnabled, labels, builderLabels, titleMode = "show", titleLevel = 2, renderTitle, slowHintAfterMs = DEFAULT_SLOW_HINT_MS, describeError, describeStep, }) {
+    const messages = useToolkitMessages();
+    const L = useMemo(() => ({ ...messages.view, ...labels }), [messages.view, labels]);
+    // The mcp-use 2.x view channels (all need the `bootstrapView` mount
+    // `mountMcpToolkitApp` provides); tools go through the HostBridge.
+    const tool = useToolContext();
+    const { safeArea, hostContext } = useHostContext();
+    const bridge = useHostBridge();
+    const callTool = useCallback((name, args) => bridge.callTool(name, args), [bridge]);
+    // The widget-facing shape (`args: object`, so generated input interfaces
+    // without an index signature pass straight through).
+    const callToolFn = useCallback((name, args) => bridge.callTool(name, args), [bridge]);
+    const isPending = tool.status === "pending";
+    // Since mcp-use 2.7.1 a host cancellation latches as `status: "error"`.
+    const isCancelled = tool.status === "error" && tool.error instanceof ToolCancelledError;
+    const isCallError = tool.status === "error" && !isCancelled;
+    const initialViewData = tool.status === "ready" ? tool.toolOutput : undefined;
+    // Hosts that strip `structuredContent` (claude.ai) never latch a result under
+    // mcp-use 2.x; the recovery re-executes the call once to fill the gap. It
+    // never fires on a cancelled or failed call (#176): those render their state.
+    const recovery = useToolResultRecovery({
+        resultReady: !isPending,
+        cancelled: isCancelled,
+        errored: isCallError,
+        props: initialViewData,
+        isValid: isCompleteViewData,
+        toolInput: tool.toolInput,
+        hostContext,
+        callTool,
+    });
+    const [viewData, setViewData] = useHostViewData(initialViewData, isPending, recovery.data);
+    const { lifecycle, retry: retryCall } = useViewLifecycle({
+        hasViewData: viewData !== null,
+        callStatus: tool.status,
+        cancelled: isCancelled,
+        callError: isCallError ? tool.error : undefined,
+        recoveryFailed: recovery.failed,
+        toolName: resolveRecoveryToolName(hostContext),
+        toolInput: tool.toolInput,
+        callTool,
+        isValid: isCompleteViewData,
+        onResult: setViewData,
+        slowHintAfterMs,
+    });
+    const { frameRef, retry } = useRetryFocus(lifecycle.phase, retryCall);
+    const { isRefreshing, refreshView } = useViewRefresh({
+        viewData,
+        setViewData,
+        callTool,
+        refreshToolName,
+        labels: L,
+    });
+    const fullscreen = useFullscreenToggle(L);
+    // In-iframe build mode is purely a UI state — the LLM never sees the catalogue.
+    const [buildMode, setBuildMode] = useState(false);
+    const exitBuildMode = useCallback((commit) => {
+        if (commit)
+            setViewData((prev) => (prev ? applyBuilderCommit(prev, commit) : prev));
         setBuildMode(false);
-    }, []);
-    // `isPending` must not gate the render: on hosts that strip
-    // `structuredContent` the 2.x latch stays "pending" forever, and recovered
-    // viewData still has to replace the skeleton.
+    }, [setViewData]);
+    // `isPending` must not gate the render: on stripping hosts the latch stays
+    // "pending" forever, and recovered viewData still has to replace it. The
+    // frame is the stable focus target of a retry (`useRetryFocus`).
     if (!viewData) {
-        return _jsx(ViewPlaceholder, { cancelled: isCancelled, labels: effectiveLabels });
+        return (_jsx("div", { ref: frameRef, tabIndex: -1, "data-slot": "mcp-app-view", className: "outline-hidden", children: _jsx(ViewPlaceholder, { lifecycle: lifecycle, labels: L, onRetry: retry, describeError: describeError }) }));
     }
-    const isFullscreen = displayMode === "fullscreen";
-    // Follow the server's own signal by default: render-view reports
-    // `builderAvailable` (derived from `app.builder`), so the Build button only
-    // shows when the catalogue/dashboard tools are actually registered. An
-    // explicit `builderEnabled` prop forces the affordance on or off.
-    const builderAvailable = builderEnabled ?? viewData.builderAvailable ?? false;
-    return (_jsxs("main", { style: {
-            // Fullscreen: the widget owns the viewport, so we take the full window
-            // and handle our own scrolling. Inline: the host (Claude, ChatGPT) owns
-            // sizing + scrolling and observes our intrinsic height via
-            // `bootstrapView`'s auto-resize, so we let content dictate height and
-            // avoid setting overflowY (which would clip our own content inside a
-            // host that's already auto-sized to us).
-            ...(isFullscreen ? { minHeight: "100vh", overflowY: "auto" } : null),
-            paddingTop: safeArea.top,
-            paddingRight: safeArea.right,
-            paddingBottom: safeArea.bottom,
-            paddingLeft: safeArea.left,
-        }, children: [_jsx(ViewToolbar, { hidden: buildMode, viewData: viewData, builderAvailable: builderAvailable, isFullscreen: isFullscreen, isRefreshing: isRefreshing, labels: effectiveLabels, onRefresh: refreshView, onEnterBuildMode: () => setBuildMode(true), onToggleFullscreen: toggleFullscreen }), _jsx(StepErrors, { hidden: buildMode, errors: viewData.context.errors }), _jsx(AppQueryProvider, { callTool: callToolFn, children: _jsx(ViewBody, { buildMode: buildMode, viewData: viewData, widgets: widgets, callTool: callToolFn, onExit: exitBuildMode }) })] }));
+    return (_jsx("div", { ref: frameRef, tabIndex: -1, "data-slot": "mcp-app-view", className: "outline-hidden", children: _jsxs("main", { style: {
+                // Fullscreen: the view owns the viewport and scrolls itself. Inline:
+                // the host sizes us from our intrinsic height (bootstrapView's
+                // auto-resize), so no overflow clipping there.
+                ...(fullscreen.isFullscreen ? { minHeight: "100vh", overflowY: "auto" } : null),
+                paddingTop: safeArea.top,
+                paddingRight: safeArea.right,
+                paddingBottom: safeArea.bottom,
+                paddingLeft: safeArea.left,
+            }, children: [_jsx(ViewToolbar, { hidden: buildMode, viewData: viewData, builderAvailable: builderEnabled ?? viewData.builderAvailable ?? false, isFullscreen: fullscreen.isFullscreen, canFullscreen: fullscreen.canFullscreen, isRefreshing: isRefreshing, labels: L, titleMode: titleMode, titleLevel: titleLevel, renderTitle: renderTitle, onRefresh: refreshView, onEnterBuildMode: () => setBuildMode(true), onToggleFullscreen: fullscreen.toggle }), _jsx(StepErrors, { hidden: buildMode, errors: viewData.context.errors, steps: viewData._refreshParams?.steps, labels: L, describeStep: describeStep, onRetry: viewData._refreshParams ? () => void refreshView() : undefined }), _jsx(AppQueryProvider, { callTool: callToolFn, children: _jsx(ViewBody, { buildMode: buildMode, viewData: viewData, widgets: widgets, callTool: callToolFn, builderLabels: builderLabels, onExit: exitBuildMode }) })] }) }));
 }
 //# sourceMappingURL=mcp-app-view.js.map

package/dist/app/mcp-app-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-app-view.js","sourceRoot":"","sources":["../../src/app/mcp-app-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAElG,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,QAAQ,EACR,eAAe,EACf,WAAW,GAGZ,MAAM,0BAA0B,CAAA;AAsCjC,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,eAAe,GAAG,cAAc,EAChC,cAAc,EACd,MAAM,GACU;IAChB,MAAM,eAAe,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,MAAM,EAAE,CAAA;IACxD,4EAA4E;IAC5E,gEAAgE;IAChE,6EAA6E;IAC7E,uCAAuC;IACvC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,GAAG,cAAc,EAAE,CAAA;IAC5D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IAClD,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,IAAY,EAAE,IAA6B,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,EAC5E,CAAC,MAAM,CAAC,CACT,CAAA;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,SAAS,CAAA;IAC3C,6EAA6E;IAC7E,0EAA0E;IAC1E,2DAA2D;IAC3D,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,YAAY,kBAAkB,CAAA;IACvF,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAE,IAAI,CAAC,UAAuB,CAAC,CAAC,CAAC,SAAS,CAAA;IAC3F,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;IAEhC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAA;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,qEAAqE;IACrE,yEAAyE;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,uEAAuE;IACvE,wEAAwE;IACxE,wEAAwE;IACxE,4EAA4E;IAC5E,sDAAsD;IACtD,EAAE;IACF,4EAA4E;IAC5E,yEAAyE;IACzE,6EAA6E;IAC7E,6EAA6E;IAC7E,qDAAqD;IACrD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC5D,IAAI,CACL,CAAA;IACD,IAAI,eAAe,KAAK,mBAAmB,EAAE,CAAC;QAC5C,sBAAsB,CAAC,eAAe,CAAC,CAAA;QACvC,IAAI,CAAC,SAAS,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE,CAAC;YACtD,WAAW,CAAC,eAAe,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,yEAAyE;IACzE,4EAA4E;IAC5E,4EAA4E;IAC5E,yEAAyE;IACzE,oEAAoE;IACpE,mEAAmE;IACnE,uEAAuE;IACvE,SAAS;IACT,MAAM,QAAQ,GAAG,qBAAqB,CAAW;QAC/C,WAAW,EAAE,CAAC,SAAS;QACvB,SAAS,EAAE,WAAW;QACtB,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,kBAAkB;QAC3B,SAAS;QACT,WAAW;QACX,QAAQ;KACT,CAAC,CAAA;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAA;IACzE,IAAI,QAAQ,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;QACpC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAC/B,uEAAuE;QACvE,IAAI,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ;YAAE,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5D,CAAC;IAED,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC9C,MAAM,OAAO,GAAG,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAA;QACtE,IAAI,CAAC;YACH,uEAAuE;YACvE,uEAAuE;YACvE,wDAAwD;YACxD,MAAM,kBAAkB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;QAC7C,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,CAAC,CAAC,CAAA;QACpD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAErC,2EAA2E;IAC3E,MAAM,UAAU,GAAG,WAAW,CAC5B,KAAK,EAAE,IAAY,EAAE,IAAY,EAAE,EAAE;QACnC,OAAO,QAAQ,CAAC,IAAI,EAAE,IAA+B,CAAC,CAAA;IACxD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,IAAI,CAAC,QAAQ,EAAE,cAAc;YAAE,OAAM;QACrC,eAAe,CAAC,IAAI,CAAC,CAAA;QACrB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,QAAQ,CAC3B,eAAe,EACf,QAAQ,CAAC,cAAoD,CAC9D,CAAA;YACD,yEAAyE;YACzE,+EAA+E;YAC/E,MAAM,SAAS,GAAG,eAAe,CAAkB,MAAM,CAAC,CAAA;YAC1D,IAAI,SAAS,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,EAAE,CAAC;gBAC5C,WAAW,CAAC,SAAS,CAAC,CAAA;YACxB,CAAC;YACD,KAAK,WAAW,CAAC,iBAAiB,EAAE,CAAA;QACtC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,CAAC,CAAC,CAAA;QAC7C,CAAC;gBAAS,CAAC;YACT,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzC,uEAAuE;IACvE,oEAAoE;IACpE,2DAA2D;IAC3D,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,MAMA,EAAE,EAAE;QACH,IAAI,MAAM,EAAE,CAAC;YACX,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CACnB,IAAI;gBACF,CAAC,CAAC;oBACE,GAAG,IAAI;oBACP,MAAM,EAAE,MAAM,CAAC,MAAM;oBACrB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;oBACjC,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO;oBACvC,cAAc,EAAE;wBACd,IAAI,EAAE,MAAM,CAAC,IAAI;wBACjB,KAAK,EAAE,MAAM,CAAC,KAAK;wBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;wBACrB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;qBAClC;iBACF;gBACH,CAAC,CAAC,IAAI,CACT,CAAA;QACH,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,EACD,EAAE,CACH,CAAA;IAED,4DAA4D;IAC5D,2EAA2E;IAC3E,8CAA8C;IAC9C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,KAAC,eAAe,IAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,GAAI,CAAA;IAC7E,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,KAAK,YAAY,CAAA;IAEjD,iEAAiE;IACjE,4EAA4E;IAC5E,uEAAuE;IACvE,kEAAkE;IAClE,MAAM,gBAAgB,GAAG,cAAc,IAAI,QAAQ,CAAC,gBAAgB,IAAI,KAAK,CAAA;IAE7E,OAAO,CACL,gBACE,KAAK,EAAE;YACL,uEAAuE;YACvE,wEAAwE;YACxE,2DAA2D;YAC3D,sEAAsE;YACtE,qEAAqE;YACrE,yCAAyC;YACzC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAC7E,UAAU,EAAE,QAAQ,CAAC,GAAG;YACxB,YAAY,EAAE,QAAQ,CAAC,KAAK;YAC5B,aAAa,EAAE,QAAQ,CAAC,MAAM;YAC9B,WAAW,EAAE,QAAQ,CAAC,IAAI;SAC3B,aAED,KAAC,WAAW,IACV,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,WAAW,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAC1C,kBAAkB,EAAE,gBAAgB,GACpC,EAEF,KAAC,UAAU,IAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAI,EAElE,KAAC,gBAAgB,IAAC,QAAQ,EAAE,UAAU,YACpC,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,aAAa,GACrB,GACe,IACd,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"mcp-app-view.js","sourceRoot":"","sources":["../../src/app/mcp-app-view.tsx"],"names":[],"mappings":"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"}

package/dist/app/mcp-toolkit-app.d.ts

@@ -2,7 +2,8 @@ import { type McpAppViewProps } from "./mcp-app-view.js";
 /**
  * Consumer-facing root for a toolkit-rendered MCP App. Composes the mcp-use
  * 2.x view plumbing around `McpAppView`: `ThemeProvider` applies the host's
- * theme/style variables to the document, and `McpUseHostBridgeProvider`
+ * theme/style variables to the document (with the host's font kept behind
+ * Geist, see `adoptHostFontVariables`), and `McpUseHostBridgeProvider`
  * installs the `HostBridge` (and view-scope flag) every toolkit widget below
  * resolves through `useHostBridge()`.
  *

package/dist/app/mcp-toolkit-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-toolkit-app.d.ts","sourceRoot":"","sources":["../../src/app/mcp-toolkit-app.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGpE;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,+BAQnD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAE/D"}
+{"version":3,"file":"mcp-toolkit-app.d.ts","sourceRoot":"","sources":["../../src/app/mcp-toolkit-app.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAsBpE;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,+BAUnD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAE/D"}

package/dist/app/mcp-toolkit-app.js

@@ -1,11 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ThemeProvider, bootstrapView } from "mcp-use/react";
+import { useLayoutEffect } from "react";
+import { ThemeProvider, bootstrapView, useHostContext } from "mcp-use/react";
+import { adoptHostFontVariables } from "../theme/host-fonts.js";
 import { McpAppView } from "./mcp-app-view.js";
 import { McpUseHostBridgeProvider } from "./mcp-use-host-bridge.js";
+/**
+ * Keeps Geist first when the host sends its font. mcp-use's `ThemeProvider`
+ * writes the host's SEP-1865 style variables inline on `<html>`, including
+ * `--font-sans`/`--font-mono`, which share their names with the toolkit's font
+ * roles and would replace the Geist-first stacks whole. This component sits
+ * ABOVE that provider on purpose: a parent's layout effect runs after its
+ * children's, so the host variables are already applied when it moves the
+ * font pair into the fallback slot (`adoptHostFontVariables`). Both effects
+ * key on the same host-context snapshot, so they run in the same commit.
+ */
+function HostFontRoles({ children }) {
+    const { hostContext } = useHostContext();
+    useLayoutEffect(() => {
+        if (typeof document === "undefined")
+            return;
+        adoptHostFontVariables(document.documentElement.style, hostContext?.styles?.variables);
+    }, [hostContext]);
+    return children;
+}
 /**
  * Consumer-facing root for a toolkit-rendered MCP App. Composes the mcp-use
  * 2.x view plumbing around `McpAppView`: `ThemeProvider` applies the host's
- * theme/style variables to the document, and `McpUseHostBridgeProvider`
+ * theme/style variables to the document (with the host's font kept behind
+ * Geist, see `adoptHostFontVariables`), and `McpUseHostBridgeProvider`
  * installs the `HostBridge` (and view-scope flag) every toolkit widget below
  * resolves through `useHostBridge()`.
  *
@@ -15,7 +37,7 @@ import { McpUseHostBridgeProvider } from "./mcp-use-host-bridge.js";
  * composing a custom view under your own `bootstrapView` call.
  */
 export function McpToolkitApp(props) {
-    return (_jsx(ThemeProvider, { children: _jsx(McpUseHostBridgeProvider, { children: _jsx(McpAppView, { ...props }) }) }));
+    return (_jsx(HostFontRoles, { children: _jsx(ThemeProvider, { children: _jsx(McpUseHostBridgeProvider, { children: _jsx(McpAppView, { ...props }) }) }) }));
 }
 /**
  * Mount the toolkit app as the document's MCP App view — the bundle entry

package/dist/app/mcp-toolkit-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-toolkit-app.js","sourceRoot":"","sources":["../../src/app/mcp-toolkit-app.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAwB,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,aAAa,CAAC,KAAsB;IAClD,OAAO,CACL,KAAC,aAAa,cACZ,KAAC,wBAAwB,cACvB,KAAC,UAAU,OAAK,KAAK,GAAI,GACA,GACb,CACjB,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAsB;IACvD,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,EAAE,CAAC,CAAA;AAChE,CAAC"}
+{"version":3,"file":"mcp-toolkit-app.js","sourceRoot":"","sources":["../../src/app/mcp-toolkit-app.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAwB,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE;;;;;;;;;GASG;AACH,SAAS,aAAa,CAAC,EAAE,QAAQ,EAA2B;IAC1D,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IACxC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAM;QAC3C,sBAAsB,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IACxF,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IACjB,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,aAAa,CAAC,KAAsB;IAClD,OAAO,CACL,KAAC,aAAa,cACZ,KAAC,aAAa,cACZ,KAAC,wBAAwB,cACvB,KAAC,UAAU,OAAK,KAAK,GAAI,GACA,GACb,GACF,CACjB,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAsB;IACvD,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,EAAE,CAAC,CAAA;AAChE,CAAC"}

package/dist/app/use-view-lifecycle.d.ts

@@ -0,0 +1,38 @@
+import { type RefObject } from "react";
+import { type RenderCallStatus, type ViewLifecycle } from "./view-lifecycle.js";
+export interface UseViewLifecycleOptions<T> {
+    hasViewData: boolean;
+    callStatus: RenderCallStatus;
+    cancelled: boolean;
+    callError: unknown;
+    recoveryFailed: boolean;
+    /** The originating tool (`hostContext.toolInfo`); a retry needs it. */
+    toolName: string | undefined;
+    toolInput: Record<string, unknown> | null | undefined;
+    callTool: (name: string, args: Record<string, unknown>) => Promise<unknown>;
+    isValid: (value: unknown) => value is T;
+    /** Receives the payload of a successful retry. */
+    onResult: (data: T) => void;
+    slowHintAfterMs: number;
+}
+/**
+ * Drives the {@link resolveViewLifecycle} state machine: owns the retry and
+ * the slow-hint timer, and returns the current phase plus `retry()`.
+ */
+export declare function useViewLifecycle<T>(options: UseViewLifecycleOptions<T>): {
+    lifecycle: ViewLifecycle;
+    retry: () => void;
+};
+/**
+ * Keeps keyboard focus in the view across a user retry: the pressed button
+ * unmounts when the view starts waiting, so focus moves to the frame (a
+ * `tabIndex={-1}` container), then to the new retry button when the retry
+ * failed, or stays on the frame once the view rendered (see
+ * {@link retryFocusTarget}). Focus the user moved elsewhere meanwhile is left
+ * alone. Returns the frame ref and `retry` wrapped to start the hand-off.
+ */
+export declare function useRetryFocus(phase: ViewLifecycle["phase"], retry: () => void): {
+    frameRef: RefObject<HTMLDivElement | null>;
+    retry: () => void;
+};
+//# sourceMappingURL=use-view-lifecycle.d.ts.map

package/dist/app/use-view-lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-view-lifecycle.d.ts","sourceRoot":"","sources":["../../src/app/use-view-lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EASL,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAA;AAE5B,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,WAAW,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,gBAAgB,CAAA;IAC5B,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,uEAAuE;IACvE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACrD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IAC3E,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,IAAI,CAAC,CAAA;IACvC,kDAAkD;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;CACxB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAAG;IACxE,SAAS,EAAE,aAAa,CAAA;IACxB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CA4CA;AAKD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAC7B,KAAK,EAAE,MAAM,IAAI,GAChB;IAAE,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAkBnE"}