@assistant-ui/react-devtools 1.2.20 → 1.2.21

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,9 +1,7 @@
-//#region src/views/ui/useCopyToClipboard.d.ts
-export 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
 //# 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":";qBAEa,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.20",
+  "version": "1.2.21",
   "description": "React development tools for assistant-ui components",
   "keywords": [
     "assistant-ui",
@@ -32,7 +32,7 @@
   },
   "peerDependencies": {
     "@assistant-ui/react": "^0.15.0",
-    "@assistant-ui/tap": "^0.9.18",
+    "@assistant-ui/tap": "^0.9.19",
     "@types/react": "*",
     "@types/react-dom": "*",
     "react": "^18 || ^19",
@@ -47,9 +47,9 @@
     }
   },
   "devDependencies": {
-    "@assistant-ui/react": "0.15.21",
-    "@assistant-ui/tap": "0.9.18",
-    "@assistant-ui/x-buildutils": "0.0.28",
+    "@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.5.1",

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 {