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

package/dist/ui/named-id.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+/**
+ * A named thing with its id, the way every module shows a process or an
+ * element (#322 U13): the name first (dense, 600), and under it, quiet, the
+ * id in Geist Mono plus whatever else places it (`detail`: its type, its
+ * process). Without a known name, or with a name that only repeats the id,
+ * the id leads, once, still in mono, so a reader never takes it for a name.
+ * An id wraps between its parts first (after `_ - . : /`, before an
+ * upper-case letter: `Activity_|Check|Blacklist`) and inside a part only when
+ * that part alone is wider than the column (`overflow-wrap: anywhere`), so a
+ * long one never widens its column; the words around it break only between
+ * words.
+ */
+export declare function NamedId({ name, id, lead, detail, className, }: {
+    name: string | null | undefined;
+    id: string;
+    /** Before the name on its line (a state dot). */
+    lead?: ReactNode;
+    /** More quiet facts on the second line, after the id ("Service-Task", the process). */
+    detail?: ReadonlyArray<ReactNode>;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=named-id.d.ts.map

package/dist/ui/named-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"named-id.d.ts","sourceRoot":"","sources":["../../src/ui/named-id.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uFAAuF;IACvF,MAAM,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BA4BA"}

package/dist/ui/named-id.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@miragon/mcp-toolkit-ui";
+import { BreakableId } from "./id-breaks.js";
+/**
+ * A named thing with its id, the way every module shows a process or an
+ * element (#322 U13): the name first (dense, 600), and under it, quiet, the
+ * id in Geist Mono plus whatever else places it (`detail`: its type, its
+ * process). Without a known name, or with a name that only repeats the id,
+ * the id leads, once, still in mono, so a reader never takes it for a name.
+ * An id wraps between its parts first (after `_ - . : /`, before an
+ * upper-case letter: `Activity_|Check|Blacklist`) and inside a part only when
+ * that part alone is wider than the column (`overflow-wrap: anywhere`), so a
+ * long one never widens its column; the words around it break only between
+ * words.
+ */
+export function NamedId({ name, id, lead, detail, className, }) {
+    const shown = name && name !== id ? name : null;
+    const facts = (detail ?? []).filter((part) => part !== null && part !== undefined && part !== "");
+    return (_jsxs("span", { className: cn("flex min-w-0 flex-col", className), children: [_jsxs("span", { className: "text-foreground text-dense flex min-w-0 items-center gap-2 font-semibold", children: [lead, _jsx("span", { className: cn(shown ? "break-words" : "font-mono wrap-anywhere"), children: shown ?? _jsx(BreakableId, { id: id }) })] }), (shown || facts.length > 0) && (_jsxs("span", { className: "text-muted-foreground text-small break-words", children: [shown && (_jsx("span", { className: "font-mono wrap-anywhere", children: _jsx(BreakableId, { id: id }) })), facts.map((part, index) => (_jsxs("span", { children: [(shown || index > 0) && " · ", part] }, index)))] }))] }));
+}
+//# sourceMappingURL=named-id.js.map

package/dist/ui/named-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"named-id.js","sourceRoot":"","sources":["../../src/ui/named-id.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,MAAM,EACN,SAAS,GASV;IACC,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAC/C,MAAM,KAAK,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE,CAAC,CAAA;IACjG,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aACrD,gBAAM,SAAS,EAAC,0EAA0E,aACvF,IAAI,EACL,eAAM,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,YACnE,KAAK,IAAI,KAAC,WAAW,IAAC,EAAE,EAAE,EAAE,GAAI,GAC5B,IACF,EACN,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAC9B,gBAAM,SAAS,EAAC,8CAA8C,aAC3D,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,yBAAyB,YACvC,KAAC,WAAW,IAAC,EAAE,EAAE,EAAE,GAAI,GAClB,CACR,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,2BACG,CAAC,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,IAAI,KAAK,EAC7B,IAAI,KAFI,KAAK,CAGT,CACR,CAAC,IACG,CACR,IACI,CACR,CAAA;AACH,CAAC"}

package/dist/ui/named-id.test.d.ts

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

package/dist/ui/named-id.test.d.ts.map

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

package/dist/ui/named-id.test.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render } from "@testing-library/react";
+import { NamedId } from "./named-id.js";
+afterEach(cleanup);
+/**
+ * Names before ids (#322 U13), ONE look in every module: camunda7's tables
+ * and analytics' (whose landscape matrix sits inside camunda7's cross-engine
+ * overview) render the same process the same way.
+ */
+describe("NamedId", () => {
+    it("puts the name first, dense and 600, and the id quietly below in mono", () => {
+        const { container } = render(_jsx(NamedId, { name: "Bike Leasing", id: "miraveloLeasing" }));
+        const [nameLine, idLine] = Array.from(container.firstElementChild?.children ?? []);
+        expect(nameLine.textContent).toBe("Bike Leasing");
+        expect(nameLine.className).toContain("font-semibold");
+        expect(nameLine.className).toContain("text-dense");
+        expect(idLine.className).toContain("text-small");
+        expect(idLine.className).toContain("text-muted-foreground");
+        const id = container.querySelector(".font-mono");
+        expect(id?.textContent).toBe("miraveloLeasing");
+        // A long id wraps between its parts, never in the middle of a word.
+        expect(id?.className).not.toContain("break-all");
+        // A part wider than the column still wraps inside itself, never widening it.
+        expect(id?.className).toContain("wrap-anywhere");
+        expect(id?.innerHTML).toBe("miravelo<wbr>Leasing");
+    });
+    it("appends the details to the id line, skipping empty ones", () => {
+        const { container } = render(_jsx(NamedId, { name: "Pack", id: "Task_A", detail: ["User task", null, "", "Order"] }));
+        expect(container.textContent).toBe("PackTask_A · User task · Order");
+        expect(container.querySelector(".font-mono")?.textContent).toBe("Task_A");
+    });
+    it("lets the id lead in mono when no name is known, and shows no empty line", () => {
+        for (const name of [null, undefined, ""]) {
+            const { container } = render(_jsx(NamedId, { name: name, id: "order" }));
+            expect(container.textContent).toBe("order");
+            expect(container.querySelector(".font-mono")?.textContent).toBe("order");
+            expect(container.querySelectorAll(".text-small")).toHaveLength(0);
+            cleanup();
+        }
+    });
+    it("shows a name that only repeats the id once, as the id", () => {
+        const { container } = render(_jsx(NamedId, { name: "order", id: "order" }));
+        expect(container.textContent).toBe("order");
+        expect(container.querySelectorAll(".font-mono")).toHaveLength(1);
+    });
+    it("puts the details under a leading id without a separator in front", () => {
+        const { container } = render(_jsx(NamedId, { name: null, id: "Task_A", detail: ["User task"] }));
+        expect(container.textContent).toBe("Task_AUser task");
+    });
+    it("puts the lead before the name on its line", () => {
+        const { getByTestId } = render(_jsx(NamedId, { name: "Order", id: "order", lead: _jsx("span", { "data-testid": "dot" }) }));
+        expect(getByTestId("dot").nextElementSibling?.textContent).toBe("Order");
+    });
+});
+//# sourceMappingURL=named-id.test.js.map

package/dist/ui/named-id.test.js.map

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

package/dist/ui/native-select.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentProps } from "react";
+/**
+ * The form control look the kit's native inputs share (CI §8 "Eingabefelder"):
+ * the `--input` edge (`--cd-kontur`, 3:1 against the card — the decorative
+ * `--border` reaches 1.26:1), the danger edge on an entry marked
+ * `aria-invalid` (with the field's error line, `SettingsField`), 14 px (the
+ * dense-controls step), the md radius and the toolkit's opaque focus ring.
+ */
+export declare const FIELD_CONTROL: string;
+/**
+ * Styled native `<select>` on the role tokens — the one canonical class
+ * string for dropdowns in widgets (user-profile and the task form each
+ * hand-rolled their own, with diverging border tokens). Native on purpose:
+ * widget iframes keep the host's popover positioning out of the picture.
+ */
+export declare function NativeSelect({ className, ...props }: ComponentProps<"select">): import("react").JSX.Element;
+//# sourceMappingURL=native-select.d.ts.map

package/dist/ui/native-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.d.ts","sourceRoot":"","sources":["../../src/ui/native-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,QAGzB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAE7E"}

package/dist/ui/native-select.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, FOCUS_RING } from "@miragon/mcp-toolkit-ui";
+/**
+ * The form control look the kit's native inputs share (CI §8 "Eingabefelder"):
+ * the `--input` edge (`--cd-kontur`, 3:1 against the card — the decorative
+ * `--border` reaches 1.26:1), the danger edge on an entry marked
+ * `aria-invalid` (with the field's error line, `SettingsField`), 14 px (the
+ * dense-controls step), the md radius and the toolkit's opaque focus ring.
+ */
+export const FIELD_CONTROL = cn("border-input bg-background text-foreground text-dense aria-invalid:border-danger h-9 rounded-md border px-2 disabled:cursor-not-allowed disabled:opacity-50", FOCUS_RING);
+/**
+ * Styled native `<select>` on the role tokens — the one canonical class
+ * string for dropdowns in widgets (user-profile and the task form each
+ * hand-rolled their own, with diverging border tokens). Native on purpose:
+ * widget iframes keep the host's popover positioning out of the picture.
+ */
+export function NativeSelect({ className, ...props }) {
+    return _jsx("select", { ...props, className: cn(FIELD_CONTROL, className) });
+}
+//# sourceMappingURL=native-select.js.map

package/dist/ui/native-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.js","sourceRoot":"","sources":["../../src/ui/native-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAExD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAC7B,6JAA6J,EAC7J,UAAU,CACX,CAAA;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA4B;IAC5E,OAAO,oBAAY,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,GAAI,CAAA;AACvE,CAAC"}

package/dist/ui/navigation-focus.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from "react";
+/**
+ * The frame of a client-side router's views (#344 N107): after a navigation
+ * — a new `viewKey` — focus moves to the new view (the frame itself, so the
+ * next Tab starts there and a screen reader reads on from it), and its
+ * `label` is announced in a polite live region. Without it a drill or a
+ * breadcrumb pop dropped focus on the document body and said nothing.
+ *
+ * The first render takes no focus (the view only opened); every later key
+ * does. Render the same frame for every view of the router, so it persists
+ * across them.
+ */
+export declare function NavigationFocus({ viewKey, label, children, }: {
+    /** Identifies the view on screen; a change is a navigation. */
+    viewKey: string;
+    /** The view's name, announced after a navigation ("Incidents", "Order 4711"). */
+    label: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=navigation-focus.d.ts.map

package/dist/ui/navigation-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-focus.d.ts","sourceRoot":"","sources":["../../src/ui/navigation-focus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE;IACD,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAgBA"}

package/dist/ui/navigation-focus.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+/**
+ * The frame of a client-side router's views (#344 N107): after a navigation
+ * — a new `viewKey` — focus moves to the new view (the frame itself, so the
+ * next Tab starts there and a screen reader reads on from it), and its
+ * `label` is announced in a polite live region. Without it a drill or a
+ * breadcrumb pop dropped focus on the document body and said nothing.
+ *
+ * The first render takes no focus (the view only opened); every later key
+ * does. Render the same frame for every view of the router, so it persists
+ * across them.
+ */
+export function NavigationFocus({ viewKey, label, children, }) {
+    const frame = useRef(null);
+    const shown = useRef(viewKey);
+    useEffect(() => {
+        if (shown.current === viewKey)
+            return;
+        shown.current = viewKey;
+        frame.current?.focus();
+    }, [viewKey]);
+    return (_jsxs("div", { ref: frame, tabIndex: -1, className: "min-w-0 outline-none", children: [_jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: label }), children] }));
+}
+//# sourceMappingURL=navigation-focus.js.map

package/dist/ui/navigation-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-focus.js","sourceRoot":"","sources":["../../src/ui/navigation-focus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AAEzD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,QAAQ,GAOT;IACC,MAAM,KAAK,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO;YAAE,OAAM;QACrC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAA;QACvB,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IACxB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,OAAO,CACL,eAAK,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAC,sBAAsB,aAC7D,eAAM,IAAI,EAAC,QAAQ,eAAW,QAAQ,EAAC,SAAS,EAAC,SAAS,YACvD,KAAK,GACD,EACN,QAAQ,IACL,CACP,CAAA;AACH,CAAC"}

package/dist/ui/navigation-focus.test.d.ts

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

package/dist/ui/navigation-focus.test.d.ts.map

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

package/dist/ui/navigation-focus.test.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { afterEach, describe, expect, it } from "vitest";
+import { cleanup, render, screen } from "@testing-library/react";
+import { NavigationFocus } from "./navigation-focus.js";
+/** #344 N107: a client-side navigation moves focus to the new view and names it. */
+afterEach(cleanup);
+const frameOf = () => screen.getByText("view body").parentElement;
+describe("NavigationFocus", () => {
+    it("takes no focus when the view only opened", () => {
+        render(_jsx(NavigationFocus, { viewKey: "overview", label: "Overview", children: _jsx("p", { children: "view body" }) }));
+        expect(document.activeElement).toBe(document.body);
+        expect(frameOf().getAttribute("tabindex")).toBe("-1");
+    });
+    it("moves focus to the view after a navigation and says where you are", () => {
+        const { rerender } = render(_jsx(NavigationFocus, { viewKey: "overview", label: "Overview", children: _jsx("p", { children: "view body" }) }));
+        rerender(_jsx(NavigationFocus, { viewKey: "incidents", label: "Incidents", children: _jsx("p", { children: "view body" }) }));
+        expect(document.activeElement).toBe(frameOf());
+        expect(screen.getByRole("status").textContent).toBe("Incidents");
+    });
+    it("leaves focus where it is while the same view re-renders", () => {
+        const { rerender } = render(_jsxs(NavigationFocus, { viewKey: "overview", label: "Overview", children: [_jsx("button", { type: "button", children: "act" }), _jsx("p", { children: "view body" })] }));
+        screen.getByRole("button", { name: "act" }).focus();
+        rerender(_jsxs(NavigationFocus, { viewKey: "overview", label: "Overview", children: [_jsx("button", { type: "button", children: "act" }), _jsx("p", { children: "view body" })] }));
+        expect(document.activeElement).toBe(screen.getByRole("button", { name: "act" }));
+    });
+});
+//# sourceMappingURL=navigation-focus.test.js.map

package/dist/ui/navigation-focus.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-focus.test.js","sourceRoot":"","sources":["../../src/ui/navigation-focus.test.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,oFAAoF;AACpF,SAAS,CAAC,OAAO,CAAC,CAAA;AAElB,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,aAA4B,CAAA;AAEhF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,CACJ,KAAC,eAAe,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,YAClD,oCAAgB,GACA,CACnB,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAClD,MAAM,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACvD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;QAC3E,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CACzB,KAAC,eAAe,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,YAClD,oCAAgB,GACA,CACnB,CAAA;QACD,QAAQ,CACN,KAAC,eAAe,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YACpD,oCAAgB,GACA,CACnB,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;QAC9C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAClE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CACzB,MAAC,eAAe,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,aAClD,iBAAQ,IAAI,EAAC,QAAQ,oBAAa,EAClC,oCAAgB,IACA,CACnB,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;QACnD,QAAQ,CACN,MAAC,eAAe,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,aAClD,iBAAQ,IAAI,EAAC,QAAQ,oBAAa,EAClC,oCAAgB,IACA,CACnB,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;IAClF,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/ui/open-in-cockpit-link.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The single, consistent "jump to the engine's own web app" affordance (the
+ * vendor's cockpit, which leaves this app in a new tab). A secondary button
+ * of the view's one action size (the toolkit's `buttonVariants` outline,
+ * `sm`: 32 px, 14 px, 600, like the chat hand-offs beside it), since it is
+ * deterministic navigation, not AI. It belongs in the view's action group,
+ * never in the meta line.
+ * Named after the vendor ("In CIB seven öffnen" / "Open in CIB seven"), not
+ * "Cockpit", which is this app's own name; the accessible name adds that it
+ * opens a new tab. Owns the host bridge call, so callers pass only the URL.
+ * `variant="menuitem"` makes it an entry of a row's action menu
+ * ({@link MENU_ITEM}, `role="menuitem"`, its icon in front like the menu's
+ * other entries).
+ */
+export declare function OpenInCockpitLink({ url, vendor, label, variant, }: {
+    url: string;
+    /**
+     * The engine product's display name from the provider branding
+     * (`provider.branding.displayName`: "CIB seven", "Camunda 7", "Operaton").
+     * Without it the link reads "Im Engine-Cockpit öffnen" / "Open in engine cockpit".
+     */
+    vendor?: string;
+    /** Visible text override for a narrower target, e.g. "Instanz in CIB seven öffnen". */
+    label?: string;
+    /** `outline` (default): a link on its own; `menuitem`: an entry of an action menu. */
+    variant?: "outline" | "menuitem";
+}): import("react").JSX.Element;
+//# sourceMappingURL=open-in-cockpit-link.d.ts.map

package/dist/ui/open-in-cockpit-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-in-cockpit-link.d.ts","sourceRoot":"","sources":["../../src/ui/open-in-cockpit-link.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,MAAM,EACN,KAAK,EACL,OAAmB,GACpB,EAAE;IACD,GAAG,EAAE,MAAM,CAAA;IACX;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACjC,+BA4BA"}

package/dist/ui/open-in-cockpit-link.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buttonVariants, useLocale } from "@miragon/mcp-toolkit-ui";
+import { ExternalLink } from "lucide-react";
+import { useHostActions } from "@miragon/mcp-toolkit-ui/app";
+import { Icon } from "./icon.js";
+import { kitLabels } from "./kit-labels.js";
+import { MENU_ITEM } from "./menu-item.js";
+/**
+ * The single, consistent "jump to the engine's own web app" affordance (the
+ * vendor's cockpit, which leaves this app in a new tab). A secondary button
+ * of the view's one action size (the toolkit's `buttonVariants` outline,
+ * `sm`: 32 px, 14 px, 600, like the chat hand-offs beside it), since it is
+ * deterministic navigation, not AI. It belongs in the view's action group,
+ * never in the meta line.
+ * Named after the vendor ("In CIB seven öffnen" / "Open in CIB seven"), not
+ * "Cockpit", which is this app's own name; the accessible name adds that it
+ * opens a new tab. Owns the host bridge call, so callers pass only the URL.
+ * `variant="menuitem"` makes it an entry of a row's action menu
+ * ({@link MENU_ITEM}, `role="menuitem"`, its icon in front like the menu's
+ * other entries).
+ */
+export function OpenInCockpitLink({ url, vendor, label, variant = "outline", }) {
+    const host = useHostActions();
+    const labels = kitLabels(useLocale());
+    const text = label ?? labels.openInVendor(vendor);
+    const link = {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        onClick: (e) => {
+            e.preventDefault();
+            host.openLink(url);
+        },
+        "aria-label": labels.opensInNewTab(text),
+    };
+    if (variant === "menuitem") {
+        return (_jsxs("a", { ...link, role: "menuitem", tabIndex: -1, className: MENU_ITEM, children: [_jsx(Icon, { icon: ExternalLink, dense: true }), text] }));
+    }
+    return (_jsxs("a", { ...link, className: buttonVariants({ variant: "outline", size: "sm" }), children: [text, _jsx(Icon, { icon: ExternalLink, dense: true })] }));
+}
+//# sourceMappingURL=open-in-cockpit-link.js.map

package/dist/ui/open-in-cockpit-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-in-cockpit-link.js","sourceRoot":"","sources":["../../src/ui/open-in-cockpit-link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,GAAG,EACH,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,GAapB;IACC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC,CAAA;IACrC,MAAM,IAAI,GAAG,KAAK,IAAI,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IACjD,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,QAAQ;QAChB,GAAG,EAAE,qBAAqB;QAC1B,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;YAC5C,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QACpB,CAAC;QACD,YAAY,EAAE,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC;KACzC,CAAA;IACD,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;QAC3B,OAAO,CACL,gBAAO,IAAI,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,aAC7D,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,KAAK,SAAG,EACjC,IAAI,IACH,CACL,CAAA;IACH,CAAC;IACD,OAAO,CACL,gBAAO,IAAI,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aACvE,IAAI,EACL,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,KAAK,SAAG,IAChC,CACL,CAAA;AACH,CAAC"}

package/dist/ui/paged-list-footer.test.d.ts

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

package/dist/ui/paged-list-footer.test.d.ts.map

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

package/dist/ui/paged-list-footer.test.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { LocaleProvider, PagedListFooter } from "@miragon/mcp-toolkit-ui";
+import { NO_FIT_ROWS } from "./inline-fit.js";
+import { PagedRows } from "./paged-rows.js";
+afterEach(() => cleanup());
+/** A settled page 0 of the current filter: two of three rows, nothing in flight. */
+function paged(overrides = {}) {
+    return {
+        items: ["a", "b"],
+        firstPage: {},
+        total: 3,
+        stale: false,
+        hasMore: true,
+        loadMore: vi.fn(),
+        loading: false,
+        refreshing: false,
+        loadingMore: false,
+        error: null,
+        retry: vi.fn(),
+        loadMoreError: null,
+        fit: NO_FIT_ROWS,
+        footerLabels: undefined,
+        ...overrides,
+    };
+}
+/** The count line's wrapper: visually hidden while there is nothing to show. */
+const footerOf = (status) => status.closest('[data-slot="list-footer"]');
+function renderList(state) {
+    render(_jsxs(_Fragment, { children: [_jsx(PagedRows, { paged: state, children: _jsx("p", { children: "rows" }) }), _jsx(PagedListFooter, { paged: state, noun: "items" })] }));
+    return { rows: screen.getByText("rows").parentElement, status: screen.getByRole("status") };
+}
+/**
+ * The kit's PagedRows over the toolkit's PagedListFooter (2.8, which took the
+ * widget-shell fork's behaviour; its own suite is `PagedListFooter.test.tsx`
+ * in @miragon/mcp-toolkit-ui). `usePagedViewData`'s result passes as is.
+ *
+ * While a new search or filter is in flight (or has failed) the list keeps the
+ * previous result on screen (`stale`). A sighted operator must SEE that —
+ * a marked list (a bar in the state's tone, info in flight, warning once it
+ * failed; never a dimming that drops muted text under AA), a visible
+ * "Updating…" — and no "Showing X of Y" may pair the previous count with the
+ * new search (#341 review). The list has ONE live region: the footer's count
+ * line.
+ */
+describe("PagedListFooter + PagedRows — the stale and in-flight states", () => {
+    it("a settled page: the count in the one live region, rows not marked", () => {
+        const { rows, status } = renderList(paged());
+        expect(screen.getAllByRole("status")).toHaveLength(1);
+        expect(status.textContent).toBe("Showing 2 of 3 items");
+        expect(footerOf(status).className).not.toContain("sr-only");
+        expect(rows.getAttribute("aria-busy")).toBe("false");
+        expect(rows.hasAttribute("data-stale")).toBe(false);
+        expect(rows.querySelector("[data-tone]")).toBeNull();
+        expect(rows.className).not.toContain("opacity");
+    });
+    it("a new search in flight: a VISIBLE Updating… line, busy rows marked info, no count", () => {
+        const { rows, status } = renderList(paged({ stale: true, refreshing: true, hasMore: false }));
+        expect(footerOf(status).className).not.toContain("sr-only");
+        expect(status.textContent).toBe("Updating…");
+        expect(rows.getAttribute("aria-busy")).toBe("true");
+        expect(rows.getAttribute("data-stale")).toBe("true");
+        expect(rows.querySelector("[data-tone]")?.getAttribute("data-tone")).toBe("info");
+        expect(rows.className).not.toContain("opacity");
+        expect(screen.queryByText(/Showing/)).toBeNull();
+    });
+    it("a failed search: the rows stay marked (warning), the failure says so, still no count", () => {
+        const state = paged({ stale: true, hasMore: false, error: new Error("engine down") });
+        const { rows, status } = renderList(state);
+        const alert = screen.getByRole("alert");
+        expect(alert.textContent).toContain("Couldn't update the list");
+        expect(alert.textContent).toContain("You're seeing the previous result.");
+        // The raw reason sits under "Details", out of the sentence.
+        expect(alert.querySelector("details pre")?.textContent).toBe("engine down");
+        expect(alert.getAttribute("data-tone")).toBe("warning");
+        expect(rows.getAttribute("data-stale")).toBe("true");
+        expect(rows.querySelector("[data-tone]")?.getAttribute("data-tone")).toBe("warning");
+        expect(footerOf(status).className).toBe("sr-only");
+        expect(status.textContent).toBe("");
+        expect(screen.queryByText(/Showing/)).toBeNull();
+        fireEvent.click(screen.getByRole("button", { name: "Try again" }));
+        expect(state.retry).toHaveBeenCalledTimes(1);
+        expect(state.loadMore).not.toHaveBeenCalled();
+    });
+    it("a same-filter refetch: Updating… is visible, the count of THIS filter stays", () => {
+        const { rows, status } = renderList(paged({ refreshing: true }));
+        expect(status.textContent).toBe("Showing 2 of 3 itemsUpdating…");
+        expect(footerOf(status).className).not.toContain("sr-only");
+        expect(rows.getAttribute("aria-busy")).toBe("true");
+        expect(rows.hasAttribute("data-stale")).toBe(false);
+    });
+    it("a search that finds nothing: the live region stays and says so", () => {
+        const { status } = renderList(paged({ items: [], total: 0, hasMore: false }));
+        expect(status.textContent).toBe("No entries");
+        expect(footerOf(status).className).toBe("sr-only");
+    });
+});
+/**
+ * The footer's strings come from the toolkit's catalog: without a caller's
+ * texts they follow the active locale like the rest of the kit (#339) — the
+ * two failure lines included.
+ */
+describe("PagedListFooter — the catalog follows the active locale", () => {
+    function renderGerman(state) {
+        render(_jsx(LocaleProvider, { locale: "de", children: _jsx(PagedListFooter, { paged: state, noun: "Eintr\u00E4ge" }) }));
+    }
+    it("in flight: Wird aktualisiert…", () => {
+        renderGerman(paged({ stale: true, refreshing: true, hasMore: false }));
+        expect(screen.getByRole("status").textContent).toBe("Wird aktualisiert…");
+    });
+    it("a failed page 0 and a failed load-more, each with the German retry", () => {
+        renderGerman(paged({
+            stale: true,
+            error: new Error("weg"),
+            loadMoreError: new Error("Zeitüberschreitung"),
+        }));
+        const [refresh, more] = screen.getAllByRole("alert");
+        expect(refresh.textContent).toContain("Die Liste konnte nicht aktualisiert werden");
+        expect(refresh.textContent).toContain("Du siehst das vorherige Ergebnis.");
+        expect(refresh.querySelector("details pre")?.textContent).toBe("weg");
+        expect(more.textContent).toContain("Weitere Einträge konnten nicht geladen werden");
+        expect(more.querySelector("details pre")?.textContent).toBe("Zeitüberschreitung");
+        expect(screen.getAllByRole("button", { name: "Erneut versuchen" })).toHaveLength(2);
+    });
+});
+//# sourceMappingURL=paged-list-footer.test.js.map

package/dist/ui/paged-list-footer.test.js.map

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

package/dist/ui/paged-rows.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+import type { PagedViewData } from "./use-paged-view-data.js";
+/**
+ * The rows of a paged list — its table (or row cards) and empty state —
+ * marked while they are the PREVIOUS result (`paged.stale`: a new search or
+ * filter is in flight or has failed) and `aria-busy` while a page 0 is in
+ * flight. The mark is a bar along the left edge in the tone of the state
+ * (info while the new page loads, warning once it failed), not a dimming:
+ * faded rows push muted text under 4.5:1. Pairs with the toolkit's
+ * `PagedListFooter` (`paged` passes as is), whose live count line says in
+ * words what the bar marks ("Updating…", the failure above it), so old rows
+ * under a new search never read as its answer. The toolkit did not lift this
+ * piece: it is the kit's own. Its rows are already the inline head
+ * (`usePagedViewData`, #396), so a `ListTable` inside does not cap them again
+ * and hands its body to the list's fit; without a table, the wrapper's
+ * children (row cards) are the rows the fit measures.
+ */
+export declare function PagedRows<TItem, TData>({ paged, className, children, }: {
+    paged: PagedViewData<TItem, TData>;
+    /** Merged into the wrapper (e.g. the `flex flex-col gap-2` of a card list). */
+    className?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=paged-rows.d.ts.map

package/dist/ui/paged-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paged-rows.d.ts","sourceRoot":"","sources":["../../src/ui/paged-rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAE7D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,EACtC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAClC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAwBA"}

package/dist/ui/paged-rows.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, TONE_DOT } from "@miragon/mcp-toolkit-ui";
+import { RowsBudgeted } from "./inline-budget.js";
+/**
+ * The rows of a paged list — its table (or row cards) and empty state —
+ * marked while they are the PREVIOUS result (`paged.stale`: a new search or
+ * filter is in flight or has failed) and `aria-busy` while a page 0 is in
+ * flight. The mark is a bar along the left edge in the tone of the state
+ * (info while the new page loads, warning once it failed), not a dimming:
+ * faded rows push muted text under 4.5:1. Pairs with the toolkit's
+ * `PagedListFooter` (`paged` passes as is), whose live count line says in
+ * words what the bar marks ("Updating…", the failure above it), so old rows
+ * under a new search never read as its answer. The toolkit did not lift this
+ * piece: it is the kit's own. Its rows are already the inline head
+ * (`usePagedViewData`, #396), so a `ListTable` inside does not cap them again
+ * and hands its body to the list's fit; without a table, the wrapper's
+ * children (row cards) are the rows the fit measures.
+ */
+export function PagedRows({ paged, className, children, }) {
+    const tone = paged.refreshing ? "info" : "warning";
+    // The wrapper's children are the rows when no table inside names its body.
+    const { attachFallback } = paged.fit;
+    return (_jsxs("div", { ref: attachFallback, "aria-busy": paged.refreshing, "data-stale": paged.stale || undefined, className: cn("relative", className), children: [paged.stale && (_jsx("span", { "aria-hidden": "true", "data-tone": tone, className: cn("pointer-events-none absolute inset-y-0 -left-2 z-10 w-0.5 rounded-full", TONE_DOT[tone]) })), _jsx(RowsBudgeted, { rows: paged.fit, children: children })] }));
+}
+//# sourceMappingURL=paged-rows.js.map

package/dist/ui/paged-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paged-rows.js","sourceRoot":"","sources":["../../src/ui/paged-rows.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAGjD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,SAAS,CAAe,EACtC,KAAK,EACL,SAAS,EACT,QAAQ,GAMT;IACC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAA;IAClD,2EAA2E;IAC3E,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,GAAG,CAAA;IACpC,OAAO,CACL,eACE,GAAG,EAAE,cAAc,eACR,KAAK,CAAC,UAAU,gBACf,KAAK,CAAC,KAAK,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aAEnC,KAAK,CAAC,KAAK,IAAI,CACd,8BACc,MAAM,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,QAAQ,CAAC,IAAI,CAAC,CACf,GACD,CACH,EACD,KAAC,YAAY,IAAC,IAAI,EAAE,KAAK,CAAC,GAAG,YAAG,QAAQ,GAAgB,IACpD,CACP,CAAA;AACH,CAAC"}

package/dist/ui/parse-tool-result.test.d.ts

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

package/dist/ui/parse-tool-result.test.d.ts.map

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