@miragon/mcp-toolkit-ui 0.10.1

package/dist/components/DrillButton.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+export interface DrillButtonProps {
+    /** Button label. */
+    children: ReactNode;
+    /** Drill/navigation handler — wire to in-widget navigation (e.g. `showWidget`). */
+    onDrill: () => void;
+    /** Optional leading glyph (e.g. a domain icon). The trailing → is always rendered. */
+    icon?: ReactNode;
+    /** `sm` for table rows, `md` for surface headers. Default `"sm"`. */
+    size?: "sm" | "md";
+    /** Accessible label when the visible text is terse. */
+    ariaLabel?: string;
+}
+/**
+ * The single, deterministic in-widget navigation control: a neutral outline
+ * button with a trailing → that drills into a detail/sub-view. Use it for
+ * every in-app drill (row "Open", header nav) so they read identically and stay
+ * visually quieter than primary/agentic actions. Decoupled from any host — pass
+ * an `onDrill` callback (e.g. wrapping `useHostActions().showWidget`).
+ */
+export declare function DrillButton({ children, onDrill, icon, size, ariaLabel }: DrillButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=DrillButton.d.ts.map

package/dist/components/DrillButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillButton.d.ts","sourceRoot":"","sources":["../../src/components/DrillButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,sFAAsF;IACtF,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAchG"}

package/dist/components/DrillButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The single, deterministic in-widget navigation control: a neutral outline
+ * button with a trailing → that drills into a detail/sub-view. Use it for
+ * every in-app drill (row "Open", header nav) so they read identically and stay
+ * visually quieter than primary/agentic actions. Decoupled from any host — pass
+ * an `onDrill` callback (e.g. wrapping `useHostActions().showWidget`).
+ */
+export function DrillButton({ children, onDrill, icon, size = "sm", ariaLabel }) {
+    const pad = size === "md" ? "px-3 py-1.5 text-sm" : "px-2.5 py-1 text-xs";
+    return (_jsxs("button", { type: "button", onClick: onDrill, "aria-label": ariaLabel, className: `border-border text-foreground hover:bg-muted focus-visible:ring-ring inline-flex items-center gap-1 rounded-md border font-medium transition-colors outline-none focus-visible:ring-2 ${pad}`, children: [icon && _jsx("span", { "aria-hidden": "true", children: icon }), children, _jsx("span", { "aria-hidden": "true", children: "\u2192" })] }));
+}
+//# sourceMappingURL=DrillButton.js.map

package/dist/components/DrillButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillButton.js","sourceRoot":"","sources":["../../src/components/DrillButton.tsx"],"names":[],"mappings":";AAeA;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAoB;IAC/F,MAAM,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CAAA;IACzE,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,SAAS,EAAE,yLAAyL,GAAG,EAAE,aAExM,IAAI,IAAI,8BAAkB,MAAM,YAAE,IAAI,GAAQ,EAC9C,QAAQ,EACT,8BAAkB,MAAM,uBAAS,IAC1B,CACV,CAAA;AACH,CAAC"}

package/dist/components/FilterBar.d.ts

@@ -0,0 +1,28 @@
+export interface FilterChip {
+    /** Stable id passed back to `onChipToggle`. */
+    id: string;
+    /** Visible chip label. */
+    label: string;
+    /** Optional count rendered after the label. */
+    count?: number | string;
+    /** Whether the chip is currently active. */
+    active?: boolean;
+}
+export interface FilterBarProps {
+    /** Current search text (controlled). */
+    search: string;
+    /** Placeholder for the search input. Default `"Filter…"`. */
+    searchPlaceholder?: string;
+    /** Called with the new search text on every keystroke. */
+    onSearchChange: (next: string) => void;
+    /** Filter chips rendered to the right of the search input. */
+    chips: FilterChip[];
+    /** Called with a chip id when it is toggled. */
+    onChipToggle: (id: string) => void;
+}
+/**
+ * Search input + toggleable chip row for filtering a list/table of widget
+ * items. Pair with `useDebouncedValue` to avoid re-querying on every keystroke.
+ */
+export declare function FilterBar({ search, searchPlaceholder, onSearchChange, chips, onChipToggle, }: FilterBarProps): import("react").JSX.Element;
+//# sourceMappingURL=FilterBar.d.ts.map

package/dist/components/FilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../src/components/FilterBar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAA;IACV,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0DAA0D;IAC1D,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,8DAA8D;IAC9D,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,gDAAgD;IAChD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,iBAA6B,EAC7B,cAAc,EACd,KAAK,EACL,YAAY,GACb,EAAE,cAAc,+BA+BhB"}

package/dist/components/FilterBar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "../primitives/input.js";
+/**
+ * Search input + toggleable chip row for filtering a list/table of widget
+ * items. Pair with `useDebouncedValue` to avoid re-querying on every keystroke.
+ */
+export function FilterBar({ search, searchPlaceholder = "Filter…", onSearchChange, chips, onChipToggle, }) {
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Input, { type: "search", value: search, onChange: (e) => onSearchChange(e.target.value), placeholder: searchPlaceholder, className: "h-9 min-w-[220px] flex-1 text-sm" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: chips.map((chip) => (_jsxs("button", { type: "button", onClick: () => onChipToggle(chip.id), className: `inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium transition-colors ${chip.active
+                        ? "bg-accent border-border text-accent-foreground font-semibold"
+                        : "border-border bg-background text-muted-foreground hover:bg-muted hover:text-foreground"}`, children: [chip.label, chip.count !== undefined && chip.count !== "" && (_jsx("span", { className: "tabular-nums opacity-60", children: chip.count }))] }, chip.id))) })] }));
+}
+//# sourceMappingURL=FilterBar.js.map

package/dist/components/FilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.js","sourceRoot":"","sources":["../../src/components/FilterBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AA0B9C;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,EACN,iBAAiB,GAAG,SAAS,EAC7B,cAAc,EACd,KAAK,EACL,YAAY,GACG;IACf,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAC,kCAAkC,GAC5C,EACF,cAAK,SAAS,EAAC,wBAAwB,YACpC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,kBACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EACpC,SAAS,EAAE,wGACT,IAAI,CAAC,MAAM;wBACT,CAAC,CAAC,8DAA8D;wBAChE,CAAC,CAAC,wFACN,EAAE,aAED,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,CAChD,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,KAAK,GAAQ,CAC9D,KAXI,IAAI,CAAC,EAAE,CAYL,CACV,CAAC,GACE,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/GridLayout.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export interface GridLayoutProps {
+    /** `GridItem` children to lay out across the 12 columns. */
+    children: React.ReactNode;
+    /** Extra classes merged onto the grid container (e.g. to change the gap). */
+    className?: string;
+}
+/**
+ * 12-column responsive grid container. Wrap `GridItem`s in it to compose
+ * dashboard rows; this is the same grid `WidgetRenderer` uses internally.
+ */
+export declare function GridLayout({ children, className }: GridLayoutProps): React.JSX.Element;
+export interface GridItemProps {
+    /** Column span from 1–12. Defaults to a full-width `12`. */
+    span?: number;
+    /** Cell content. */
+    children: React.ReactNode;
+    /** Extra classes merged onto the cell. */
+    className?: string;
+}
+/**
+ * A cell inside a `GridLayout`, spanning `span` of the 12 columns. Out-of-range
+ * spans fall back to full width.
+ */
+export declare function GridItem({ span, children, className }: GridItemProps): React.JSX.Element;
+//# sourceMappingURL=GridLayout.d.ts.map

package/dist/components/GridLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.d.ts","sourceRoot":"","sources":["../../src/components/GridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,qBAElE;AAED,MAAM,WAAW,aAAa;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,qBAEzE"}

package/dist/components/GridLayout.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * 12-column responsive grid container. Wrap `GridItem`s in it to compose
+ * dashboard rows; this is the same grid `WidgetRenderer` uses internally.
+ */
+export function GridLayout({ children, className }) {
+    return _jsx("div", { className: cn("grid grid-cols-12 gap-4", className), children: children });
+}
+const spanClasses = {
+    1: "col-span-1",
+    2: "col-span-2",
+    3: "col-span-3",
+    4: "col-span-4",
+    5: "col-span-5",
+    6: "col-span-6",
+    7: "col-span-7",
+    8: "col-span-8",
+    9: "col-span-9",
+    10: "col-span-10",
+    11: "col-span-11",
+    12: "col-span-12",
+};
+/**
+ * A cell inside a `GridLayout`, spanning `span` of the 12 columns. Out-of-range
+ * spans fall back to full width.
+ */
+export function GridItem({ span = 12, children, className }) {
+    return _jsx("div", { className: cn(spanClasses[span] ?? "col-span-12", className), children: children });
+}
+//# sourceMappingURL=GridLayout.js.map

package/dist/components/GridLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../src/components/GridLayout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AASpC;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAmB;IACjE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAA;AACnF,CAAC;AAWD,MAAM,WAAW,GAA2B;IAC1C,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,YAAY;IACf,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;CAClB,CAAA;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAiB;IACxE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,aAAa,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAA;AAC5F,CAAC"}

package/dist/components/GroupCard.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+export interface GroupCardProps {
+    /** Whether the body is expanded. */
+    expanded: boolean;
+    /** Toggle handler for the summary bar. */
+    onToggle: () => void;
+    /** Always-visible summary bar (may contain its own buttons/links). */
+    summary: ReactNode;
+    /** Collapsible body, rendered only when `expanded`. */
+    children?: ReactNode;
+}
+/**
+ * Bordered card with a clickable summary bar and a collapsible body. Use to
+ * group related rows behind an expandable header (e.g. items grouped by a key).
+ *
+ * The summary uses `role="button"` rather than a `<button>` element so it can
+ * contain its own controls (drill buttons, links) without producing invalid
+ * nested-interactive HTML; clicks landing on those controls do not toggle.
+ */
+export declare function GroupCard({ expanded, onToggle, summary, children }: GroupCardProps): import("react").JSX.Element;
+//# sourceMappingURL=GroupCard.d.ts.map

package/dist/components/GroupCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCard.d.ts","sourceRoot":"","sources":["../../src/components/GroupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjE,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,sEAAsE;IACtE,OAAO,EAAE,SAAS,CAAA;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,cAAc,+BA8BlF"}

package/dist/components/GroupCard.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Bordered card with a clickable summary bar and a collapsible body. Use to
+ * group related rows behind an expandable header (e.g. items grouped by a key).
+ *
+ * The summary uses `role="button"` rather than a `<button>` element so it can
+ * contain its own controls (drill buttons, links) without producing invalid
+ * nested-interactive HTML; clicks landing on those controls do not toggle.
+ */
+export function GroupCard({ expanded, onToggle, summary, children }) {
+    function handleKeyDown(e) {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onToggle();
+        }
+    }
+    function handleClick(e) {
+        if (e.target.closest("button, a, input, select, textarea, label"))
+            return;
+        onToggle();
+    }
+    return (_jsxs("div", { className: "border-border mb-2 overflow-hidden rounded-lg border", children: [_jsx("div", { role: "button", tabIndex: 0, "aria-expanded": expanded, onClick: handleClick, onKeyDown: handleKeyDown, className: `bg-card hover:bg-muted focus-visible:ring-ring/50 cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 ${expanded ? "border-border border-b" : ""}`, children: summary }), expanded && children && _jsx("div", { children: children })] }));
+}
+//# sourceMappingURL=GroupCard.js.map

package/dist/components/GroupCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCard.js","sourceRoot":"","sources":["../../src/components/GroupCard.tsx"],"names":[],"mappings":";AAaA;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAkB;IACjF,SAAS,aAAa,CAAC,CAAgC;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC;IAED,SAAS,WAAW,CAAC,CAA6B;QAChD,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,2CAA2C,CAAC;YAAE,OAAM;QAC1F,QAAQ,EAAE,CAAA;IACZ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,cACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,8HACT,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACxC,EAAE,YAED,OAAO,GACJ,EACL,QAAQ,IAAI,QAAQ,IAAI,wBAAM,QAAQ,GAAO,IAC1C,CACP,CAAA;AACH,CAAC"}

package/dist/components/KpiGrid.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from "react";
+import { type ToneVariant } from "../lib/tone-utils.js";
+export interface KpiCell {
+    /** Caption shown above the value. */
+    label: ReactNode;
+    /** The headline figure. Pre-format numbers for locale/currency. */
+    value: ReactNode;
+    /** Small fraction shown next to the value, e.g. ` /14`. */
+    fraction?: ReactNode;
+    /** Optional trend line under the value (e.g. `"+12% vs last week"`). */
+    trend?: ReactNode;
+    /** Colours the trend line. `up` reads as bad (danger), `down` as good (success). */
+    trendDirection?: "up" | "down" | "flat";
+    /** Tone applied to the value text (e.g. `"danger"` for a breached metric). */
+    tone?: ToneVariant;
+    /** When set, the cell renders as a button — turns a metric into a nav entry point. */
+    onClick?: () => void;
+    /** Accessible label for the clickable cell (recommended when `onClick` is set). */
+    ariaLabel?: string;
+}
+export interface KpiGridHeader {
+    /** Group label, rendered uppercase in the strip header. */
+    label: ReactNode;
+    /** Optional muted badge to the right of the label. */
+    badge?: ReactNode;
+}
+export interface KpiGridProps {
+    /** The metric cells, flowed as columns (1–6, clamped). */
+    cells: KpiCell[];
+    /** Wrap the strip in a bordered card with an optional group `header`. Default `false`. */
+    boxed?: boolean;
+    /** Group header shown above the strip when `boxed`. */
+    header?: KpiGridHeader;
+}
+/**
+ * Bordered strip of KPI cells — the canonical way to show a row of headline
+ * metrics in a widget (replaces the single-metric KPICard). Cells flow as
+ * columns (1–6) and can be made clickable to drill into a detail view. Use
+ * `boxed` + `header` for a labelled metric block; unboxed (default) renders the
+ * lighter `border-y` strip.
+ */
+export declare function KpiGrid({ cells, boxed, header }: KpiGridProps): import("react").JSX.Element;
+//# sourceMappingURL=KpiGrid.d.ts.map

package/dist/components/KpiGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiGrid.d.ts","sourceRoot":"","sources":["../../src/components/KpiGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAA;AASlE,MAAM,WAAW,OAAO;IACtB,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAA;IAChB,mEAAmE;IACnE,KAAK,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,oFAAoF;IACpF,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACvC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAWD,MAAM,WAAW,aAAa;IAC5B,2DAA2D;IAC3D,KAAK,EAAE,SAAS,CAAA;IAChB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,0DAA0D;IAC1D,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAwErE"}

package/dist/components/KpiGrid.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { TONE_TEXT } from "../lib/tone-utils.js";
+/** Trend direction → tone for the small trend line under a value. */
+const TREND_TONE = {
+    up: "text-danger",
+    down: "text-success",
+    flat: "text-muted-foreground",
+};
+const COL_CLASS = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4",
+    5: "grid-cols-5",
+    6: "grid-cols-6",
+};
+/**
+ * Bordered strip of KPI cells — the canonical way to show a row of headline
+ * metrics in a widget (replaces the single-metric KPICard). Cells flow as
+ * columns (1–6) and can be made clickable to drill into a detail view. Use
+ * `boxed` + `header` for a labelled metric block; unboxed (default) renders the
+ * lighter `border-y` strip.
+ */
+export function KpiGrid({ cells, boxed = false, header }) {
+    const cols = Math.min(Math.max(cells.length, 1), 6);
+    const colClass = COL_CLASS[cols] ?? "grid-cols-4";
+    const wrapperClass = boxed ? "border-border overflow-hidden rounded-lg border" : "";
+    const stripClass = boxed ? "" : "border-border border-y";
+    return (_jsxs("div", { className: wrapperClass, children: [header && (_jsxs("div", { className: "border-border bg-muted text-muted-foreground flex items-center gap-2 border-b px-4 py-2 text-[11px] font-semibold tracking-wide uppercase", children: [_jsx("span", { children: header.label }), header.badge && (_jsx("span", { className: "border-border bg-card text-muted-foreground rounded border px-1.5 py-0 text-[10px] font-medium normal-case", children: header.badge }))] })), _jsx("div", { className: `grid ${colClass} ${stripClass}`, children: cells.map((cell, idx) => {
+                    const borderClass = idx < cells.length - 1 ? "border-border border-r" : "";
+                    const content = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-muted-foreground flex items-center justify-between gap-2 text-xs font-medium", children: [_jsx("span", { children: cell.label }), cell.onClick && (_jsx("span", { "aria-hidden": "true", className: "text-sm leading-none", children: "\u203A" }))] }), _jsxs("div", { className: `mt-1.5 text-2xl leading-none font-bold tracking-tight tabular-nums ${(cell.tone && TONE_TEXT[cell.tone]) || "text-foreground"}`, children: [cell.value, cell.fraction && (_jsx("span", { className: "text-muted-foreground ml-0.5 text-sm font-normal", children: cell.fraction }))] }), cell.trend && (_jsx("div", { className: `mt-1.5 text-xs ${cell.trendDirection ? TREND_TONE[cell.trendDirection] : "text-muted-foreground"}`, children: cell.trend }))] }));
+                    return cell.onClick ? (_jsx("button", { type: "button", onClick: cell.onClick, "aria-label": cell.ariaLabel, className: `hover:bg-muted focus-visible:ring-ring cursor-pointer px-5 py-4 text-left transition-colors outline-none focus-visible:ring-2 focus-visible:ring-inset ${borderClass}`, children: content }, idx)) : (_jsx("div", { className: `px-5 py-4 ${borderClass}`, children: content }, idx));
+                }) })] }));
+}
+//# sourceMappingURL=KpiGrid.js.map

package/dist/components/KpiGrid.js.map

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

package/dist/components/ListFooter.d.ts

@@ -0,0 +1,22 @@
+export interface ListFooterProps {
+    /** How many rows are currently rendered. */
+    shown: number;
+    /** The total number of rows available. */
+    total: number;
+    /** Whether more rows can be loaded. */
+    hasMore: boolean;
+    /** Disables the button and shows a loading label while a fetch is in flight. */
+    loadingMore?: boolean;
+    /** Called when the user asks for the next page. */
+    onLoadMore: () => void;
+    /** Plural noun for the count, e.g. `"instances"`. Default `"rows"`. */
+    noun?: string;
+}
+/**
+ * Footer for a paginated list: an honest "Showing X of Y" total plus an
+ * explicit "Load more" control. Deliberately not infinite scroll — the user
+ * gets the total, a reachable footer, and control over fetching. Renders
+ * nothing when `total` is 0.
+ */
+export declare function ListFooter({ shown, total, hasMore, loadingMore, onLoadMore, noun, }: ListFooterProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ListFooter.d.ts.map

package/dist/components/ListFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListFooter.d.ts","sourceRoot":"","sources":["../../src/components/ListFooter.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,OAAO,EAAE,OAAO,CAAA;IAChB,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mDAAmD;IACnD,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAmB,EACnB,UAAU,EACV,IAAa,GACd,EAAE,eAAe,sCAmBjB"}

package/dist/components/ListFooter.js

@@ -0,0 +1,13 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Footer for a paginated list: an honest "Showing X of Y" total plus an
+ * explicit "Load more" control. Deliberately not infinite scroll — the user
+ * gets the total, a reachable footer, and control over fetching. Renders
+ * nothing when `total` is 0.
+ */
+export function ListFooter({ shown, total, hasMore, loadingMore = false, onLoadMore, noun = "rows", }) {
+    if (total <= 0)
+        return null;
+    return (_jsxs("div", { className: "text-muted-foreground flex items-center justify-between gap-3 px-1 py-2 text-xs", children: [_jsxs("span", { children: ["Showing ", shown.toLocaleString(), " of ", total.toLocaleString(), " ", noun] }), hasMore && (_jsx("button", { type: "button", onClick: onLoadMore, disabled: loadingMore, className: "border-border text-foreground hover:bg-muted focus-visible:ring-ring inline-flex items-center gap-1 rounded-md border px-3 py-1.5 font-medium outline-none focus-visible:ring-2 disabled:opacity-50", children: loadingMore ? "Loading…" : "Load more" }))] }));
+}
+//# sourceMappingURL=ListFooter.js.map

package/dist/components/ListFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListFooter.js","sourceRoot":"","sources":["../../src/components/ListFooter.tsx"],"names":[],"mappings":";AAeA;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,UAAU,EACV,IAAI,GAAG,MAAM,GACG;IAChB,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAC3B,OAAO,CACL,eAAK,SAAS,EAAC,iFAAiF,aAC9F,uCACW,KAAK,CAAC,cAAc,EAAE,UAAM,KAAK,CAAC,cAAc,EAAE,OAAG,IAAI,IAC7D,EACN,OAAO,IAAI,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAC,qMAAqM,YAE9M,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAChC,CACV,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/components/Pills.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+import { type ToneVariant } from "../lib/tone-utils.js";
+export interface LivePillProps {
+    /** Status tone driving the dot + tint. Default `"info"`. */
+    tone?: ToneVariant;
+    /** Pill label. Defaults to `"Live"`. */
+    children?: ReactNode;
+}
+/**
+ * Small tinted pill with a pulsing dot. Use in a widget header to signal that
+ * the data is live/real-time. Tone-based, so it inherits the active theme.
+ */
+export declare function LivePill({ tone, children }: LivePillProps): import("react").JSX.Element;
+export interface CountPillProps {
+    /** Status tone driving the tint. Default `"neutral"`. */
+    tone?: ToneVariant;
+    /** The count/value to display (tabular numbers). */
+    children: ReactNode;
+}
+/**
+ * Compact count badge — tabular numbers on a tinted background. Use as the
+ * right-aligned indicator on a list/group row (e.g. a per-group item count).
+ */
+export declare function CountPill({ tone, children }: CountPillProps): import("react").JSX.Element;
+//# sourceMappingURL=Pills.d.ts.map

package/dist/components/Pills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pills.d.ts","sourceRoot":"","sources":["../../src/components/Pills.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAE5E,MAAM,WAAW,aAAa;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAa,EAAE,QAAQ,EAAE,EAAE,aAAa,+BASlE;AAED,MAAM,WAAW,cAAc;IAC7B,yDAAyD;IACzD,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAgB,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAQvE"}

package/dist/components/Pills.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TONE_DOT, TONE_SOFT } from "../lib/tone-utils.js";
+/**
+ * Small tinted pill with a pulsing dot. Use in a widget header to signal that
+ * the data is live/real-time. Tone-based, so it inherits the active theme.
+ */
+export function LivePill({ tone = "info", children }) {
+    return (_jsxs("span", { className: `inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-xs font-semibold ${TONE_SOFT[tone]}`, children: [_jsx("span", { className: `size-1.5 animate-pulse rounded-full ${TONE_DOT[tone]}` }), children ?? "Live"] }));
+}
+/**
+ * Compact count badge — tabular numbers on a tinted background. Use as the
+ * right-aligned indicator on a list/group row (e.g. a per-group item count).
+ */
+export function CountPill({ tone = "neutral", children }) {
+    return (_jsx("span", { className: `inline-flex min-w-[2.5rem] items-center justify-center rounded-md px-2.5 py-0.5 text-sm font-semibold tabular-nums ${TONE_SOFT[tone]}`, children: children }));
+}
+//# sourceMappingURL=Pills.js.map

package/dist/components/Pills.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pills.js","sourceRoot":"","sources":["../../src/components/Pills.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAA;AAS5E;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAiB;IACjE,OAAO,CACL,gBACE,SAAS,EAAE,iFAAiF,SAAS,CAAC,IAAI,CAAC,EAAE,aAE7G,eAAM,SAAS,EAAE,uCAAuC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAI,EAC3E,QAAQ,IAAI,MAAM,IACd,CACR,CAAA;AACH,CAAC;AASD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAkB;IACtE,OAAO,CACL,eACE,SAAS,EAAE,sHAAsH,SAAS,CAAC,IAAI,CAAC,EAAE,YAEjJ,QAAQ,GACJ,CACR,CAAA;AACH,CAAC"}

package/dist/components/SectionHeading.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+export interface SectionHeadingProps {
+    /** The section title. */
+    title: ReactNode;
+    /** Optional muted hint shown on the right (e.g. a count or last-updated note). */
+    hint?: ReactNode;
+    /** Right-aligned slot that overrides `hint` when set (e.g. a control). */
+    trailing?: ReactNode;
+}
+/**
+ * Section title row — a small semibold heading with an optional muted hint or
+ * control on the right. Use to label a block inside a widget body (e.g. a list
+ * or sub-table) without the visual weight of a full card header.
+ */
+export declare function SectionHeading({ title, hint, trailing }: SectionHeadingProps): import("react").JSX.Element;
+//# sourceMappingURL=SectionHeading.d.ts.map

package/dist/components/SectionHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.d.ts","sourceRoot":"","sources":["../../src/components/SectionHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,mBAAmB;IAClC,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,kFAAkF;IAClF,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAS5E"}

package/dist/components/SectionHeading.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Section title row — a small semibold heading with an optional muted hint or
+ * control on the right. Use to label a block inside a widget body (e.g. a list
+ * or sub-table) without the visual weight of a full card header.
+ */
+export function SectionHeading({ title, hint, trailing }) {
+    return (_jsxs("div", { className: "text-muted-foreground mb-3 flex items-center justify-between text-sm font-semibold", children: [_jsx("span", { children: title }), (hint || trailing) && (_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: trailing ?? hint }))] }));
+}
+//# sourceMappingURL=SectionHeading.js.map

package/dist/components/SectionHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.js","sourceRoot":"","sources":["../../src/components/SectionHeading.tsx"],"names":[],"mappings":";AAWA;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAuB;IAC3E,OAAO,CACL,eAAK,SAAS,EAAC,oFAAoF,aACjG,yBAAO,KAAK,GAAQ,EACnB,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CACrB,eAAM,SAAS,EAAC,2CAA2C,YAAE,QAAQ,IAAI,IAAI,GAAQ,CACtF,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/components/WidgetHeader.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import { type ToneVariant } from "../lib/tone-utils.js";
+export interface WidgetHeaderProps {
+    /** Optional icon/glyph rendered in a tinted tile above the title. */
+    icon?: ReactNode;
+    /** Tone for the icon tile. Default `"neutral"`. */
+    iconTone?: ToneVariant;
+    /** The widget title. */
+    title: ReactNode;
+    /** Subtitle/meta row under the title (e.g. a live pill + counts). */
+    sub?: ReactNode;
+    /** Right-aligned actions slot (buttons, drill controls). */
+    actions?: ReactNode;
+}
+/**
+ * Page-level header for the top of a dashboard widget: an optional tinted icon
+ * tile, a large title, a subtitle/meta row, and a right-aligned actions slot.
+ * Use once per widget surface to anchor it.
+ */
+export declare function WidgetHeader({ icon, iconTone, title, sub, actions, }: WidgetHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=WidgetHeader.d.ts.map

package/dist/components/WidgetHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetHeader.d.ts","sourceRoot":"","sources":["../../src/components/WidgetHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElE,MAAM,WAAW,iBAAiB;IAChC,qEAAqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,wBAAwB;IACxB,KAAK,EAAE,SAAS,CAAA;IAChB,qEAAqE;IACrE,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,4DAA4D;IAC5D,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAoB,EACpB,KAAK,EACL,GAAG,EACH,OAAO,GACR,EAAE,iBAAiB,+BAuBnB"}

package/dist/components/WidgetHeader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TONE_SOFT } from "../lib/tone-utils.js";
+/**
+ * Page-level header for the top of a dashboard widget: an optional tinted icon
+ * tile, a large title, a subtitle/meta row, and a right-aligned actions slot.
+ * Use once per widget surface to anchor it.
+ */
+export function WidgetHeader({ icon, iconTone = "neutral", title, sub, actions, }) {
+    return (_jsxs("header", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [icon && (_jsx("div", { className: `mb-3.5 grid size-11 place-items-center rounded-xl text-xl ${TONE_SOFT[iconTone]}`, children: icon })), _jsx("h1", { className: "text-foreground mb-1.5 text-3xl leading-tight font-bold tracking-tight", children: title }), sub && (_jsx("div", { className: "text-muted-foreground flex flex-wrap items-center gap-2 text-sm", children: sub }))] }), actions && _jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions })] }));
+}
+//# sourceMappingURL=WidgetHeader.js.map

package/dist/components/WidgetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetHeader.js","sourceRoot":"","sources":["../../src/components/WidgetHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAA;AAelE;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,GAAG,EACH,OAAO,GACW;IAClB,OAAO,CACL,kBAAQ,SAAS,EAAC,kDAAkD,aAClE,eAAK,SAAS,EAAC,SAAS,aACrB,IAAI,IAAI,CACP,cACE,SAAS,EAAE,6DAA6D,SAAS,CAAC,QAAQ,CAAC,EAAE,YAE5F,IAAI,GACD,CACP,EACD,aAAI,SAAS,EAAC,wEAAwE,YACnF,KAAK,GACH,EACJ,GAAG,IAAI,CACN,cAAK,SAAS,EAAC,iEAAiE,YAC7E,GAAG,GACA,CACP,IACG,EACL,OAAO,IAAI,cAAK,SAAS,EAAC,mCAAmC,YAAE,OAAO,GAAO,IACvE,CACV,CAAA;AACH,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,11 @@
+export { useIsMobile } from "./use-mobile.js";
+export { useDebouncedValue } from "./use-debounced-value.js";
+export { useToolQuery, useToolMutation } from "./use-tool-query.js";
+export type { UseToolQueryOptions } from "./use-tool-query.js";
+export { useViewToolQuery } from "./use-view-tool-query.js";
+export type { UseViewToolQueryOptions } from "./use-view-tool-query.js";
+export { useViewData } from "./use-view-data.js";
+export type { ViewDataResult } from "./use-view-data.js";
+export { useToolResultRecovery, resolveRecoveryToolName, decodeRecoveredResult, } from "./use-tool-result-recovery.js";
+export type { ToolResultRecoveryOptions, ToolResultRecoveryState, } from "./use-tool-result-recovery.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AACtC,YAAY,EACV,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,+BAA+B,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1,7 @@
+export { useIsMobile } from "./use-mobile.js";
+export { useDebouncedValue } from "./use-debounced-value.js";
+export { useToolQuery, useToolMutation } from "./use-tool-query.js";
+export { useViewToolQuery } from "./use-view-tool-query.js";
+export { useViewData } from "./use-view-data.js";
+export { useToolResultRecovery, resolveRecoveryToolName, decodeRecoveredResult, } from "./use-tool-result-recovery.js";
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,+BAA+B,CAAA"}

package/dist/hooks/use-debounced-value.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns `value` delayed by `delayMs`, resetting the timer on every change.
+ * Use to debounce a search box so a server-side filter only re-queries once the
+ * user pauses typing (not on every keystroke). Pure React — no host dependency.
+ */
+export declare function useDebouncedValue<T>(value: T, delayMs?: number): T;
+//# sourceMappingURL=use-debounced-value.d.ts.map

package/dist/hooks/use-debounced-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-value.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounced-value.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,SAAM,GAAG,CAAC,CAO/D"}

package/dist/hooks/use-debounced-value.js

@@ -0,0 +1,15 @@
+import { useEffect, useState } from "react";
+/**
+ * Returns `value` delayed by `delayMs`, resetting the timer on every change.
+ * Use to debounce a search box so a server-side filter only re-queries once the
+ * user pauses typing (not on every keystroke). Pure React — no host dependency.
+ */
+export function useDebouncedValue(value, delayMs = 300) {
+    const [debounced, setDebounced] = useState(value);
+    useEffect(() => {
+        const id = setTimeout(() => setDebounced(value), delayMs);
+        return () => clearTimeout(id);
+    }, [value, delayMs]);
+    return debounced;
+}
+//# sourceMappingURL=use-debounced-value.js.map

package/dist/hooks/use-debounced-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-value.js","sourceRoot":"","sources":["../../src/hooks/use-debounced-value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAI,KAAQ,EAAE,OAAO,GAAG,GAAG;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAA;QACzD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IACpB,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Tracks whether the viewport is below the mobile breakpoint (768px), updating
+ * on resize. Use to switch a widget between a compact and a wide layout.
+ */
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,WAAW,YAe1B"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+const MOBILE_BREAKPOINT = 768;
+/**
+ * Tracks whether the viewport is below the mobile breakpoint (768px), updating
+ * on resize. Use to switch a widget between a compact and a wide layout.
+ */
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(() => typeof window === "undefined" ? undefined : window.innerWidth < MOBILE_BREAKPOINT);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAE7B;;;GAGG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,GAAG,EAAE,CACvE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAClF,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,iBAAiB,GAAG,CAAC,KAAK,CAAC,CAAA;QACxE,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAA;QACpD,CAAC,CAAA;QACD,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACxC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,CAAC,QAAQ,CAAA;AACnB,CAAC"}