@miragon/pulse-widget-shell 0.0.0-stage → 0.22.0

package/dist/ui/settings.test.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render, screen } from "@testing-library/react";
+import { SettingsField, SettingsInput } from "./settings.js";
+import { FIELD_CONTROL } from "./native-select.js";
+afterEach(cleanup);
+describe("SettingsField: inline validation (CI §8/§9, U25)", () => {
+    it("says what is wrong under the control, marks it invalid and describes it with the line", () => {
+        render(_jsx(SettingsField, { label: "Minimum size", help: "Per side of a comparison.", error: "Enter 1 or more.", children: _jsx(SettingsInput, { defaultValue: "abc" }) }));
+        const field = screen.getByRole("textbox", { name: "Minimum size" });
+        expect(field.getAttribute("aria-invalid")).toBe("true");
+        const error = screen.getByText("Enter 1 or more.");
+        const help = screen.getByText("Per side of a comparison.");
+        expect(field.getAttribute("aria-describedby")).toBe(`${error.id} ${help.id}`);
+        // The danger ink for words on the card, with an icon: colour is not the only signal.
+        expect(error.className).toContain("text-danger-ink");
+        expect(error.querySelector("svg")?.getAttribute("class")).toContain("lucide-circle-alert");
+        // The control's edge turns to danger while it is invalid.
+        expect(FIELD_CONTROL).toContain("aria-invalid:border-danger");
+    });
+    it("leaves a valid field unmarked, described by its help only", () => {
+        render(_jsx(SettingsField, { label: "Period", help: "Used when a view names none.", children: _jsx(SettingsInput, { defaultValue: "7d" }) }));
+        const field = screen.getByRole("textbox", { name: "Period" });
+        expect(field.hasAttribute("aria-invalid")).toBe(false);
+        expect(field.getAttribute("aria-describedby")).toBe(screen.getByText("Used when a view names none.").id);
+    });
+    it("describes a group of controls the same way", () => {
+        render(_jsx(SettingsField, { label: "Engines", group: true, error: "Pick one.", children: _jsx("span", { children: _jsx("input", { type: "checkbox", "aria-label": "prod" }) }) }));
+        const group = screen.getByRole("group", { name: "Engines" });
+        expect(group.getAttribute("aria-describedby")).toBe(screen.getByText("Pick one.").id);
+    });
+    it("adds no description to a bare field", () => {
+        render(_jsx(SettingsField, { label: "Name", children: _jsx(SettingsInput, { defaultValue: "x" }) }));
+        expect(screen.getByRole("textbox", { name: "Name" }).hasAttribute("aria-describedby")).toBe(false);
+    });
+});
+//# sourceMappingURL=settings.test.js.map

package/dist/ui/settings.test.js.map

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

package/dist/ui/shell-host.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode } from "react";
+import { type EffectiveTheme, type HostStyleVariables } from "./host-context.js";
+/**
+ * What the shell reads from the host (SEP-1865 `hostContext`), as REPORTED —
+ * no fallbacks folded in, so "the host said nothing" stays distinguishable
+ * from "the host said light/en-US". mcp-use's hooks only work under
+ * `bootstrapView`; the value is provided once from the bundle root
+ * ({@link ViewHostBridge}) and reads as "no host" everywhere else (unit
+ * renders, fixtures, standalone embeds).
+ */
+export interface ShellHost {
+    /** The bridge is connected; until then every other field is unknown. */
+    connected: boolean;
+    theme?: EffectiveTheme;
+    /** BCP 47 tag, e.g. `de-DE`. */
+    locale?: string;
+    /** IANA time zone, e.g. `Europe/Berlin`. */
+    timeZone?: string;
+    /** SEP-1865 `styles.variables` (`--color-*`, `--font-*`, …). */
+    styleVariables?: HostStyleVariables;
+    /** SEP-1865 `styles.css.fonts` — `@font-face`/`@import` CSS for the host font. */
+    fontCss?: string;
+    displayMode: string;
+    /** Modes the view may request: the host's offer ∩ the view config. */
+    availableDisplayModes: readonly string[];
+    /** Vertical budget in px from `containerDimensions`; `undefined` = unbounded. */
+    maxHeight?: number;
+    /** The tool that rendered this view (SEP-1865 `toolInfo`), when the host names it. */
+    toolName?: string;
+}
+/** Provide a host description to the shell (the bundle root, or a test/fixture). */
+export declare function ShellHostProvider({ host, children }: {
+    host: ShellHost;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** The host as reported to this view — "no host" outside {@link ViewHostBridge}. */
+export declare function useShellHost(): ShellHost;
+/**
+ * Bridges the view-scoped host context and display mode (mcp-use hooks, legal
+ * only under `bootstrapView`) into the host-agnostic contexts the shell and
+ * the widgets read: {@link useShellHost} and `useHostDisplayMode`.
+ */
+export declare function ViewHostBridge({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=shell-host.d.ts.map

package/dist/ui/shell-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-host.d.ts","sourceRoot":"","sources":["../../src/ui/shell-host.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG1E,OAAO,EAAe,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAU7F;;;;;;;GAOG;AACH,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,qBAAqB,EAAE,SAAS,MAAM,EAAE,CAAA;IACxC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAMD,oFAAoF;AACpF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE7F;AAED,oFAAoF;AACpF,wBAAgB,YAAY,IAAI,SAAS,CAExC;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAiDnE"}

package/dist/ui/shell-host.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { useDisplayMode, useHostContext } from "mcp-use/react";
+import { resolveRecoveryToolName } from "@miragon/mcp-toolkit-ui/hooks";
+import { hostThemeOf } from "./host-context.js";
+import { INLINE_DIAGRAM_MAX_HEIGHT, InlineBudgetProvider, NO_INLINE_BUDGET, } from "./inline-budget.js";
+import { DisplayModeControlProvider } from "./display-mode-toggle.js";
+import { DisplayModeProvider } from "./widget-shell.js";
+const NO_HOST = { connected: true, displayMode: "inline", availableDisplayModes: [] };
+const ShellHostContext = createContext(NO_HOST);
+/** Provide a host description to the shell (the bundle root, or a test/fixture). */
+export function ShellHostProvider({ host, children }) {
+    return _jsx(ShellHostContext.Provider, { value: host, children: children });
+}
+/** The host as reported to this view — "no host" outside {@link ViewHostBridge}. */
+export function useShellHost() {
+    return useContext(ShellHostContext);
+}
+/**
+ * Bridges the view-scoped host context and display mode (mcp-use hooks, legal
+ * only under `bootstrapView`) into the host-agnostic contexts the shell and
+ * the widgets read: {@link useShellHost} and `useHostDisplayMode`.
+ */
+export function ViewHostBridge({ children }) {
+    const { hostContext, isAvailable, maxHeight } = useHostContext();
+    const { displayMode, availableDisplayModes, requestDisplayMode } = useDisplayMode();
+    const host = useMemo(() => ({
+        connected: isAvailable,
+        theme: hostThemeOf(hostContext?.theme),
+        locale: hostContext?.locale,
+        timeZone: hostContext?.timeZone,
+        styleVariables: hostContext?.styles?.variables,
+        fontCss: hostContext?.styles?.css?.fonts,
+        displayMode,
+        availableDisplayModes,
+        maxHeight,
+        toolName: resolveRecoveryToolName(hostContext),
+    }), [hostContext, isAvailable, maxHeight, displayMode, availableDisplayModes]);
+    // Inline, the view is a card in the chat: lists show the head of their rows
+    // (as many as fit, `HostDocument`'s measured fit) and "show more" asks for
+    // fullscreen where the host offers it (#396).
+    const canExpand = availableDisplayModes.includes("fullscreen");
+    const budget = useMemo(() => displayMode === "inline"
+        ? {
+            diagramMaxHeight: INLINE_DIAGRAM_MAX_HEIGHT,
+            expand: canExpand ? () => void requestDisplayMode({ mode: "fullscreen" }) : null,
+        }
+        : NO_INLINE_BUDGET, [displayMode, canExpand, requestDisplayMode]);
+    const control = useMemo(() => ({
+        displayMode,
+        canFullscreen: canExpand,
+        request: (mode) => void requestDisplayMode({ mode }),
+    }), [displayMode, canExpand, requestDisplayMode]);
+    return (_jsx(ShellHostProvider, { host: host, children: _jsx(DisplayModeProvider, { mode: displayMode, children: _jsx(DisplayModeControlProvider, { control: control, children: _jsx(InlineBudgetProvider, { budget: budget, children: children }) }) }) }));
+}
+//# sourceMappingURL=shell-host.js.map

package/dist/ui/shell-host.js.map

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

package/dist/ui/shell-settings.d.ts

@@ -0,0 +1,31 @@
+import { type LanguagePref } from "../profile-constants.js";
+import { type ShellSettingsView } from "../shell-settings-contract.js";
+import { type ModelContextSpec } from "./ask-ai-prompt.js";
+/**
+ * The query key of `shell_settings_data` — shared by the language section and
+ * `ProfileGate`, so a saved language re-fetches ONE entry and every view
+ * switches language live.
+ */
+export declare const SHELL_SETTINGS_KEY: readonly ["shell:settings"];
+/**
+ * The settings page (`shell:settings-page`): the page's one title, then the
+ * shell's language section and every `<module>:settings` section the host
+ * bundles (`settingsLayout` over the host registry). `shell_show_settings`
+ * renders it, and so does the cockpit's settings tab — one page, wherever
+ * it opens. Each section self-fetches; a module that is bundled but not
+ * active hides its own.
+ */
+export declare function SettingsPageWidget(): import("react").JSX.Element;
+/**
+ * The shell's own section (`shell:settings`): the UI language, the
+ * record-level preference every module reads. Self-fetches its feed; when the
+ * feed TOOL is missing (a root that persists nothing registers no settings
+ * tools) the section hides itself, like any module's section. Any other
+ * failure stays visible with a retry.
+ */
+export declare function ShellSettingsWidget({ data: initialData, }: {
+    data?: ShellSettingsView | null;
+}): import("react").JSX.Element | null;
+/** What the model learns from the section: the language, and the save tool while it may save. */
+export declare function describeShellSettings(view: ShellSettingsView, language: LanguagePref): Omit<ModelContextSpec, "surface">;
+//# sourceMappingURL=shell-settings.d.ts.map

package/dist/ui/shell-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-settings.d.ts","sourceRoot":"","sources":["../../src/ui/shell-settings.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA6B,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtF,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAW5E;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,6BAA8B,CAAA;AAE7D;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,gCAUjC;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,WAAkB,GACzB,EAAE;IACD,IAAI,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;CAChC,sCAwBA;AAED,iGAAiG;AACjG,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAE,YAAY,GACrB,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CASnC"}

package/dist/ui/shell-settings.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, ErrorState, Skeleton, WidgetHeader, useLocale, useToolMutation, useToolQuery, } from "@miragon/mcp-toolkit-ui";
+import { HostModelContext, WidgetRenderer } from "@miragon/mcp-toolkit-ui/app";
+import { Lock } from "lucide-react";
+import { LANGUAGES, explicitLocale } from "../profile-constants.js";
+import { SHELL_SAVE_SETTINGS, SHELL_SETTINGS_DATA, } from "../shell-settings-contract.js";
+import { useActionFeedback } from "./action-feedback.js";
+import { modelContextText } from "./ask-ai-prompt.js";
+import { classifyError } from "./describe-error.js";
+import { useHostWidgets } from "./host-widgets.js";
+import { NativeSelect } from "./native-select.js";
+import { QueryFallback } from "./query-fallback.js";
+import { SettingsCard, SettingsField } from "./settings.js";
+import { filterLayoutToWidgets, settingsLayout } from "./settings-layout.js";
+import { LANGUAGE_NAMES, settingsLabels } from "./settings-labels.js";
+import { useResetOnChange } from "./use-reset-on-change.js";
+import { WidgetShell } from "./widget-shell.js";
+/**
+ * The query key of `shell_settings_data` — shared by the language section and
+ * `ProfileGate`, so a saved language re-fetches ONE entry and every view
+ * switches language live.
+ */
+export const SHELL_SETTINGS_KEY = ["shell:settings"];
+/**
+ * The settings page (`shell:settings-page`): the page's one title, then the
+ * shell's language section and every `<module>:settings` section the host
+ * bundles (`settingsLayout` over the host registry). `shell_show_settings`
+ * renders it, and so does the cockpit's settings tab — one page, wherever
+ * it opens. Each section self-fetches; a module that is bundled but not
+ * active hides its own.
+ */
+export function SettingsPageWidget() {
+    const labels = settingsLabels(useLocale());
+    const widgets = useHostWidgets();
+    const layout = filterLayoutToWidgets(settingsLayout(Object.keys(widgets)), widgets);
+    return (_jsxs(WidgetShell, { children: [_jsx(WidgetHeader, { title: labels.pageTitle, sub: _jsx("span", { children: labels.pageSubtitle }) }), _jsx(WidgetRenderer, { layout: layout, keys: {}, errors: [], widgets: widgets })] }));
+}
+/**
+ * The shell's own section (`shell:settings`): the UI language, the
+ * record-level preference every module reads. Self-fetches its feed; when the
+ * feed TOOL is missing (a root that persists nothing registers no settings
+ * tools) the section hides itself, like any module's section. Any other
+ * failure stays visible with a retry.
+ */
+export function ShellSettingsWidget({ data: initialData = null, }) {
+    const labels = settingsLabels(useLocale());
+    const query = useToolQuery([...SHELL_SETTINGS_KEY], SHELL_SETTINGS_DATA, {}, {
+        enabled: !initialData,
+    });
+    const view = initialData ?? query.data ?? null;
+    if (view)
+        return _jsx(LanguageSection, { view: view });
+    if (query.isError && classifyError(query.error).kind === "notOnServer")
+        return null;
+    return (_jsx(WidgetShell, { children: _jsx(QueryFallback, { isError: query.isError, error: query.error, errorTitle: labels.loadError, onRetry: () => void query.refetch(), skeleton: _jsx(Skeleton, { className: "h-24 w-full rounded-md" }) }) }));
+}
+/** What the model learns from the section: the language, and the save tool while it may save. */
+export function describeShellSettings(view, language) {
+    return {
+        summary: view.canSave
+            ? "The user is on the settings page; the UI language can be changed here or via the save tool."
+            : "The user is on the settings page; the UI language is read-only on this server.",
+        facts: { language },
+        // A literal list, so the app's hand-off guard can check every name.
+        tools: ["shell_save_settings"],
+    };
+}
+function LanguageSection({ view }) {
+    const labels = settingsLabels(useLocale());
+    const feedback = useActionFeedback();
+    const [language, setLanguage] = useState(view.language);
+    // Server truth wins whenever it changes (the refetch after a save, another
+    // session's write).
+    useResetOnChange(view.language, () => setLanguage(view.language));
+    const save = useToolMutation(SHELL_SAVE_SETTINGS, { invalidateKeys: [[...SHELL_SETTINGS_KEY]] });
+    const dirty = language !== view.language;
+    function handleSave() {
+        save.mutate({ language }, {
+            onSuccess: () => feedback.succeeded(labels.savedToast),
+            onError: (error) => feedback.failed(labels.saveFailedToast, error),
+        });
+    }
+    const spec = describeShellSettings(view, language);
+    return (_jsx(HostModelContext, { content: modelContextText({
+            ...spec,
+            surface: { has: (tool) => tool === SHELL_SAVE_SETTINGS && view.canSave },
+        }), children: _jsx(WidgetShell, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [!view.canSave && view.readOnlyReason && (_jsx(ErrorState, { variant: "inline", tone: "info", role: "none", icon: Lock, title: labels.readOnlyTitle, description: labels.readOnly[view.readOnlyReason] })), _jsxs(SettingsCard, { title: labels.languageSection, titleAs: "h2", children: [_jsx(SettingsField, { label: labels.language, help: labels.languageHelp, children: _jsx(NativeSelect, { value: language, disabled: !view.canSave, onChange: (e) => {
+                                        const next = LANGUAGES.find((l) => l === e.target.value);
+                                        if (next)
+                                            setLanguage(next);
+                                    }, children: LANGUAGES.map((l) => {
+                                        const named = explicitLocale(l);
+                                        return (_jsx("option", { value: l, children: named ? LANGUAGE_NAMES[named] : labels.languageSystem }, l));
+                                    }) }) }), view.canSave && (_jsx("div", { children: _jsx(Button, { size: "sm", onClick: handleSave, disabled: !dirty || save.isPending, children: save.isPending ? labels.saving : labels.save }) }))] })] }) }) }));
+}
+//# sourceMappingURL=shell-settings.js.map

package/dist/ui/shell-settings.js.map

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

package/dist/ui/shell-settings.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=shell-settings.test.d.ts.map

package/dist/ui/shell-settings.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-settings.test.d.ts","sourceRoot":"","sources":["../../src/ui/shell-settings.test.tsx"],"names":[],"mappings":""}

package/dist/ui/shell-settings.test.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { afterEach, beforeAll, describe, expect, it } from "vitest";
+import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { LocaleProvider, queryClient, ToastProvider } from "@miragon/mcp-toolkit-ui";
+import { WidgetFixtureHost } from "@miragon/mcp-toolkit-ui/app";
+import { SHELL_SAVE_SETTINGS, SHELL_SETTINGS_DATA } from "../shell-settings-contract.js";
+import { HostWidgetsProvider } from "./host-widgets.js";
+import { SettingsPageWidget, SHELL_SETTINGS_KEY, ShellSettingsWidget } from "./shell-settings.js";
+/**
+ * The shell's language section and the settings page (#346): the section
+ * reads and saves the record-level language through the shell's own tools,
+ * says why it cannot save, and hides where the root registers no settings
+ * tools; the page assembles every module's section from the host registry.
+ */
+beforeAll(() => {
+    queryClient.setQueryDefaults([...SHELL_SETTINGS_KEY], { retry: false });
+});
+afterEach(() => {
+    cleanup();
+    queryClient.clear();
+});
+const Section = () => _jsx(ShellSettingsWidget, {});
+function renderSection(tools) {
+    return render(_jsx(LocaleProvider, { locale: "en", children: _jsx(ToastProvider, { children: _jsx(WidgetFixtureHost, { widget: Section, tools: tools }) }) }));
+}
+describe("the language section", () => {
+    it("saves the chosen language with the shell's save tool and confirms it", async () => {
+        const saves = [];
+        renderSection({
+            [SHELL_SETTINGS_DATA]: () => ({ language: "system", canSave: true, readOnlyReason: null }),
+            [SHELL_SAVE_SETTINGS]: (args) => {
+                saves.push(args);
+                return { language: "de", canSave: true, readOnlyReason: null };
+            },
+        });
+        const select = await screen.findByRole("combobox", { name: "Language" });
+        expect(select.value).toBe("system");
+        const save = screen.getByRole("button", { name: "Save" });
+        expect(save.disabled).toBe(true);
+        fireEvent.change(select, { target: { value: "de" } });
+        expect(save.disabled).toBe(false);
+        fireEvent.click(save);
+        await waitFor(() => expect(saves).toEqual([{ language: "de" }]));
+        expect(await screen.findByText("Language saved")).toBeTruthy();
+    });
+    it("names each language in itself and the automatic one in the view's language", async () => {
+        renderSection({
+            [SHELL_SETTINGS_DATA]: () => ({ language: "en", canSave: true, readOnlyReason: null }),
+        });
+        const select = await screen.findByRole("combobox", { name: "Language" });
+        expect([...select.querySelectorAll("option")].map((o) => o.textContent)).toEqual([
+            "Automatic (follows the chat app)",
+            "English",
+            "Deutsch",
+        ]);
+    });
+    it("says why it cannot save on top, with disabled fields and no Save", async () => {
+        renderSection({
+            [SHELL_SETTINGS_DATA]: () => ({
+                language: "system",
+                canSave: false,
+                readOnlyReason: "noSignIn",
+            }),
+        });
+        expect(await screen.findByText("The language is read-only here")).toBeTruthy();
+        expect(screen.getByText(/has no sign-in/)).toBeTruthy();
+        expect(screen.getByRole("combobox", { name: "Language" }).disabled).toBe(true);
+        expect(screen.queryByRole("button", { name: "Save" })).toBeNull();
+    });
+    it("hides itself where the root registers no settings tools", async () => {
+        const { container } = renderSection({
+            [SHELL_SETTINGS_DATA]: () => {
+                throw new Error(`Tool ${SHELL_SETTINGS_DATA} not found`);
+            },
+        });
+        await waitFor(() => expect(queryClient.getQueryState([...SHELL_SETTINGS_KEY, {}])?.status).toBe("error"));
+        expect(container.textContent).toBe("");
+    });
+    it("keeps any other failure visible, with a retry", async () => {
+        renderSection({
+            [SHELL_SETTINGS_DATA]: () => {
+                throw new Error("profile store unavailable");
+            },
+        });
+        expect(await screen.findByRole("button", { name: "Try again" })).toBeTruthy();
+    });
+});
+describe("the settings page", () => {
+    const stub = (label) => () => _jsx("p", { children: label });
+    it("renders its one title, then the shell's section and every module section in the host registry", async () => {
+        const widgets = {
+            "camunda7:engine-health": stub("engine health"),
+            "acme:settings": stub("acme section"),
+            "shell:settings": stub("language section"),
+            "analytics:settings": stub("analytics section"),
+        };
+        render(_jsx(LocaleProvider, { locale: "de", children: _jsx(HostWidgetsProvider, { widgets: widgets, children: _jsx(WidgetFixtureHost, { widget: () => _jsx(SettingsPageWidget, {}) }) }) }));
+        expect(await screen.findByRole("heading", { name: "Einstellungen" })).toBeTruthy();
+        expect(screen.getAllByText(/section$/).map((p) => p.textContent)).toEqual([
+            "language section",
+            "acme section",
+            "analytics section",
+        ]);
+        expect(screen.queryByText("engine health")).toBeNull();
+    });
+});
+//# sourceMappingURL=shell-settings.test.js.map

package/dist/ui/shell-settings.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-settings.test.js","sourceRoot":"","sources":["../../src/ui/shell-settings.test.tsx"],"names":[],"mappings":"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"}

package/dist/ui/shell-widgets.d.ts

@@ -0,0 +1,14 @@
+import { type WidgetComponent } from "@miragon/mcp-toolkit-ui/app";
+import { GenericDataTableWidget, GenericKpiGridWidget } from "./generic-widgets.js";
+/**
+ * The `shell:*` widgets every host bundle spreads into its registry next to
+ * the modules' maps — the components behind `shellDefinition`'s catalogue
+ * (`createShellPlugin`), so link 3 of the widget chain is one spread.
+ */
+export declare const shellWidgets: {
+    "shell:kpi-grid": typeof GenericKpiGridWidget;
+    "shell:data-table": typeof GenericDataTableWidget;
+    "shell:settings": WidgetComponent;
+    "shell:settings-page": WidgetComponent;
+};
+//# sourceMappingURL=shell-widgets.d.ts.map

package/dist/ui/shell-widgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-widgets.d.ts","sourceRoot":"","sources":["../../src/ui/shell-widgets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAA;AACnF,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAInF;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;CAOkB,CAAA"}

package/dist/ui/shell-widgets.js

@@ -0,0 +1,18 @@
+import { adaptDataWidget } from "@miragon/mcp-toolkit-ui/app";
+import { GenericDataTableWidget, GenericKpiGridWidget } from "./generic-widgets.js";
+import { SettingsPageWidget, ShellSettingsWidget } from "./shell-settings.js";
+import { SHELL_SETTINGS_PAGE_WIDGET, SHELL_SETTINGS_WIDGET } from "../shell-settings-contract.js";
+/**
+ * The `shell:*` widgets every host bundle spreads into its registry next to
+ * the modules' maps — the components behind `shellDefinition`'s catalogue
+ * (`createShellPlugin`), so link 3 of the widget chain is one spread.
+ */
+export const shellWidgets = {
+    "shell:kpi-grid": GenericKpiGridWidget,
+    "shell:data-table": GenericDataTableWidget,
+    // Both read `shell:settings` data: the section self-fetches it, the page
+    // receives it from shell_show_settings and leaves it to the section.
+    [SHELL_SETTINGS_WIDGET]: adaptDataWidget(ShellSettingsWidget, "shell:settings"),
+    [SHELL_SETTINGS_PAGE_WIDGET]: adaptDataWidget(SettingsPageWidget, "shell:settings"),
+};
+//# sourceMappingURL=shell-widgets.js.map

package/dist/ui/shell-widgets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-widgets.js","sourceRoot":"","sources":["../../src/ui/shell-widgets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAwB,MAAM,6BAA6B,CAAA;AACnF,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AACnF,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAEjG;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,gBAAgB,EAAE,oBAAoB;IACtC,kBAAkB,EAAE,sBAAsB;IAC1C,yEAAyE;IACzE,qEAAqE;IACrE,CAAC,qBAAqB,CAAC,EAAE,eAAe,CAAC,mBAAmB,EAAE,gBAAgB,CAAC;IAC/E,CAAC,0BAA0B,CAAC,EAAE,eAAe,CAAC,kBAAkB,EAAE,gBAAgB,CAAC;CAC1C,CAAA"}

package/dist/ui/table.d.ts

@@ -0,0 +1,61 @@
+import type { ReactNode } from "react";
+import { type StateHeadingLevel } from "@miragon/mcp-toolkit-ui";
+/** The order a column sorts its rows in (`aria-sort` on its head). */
+export type ColumnSort = "ascending" | "descending";
+export declare function Th({ align, plain, sort, className, children, }: {
+    align?: "left" | "right";
+    /** Bare header cell (e.g. the empty action column) — border/padding only. */
+    plain?: boolean;
+    /**
+     * The rows are sorted by this column: `aria-sort` for screen readers and a
+     * direction arrow next to the label, so the order is never a guess.
+     */
+    sort?: ColumnSort;
+    className?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function Td({ align, className, children, }: {
+    align?: "left" | "right";
+    className?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * What an empty result means:
+ * - `empty`: nothing to show (no rows, no data yet) — a quiet `Inbox` icon;
+ * - `done`: nothing LEFT to do ("No open incidents", "No failed jobs") — a
+ *   `CircleCheck` in the success tone, so "all clear" never reads like
+ *   missing data.
+ */
+export type EmptyVariant = "empty" | "done";
+/**
+ * The bordered card shown in place of a table (or a list, a chart) when
+ * there is nothing to show: the toolkit's `EmptyState` — icon, a title (600),
+ * one help line and up to two actions — in the card the table would take.
+ * `children` is the title ("No jobs found"); `variant="done"` is the
+ * "all done" state.
+ */
+export declare function TableEmptyState({ children, variant, description, action, secondaryAction, icon, titleAs, className, }: {
+    /** What is empty, in plain words ("No open incidents"). */
+    children: ReactNode;
+    variant?: EmptyVariant;
+    /** One help line: why it is empty, or what to do next. */
+    description?: ReactNode;
+    /** The primary next step (a `Button`). */
+    action?: ReactNode;
+    /** A second, quieter step. */
+    secondaryAction?: ReactNode;
+    /** A Lucide icon for the concrete situation (e.g. `<SearchX />` for no matches). */
+    icon?: ReactNode;
+    /** Element of the title. Default `"p"`: it stands in for a table, not a section. */
+    titleAs?: StateHeadingLevel;
+    className?: string;
+}): import("react").JSX.Element;
+/**
+ * The `v3` definition-version chip rendered next to detail-page titles —
+ * previously copied character-identical into three hero headers.
+ */
+export declare function VersionChip({ version, className, }: {
+    version: number | string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

package/dist/ui/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAA+B,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAI7F,sEAAsE;AACtE,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,YAAY,CAAA;AAWnD,wBAAgB,EAAE,CAAC,EACjB,KAAc,EACd,KAAa,EACb,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,+BAqBA;AAED,wBAAgB,EAAE,CAAC,EACjB,KAAc,EACd,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,+BAYA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAA;AAO3C;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAiB,EACjB,WAAW,EACX,MAAM,EACN,eAAe,EACf,IAAI,EACJ,OAAa,EACb,SAAS,GACV,EAAE;IACD,2DAA2D;IAC3D,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,oFAAoF;IACpF,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAkBA;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,GACV,EAAE;IACD,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAWA"}

package/dist/ui/table.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, EmptyState, MICRO_LABEL } from "@miragon/mcp-toolkit-ui";
+import { ArrowDown, ArrowUp, CircleCheck, Inbox } from "lucide-react";
+import { Icon } from "./icon.js";
+/**
+ * Cockpit table primitives — the `th`/`td` class strings and the bordered
+ * empty-state card that the process-instances and definitions tables used to
+ * copy per column. Purely presentational; tables keep composing their own
+ * `<table>`/`<thead>`/`<tbody>` structure (or the `ListTable` frame).
+ */
+const TH_LABEL = `border-border text-muted-foreground border-y px-4 py-2.5 ${MICRO_LABEL}`;
+export function Th({ align = "left", plain = false, sort, className, children, }) {
+    const base = plain
+        ? "border-border border-y px-4 py-2.5"
+        : `${TH_LABEL} ${align === "right" ? "text-right" : "text-left"}`;
+    return (_jsx("th", { scope: "col", "aria-sort": sort, className: cn(base, className), children: sort ? (_jsxs("span", { className: cn("inline-flex items-center gap-1 whitespace-nowrap", align === "right" && "flex-row-reverse"), children: [children, _jsx(Icon, { icon: sort === "descending" ? ArrowDown : ArrowUp, dense: true })] })) : (children) }));
+}
+export function Td({ align = "left", className, children, }) {
+    return (_jsx("td", { className: cn("border-border text-dense border-b px-4 py-3 align-middle", align === "right" && "text-right", className), children: children }));
+}
+const EMPTY_ICON = {
+    empty: { icon: Inbox, tone: "neutral" },
+    done: { icon: CircleCheck, tone: "success" },
+};
+/**
+ * The bordered card shown in place of a table (or a list, a chart) when
+ * there is nothing to show: the toolkit's `EmptyState` — icon, a title (600),
+ * one help line and up to two actions — in the card the table would take.
+ * `children` is the title ("No jobs found"); `variant="done"` is the
+ * "all done" state.
+ */
+export function TableEmptyState({ children, variant = "empty", description, action, secondaryAction, icon, titleAs = "p", className, }) {
+    const { icon: Glyph, tone } = EMPTY_ICON[variant];
+    return (_jsx("div", { "data-empty-variant": variant, className: cn("border-border bg-card rounded-md border", className), children: _jsx(EmptyState, { icon: icon ?? _jsx(Glyph, { strokeWidth: 2.5 }), tone: tone, title: children, description: description, action: action, secondaryAction: secondaryAction, titleAs: titleAs }) }));
+}
+/**
+ * The `v3` definition-version chip rendered next to detail-page titles —
+ * previously copied character-identical into three hero headers.
+ */
+export function VersionChip({ version, className, }) {
+    return (_jsxs("span", { className: cn("border-border bg-muted text-muted-foreground text-small ml-2 inline-block rounded-sm border px-2 py-0.5 align-middle font-mono font-medium", className), children: ["v", version] }));
+}
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,WAAW,EAA0B,MAAM,yBAAyB,CAAA;AAC7F,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAKhC;;;;;GAKG;AAEH,MAAM,QAAQ,GAAG,4DAA4D,WAAW,EAAE,CAAA;AAE1F,MAAM,UAAU,EAAE,CAAC,EACjB,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,SAAS,EACT,QAAQ,GAYT;IACC,MAAM,IAAI,GAAG,KAAK;QAChB,CAAC,CAAC,oCAAoC;QACtC,CAAC,CAAC,GAAG,QAAQ,IAAI,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;IACnE,OAAO,CACL,aAAI,KAAK,EAAC,KAAK,eAAY,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,YAC5D,IAAI,CAAC,CAAC,CAAC,CACN,gBACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,KAAK,KAAK,OAAO,IAAI,kBAAkB,CACxC,aAEA,QAAQ,EACT,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,SAAG,IAC5D,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACE,CACN,CAAA;AACH,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,EACjB,KAAK,GAAG,MAAM,EACd,SAAS,EACT,QAAQ,GAKT;IACC,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,KAAK,KAAK,OAAO,IAAI,YAAY,EACjC,SAAS,CACV,YAEA,QAAQ,GACN,CACN,CAAA;AACH,CAAC;AAWD,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE;IACvC,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE;CACpC,CAAA;AAEV;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,WAAW,EACX,MAAM,EACN,eAAe,EACf,IAAI,EACJ,OAAO,GAAG,GAAG,EACb,SAAS,GAgBV;IACC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACjD,OAAO,CACL,oCACsB,OAAO,EAC3B,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,YAEnE,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,IAAI,KAAC,KAAK,IAAC,WAAW,EAAE,GAAG,GAAI,EACzC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,QAAQ,EACf,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,GAIV;IACC,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,4IAA4I,EAC5I,SAAS,CACV,kBAEC,OAAO,IACJ,CACR,CAAA;AACH,CAAC"}

package/dist/ui/tone-components.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tone-components.test.d.ts.map

package/dist/ui/tone-components.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone-components.test.d.ts","sourceRoot":"","sources":["../../src/ui/tone-components.test.tsx"],"names":[],"mappings":""}