@assistant-ui/react-devtools 1.2.6 → 1.2.7

package/dist/data/projectApi.js

@@ -0,0 +1,103 @@
+import { isRecord, isStringArray } from "../utils/common.js";
+import { sanitizeAndRedact, sanitizeForMessage, serializeModelContext } from "../utils/serialization.js";
+//#region src/data/projectApi.ts
+/**
+* Lists the method names of a client proxy. The client proxy throws from its
+* `getOwnPropertyDescriptor` trap, so `Object.keys` is best-effort and isolated
+* from state extraction.
+*/
+const readMethods = (scopeValue) => {
+	if (!scopeValue || typeof scopeValue !== "object") return [];
+	try {
+		return Object.keys(scopeValue).filter((key) => typeof scopeValue[key] === "function");
+	} catch {
+		return [];
+	}
+};
+/**
+* Reads cached thread states for every id in the thread list. Only threads whose
+* runtime has been mounted (visited in the app) return data; unvisited threads
+* are omitted so DevTools can still list them from `state.threads.threadItems`.
+*/
+const collectThreadSnapshots = (entry, state) => {
+	const threadsState = state.threads;
+	if (!isRecord(threadsState)) return void 0;
+	const threadsScope = entry.api.threads;
+	if (typeof threadsScope !== "function") return void 0;
+	let threadsClient;
+	try {
+		threadsClient = threadsScope();
+	} catch {
+		return;
+	}
+	const assistantRuntime = threadsClient.__internal_getAssistantRuntime?.();
+	if (!assistantRuntime) return void 0;
+	const threadIds = [...isStringArray(threadsState.threadIds), ...isStringArray(threadsState.archivedThreadIds)];
+	if (threadIds.length === 0) return void 0;
+	const snapshots = {};
+	for (const threadId of threadIds) try {
+		const threadRuntime = assistantRuntime.threads.getById(threadId);
+		const threadState = threadRuntime.getState();
+		snapshots[threadId] = sanitizeForMessage({
+			messages: threadState.messages,
+			isRunning: threadState.isRunning,
+			isLoading: threadState.isLoading,
+			isDisabled: threadState.isDisabled,
+			suggestions: threadState.suggestions,
+			capabilities: threadState.capabilities,
+			composer: threadRuntime.composer.getState()
+		});
+	} catch {}
+	return Object.keys(snapshots).length > 0 ? snapshots : void 0;
+};
+/**
+* Projects a live DevToolsHooks api entry into the plain, render-ready shape the
+* views consume. This is the in-process equivalent of the old
+* DevToolsHost.sendUpdate(): it walks the scope accessors for root-scope state
+* and the scope graph, normalizes the model context, and redacts credentials.
+*
+* `state` and each `log.data` are passed through sanitizeForMessage so the JSON
+* renderers cannot crash on circular references or non-serializable values;
+* `log.time` is kept as a Date for the clock formatter.
+*/
+const projectApi = (apiId, entry) => {
+	const state = {};
+	const scopes = [];
+	for (const [name, scope] of Object.entries(entry.api)) {
+		if (typeof scope !== "function" || !("source" in scope)) continue;
+		let methods = [];
+		try {
+			const scopeValue = scope();
+			if (scope.source === "root") state[name] = scopeValue?.getState?.() ?? scopeValue;
+			methods = readMethods(scopeValue);
+		} catch {}
+		scopes.push({
+			name,
+			source: scope.source,
+			query: scope.query,
+			methods
+		});
+	}
+	let modelContext;
+	try {
+		modelContext = serializeModelContext(entry.api.thread?.().getModelContext());
+	} catch {}
+	const sanitizedState = sanitizeForMessage(state);
+	const threadSnapshots = collectThreadSnapshots(entry, sanitizedState);
+	return {
+		id: apiId,
+		state: sanitizedState,
+		logs: entry.logs.map((log) => ({
+			time: log.time,
+			event: log.event,
+			data: sanitizeForMessage(log.data)
+		})),
+		modelContext,
+		scopes: sanitizeAndRedact(scopes),
+		...threadSnapshots ? { threadSnapshots } : {}
+	};
+};
+//#endregion
+export { projectApi };
+
+//# sourceMappingURL=projectApi.js.map

package/dist/data/projectApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectApi.js","names":["AssistantClient","isRecord","isStringArray","sanitizeAndRedact","sanitizeForMessage","serializeModelContext","ApiInfo","EventLogEntry","DevToolsApiEntry","api","Partial","logs","ReadonlyArray","readMethods","scopeValue","Object","keys","filter","key","Record","ThreadsClientMethods","__internal_getAssistantRuntime","threads","getById","threadId","getState","messages","isRunning","isLoading","isDisabled","suggestions","capabilities","composer","collectThreadSnapshots","entry","state","threadsState","undefined","threadsScope","threadsClient","assistantRuntime","threadIds","archivedThreadIds","length","snapshots","threadRuntime","threadState","projectApi","apiId","scopes","Array","name","source","query","methods","scope","entries","push","modelContext","thread","getModelContext","sanitizedState","threadSnapshots","id","map","log","time","event","data"],"sources":["../../src/data/projectApi.ts"],"sourcesContent":["import type { AssistantClient } from \"@assistant-ui/react\";\nimport { isRecord, isStringArray } from \"../utils/common\";\nimport {\n  sanitizeAndRedact,\n  sanitizeForMessage,\n  serializeModelContext,\n} from \"../utils/serialization\";\nimport type { ApiInfo, EventLogEntry } from \"./types\";\n\ninterface DevToolsApiEntry {\n  api: Partial<AssistantClient>;\n  logs: ReadonlyArray<EventLogEntry>;\n}\n\n/**\n * Lists the method names of a client proxy. The client proxy throws from its\n * `getOwnPropertyDescriptor` trap, so `Object.keys` is best-effort and isolated\n * from state extraction.\n */\nconst readMethods = (scopeValue: unknown): string[] => {\n  if (!scopeValue || typeof scopeValue !== \"object\") return [];\n  try {\n    return Object.keys(scopeValue).filter(\n      (key) =>\n        typeof (scopeValue as Record<string, unknown>)[key] === \"function\",\n    );\n  } catch {\n    return [];\n  }\n};\n\ntype ThreadsClientMethods = {\n  __internal_getAssistantRuntime?: () => {\n    threads: {\n      getById: (threadId: string) => {\n        getState: () => {\n          messages: unknown;\n          isRunning?: boolean;\n          isLoading?: boolean;\n          isDisabled?: boolean;\n          suggestions: unknown;\n          capabilities: unknown;\n        };\n        composer: { getState: () => unknown };\n      };\n    };\n  };\n};\n\n/**\n * Reads cached thread states for every id in the thread list. Only threads whose\n * runtime has been mounted (visited in the app) return data; unvisited threads\n * are omitted so DevTools can still list them from `state.threads.threadItems`.\n */\nconst collectThreadSnapshots = (\n  entry: DevToolsApiEntry,\n  state: Record<string, unknown>,\n): Record<string, unknown> | undefined => {\n  const threadsState = state.threads;\n  if (!isRecord(threadsState)) return undefined;\n\n  const threadsScope = entry.api.threads;\n  if (typeof threadsScope !== \"function\") return undefined;\n\n  let threadsClient: ThreadsClientMethods;\n  try {\n    threadsClient = threadsScope() as ThreadsClientMethods;\n  } catch {\n    return undefined;\n  }\n\n  const assistantRuntime = threadsClient.__internal_getAssistantRuntime?.();\n  if (!assistantRuntime) return undefined;\n\n  const threadIds = [\n    ...isStringArray(threadsState.threadIds),\n    ...isStringArray(threadsState.archivedThreadIds),\n  ];\n  if (threadIds.length === 0) return undefined;\n\n  const snapshots: Record<string, unknown> = {};\n  for (const threadId of threadIds) {\n    try {\n      const threadRuntime = assistantRuntime.threads.getById(threadId);\n      const threadState = threadRuntime.getState();\n      snapshots[threadId] = sanitizeForMessage({\n        messages: threadState.messages,\n        isRunning: threadState.isRunning,\n        isLoading: threadState.isLoading,\n        isDisabled: threadState.isDisabled,\n        suggestions: threadState.suggestions,\n        capabilities: threadState.capabilities,\n        composer: threadRuntime.composer.getState(),\n      });\n    } catch {\n      // Thread runtime not mounted yet (never opened in the app).\n    }\n  }\n\n  return Object.keys(snapshots).length > 0 ? snapshots : undefined;\n};\n\n/**\n * Projects a live DevToolsHooks api entry into the plain, render-ready shape the\n * views consume. This is the in-process equivalent of the old\n * DevToolsHost.sendUpdate(): it walks the scope accessors for root-scope state\n * and the scope graph, normalizes the model context, and redacts credentials.\n *\n * `state` and each `log.data` are passed through sanitizeForMessage so the JSON\n * renderers cannot crash on circular references or non-serializable values;\n * `log.time` is kept as a Date for the clock formatter.\n */\nexport const projectApi = (apiId: number, entry: DevToolsApiEntry): ApiInfo => {\n  const state: Record<string, unknown> = {};\n  const scopes: Array<{\n    name: string;\n    source: string | null;\n    query: Record<string, unknown> | null;\n    methods: string[];\n  }> = [];\n\n  for (const [name, scope] of Object.entries(entry.api)) {\n    if (typeof scope !== \"function\" || !(\"source\" in scope)) continue;\n\n    let methods: string[] = [];\n    try {\n      const scopeValue = scope();\n      if (scope.source === \"root\") {\n        state[name] = scopeValue?.getState?.() ?? scopeValue;\n      }\n      methods = readMethods(scopeValue);\n    } catch {\n      // scope() may throw for derived scopes before the client is mounted.\n    }\n\n    scopes.push({\n      name,\n      source: scope.source,\n      query: scope.query,\n      methods,\n    });\n  }\n\n  let modelContext: ApiInfo[\"modelContext\"];\n  try {\n    modelContext = serializeModelContext(\n      entry.api.thread?.().getModelContext(),\n    );\n  } catch {\n    // A throwing thread()/getModelContext() should not drop the whole api;\n    // show partial data (state, scopes, logs) without the model context.\n  }\n\n  const sanitizedState = sanitizeForMessage(state) as Record<string, unknown>;\n  const threadSnapshots = collectThreadSnapshots(entry, sanitizedState);\n\n  return {\n    id: apiId,\n    state: sanitizedState,\n    logs: entry.logs.map((log) => ({\n      time: log.time,\n      event: log.event,\n      data: sanitizeForMessage(log.data),\n    })),\n    modelContext,\n    scopes: sanitizeAndRedact(scopes),\n    ...(threadSnapshots ? { threadSnapshots } : {}),\n  };\n};\n"],"mappings":";;;;;;;;AAmBA,MAAMa,eAAeC,eAAkC;CACrD,IAAI,CAACA,cAAc,OAAOA,eAAe,UAAU,OAAO,CAAA;CAC1D,IAAI;EACF,OAAOC,OAAOC,KAAKF,UAAU,CAAC,CAACG,QAC5BC,QACC,OAAQJ,WAAuCI,SAAS,UAC5D;CACF,QAAQ;EACN,OAAO,CAAA;CACT;AACF;;;;;;AAyBA,MAAMe,0BACJC,OACAC,UACwC;CACxC,MAAMC,eAAeD,MAAMb;CAC3B,IAAI,CAACrB,SAASmC,YAAY,GAAG,OAAOC,KAAAA;CAEpC,MAAMC,eAAeJ,MAAMzB,IAAIa;CAC/B,IAAI,OAAOgB,iBAAiB,YAAY,OAAOD,KAAAA;CAE/C,IAAIE;CACJ,IAAI;EACFA,gBAAgBD,aAAa;CAC/B,QAAQ;EACN;CACF;CAEA,MAAME,mBAAmBD,cAAclB,iCAAiC;CACxE,IAAI,CAACmB,kBAAkB,OAAOH,KAAAA;CAE9B,MAAMI,YAAY,CAChB,GAAGvC,cAAckC,aAAaK,SAAS,GACvC,GAAGvC,cAAckC,aAAaM,iBAAiB,CAAC;CAElD,IAAID,UAAUE,WAAW,GAAG,OAAON,KAAAA;CAEnC,MAAMO,YAAqC,CAAC;CAC5C,KAAK,MAAMpB,YAAYiB,WACrB,IAAI;EACF,MAAMI,gBAAgBL,iBAAiBlB,QAAQC,QAAQC,QAAQ;EAC/D,MAAMsB,cAAcD,cAAcpB,SAAS;EAC3CmB,UAAUpB,YAAYpB,mBAAmB;GACvCsB,UAAUoB,YAAYpB;GACtBC,WAAWmB,YAAYnB;GACvBC,WAAWkB,YAAYlB;GACvBC,YAAYiB,YAAYjB;GACxBC,aAAagB,YAAYhB;GACzBC,cAAce,YAAYf;GAC1BC,UAAUa,cAAcb,SAASP,SAAS;EAC5C,CAAC;CACH,QAAQ,CACN;CAIJ,OAAOV,OAAOC,KAAK4B,SAAS,CAAC,CAACD,SAAS,IAAIC,YAAYP,KAAAA;AACzD;;;;;;;;;;;AAYA,MAAaU,cAAcC,OAAed,UAAqC;CAC7E,MAAMC,QAAiC,CAAC;CACxC,MAAMc,SAKD,CAAA;CAEL,KAAK,MAAM,CAACE,MAAMI,UAAUxC,OAAOyC,QAAQtB,MAAMzB,GAAG,GAAG;EACrD,IAAI,OAAO8C,UAAU,cAAc,EAAE,YAAYA,QAAQ;EAEzD,IAAID,UAAoB,CAAA;EACxB,IAAI;GACF,MAAMxC,aAAayC,MAAM;GACzB,IAAIA,MAAMH,WAAW,QACnBjB,MAAMgB,QAAQrC,YAAYW,WAAW,KAAKX;GAE5CwC,UAAUzC,YAAYC,UAAU;EAClC,QAAQ,CACN;EAGFmC,OAAOQ,KAAK;GACVN;GACAC,QAAQG,MAAMH;GACdC,OAAOE,MAAMF;GACbC;EACF,CAAC;CACH;CAEA,IAAII;CACJ,IAAI;EACFA,eAAerD,sBACb6B,MAAMzB,IAAIkD,SAAS,CAAC,CAACC,gBAAgB,CACvC;CACF,QAAQ,CAEN;CAGF,MAAMC,iBAAiBzD,mBAAmB+B,KAAK;CAC/C,MAAM2B,kBAAkB7B,uBAAuBC,OAAO2B,cAAc;CAEpE,OAAO;EACLE,IAAIf;EACJb,OAAO0B;EACPlD,MAAMuB,MAAMvB,KAAKqD,KAAKC,SAAS;GAC7BC,MAAMD,IAAIC;GACVC,OAAOF,IAAIE;GACXC,MAAMhE,mBAAmB6D,IAAIG,IAAI;EACnC,EAAE;EACFV;EACAT,QAAQ9C,kBAAkB8C,MAAM;EAChC,GAAIa,kBAAkB,EAAEA,gBAAgB,IAAI,CAAC;CAC/C;AACF"}

package/dist/data/types.d.ts

@@ -0,0 +1,52 @@
+import { SerializedModelContext } from "../types.js";
+
+//#region src/data/types.d.ts
+interface EventLogEntry {
+  readonly time: Date;
+  readonly event: string;
+  readonly data: unknown;
+}
+interface ApiInfo {
+  id: number;
+  state: Record<string, unknown>;
+  logs: EventLogEntry[];
+  modelContext?: SerializedModelContext | undefined;
+  scopes?: unknown;
+  /**
+   * Cached thread states keyed by thread id. Populated for threads whose runtime
+   * has been mounted (visited in the app). Unvisited threads only appear in
+   * `state.threads.threadItems`.
+   */
+  threadSnapshots?: Readonly<Record<string, unknown>>;
+}
+/**
+ * A JSON-safe view of every inspected instance. The map values are stable until
+ * the next change so it can be returned directly from useSyncExternalStore.
+ */
+interface DevToolsSnapshot {
+  apiIds: number[];
+  byId: ReadonlyMap<number, ApiInfo>;
+}
+/**
+ * The transport between the data source and the panel UI. The default
+ * implementation reads the in-process DevToolsHooks registry, but the panel only
+ * depends on this interface, so the same UI can be driven by a postMessage
+ * bridge, a browser-extension relay, a remote socket, or a fixture for tests.
+ */
+interface DevToolsClient {
+  /** Subscribe to snapshot changes; returns an unsubscribe. */
+  subscribe(listener: () => void): () => void;
+  /** The current snapshot. Must return a stable reference until it changes. */
+  getSnapshot(): DevToolsSnapshot;
+  /** Snapshot used during SSR/hydration. Defaults to an empty snapshot. */
+  getServerSnapshot?(): DevToolsSnapshot;
+  /** Clears the buffered event log for an instance. */
+  clearEvents(apiId: number): void;
+  /** Switches the inspected instance to a thread by id, when supported. */
+  switchToThread?(apiId: number, threadId: string): void | Promise<void>;
+}
+/** Shared stable empty snapshot identity for the empty/server state. */
+declare const EMPTY_SNAPSHOT: DevToolsSnapshot;
+//#endregion
+export { ApiInfo, DevToolsClient, DevToolsSnapshot, EMPTY_SNAPSHOT, EventLogEntry, type SerializedModelContext };
+//# sourceMappingURL=types.d.ts.map

package/dist/data/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/data/types.ts"],"mappings":";;;UAIiB,aAAA;EAAA,SACN,IAAA,EAAM,IAAI;EAAA,SACV,KAAA;EAAA,SACA,IAAA;AAAA;AAAA,UAGM,OAAA;EACf,EAAA;EACA,KAAA,EAAO,MAAA;EACP,IAAA,EAAM,aAAA;EACN,YAAA,GAAe,sBAAA;EACf,MAAA;EALe;;;;;EAWf,eAAA,GAAkB,QAAA,CAAS,MAAA;AAAA;;;;;UAOZ,gBAAA;EACf,MAAA;EACA,IAAA,EAAM,WAAW,SAAS,OAAA;AAAA;;;;;;;UASX,cAAA;EAlBkB;EAoBjC,SAAA,CAAU,QAAA;EAbqB;EAe/B,WAAA,IAAe,gBAAA;EAbE;EAejB,iBAAA,KAAsB,gBAAA;EAftB;EAiBA,WAAA,CAAY,KAAA;EAjBc;EAmB1B,cAAA,EAAgB,KAAA,UAAe,QAAA,kBAA0B,OAAA;AAAA;AAV3D;AAAA,cAca,cAAA,EAAgB,gBAAkD"}

package/dist/data/types.js

@@ -0,0 +1,10 @@
+//#region src/data/types.ts
+/** Shared stable empty snapshot identity for the empty/server state. */
+const EMPTY_SNAPSHOT = {
+	apiIds: [],
+	byId: /* @__PURE__ */ new Map()
+};
+//#endregion
+export { EMPTY_SNAPSHOT };
+
+//# sourceMappingURL=types.js.map

package/dist/data/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["SerializedModelContext","EventLogEntry","time","Date","event","data","ApiInfo","id","state","Record","logs","modelContext","scopes","threadSnapshots","Readonly","DevToolsSnapshot","apiIds","byId","ReadonlyMap","DevToolsClient","subscribe","listener","getSnapshot","getServerSnapshot","clearEvents","apiId","switchToThread","threadId","Promise","EMPTY_SNAPSHOT","Map"],"sources":["../../src/data/types.ts"],"sourcesContent":["import type { SerializedModelContext } from \"../types\";\n\nexport type { SerializedModelContext } from \"../types\";\n\nexport interface EventLogEntry {\n  readonly time: Date;\n  readonly event: string;\n  readonly data: unknown;\n}\n\nexport interface ApiInfo {\n  id: number;\n  state: Record<string, unknown>;\n  logs: EventLogEntry[];\n  modelContext?: SerializedModelContext | undefined;\n  scopes?: unknown;\n  /**\n   * Cached thread states keyed by thread id. Populated for threads whose runtime\n   * has been mounted (visited in the app). Unvisited threads only appear in\n   * `state.threads.threadItems`.\n   */\n  threadSnapshots?: Readonly<Record<string, unknown>>;\n}\n\n/**\n * A JSON-safe view of every inspected instance. The map values are stable until\n * the next change so it can be returned directly from useSyncExternalStore.\n */\nexport interface DevToolsSnapshot {\n  apiIds: number[];\n  byId: ReadonlyMap<number, ApiInfo>;\n}\n\n/**\n * The transport between the data source and the panel UI. The default\n * implementation reads the in-process DevToolsHooks registry, but the panel only\n * depends on this interface, so the same UI can be driven by a postMessage\n * bridge, a browser-extension relay, a remote socket, or a fixture for tests.\n */\nexport interface DevToolsClient {\n  /** Subscribe to snapshot changes; returns an unsubscribe. */\n  subscribe(listener: () => void): () => void;\n  /** The current snapshot. Must return a stable reference until it changes. */\n  getSnapshot(): DevToolsSnapshot;\n  /** Snapshot used during SSR/hydration. Defaults to an empty snapshot. */\n  getServerSnapshot?(): DevToolsSnapshot;\n  /** Clears the buffered event log for an instance. */\n  clearEvents(apiId: number): void;\n  /** Switches the inspected instance to a thread by id, when supported. */\n  switchToThread?(apiId: number, threadId: string): void | Promise<void>;\n}\n\n/** Shared stable empty snapshot identity for the empty/server state. */\nexport const EMPTY_SNAPSHOT: DevToolsSnapshot = { apiIds: [], byId: new Map() };\n"],"mappings":";;AAqDA,MAAa6B,iBAAmC;CAAEb,QAAQ,CAAA;CAAIC,sBAAM,IAAIa,IAAI;AAAE"}

package/dist/data/useDevToolsClient.d.ts

@@ -0,0 +1,19 @@
+import { ApiInfo, DevToolsClient } from "./types.js";
+
+//#region src/data/useDevToolsClient.d.ts
+interface DevToolsClientResult {
+  apiIds: number[];
+  selected: ApiInfo | undefined;
+  clearEvents: (apiId: number) => void;
+  switchToThread: (apiId: number, threadId: string) => void | Promise<void>;
+}
+/**
+ * Reads a DevToolsClient snapshot and resolves the selected instance. The panel
+ * depends only on this, so swapping the client swaps the data source without
+ * touching the UI. Pass a stable client reference (the default in-process client
+ * is a module singleton; memoize custom clients).
+ */
+declare const useDevToolsClient: (selectedApiId: number | null, client?: DevToolsClient) => DevToolsClientResult;
+//#endregion
+export { DevToolsClientResult, useDevToolsClient };
+//# sourceMappingURL=useDevToolsClient.d.ts.map

package/dist/data/useDevToolsClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDevToolsClient.d.ts","names":[],"sources":["../../src/data/useDevToolsClient.ts"],"mappings":";;;UAIiB,oBAAA;EACf,MAAA;EACA,QAAA,EAAU,OAAA;EACV,WAAA,GAAc,KAAA;EACd,cAAA,GAAiB,KAAA,UAAe,QAAA,oBAA4B,OAAO;AAAA;;;;;;;cASxD,iBAAA,GACX,aAAA,iBACA,MAAA,GAAQ,cAAA,KACP,oBAsCF"}

package/dist/data/useDevToolsClient.js

@@ -0,0 +1,70 @@
+import { EMPTY_SNAPSHOT } from "./types.js";
+import { inProcessClient } from "./createInProcessClient.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useSyncExternalStore } from "@assistant-ui/tap/react-shim";
+//#region src/data/useDevToolsClient.ts
+/**
+* Reads a DevToolsClient snapshot and resolves the selected instance. The panel
+* depends only on this, so swapping the client swaps the data source without
+* touching the UI. Pass a stable client reference (the default in-process client
+* is a module singleton; memoize custom clients).
+*/
+const useDevToolsClient = (selectedApiId, t0) => {
+	const $ = c(14);
+	const client = t0 === void 0 ? inProcessClient : t0;
+	let t1;
+	if ($[0] !== client) {
+		t1 = {
+			subscribe: (listener) => client.subscribe(listener),
+			getSnapshot: () => client.getSnapshot(),
+			getServerSnapshot: () => client.getServerSnapshot ? client.getServerSnapshot() : EMPTY_SNAPSHOT
+		};
+		$[0] = client;
+		$[1] = t1;
+	} else t1 = $[1];
+	const store = t1;
+	const snapshot = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getServerSnapshot);
+	let t2;
+	if ($[2] !== selectedApiId || $[3] !== snapshot.byId) {
+		t2 = selectedApiId !== null ? snapshot.byId.get(selectedApiId) : void 0;
+		$[2] = selectedApiId;
+		$[3] = snapshot.byId;
+		$[4] = t2;
+	} else t2 = $[4];
+	const selected = t2;
+	let t3;
+	if ($[5] !== client) {
+		t3 = (apiId) => client.clearEvents(apiId);
+		$[5] = client;
+		$[6] = t3;
+	} else t3 = $[6];
+	const clearEvents = t3;
+	let t4;
+	if ($[7] !== client) {
+		t4 = (apiId_0, threadId) => {
+			if (client.switchToThread) return client.switchToThread(apiId_0, threadId);
+		};
+		$[7] = client;
+		$[8] = t4;
+	} else t4 = $[8];
+	const switchToThread = t4;
+	let t5;
+	if ($[9] !== clearEvents || $[10] !== selected || $[11] !== snapshot.apiIds || $[12] !== switchToThread) {
+		t5 = {
+			apiIds: snapshot.apiIds,
+			selected,
+			clearEvents,
+			switchToThread
+		};
+		$[9] = clearEvents;
+		$[10] = selected;
+		$[11] = snapshot.apiIds;
+		$[12] = switchToThread;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
+};
+//#endregion
+export { useDevToolsClient };
+
+//# sourceMappingURL=useDevToolsClient.js.map

package/dist/data/useDevToolsClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDevToolsClient.js","names":["useCallback","useMemo","useSyncExternalStore","inProcessClient","EMPTY_SNAPSHOT","ApiInfo","DevToolsClient","DevToolsClientResult","apiIds","selected","clearEvents","apiId","switchToThread","threadId","Promise","useDevToolsClient","selectedApiId","t0","$","_c","client","undefined","t1","subscribe","listener","getSnapshot","getServerSnapshot","store","snapshot","t2","byId","get","t3","t4","apiId_0","t5"],"sources":["../../src/data/useDevToolsClient.ts"],"sourcesContent":["import { useCallback, useMemo, useSyncExternalStore } from \"react\";\nimport { inProcessClient } from \"./createInProcessClient\";\nimport { EMPTY_SNAPSHOT, type ApiInfo, type DevToolsClient } from \"./types\";\n\nexport interface DevToolsClientResult {\n  apiIds: number[];\n  selected: ApiInfo | undefined;\n  clearEvents: (apiId: number) => void;\n  switchToThread: (apiId: number, threadId: string) => void | Promise<void>;\n}\n\n/**\n * Reads a DevToolsClient snapshot and resolves the selected instance. The panel\n * depends only on this, so swapping the client swaps the data source without\n * touching the UI. Pass a stable client reference (the default in-process client\n * is a module singleton; memoize custom clients).\n */\nexport const useDevToolsClient = (\n  selectedApiId: number | null,\n  client: DevToolsClient = inProcessClient,\n): DevToolsClientResult => {\n  // Bind the client methods so class-based or relay clients that rely on `this`\n  // work, and keep the references stable so useSyncExternalStore does not\n  // resubscribe on every render.\n  const store = useMemo(\n    () => ({\n      subscribe: (listener: () => void) => client.subscribe(listener),\n      getSnapshot: () => client.getSnapshot(),\n      getServerSnapshot: () =>\n        client.getServerSnapshot ? client.getServerSnapshot() : EMPTY_SNAPSHOT,\n    }),\n    [client],\n  );\n\n  const snapshot = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    store.getServerSnapshot,\n  );\n\n  const selected =\n    selectedApiId !== null ? snapshot.byId.get(selectedApiId) : undefined;\n\n  const clearEvents = useCallback(\n    (apiId: number) => client.clearEvents(apiId),\n    [client],\n  );\n\n  const switchToThread = useCallback(\n    (apiId: number, threadId: string) => {\n      if (client.switchToThread) {\n        return client.switchToThread(apiId, threadId);\n      }\n    },\n    [client],\n  );\n\n  return { apiIds: snapshot.apiIds, selected, clearEvents, switchToThread };\n};\n"],"mappings":";;;;;;;;;;;AAiBA,MAAae,qBAAoBC,eAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAE/B,MAAAC,SAAAH,OAAAI,KAAAA,IAAAlB,kBAAAc;CAAwC,IAAAK;CAAA,IAAAJ,EAAA,OAAAE,QAAA;EAM/BE,KAAA;GAAAC,YACMC,aAA0BJ,OAAMG,UAAWC,QAAQ;GAACC,mBAC5CL,OAAMK,YAAa;GAACC,yBAErCN,OAAMM,oBAAqBN,OAAMM,kBAAoC,IAArEtB;EACJ;EAACc,EAAA,KAAAE;EAAAF,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CANH,MAAAS,QACSL;CAST,MAAAM,WAAiB1B,qBACfyB,MAAKJ,WACLI,MAAKF,aACLE,MAAKD,iBACP;CAAE,IAAAG;CAAA,IAAAX,EAAA,OAAAF,iBAAAE,EAAA,OAAAU,SAAAE,MAAA;EAGAD,KAAAb,kBAAkB,OAAOY,SAAQE,KAAKC,IAAKf,aAAyB,IAApEK,KAAAA;EAAqEH,EAAA,KAAAF;EAAAE,EAAA,KAAAU,SAAAE;EAAAZ,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CADvE,MAAAT,WACEoB;CAAsE,IAAAG;CAAA,IAAAd,EAAA,OAAAE,QAAA;EAGtEY,MAAArB,UAAmBS,OAAMV,YAAaC,KAAK;EAACO,EAAA,KAAAE;EAAAF,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAD9C,MAAAR,cAAoBsB;CAGlB,IAAAC;CAAA,IAAAf,EAAA,OAAAE,QAAA;EAGAa,MAAAC,SAAArB,aAAA;GACE,IAAIO,OAAMR,gBAAe,OAChBQ,OAAMR,eAAgBD,SAAOE,QAAQ;EAC7C;EACFK,EAAA,KAAAE;EAAAF,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CALH,MAAAN,iBAAuBqB;CAOrB,IAAAE;CAAA,IAAAjB,EAAA,OAAAR,eAAAQ,EAAA,QAAAT,YAAAS,EAAA,QAAAU,SAAApB,UAAAU,EAAA,QAAAN,gBAAA;EAEKuB,KAAA;GAAA3B,QAAUoB,SAAQpB;GAAOC;GAAAC;GAAAE;EAAwC;EAACM,EAAA,KAAAR;EAAAQ,EAAA,MAAAT;EAAAS,EAAA,MAAAU,SAAApB;EAAAU,EAAA,MAAAN;EAAAM,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OAAlEiB;AAAkE"}

package/dist/index.d.ts

@@ -1,11 +1,10 @@
-import { DevToolsFrame } from "./DevToolsFrame.js";
-import { DevToolsHost } from "./DevToolsHost.js";
-import { DevToolsModal } from "./DevToolsModal.js";
-import { ExtensionHost } from "./ExtensionHost.js";
-import { FrameClient } from "./FrameClient.js";
-import { FrameHost } from "./FrameHost.js";
-import { DEFAULT_FRAME_URL, LOCAL_FRAME_URL } from "./constants.js";
 import { NormalizedTool, normalizeToolList } from "./utils/toolNormalization.js";
-import { SerializedModelContext, TabType, ViewMode } from "./types.js";
-import { sanitizeForMessage, serializeModelContext } from "./utils/serialization.js";
-export { DEFAULT_FRAME_URL, DevToolsFrame, DevToolsHost, DevToolsModal, ExtensionHost, FrameClient, FrameHost, LOCAL_FRAME_URL, type NormalizedTool, type SerializedModelContext, type TabType, type ViewMode, normalizeToolList, sanitizeForMessage, serializeModelContext };
+import { SerializedModelContext } from "./types.js";
+import { ApiInfo, DevToolsClient, DevToolsSnapshot } from "./data/types.js";
+import { DevToolsPanelPlugin, DevToolsTabContext, builtinPlugins, createDevToolsPlugin } from "./shell/registry.js";
+import { DevToolsModal, DevToolsModalProps } from "./DevToolsModal.js";
+import { createInProcessClient, inProcessClient } from "./data/createInProcessClient.js";
+import { DevToolsPanel, DevToolsPanelProps } from "./shell/DevToolsPanel.js";
+import { ShadowRoot } from "./shell/ShadowRoot.js";
+import { serializeModelContext } from "./utils/serialization.js";
+export { type ApiInfo, type DevToolsClient, DevToolsModal, type DevToolsModalProps, DevToolsPanel, type DevToolsPanelPlugin, type DevToolsPanelProps, type DevToolsSnapshot, type DevToolsTabContext, type NormalizedTool, type SerializedModelContext, ShadowRoot, builtinPlugins, createDevToolsPlugin, createInProcessClient, inProcessClient, normalizeToolList, serializeModelContext };

package/dist/index.js

@@ -1,10 +1,8 @@
-import { normalizeToolList } from "./utils/toolNormalization.js";
-import { sanitizeForMessage, serializeModelContext } from "./utils/serialization.js";
-import { DevToolsHost } from "./DevToolsHost.js";
-import { FrameHost } from "./FrameHost.js";
-import { DEFAULT_FRAME_URL, LOCAL_FRAME_URL } from "./constants.js";
-import { DevToolsFrame } from "./DevToolsFrame.js";
 import { DevToolsModal } from "./DevToolsModal.js";
-import { ExtensionHost } from "./ExtensionHost.js";
-import { FrameClient } from "./FrameClient.js";
-export { DEFAULT_FRAME_URL, DevToolsFrame, DevToolsHost, DevToolsModal, ExtensionHost, FrameClient, FrameHost, LOCAL_FRAME_URL, normalizeToolList, sanitizeForMessage, serializeModelContext };
+import { normalizeToolList } from "./utils/toolNormalization.js";
+import { serializeModelContext } from "./utils/serialization.js";
+import { createInProcessClient, inProcessClient } from "./data/createInProcessClient.js";
+import { builtinPlugins, createDevToolsPlugin } from "./shell/registry.js";
+import { DevToolsPanel } from "./shell/DevToolsPanel.js";
+import { ShadowRoot } from "./shell/ShadowRoot.js";
+export { DevToolsModal, DevToolsPanel, ShadowRoot, builtinPlugins, createDevToolsPlugin, createInProcessClient, inProcessClient, normalizeToolList, serializeModelContext };

package/dist/shell/DevToolsOverlay.d.ts

@@ -0,0 +1,23 @@
+import { DevToolsClient } from "../data/types.js";
+import { DevToolsPanelPlugin } from "./registry.js";
+
+//#region src/shell/DevToolsOverlay.d.ts
+interface DevToolsOverlayProps {
+  plugins?: DevToolsPanelPlugin[] | undefined;
+  theme: "light" | "dark";
+  client?: DevToolsClient | undefined;
+}
+/**
+ * The full devtools surface (floating launcher + window), rendered inside the
+ * shadow root so every element is styled with the package's own Tailwind tokens
+ * and isolated from the host page. The window floats over the live app with no
+ * backdrop; close with the × or Escape.
+ */
+declare const DevToolsOverlay: ({
+  plugins,
+  theme,
+  client
+}: DevToolsOverlayProps) => import("react").JSX.Element;
+//#endregion
+export { DevToolsOverlay, DevToolsOverlayProps };
+//# sourceMappingURL=DevToolsOverlay.d.ts.map

package/dist/shell/DevToolsOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevToolsOverlay.d.ts","names":[],"sources":["../../src/shell/DevToolsOverlay.tsx"],"mappings":";;;;UAOiB,oBAAA;EACf,OAAA,GAAU,mBAAA;EACV,KAAA;EACA,MAAA,GAAS,cAAc;AAAA;;;;;;;cASZ,eAAA;EAAmB,OAAA;EAAA,KAAA;EAAA;AAAA,GAI7B,oBAAA,qBAAoB,GAAA,CAAA,OAAA"}

package/dist/shell/DevToolsOverlay.js

@@ -0,0 +1,106 @@
+"use client";
+import { DevToolsPanel } from "./DevToolsPanel.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useEffect, useState } from "@assistant-ui/tap/react-shim";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/shell/DevToolsOverlay.tsx
+/**
+* The full devtools surface (floating launcher + window), rendered inside the
+* shadow root so every element is styled with the package's own Tailwind tokens
+* and isolated from the host page. The window floats over the live app with no
+* backdrop; close with the × or Escape.
+*/
+const DevToolsOverlay = (t0) => {
+	const $ = c(11);
+	const { plugins, theme, client } = t0;
+	const [isOpen, setIsOpen] = useState(false);
+	let t1;
+	let t2;
+	if ($[0] !== isOpen) {
+		t1 = () => {
+			if (!isOpen) return;
+			const handleEscape = (event) => {
+				if (event.key === "Escape") setIsOpen(false);
+			};
+			document.addEventListener("keydown", handleEscape);
+			return () => document.removeEventListener("keydown", handleEscape);
+		};
+		t2 = [isOpen];
+		$[0] = isOpen;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	useEffect(t1, t2);
+	if (!isOpen) {
+		let t3;
+		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = () => setIsOpen(true);
+			$[3] = t3;
+		} else t3 = $[3];
+		let t4;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t4 = /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: t3,
+				"aria-label": "Open assistant-ui DevTools",
+				title: "Open assistant-ui DevTools",
+				className: "bg-foreground text-background fixed end-5 bottom-5 z-[2147483646] flex size-9 [animation:aui-dt-launcher-in_200ms_cubic-bezier(0.175,0.885,0.32,1.1)] items-center justify-center rounded-full shadow-[var(--shadow-launcher)] backdrop-blur-2xl transition-transform duration-150 ease-out hover:scale-105 active:scale-95",
+				children: /* @__PURE__ */ jsx("svg", {
+					width: "18",
+					height: "18",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",
+						stroke: "currentColor",
+						strokeWidth: "1.75",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			});
+			$[4] = t4;
+		} else t4 = $[4];
+		return t4;
+	}
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			onClick: () => setIsOpen(false),
+			className: "fixed inset-0 z-[2147483646] [animation:aui-dt-fade-in_150ms_ease-out] bg-black/20 backdrop-blur-[3px]"
+		});
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => setIsOpen(false);
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== client || $[8] !== plugins || $[9] !== theme) {
+		t5 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t3, /* @__PURE__ */ jsx("div", {
+			role: "dialog",
+			"aria-label": "assistant-ui DevTools",
+			className: "bg-background text-foreground border-border fixed top-1/2 left-1/2 z-[2147483647] flex h-[min(560px,80vh)] w-[min(960px,92vw)] -translate-x-1/2 -translate-y-1/2 [animation:aui-dt-window-in_200ms_cubic-bezier(0.175,0.885,0.32,1.1)] flex-col overflow-hidden rounded-xl border shadow-[var(--shadow-window)]",
+			children: /* @__PURE__ */ jsx(DevToolsPanel, {
+				theme,
+				plugins,
+				client,
+				onClose: t4
+			})
+		})] });
+		$[7] = client;
+		$[8] = plugins;
+		$[9] = theme;
+		$[10] = t5;
+	} else t5 = $[10];
+	return t5;
+};
+//#endregion
+export { DevToolsOverlay };
+
+//# sourceMappingURL=DevToolsOverlay.js.map

package/dist/shell/DevToolsOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevToolsOverlay.js","names":["c","_c","useEffect","useState","DevToolsPanel","DevToolsPanelPlugin","DevToolsClient","DevToolsOverlayProps","plugins","theme","client","DevToolsOverlay","t0","$","isOpen","setIsOpen","t1","t2","handleEscape","event","key","document","addEventListener","removeEventListener","t3","Symbol","for","t4","t5"],"sources":["../../src/shell/DevToolsOverlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { DevToolsPanel } from \"./DevToolsPanel\";\nimport type { DevToolsPanelPlugin } from \"./registry\";\nimport type { DevToolsClient } from \"../data/types\";\n\nexport interface DevToolsOverlayProps {\n  plugins?: DevToolsPanelPlugin[] | undefined;\n  theme: \"light\" | \"dark\";\n  client?: DevToolsClient | undefined;\n}\n\n/**\n * The full devtools surface (floating launcher + window), rendered inside the\n * shadow root so every element is styled with the package's own Tailwind tokens\n * and isolated from the host page. The window floats over the live app with no\n * backdrop; close with the × or Escape.\n */\nexport const DevToolsOverlay = ({\n  plugins,\n  theme,\n  client,\n}: DevToolsOverlayProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setIsOpen(false);\n    };\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen]);\n\n  if (!isOpen) {\n    return (\n      <button\n        type=\"button\"\n        onClick={() => setIsOpen(true)}\n        aria-label=\"Open assistant-ui DevTools\"\n        title=\"Open assistant-ui DevTools\"\n        className=\"bg-foreground text-background fixed end-5 bottom-5 z-[2147483646] flex size-9 [animation:aui-dt-launcher-in_200ms_cubic-bezier(0.175,0.885,0.32,1.1)] items-center justify-center rounded-full shadow-[var(--shadow-launcher)] backdrop-blur-2xl transition-transform duration-150 ease-out hover:scale-105 active:scale-95\"\n      >\n        <svg\n          width=\"18\"\n          height=\"18\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.75\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      </button>\n    );\n  }\n\n  return (\n    <>\n      <div\n        onClick={() => setIsOpen(false)}\n        className=\"fixed inset-0 z-[2147483646] [animation:aui-dt-fade-in_150ms_ease-out] bg-black/20 backdrop-blur-[3px]\"\n      />\n      <div\n        role=\"dialog\"\n        aria-label=\"assistant-ui DevTools\"\n        className=\"bg-background text-foreground border-border fixed top-1/2 left-1/2 z-[2147483647] flex h-[min(560px,80vh)] w-[min(960px,92vw)] -translate-x-1/2 -translate-y-1/2 [animation:aui-dt-window-in_200ms_cubic-bezier(0.175,0.885,0.32,1.1)] flex-col overflow-hidden rounded-xl border shadow-[var(--shadow-window)]\"\n      >\n        <DevToolsPanel\n          theme={theme}\n          plugins={plugins}\n          client={client}\n          onClose={() => setIsOpen(false)}\n        />\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAaW,mBAAkBC,OAAA;CAAA,MAAAC,IAAAZ,EAAA,EAAA;CAAC,MAAA,EAAAO,SAAAC,OAAAC,WAAAE;CAK9B,MAAA,CAAAE,QAAAC,aAA4BZ,SAAS,KAAK;CAAE,IAAAa;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAC,QAAA;EAElCE,WAAA;GACR,IAAI,CAACF,QAAM;GACX,MAAAI,gBAAqBC,UAAA;IACnB,IAAIA,MAAKC,QAAS,UAAUL,UAAU,KAAK;GAAE;GAE/CM,SAAQC,iBAAkB,WAAWJ,YAAY;GAAC,aACrCG,SAAQE,oBAAqB,WAAWL,YAAY;EAAC;EACjED,KAAA,CAACH,MAAM;EAACD,EAAA,KAAAC;EAAAD,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAD,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAPXX,UAAUc,IAOPC,EAAQ;CAEX,IAAI,CAACH,QAAM;EAAA,IAAAU;EAAA,IAAAX,EAAA,OAAAY,OAAAC,IAAA,2BAAA,GAAA;GAIIF,WAAMT,UAAU,IAAI;GAACF,EAAA,KAAAW;EAAA,OAAAA,KAAAX,EAAA;EAAA,IAAAc;EAAA,IAAAd,EAAA,OAAAY,OAAAC,IAAA,2BAAA,GAAA;GAFhCC,KAAA,oBAAA,UAAA;IACO,MAAA;IACI,SAAAH;IACE,cAAA;IACL,OAAA;IACI,WAAA;cAEV,oBAAA,OAAA;KACQ,OAAA;KACC,QAAA;KACC,SAAA;KACH,MAAA;KACO,eAAA;eAEZ,oBAAA,QAAA;MACI,GAAA;MACK,QAAA;MACK,aAAA;MACE,eAAA;MACC,gBAAA;KAAO,CAAA;IAEpB,CAAA;GACC,CAAA;GAAAX,EAAA,KAAAc;EAAA,OAAAA,KAAAd,EAAA;EAAA,OAtBTc;CAsBS;CAEZ,IAAAH;CAAA,IAAAX,EAAA,OAAAY,OAAAC,IAAA,2BAAA,GAAA;EAIGF,KAAA,oBAAA,OAAA;GACW,eAAMT,UAAU,KAAK;GACpB,WAAA;EAAwG,CAAA;EAClHF,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,OAAAY,OAAAC,IAAA,2BAAA,GAAA;EAUWC,WAAMZ,UAAU,KAAK;EAACF,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAH,UAAAG,EAAA,OAAAL,WAAAK,EAAA,OAAAJ,OAAA;EAdrCmB,KAAA,qBAAA,YAAA,EAAA,UAAA,CACEJ,IAIA,oBAAA,OAAA;GACO,MAAA;GACM,cAAA;GACD,WAAA;aAEV,oBAAC,eAAD;IACSf;IACED;IACDE;IACC,SAAAiB;GAAsB,CAAA;EAE7B,CAAA,CAAA,EAAA,CAAA;EACLd,EAAA,KAAAH;EAAAG,EAAA,KAAAL;EAAAK,EAAA,KAAAJ;EAAAI,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAjBHe;AAiBG"}

package/dist/shell/DevToolsPanel.d.ts

@@ -0,0 +1,23 @@
+import { DevToolsClient } from "../data/types.js";
+import { DevToolsPanelPlugin } from "./registry.js";
+
+//#region src/shell/DevToolsPanel.d.ts
+interface DevToolsPanelProps {
+  /** Additional inspector tabs appended after the builtins. */
+  plugins?: DevToolsPanelPlugin[] | undefined;
+  /** Resolved theme, used to style plugin content and the dark variant. */
+  theme?: "light" | "dark";
+  /** When provided, a close control is rendered at the end of the tab bar. */
+  onClose?: (() => void) | undefined;
+  /** Data source. Defaults to the in-process DevToolsHooks client. */
+  client?: DevToolsClient | undefined;
+}
+declare const DevToolsPanel: ({
+  plugins,
+  theme,
+  onClose,
+  client
+}: DevToolsPanelProps) => import("react").JSX.Element;
+//#endregion
+export { DevToolsPanel, DevToolsPanelProps };
+//# sourceMappingURL=DevToolsPanel.d.ts.map

package/dist/shell/DevToolsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevToolsPanel.d.ts","names":[],"sources":["../../src/shell/DevToolsPanel.tsx"],"mappings":";;;;UAciB,kBAAA;;EAEf,OAAA,GAAU,mBAAA;EAFuB;EAIjC,KAAA;EAIuB;EAFvB,OAAA;EAJU;EAMV,MAAA,GAAS,cAAc;AAAA;AAAA,cAGZ,aAAA;EAAiB,OAAA;EAAA,KAAA;EAAA,OAAA;EAAA;AAAA,GAK3B,kBAAA,qBAAkB,GAAA,CAAA,OAAA"}