@assistant-ui/react-devtools 1.2.19 → 1.2.21

package/dist/views/ui/InfoCard.d.ts

@@ -1,16 +1,13 @@
-import { ReactNode } from "react";
-//#region src/views/ui/InfoCard.d.ts
+import type { ReactNode } from "react";
 /**
  * A flat content section: a header row (title + optional count/action) over its
  * content. No box, no nesting; sections are separated by whitespace on the
  * panel surface.
  */
-declare const InfoCard: ({ title, count, action, children }: {
-  title?: ReactNode;
-  count?: ReactNode;
-  action?: ReactNode;
-  children: ReactNode;
+export declare const InfoCard: ({ title, count, action, children, }: {
+    title?: ReactNode;
+    count?: ReactNode;
+    action?: ReactNode;
+    children: ReactNode;
 }) => import("react").JSX.Element;
-//#endregion
-export { InfoCard };
 //# sourceMappingURL=InfoCard.d.ts.map

package/dist/views/ui/InfoCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoCard.d.ts","names":[],"sources":["../../../src/views/ui/InfoCard.tsx"],"mappings":";;;;;;;cAOa,aAAY,OAAA,OAAA,QAAA;EAMvB,QAAQ;EACR,QAAQ;EACR,SAAS;EACT,UAAU;sBACX,IAAA"}
+{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../src/views/ui/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,qCAKtB;IACD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,gCAiBA,CAAC"}

package/dist/views/ui/JSONTree.d.ts

@@ -1,12 +1,9 @@
-//#region src/views/ui/JSONTree.d.ts
 /**
  * Recursive JSON view. `compact` fits tool rows; copy always provides formatted JSON.
  */
-declare const JSONTree: ({ value, openDepth, compact }: {
-  value: unknown;
-  openDepth?: number;
-  compact?: boolean;
+export declare const JSONTree: ({ value, openDepth, compact, }: {
+    value: unknown;
+    openDepth?: number;
+    compact?: boolean;
 }) => import("react").JSX.Element;
-//#endregion
-export { JSONTree };
 //# sourceMappingURL=JSONTree.d.ts.map

package/dist/views/ui/JSONTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JSONTree.d.ts","names":[],"sources":["../../../src/views/ui/JSONTree.tsx"],"mappings":";;;;cA0Ma,aAAY,OAAA,WAAA;EAKvB;EACA;EACA;sBACD,IAAA"}
+{"version":3,"file":"JSONTree.d.ts","sourceRoot":"","sources":["../../../src/views/ui/JSONTree.tsx"],"names":[],"mappings":"AAuMA;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,gCAItB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,gCA8BA,CAAC"}

package/dist/views/ui/PaneHeader.d.ts

@@ -1,19 +1,16 @@
-import { ReactNode } from "react";
-//#region src/views/ui/PaneHeader.d.ts
+import type { ReactNode } from "react";
 /**
  * Fixed-height rail header. Every column in a split layout should use this so
  * titles line up across columns.
  */
-declare const PaneHeader: ({ children, trailing, borderless }: {
-  children: ReactNode;
-  trailing?: ReactNode | undefined;
-  borderless?: boolean;
+export declare const PaneHeader: ({ children, trailing, borderless, }: {
+    children: ReactNode;
+    trailing?: ReactNode | undefined;
+    borderless?: boolean;
 }) => import("react").JSX.Element;
 /** Header that grows below a {@link PaneHeader}-height title row. */
-declare const PaneHeaderStack: ({ header, children }: {
-  header: ReactNode;
-  children?: ReactNode | undefined;
+export declare const PaneHeaderStack: ({ header, children, }: {
+    header: ReactNode;
+    children?: ReactNode | undefined;
 }) => import("react").JSX.Element;
-//#endregion
-export { PaneHeader, PaneHeaderStack };
 //# sourceMappingURL=PaneHeader.d.ts.map

package/dist/views/ui/PaneHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaneHeader.d.ts","names":[],"sources":["../../../src/views/ui/PaneHeader.tsx"],"mappings":";;;;;;cAMa,eAAc,UAAA,UAAA;EAKzB,UAAU;EACV,WAAW;EACX;sBACD,IAAA;;cAoBY,oBAAmB,QAAA;EAI9B,QAAQ;EACR,WAAW;sBACZ,IAAA"}
+{"version":3,"file":"PaneHeader.d.ts","sourceRoot":"","sources":["../../../src/views/ui/PaneHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,qCAIxB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,gCAiBA,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,eAAe,GAAI,uBAG7B;IACD,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAClC,gCAKA,CAAC"}

package/dist/views/ui/RailTime.d.ts

@@ -1,9 +1,6 @@
-//#region src/views/ui/RailTime.d.ts
 /** Compact timestamp for narrow rails; full value goes in the tooltip. */
-declare const RailTime: ({ value, className }: {
-  value: string | undefined;
-  className?: string | undefined;
+export declare const RailTime: ({ value, className, }: {
+    value: string | undefined;
+    className?: string | undefined;
 }) => import("react").JSX.Element | null;
-//#endregion
-export { RailTime };
 //# sourceMappingURL=RailTime.d.ts.map

package/dist/views/ui/RailTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RailTime.d.ts","names":[],"sources":["../../../src/views/ui/RailTime.tsx"],"mappings":";;cAIa,aAAY,OAAA;EAIvB;EACA;sBACD,IAAA"}
+{"version":3,"file":"RailTime.d.ts","sourceRoot":"","sources":["../../../src/views/ui/RailTime.tsx"],"names":[],"mappings":"AAGA,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,GAAI,uBAGtB;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,uCAgBA,CAAC"}

package/dist/views/ui/SectionLabel.d.ts

@@ -1,8 +1,5 @@
-import { ReactNode } from "react";
-//#region src/views/ui/SectionLabel.d.ts
-declare const SectionLabel: ({ children }: {
-  children: ReactNode;
+import type { ReactNode } from "react";
+export declare const SectionLabel: ({ children }: {
+    children: ReactNode;
 }) => import("react").JSX.Element;
-//#endregion
-export { SectionLabel };
 //# sourceMappingURL=SectionLabel.d.ts.map

package/dist/views/ui/SectionLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.d.ts","names":[],"sources":["../../../src/views/ui/SectionLabel.tsx"],"mappings":";;cAEa,iBAAgB;EAAgB,UAAU;sBAAW,IAAA"}
+{"version":3,"file":"SectionLabel.d.ts","sourceRoot":"","sources":["../../../src/views/ui/SectionLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAIjE,CAAC"}

package/dist/views/ui/SelectableRow.d.ts

@@ -1,18 +1,15 @@
-import { ReactNode } from "react";
-//#region src/views/ui/SelectableRow.d.ts
+import { type ReactNode } from "react";
 /**
  * A row in a master rail. The leading border + accent fill mark the current
  * selection; the whole row is the hit target. Content is free-form so a row can
  * be a single line or a small block (a transcript turn).
  */
-declare const SelectableRow: import("react").ForwardRefExoticComponent<{
-  selected?: boolean;
-  onSelect?: (() => void) | undefined;
-  className?: string | undefined;
-  /** Fixed-height row for uniform rails. */
-  dense?: boolean;
-  children: ReactNode;
+export declare const SelectableRow: import("react").ForwardRefExoticComponent<{
+    selected?: boolean;
+    onSelect?: (() => void) | undefined;
+    className?: string | undefined;
+    /** Fixed-height row for uniform rails. */
+    dense?: boolean;
+    children: ReactNode;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-//#endregion
-export { SelectableRow };
 //# sourceMappingURL=SelectableRow.d.ts.map

package/dist/views/ui/SelectableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableRow.d.ts","names":[],"sources":["../../../src/views/ui/SelectableRow.tsx"],"mappings":";;;;;;;cAQa,+BAAa;EAGX;EACA;EACC;;EAEJ;EACE,UAAA;oBAwBZ,cAAA"}
+{"version":3,"file":"SelectableRow.d.ts","sourceRoot":"","sources":["../../../src/views/ui/SelectableRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,aAAa;eAGX,OAAO;eACP,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;gBACvB,MAAM,GAAG,SAAS;IAC9B,0CAA0C;YAClC,OAAO;cACL,SAAS;qDAwBrB,CAAC"}

package/dist/views/ui/Sparkline.d.ts

@@ -1,14 +1,11 @@
-//#region src/views/ui/Sparkline.d.ts
 /**
  * A monochrome trend line drawn as an SVG polyline. No axes, legend, or
  * gridlines: it answers "is this metric rising, falling, or spiking" at a
  * glance and nothing more. Renders nothing below 2 points; color comes from the
  * surrounding text color (`currentColor`).
  */
-declare const Sparkline: ({ values, className }: {
-  values: readonly number[];
-  className?: string;
+export declare const Sparkline: ({ values, className, }: {
+    values: readonly number[];
+    className?: string;
 }) => import("react").JSX.Element | null;
-//#endregion
-export { Sparkline };
 //# sourceMappingURL=Sparkline.d.ts.map

package/dist/views/ui/Sparkline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.d.ts","names":[],"sources":["../../../src/views/ui/Sparkline.tsx"],"mappings":";;;;;;;cAQa,cAAa,QAAA;EAIxB;EACA;sBACD,IAAA"}
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/views/ui/Sparkline.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,wBAGvB;IACD,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,uCAkCA,CAAC"}

package/dist/views/ui/SummaryItem.d.ts

@@ -1,17 +1,14 @@
-import { ReactNode } from "react";
-//#region src/views/ui/SummaryItem.d.ts
+import type { ReactNode } from "react";
 /**
  * A key/value row: label left, value right on one baseline. Flat (no box). Group
  * a sequence in `SummaryList` for hairline dividers.
  */
-declare const SummaryItem: ({ label, value }: {
-  label: string;
-  value: ReactNode;
+export declare const SummaryItem: ({ label, value, }: {
+    label: string;
+    value: ReactNode;
 }) => import("react").JSX.Element;
 /** Divided list of `SummaryItem` rows. Unboxed: dividers do the grouping. */
-declare const SummaryList: ({ children }: {
-  children: ReactNode;
+export declare const SummaryList: ({ children }: {
+    children: ReactNode;
 }) => import("react").JSX.Element;
-//#endregion
-export { SummaryItem, SummaryList };
 //# sourceMappingURL=SummaryItem.d.ts.map

package/dist/views/ui/SummaryItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryItem.d.ts","names":[],"sources":["../../../src/views/ui/SummaryItem.tsx"],"mappings":";;;;;;cAMa,gBAAe,OAAA;EAI1B;EACA,OAAO;sBACR,IAAA;;cAUY,gBAAe;EAAgB,UAAU;sBAAW,IAAA"}
+{"version":3,"file":"SummaryItem.d.ts","sourceRoot":"","sources":["../../../src/views/ui/SummaryItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,mBAGzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB,gCAOA,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAEhE,CAAC"}

package/dist/views/ui/ToneBadge.d.ts

@@ -1,12 +1,9 @@
-import { BadgeTone } from "./badgeTone.js";
-import { ReactNode } from "react";
-//#region src/views/ui/ToneBadge.d.ts
-declare const ToneBadge: ({ tone, size, className, children }: {
-  tone?: BadgeTone | undefined;
-  size?: "default" | "sm";
-  className?: string | undefined;
-  children: ReactNode;
+import type { ReactNode } from "react";
+import type { BadgeTone } from "./badgeTone.js";
+export declare const ToneBadge: ({ tone, size, className, children, }: {
+    tone?: BadgeTone | undefined;
+    size?: "default" | "sm";
+    className?: string | undefined;
+    children: ReactNode;
 }) => import("react").JSX.Element;
-//#endregion
-export { ToneBadge };
 //# sourceMappingURL=ToneBadge.d.ts.map

package/dist/views/ui/ToneBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToneBadge.d.ts","names":[],"sources":["../../../src/views/ui/ToneBadge.tsx"],"mappings":";;;cAKa,cAAa,MAAA,MAAA,WAAA;EAMxB,OAAO;EACP;EACA;EACA,UAAU;sBACX,IAAA"}
+{"version":3,"file":"ToneBadge.d.ts","sourceRoot":"","sources":["../../../src/views/ui/ToneBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAoB;AAE7C,eAAO,MAAM,SAAS,GAAI,sCAKvB;IACD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,gCAUA,CAAC"}

package/dist/views/ui/badgeTone.d.ts

@@ -1,21 +1,18 @@
-//#region src/views/ui/badgeTone.d.ts
-declare const BADGE_TONE: {
-  readonly blue: "border-blue-300 bg-blue-500/10 text-blue-700 dark:border-blue-500/40 dark:bg-blue-500/15 dark:text-blue-300";
-  readonly emerald: "border-emerald-300 bg-emerald-500/10 text-emerald-700 dark:border-emerald-500/40 dark:bg-emerald-500/15 dark:text-emerald-300";
-  readonly amber: "border-amber-300 bg-amber-500/10 text-amber-700 dark:border-amber-500/40 dark:bg-amber-500/15 dark:text-amber-300";
-  readonly red: "border-red-300 bg-red-500/10 text-red-700 dark:border-red-500/40 dark:bg-red-500/15 dark:text-red-300";
-  readonly violet: "border-violet-300 bg-violet-500/10 text-violet-700 dark:border-violet-500/40 dark:bg-violet-500/15 dark:text-violet-300";
-  readonly zinc: "border-zinc-300 bg-zinc-500/10 text-zinc-600 dark:border-zinc-600 dark:bg-zinc-500/15 dark:text-zinc-300";
+export declare const BADGE_TONE: {
+    readonly blue: "border-blue-300 bg-blue-500/10 text-blue-700 dark:border-blue-500/40 dark:bg-blue-500/15 dark:text-blue-300";
+    readonly emerald: "border-emerald-300 bg-emerald-500/10 text-emerald-700 dark:border-emerald-500/40 dark:bg-emerald-500/15 dark:text-emerald-300";
+    readonly amber: "border-amber-300 bg-amber-500/10 text-amber-700 dark:border-amber-500/40 dark:bg-amber-500/15 dark:text-amber-300";
+    readonly red: "border-red-300 bg-red-500/10 text-red-700 dark:border-red-500/40 dark:bg-red-500/15 dark:text-red-300";
+    readonly violet: "border-violet-300 bg-violet-500/10 text-violet-700 dark:border-violet-500/40 dark:bg-violet-500/15 dark:text-violet-300";
+    readonly zinc: "border-zinc-300 bg-zinc-500/10 text-zinc-600 dark:border-zinc-600 dark:bg-zinc-500/15 dark:text-zinc-300";
 };
-type BadgeTone = keyof typeof BADGE_TONE;
+export type BadgeTone = keyof typeof BADGE_TONE;
 /** Message and attachment lifecycle status to badge tone. */
-declare const STATUS_TONE: Record<string, BadgeTone>;
+export declare const STATUS_TONE: Record<string, BadgeTone>;
 /** MCP connection state to badge tone. */
-declare const CONNECTION_TONE: Record<string, BadgeTone>;
-declare const BADGE_BASE = "inline-flex items-center rounded-md border px-1.5 py-0.5 text-[11px] font-medium leading-none";
-declare const BADGE_SM = "inline-flex items-center rounded border px-1 py-px text-[9px] font-medium leading-none";
+export declare const CONNECTION_TONE: Record<string, BadgeTone>;
+export declare const BADGE_BASE = "inline-flex items-center rounded-md border px-1.5 py-0.5 text-[11px] font-medium leading-none";
+export declare const BADGE_SM = "inline-flex items-center rounded border px-1 py-px text-[9px] font-medium leading-none";
 /** Uniform width for short status labels in transcript rails (e.g. opt vs running). */
-declare const RAIL_STATUS_BADGE_CLASS = "min-w-[2.875rem] justify-center";
-//#endregion
-export { BADGE_BASE, BADGE_SM, BADGE_TONE, BadgeTone, CONNECTION_TONE, RAIL_STATUS_BADGE_CLASS, STATUS_TONE };
+export declare const RAIL_STATUS_BADGE_CLASS = "min-w-[2.875rem] justify-center";
 //# sourceMappingURL=badgeTone.d.ts.map

package/dist/views/ui/badgeTone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badgeTone.d.ts","names":[],"sources":["../../../src/views/ui/badgeTone.ts"],"mappings":";cAAa;;;;;;;;KAYD,yBAAyB;;cAGxB,aAAa,eAAe;;cAQ5B,iBAAiB,eAAe;cAShC;cAGA;;cAIA"}
+{"version":3,"file":"badgeTone.d.ts","sourceRoot":"","sources":["../../../src/views/ui/badgeTone.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;CAUb,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AAEhD,6DAA6D;AAC7D,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAKjD,CAAC;AAEF,0CAA0C;AAC1C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAOrD,CAAC;AAEF,eAAO,MAAM,UAAU,kGAC0E,CAAC;AAElG,eAAO,MAAM,QAAQ,2FACqE,CAAC;AAE3F,uFAAuF;AACvF,eAAO,MAAM,uBAAuB,oCAAoC,CAAC"}

package/dist/views/ui/getInlineJson.d.ts

@@ -1,5 +1,2 @@
-//#region src/views/ui/getInlineJson.d.ts
-declare function getInlineJson(value: unknown, limit: number): string | undefined;
-//#endregion
-export { getInlineJson };
+export declare function getInlineJson(value: unknown, limit: number): string | undefined;
 //# sourceMappingURL=getInlineJson.d.ts.map

package/dist/views/ui/getInlineJson.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getInlineJson.d.ts","names":[],"sources":["../../../src/views/ui/getInlineJson.ts"],"mappings":";iBAEgB,cAAc,gBAAgB"}
+{"version":3,"file":"getInlineJson.d.ts","sourceRoot":"","sources":["../../../src/views/ui/getInlineJson.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAmC1D"}

package/dist/views/ui/index.d.ts

@@ -1,16 +1,17 @@
-import { CenteredMessage } from "./CenteredMessage.js";
-import { Chip } from "./Chip.js";
-import { ControlButton } from "./ControlButton.js";
-import { CopyButton } from "./CopyButton.js";
-import { EmptyState } from "./EmptyState.js";
-import { InfoCard } from "./InfoCard.js";
-import { JSONTree } from "./JSONTree.js";
-import { PaneHeader, PaneHeaderStack } from "./PaneHeader.js";
-import { RailTime } from "./RailTime.js";
-import { SectionLabel } from "./SectionLabel.js";
-import { SelectableRow } from "./SelectableRow.js";
-import { Sparkline } from "./Sparkline.js";
-import { SummaryItem, SummaryList } from "./SummaryItem.js";
-import { BadgeTone, CONNECTION_TONE, RAIL_STATUS_BADGE_CLASS, STATUS_TONE } from "./badgeTone.js";
-import { ToneBadge } from "./ToneBadge.js";
-export { type BadgeTone, CONNECTION_TONE, CenteredMessage, Chip, ControlButton, CopyButton, EmptyState, InfoCard, JSONTree, PaneHeader, PaneHeaderStack, RAIL_STATUS_BADGE_CLASS, RailTime, STATUS_TONE, SectionLabel, SelectableRow, Sparkline, SummaryItem, SummaryList, ToneBadge };
+export { CONNECTION_TONE, RAIL_STATUS_BADGE_CLASS, STATUS_TONE, } from "./badgeTone.js";
+export type { BadgeTone } from "./badgeTone.js";
+export { CenteredMessage } from "./CenteredMessage.js";
+export { Chip } from "./Chip.js";
+export { ControlButton } from "./ControlButton.js";
+export { CopyButton } from "./CopyButton.js";
+export { EmptyState } from "./EmptyState.js";
+export { InfoCard } from "./InfoCard.js";
+export { JSONTree } from "./JSONTree.js";
+export { PaneHeader, PaneHeaderStack } from "./PaneHeader.js";
+export { RailTime } from "./RailTime.js";
+export { SectionLabel } from "./SectionLabel.js";
+export { SelectableRow } from "./SelectableRow.js";
+export { Sparkline } from "./Sparkline.js";
+export { SummaryItem, SummaryList } from "./SummaryItem.js";
+export { ToneBadge } from "./ToneBadge.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/views/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,uBAAuB,EACvB,WAAW,GACZ,uBAAoB;AACrB,YAAY,EAAE,SAAS,EAAE,uBAAoB;AAC7C,OAAO,EAAE,eAAe,EAAE,6BAA0B;AACpD,OAAO,EAAE,IAAI,EAAE,kBAAe;AAC9B,OAAO,EAAE,aAAa,EAAE,2BAAwB;AAChD,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAC1C,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAC1C,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AACtC,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AACtC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,wBAAqB;AAC3D,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AACtC,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAC9C,OAAO,EAAE,aAAa,EAAE,2BAAwB;AAChD,OAAO,EAAE,SAAS,EAAE,uBAAoB;AACxC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,yBAAsB;AACzD,OAAO,EAAE,SAAS,EAAE,uBAAoB"}

package/dist/views/ui/useCopyToClipboard.d.ts

@@ -1,10 +1,7 @@
-//#region src/views/ui/useCopyToClipboard.d.ts
-declare const useCopyToClipboard: ({ copiedDuration }?: {
-  copiedDuration?: number;
+export declare const useCopyToClipboard: ({ copiedDuration, }?: {
+    copiedDuration?: number;
 }) => {
-  isCopied: boolean;
-  copy: (value: string) => void;
+    isCopied: boolean;
+    copy: (value: string) => void;
 };
-//#endregion
-export { useCopyToClipboard };
 //# sourceMappingURL=useCopyToClipboard.d.ts.map

package/dist/views/ui/useCopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","names":[],"sources":["../../../src/views/ui/useCopyToClipboard.ts"],"mappings":";cAEa,uBAAsB;EAGjC;;;EAKU,OAAA"}
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/views/ui/useCopyToClipboard.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,GAAI,sBAEhC;IACD,cAAc,CAAC,EAAE,MAAM,CAAC;CACpB;;kBAIM,MAAM;CAgBjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-devtools",
-  "version": "1.2.19",
+  "version": "1.2.21",
   "description": "React development tools for assistant-ui components",
   "keywords": [
     "assistant-ui",
@@ -28,11 +28,11 @@
   "sideEffects": false,
   "dependencies": {
     "clsx": "^2.1.1",
-    "zod": "^4.5.4"
+    "zod": "^4.6.5"
   },
   "peerDependencies": {
     "@assistant-ui/react": "^0.15.0",
-    "@assistant-ui/tap": "^0.9.17",
+    "@assistant-ui/tap": "^0.9.19",
     "@types/react": "*",
     "@types/react-dom": "*",
     "react": "^18 || ^19",
@@ -47,19 +47,19 @@
     }
   },
   "devDependencies": {
-    "@assistant-ui/react": "0.15.20",
-    "@assistant-ui/tap": "0.9.17",
-    "@assistant-ui/x-buildutils": "0.0.27",
+    "@assistant-ui/react": "0.15.22",
+    "@assistant-ui/tap": "0.9.19",
+    "@assistant-ui/x-buildutils": "0.0.29",
     "@assistant-ui/x-performance": "0.0.0",
     "@tailwindcss/cli": "^4.3.3",
-    "@types/node": "^26.4.1",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
+    "@types/node": "^26.5.1",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "jsdom": "^30.0.1",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "tailwindcss": "^4.3.3",
-    "vitest": "^5.0.0"
+    "vitest": "^5.0.1"
   },
   "publishConfig": {
     "access": "public",
@@ -77,6 +77,7 @@
   "scripts": {
     "build:css": "node scripts/build-styles.mjs",
     "build": "pnpm build:css && aui-build",
-    "test": "vitest run"
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.test.json"
   }
 }

package/src/data/projectApi.test.ts

@@ -136,4 +136,45 @@ describe("projectApi", () => {
     const scopes = result.scopes as Array<{ name: string }>;
     expect(scopes.map((s) => s.name)).toEqual(["broken", "throwing"]);
   });
+
+  it("collects snapshots for prototype-named thread ids", () => {
+    const threads = scope(
+      "root",
+      {},
+      {
+        getState: () => ({
+          threadIds: ["__proto__"],
+          archivedThreadIds: [],
+        }),
+        __internal_getAssistantRuntime: () => ({
+          threads: {
+            getById: () => ({
+              getState: () => ({
+                messages: [],
+                suggestions: [],
+                capabilities: {},
+              }),
+              composer: { getState: () => ({ text: "" }) },
+            }),
+          },
+        }),
+      },
+    );
+
+    const projected = projectApi(1, {
+      api: { threads },
+      logs: [],
+    } as unknown as Parameters<typeof projectApi>[1]);
+
+    expect(Object.hasOwn(projected.threadSnapshots ?? {}, "__proto__")).toBe(
+      true,
+    );
+    expect(Object.getPrototypeOf(projected.threadSnapshots)).toBe(
+      Object.prototype,
+    );
+    expect(projected.threadSnapshots?.["__proto__"]).toMatchObject({
+      messages: [],
+      composer: { text: "" },
+    });
+  });
 });

package/src/data/projectApi.ts

@@ -82,7 +82,7 @@ const collectThreadSnapshots = (
   ];
   if (threadIds.length === 0) return undefined;
 
-  const snapshots: Record<string, unknown> = {};
+  const snapshots: Record<string, unknown> = Object.create(null);
   for (const threadId of threadIds) {
     try {
       const threadRuntime = assistantRuntime.threads.getById(threadId);
@@ -101,7 +101,7 @@ const collectThreadSnapshots = (
     }
   }
 
-  return Object.keys(snapshots).length > 0 ? snapshots : undefined;
+  return Object.keys(snapshots).length > 0 ? { ...snapshots } : undefined;
 };
 
 /**

package/src/utils/serialization.test.ts

@@ -307,3 +307,84 @@ describe("serializeModelContext", () => {
     });
   });
 });
+
+describe("sanitizeForMessage errors", () => {
+  it("keeps the name, message and stack an Error hides behind non-enumerable properties", () => {
+    const result = sanitizeForMessage(new Error("boom")) as Record<
+      string,
+      unknown
+    >;
+
+    expect(result["name"]).toBe("Error");
+    expect(result["message"]).toBe("boom");
+    expect(typeof result["stack"]).toBe("string");
+  });
+
+  it("keeps custom fields and the error subclass name", () => {
+    class HttpError extends Error {
+      override name = "HttpError";
+      status = 503;
+    }
+
+    const result = sanitizeForMessage(new HttpError("unavailable")) as Record<
+      string,
+      unknown
+    >;
+
+    expect(result["name"]).toBe("HttpError");
+    expect(result["message"]).toBe("unavailable");
+    expect(result["status"]).toBe(503);
+  });
+
+  it("serializes a cause chain", () => {
+    const result = sanitizeForMessage(
+      new Error("outer", { cause: new Error("inner") }),
+    ) as Record<string, unknown>;
+
+    expect(result["cause"]).toMatchObject({ name: "Error", message: "inner" });
+  });
+
+  it("serializes an error nested in a value", () => {
+    const result = sanitizeForMessage({
+      status: { reason: "error", error: new Error("nested") },
+    }) as { status: { error: Record<string, unknown> } };
+
+    expect(result.status.error["message"]).toBe("nested");
+  });
+
+  it("sanitizes non-JSON values assigned to name, message or stack", () => {
+    const error = new Error("boom");
+    Object.defineProperty(error, "name", { value: Symbol("weird") });
+    Object.defineProperty(error, "message", { value: 10n });
+    Object.defineProperty(error, "stack", { value: { nested: 1n } });
+
+    const result = sanitizeForMessage(error) as Record<string, unknown>;
+
+    expect(result["name"]).toBe("Symbol(weird)");
+    expect(result["message"]).toBe("10");
+    expect(result["stack"]).toEqual({ nested: "1" });
+    expect(() => JSON.stringify(result)).not.toThrow();
+  });
+
+  it("serializes an error from another realm", () => {
+    // a cross-realm Error fails instanceof; both it and this stand-in answer
+    // the Object.prototype.toString brand check the same way
+    // a real cross-realm Error keeps name/message non-enumerable, so only the
+    // brand check can surface them; both answer Object.prototype.toString alike
+    const foreign = { [Symbol.toStringTag]: "Error" };
+    Object.defineProperty(foreign, "name", { value: "ForeignError" });
+    Object.defineProperty(foreign, "message", { value: "from an iframe" });
+
+    const result = sanitizeForMessage(foreign) as Record<string, unknown>;
+
+    expect(result["name"]).toBe("ForeignError");
+    expect(result["message"]).toBe("from an iframe");
+  });
+
+  it("does not recurse forever on a self-referencing cause", () => {
+    const error = new Error("loop") as Error & { cause?: unknown };
+    error.cause = error;
+
+    expect(() => sanitizeForMessage(error)).not.toThrow();
+  });
+});

package/src/utils/serialization.ts

@@ -20,6 +20,12 @@ const setOwnProperty = (
   }
 };
 
+// An Error from an iframe or worker fails `instanceof`, so the brand check is
+// what keeps a cross-realm error from serializing as an empty object.
+const isErrorLike = (value: object): boolean =>
+  value instanceof Error ||
+  Object.prototype.toString.call(value) === "[object Error]";
+
 export const sanitizeForMessage = (
   value: unknown,
   seen = new WeakSet<object>(),
@@ -99,6 +105,36 @@ export const sanitizeForMessage = (
         return result;
       }
 
+      // `name`, `message` and `stack` are not enumerable, so the branch below
+      // would render every Error as an empty object. Each is sanitized like any
+      // other value, since an Error carries whatever its author assigned.
+      if (isErrorLike(value)) {
+        const error: Record<string, unknown> = {
+          name: sanitizeForMessage(readProperty(value, "name"), seen),
+          message: sanitizeForMessage(readProperty(value, "message"), seen),
+        };
+        const stack = readProperty(value, "stack");
+        if (stack !== undefined) {
+          error["stack"] = sanitizeForMessage(stack, seen);
+        }
+        const cause = readProperty(value, "cause");
+        if (cause !== undefined) {
+          error["cause"] = sanitizeForMessage(cause, seen);
+        }
+        for (const key of Object.keys(value)) {
+          try {
+            setOwnProperty(
+              error,
+              key,
+              sanitizeForMessage(readProperty(value, key), seen),
+            );
+          } catch {
+            setOwnProperty(error, key, UNSERIALIZABLE);
+          }
+        }
+        return error;
+      }
+
       const result: Record<string, unknown> = {};
       for (const key of Object.keys(value)) {
         try {