@athenaintel/react 0.22.4 → 0.23.1

package/dist/threads/use-thread-rename.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const api = require("./api.cjs");
+const useThreadFieldOverride = require("./use-thread-field-override.cjs");
+const RENAME_UNAVAILABLE_WARNING = "[AthenaSDK] This backend has no POST /api/conversations/threads/rename route yet; sessions cannot be renamed from here until it deploys.";
+const readTitle = (row) => row.title;
+function useThreadRename({
+  backendUrl,
+  principalId,
+  getAuth,
+  rows,
+  onServerTruth
+}) {
+  const field = useThreadFieldOverride.useThreadFieldOverride({
+    field: "rename",
+    backendUrl,
+    principalId,
+    getAuth,
+    rows,
+    readRow: readTitle,
+    write: async (auth, { threadId, value }) => {
+      const result = await api.renameThread(backendUrl, auth, { threadId, title: value });
+      return { threadId: result.thread_id, value: result.title };
+    },
+    isUnavailableError: api.isThreadRenameUnavailableError,
+    unavailableWarning: RENAME_UNAVAILABLE_WARNING,
+    onServerTruth: onServerTruth ? ({ threadId, value }) => onServerTruth({ threadId, title: value }) : void 0
+  });
+  const set = field.set;
+  const rename = react.useCallback(
+    ({ threadId, title }) => set({ threadId, value: title }),
+    [set]
+  );
+  return {
+    overrides: field.overrides,
+    rename,
+    isPending: field.isPending,
+    pendingThreadIds: field.pendingThreadIds,
+    isAvailable: field.isAvailable
+  };
+}
+function withTitleOverride(row, overrides) {
+  const override = overrides[row.threadId];
+  return override === void 0 || override === row.title ? row : { ...row, title: override };
+}
+function withTitleOverrides(rows, overrides) {
+  return rows.map((row) => withTitleOverride(row, overrides));
+}
+exports.useThreadRename = useThreadRename;
+exports.withTitleOverride = withTitleOverride;
+exports.withTitleOverrides = withTitleOverrides;
+//# sourceMappingURL=use-thread-rename.cjs.map

package/dist/threads/use-thread-rename.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-thread-rename.cjs","sources":["../../src/threads/use-thread-rename.ts"],"sourcesContent":["/**\n * The inline rename behind `SessionList`: `useThreadFieldOverride` over\n * `POST /api/conversations/threads/rename` (see that module for the\n * optimistic-override, rollback, serialization and identity-scoping\n * contract). The row shows the new title on commit; the server's stored\n * title (trimmed) is written back, and a failure restores the previous one.\n * A 404 / 405 marks the rename unavailable — the backend predates the route\n * — so the list withdraws the action instead of failing on every commit.\n */\nimport { useCallback } from 'react';\nimport { isThreadRenameUnavailableError, renameThread } from './api';\nimport type { RestConversationAuth } from './use-rest-conversation-history';\nimport { type ThreadFieldTarget, useThreadFieldOverride } from './use-thread-field-override';\n\nexport interface ThreadRenameTarget {\n  threadId: string;\n  /** The new title; the caller trims it (the server trims again and bounds it to 1–200 characters). */\n  title: string;\n}\n\n/** The two fields the override layer reads and writes on a list row. */\nexport interface TitleRow {\n  threadId: string;\n  title: string;\n}\n\nexport interface UseThreadRenameOptions {\n  backendUrl: string;\n  /** Non-secret identity in the mutation key (as the read-state mutation keys). */\n  principalId: string;\n  getAuth: () => RestConversationAuth | Promise<RestConversationAuth>;\n  /**\n   * The rows as the list sources currently report them, BEFORE overrides. An\n   * override is dropped once its row reports the same title.\n   */\n  rows: readonly TitleRow[];\n  /** Write the server's answer into the list caches (`patchConversation`). */\n  onServerTruth?: (result: ThreadRenameTarget) => void;\n}\n\nexport interface ThreadRename {\n  /** Optimistic, then server-confirmed, titles layered over the list sources, keyed by thread id. */\n  overrides: Readonly<Record<string, string>>;\n  /**\n   * Rename a thread. The row shows the title at once; while that thread's\n   * write is in flight the call only records the desired title (see the\n   * field-override module doc).\n   */\n  rename: (target: ThreadRenameTarget) => void;\n  /** True while any rename is in flight. */\n  isPending: boolean;\n  /** The threads whose rename is in flight — the row's editor stays closed for these. */\n  pendingThreadIds: ReadonlySet<string>;\n  /**\n   * `false` once the backend answered 404 / 405: the route is not deployed\n   * there, and the list offers no rename action.\n   */\n  isAvailable: boolean;\n}\n\nconst RENAME_UNAVAILABLE_WARNING =\n  '[AthenaSDK] This backend has no POST /api/conversations/threads/rename route yet; sessions cannot be renamed from here until it deploys.';\n\nconst readTitle = (row: TitleRow): string => row.title;\n\nexport function useThreadRename({\n  backendUrl,\n  principalId,\n  getAuth,\n  rows,\n  onServerTruth,\n}: UseThreadRenameOptions): ThreadRename {\n  const field = useThreadFieldOverride<string, TitleRow>({\n    field: 'rename',\n    backendUrl,\n    principalId,\n    getAuth,\n    rows,\n    readRow: readTitle,\n    write: async (auth, { threadId, value }) => {\n      const result = await renameThread(backendUrl, auth, { threadId, title: value });\n      return { threadId: result.thread_id, value: result.title };\n    },\n    isUnavailableError: isThreadRenameUnavailableError,\n    unavailableWarning: RENAME_UNAVAILABLE_WARNING,\n    onServerTruth: onServerTruth\n      ? ({ threadId, value }: ThreadFieldTarget<string>) => onServerTruth({ threadId, title: value })\n      : undefined,\n  });\n  const set = field.set;\n  const rename = useCallback(\n    ({ threadId, title }: ThreadRenameTarget) => set({ threadId, value: title }),\n    [set],\n  );\n  return {\n    overrides: field.overrides,\n    rename,\n    isPending: field.isPending,\n    pendingThreadIds: field.pendingThreadIds,\n    isAvailable: field.isAvailable,\n  };\n}\n\n/** The row with its title override applied, or the row itself when it has none. */\nexport function withTitleOverride<T extends TitleRow>(\n  row: T,\n  overrides: Readonly<Record<string, string>>,\n): T {\n  const override = overrides[row.threadId];\n  return override === undefined || override === row.title ? row : { ...row, title: override };\n}\n\n/** Every row with its title override applied. */\nexport function withTitleOverrides<T extends TitleRow>(\n  rows: readonly T[],\n  overrides: Readonly<Record<string, string>>,\n): T[] {\n  return rows.map((row) => withTitleOverride(row, overrides));\n}\n"],"names":["useThreadFieldOverride","renameThread","isThreadRenameUnavailableError","useCallback"],"mappings":";;;;;AA4DA,MAAM,6BACJ;AAEF,MAAM,YAAY,CAAC,QAA0B,IAAI;AAE1C,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyC;AACvC,QAAM,QAAQA,uBAAAA,uBAAyC;AAAA,IACrD,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO,OAAO,MAAM,EAAE,UAAU,YAAY;AAC1C,YAAM,SAAS,MAAMC,IAAAA,aAAa,YAAY,MAAM,EAAE,UAAU,OAAO,OAAO;AAC9E,aAAO,EAAE,UAAU,OAAO,WAAW,OAAO,OAAO,MAAA;AAAA,IACrD;AAAA,IACA,oBAAoBC,IAAAA;AAAAA,IACpB,oBAAoB;AAAA,IACpB,eAAe,gBACX,CAAC,EAAE,UAAU,MAAA,MAAuC,cAAc,EAAE,UAAU,OAAO,MAAA,CAAO,IAC5F;AAAA,EAAA,CACL;AACD,QAAM,MAAM,MAAM;AAClB,QAAM,SAASC,MAAAA;AAAAA,IACb,CAAC,EAAE,UAAU,YAAgC,IAAI,EAAE,UAAU,OAAO,OAAO;AAAA,IAC3E,CAAC,GAAG;AAAA,EAAA;AAEN,SAAO;AAAA,IACL,WAAW,MAAM;AAAA,IACjB;AAAA,IACA,WAAW,MAAM;AAAA,IACjB,kBAAkB,MAAM;AAAA,IACxB,aAAa,MAAM;AAAA,EAAA;AAEvB;AAGO,SAAS,kBACd,KACA,WACG;AACH,QAAM,WAAW,UAAU,IAAI,QAAQ;AACvC,SAAO,aAAa,UAAa,aAAa,IAAI,QAAQ,MAAM,EAAE,GAAG,KAAK,OAAO,SAAA;AACnF;AAGO,SAAS,mBACd,MACA,WACK;AACL,SAAO,KAAK,IAAI,CAAC,QAAQ,kBAAkB,KAAK,SAAS,CAAC;AAC5D;;;;"}

package/dist/threads/use-thread-rename.d.ts

@@ -0,0 +1,48 @@
+import type { RestConversationAuth } from './use-rest-conversation-history';
+export interface ThreadRenameTarget {
+    threadId: string;
+    /** The new title; the caller trims it (the server trims again and bounds it to 1–200 characters). */
+    title: string;
+}
+/** The two fields the override layer reads and writes on a list row. */
+export interface TitleRow {
+    threadId: string;
+    title: string;
+}
+export interface UseThreadRenameOptions {
+    backendUrl: string;
+    /** Non-secret identity in the mutation key (as the read-state mutation keys). */
+    principalId: string;
+    getAuth: () => RestConversationAuth | Promise<RestConversationAuth>;
+    /**
+     * The rows as the list sources currently report them, BEFORE overrides. An
+     * override is dropped once its row reports the same title.
+     */
+    rows: readonly TitleRow[];
+    /** Write the server's answer into the list caches (`patchConversation`). */
+    onServerTruth?: (result: ThreadRenameTarget) => void;
+}
+export interface ThreadRename {
+    /** Optimistic, then server-confirmed, titles layered over the list sources, keyed by thread id. */
+    overrides: Readonly<Record<string, string>>;
+    /**
+     * Rename a thread. The row shows the title at once; while that thread's
+     * write is in flight the call only records the desired title (see the
+     * field-override module doc).
+     */
+    rename: (target: ThreadRenameTarget) => void;
+    /** True while any rename is in flight. */
+    isPending: boolean;
+    /** The threads whose rename is in flight — the row's editor stays closed for these. */
+    pendingThreadIds: ReadonlySet<string>;
+    /**
+     * `false` once the backend answered 404 / 405: the route is not deployed
+     * there, and the list offers no rename action.
+     */
+    isAvailable: boolean;
+}
+export declare function useThreadRename({ backendUrl, principalId, getAuth, rows, onServerTruth, }: UseThreadRenameOptions): ThreadRename;
+/** The row with its title override applied, or the row itself when it has none. */
+export declare function withTitleOverride<T extends TitleRow>(row: T, overrides: Readonly<Record<string, string>>): T;
+/** Every row with its title override applied. */
+export declare function withTitleOverrides<T extends TitleRow>(rows: readonly T[], overrides: Readonly<Record<string, string>>): T[];

package/dist/threads/use-thread-rename.js

@@ -0,0 +1,53 @@
+import { useCallback } from "react";
+import { renameThread, isThreadRenameUnavailableError } from "./api.js";
+import { useThreadFieldOverride } from "./use-thread-field-override.js";
+const RENAME_UNAVAILABLE_WARNING = "[AthenaSDK] This backend has no POST /api/conversations/threads/rename route yet; sessions cannot be renamed from here until it deploys.";
+const readTitle = (row) => row.title;
+function useThreadRename({
+  backendUrl,
+  principalId,
+  getAuth,
+  rows,
+  onServerTruth
+}) {
+  const field = useThreadFieldOverride({
+    field: "rename",
+    backendUrl,
+    principalId,
+    getAuth,
+    rows,
+    readRow: readTitle,
+    write: async (auth, { threadId, value }) => {
+      const result = await renameThread(backendUrl, auth, { threadId, title: value });
+      return { threadId: result.thread_id, value: result.title };
+    },
+    isUnavailableError: isThreadRenameUnavailableError,
+    unavailableWarning: RENAME_UNAVAILABLE_WARNING,
+    onServerTruth: onServerTruth ? ({ threadId, value }) => onServerTruth({ threadId, title: value }) : void 0
+  });
+  const set = field.set;
+  const rename = useCallback(
+    ({ threadId, title }) => set({ threadId, value: title }),
+    [set]
+  );
+  return {
+    overrides: field.overrides,
+    rename,
+    isPending: field.isPending,
+    pendingThreadIds: field.pendingThreadIds,
+    isAvailable: field.isAvailable
+  };
+}
+function withTitleOverride(row, overrides) {
+  const override = overrides[row.threadId];
+  return override === void 0 || override === row.title ? row : { ...row, title: override };
+}
+function withTitleOverrides(rows, overrides) {
+  return rows.map((row) => withTitleOverride(row, overrides));
+}
+export {
+  useThreadRename,
+  withTitleOverride,
+  withTitleOverrides
+};
+//# sourceMappingURL=use-thread-rename.js.map

package/dist/threads/use-thread-rename.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-thread-rename.js","sources":["../../src/threads/use-thread-rename.ts"],"sourcesContent":["/**\n * The inline rename behind `SessionList`: `useThreadFieldOverride` over\n * `POST /api/conversations/threads/rename` (see that module for the\n * optimistic-override, rollback, serialization and identity-scoping\n * contract). The row shows the new title on commit; the server's stored\n * title (trimmed) is written back, and a failure restores the previous one.\n * A 404 / 405 marks the rename unavailable — the backend predates the route\n * — so the list withdraws the action instead of failing on every commit.\n */\nimport { useCallback } from 'react';\nimport { isThreadRenameUnavailableError, renameThread } from './api';\nimport type { RestConversationAuth } from './use-rest-conversation-history';\nimport { type ThreadFieldTarget, useThreadFieldOverride } from './use-thread-field-override';\n\nexport interface ThreadRenameTarget {\n  threadId: string;\n  /** The new title; the caller trims it (the server trims again and bounds it to 1–200 characters). */\n  title: string;\n}\n\n/** The two fields the override layer reads and writes on a list row. */\nexport interface TitleRow {\n  threadId: string;\n  title: string;\n}\n\nexport interface UseThreadRenameOptions {\n  backendUrl: string;\n  /** Non-secret identity in the mutation key (as the read-state mutation keys). */\n  principalId: string;\n  getAuth: () => RestConversationAuth | Promise<RestConversationAuth>;\n  /**\n   * The rows as the list sources currently report them, BEFORE overrides. An\n   * override is dropped once its row reports the same title.\n   */\n  rows: readonly TitleRow[];\n  /** Write the server's answer into the list caches (`patchConversation`). */\n  onServerTruth?: (result: ThreadRenameTarget) => void;\n}\n\nexport interface ThreadRename {\n  /** Optimistic, then server-confirmed, titles layered over the list sources, keyed by thread id. */\n  overrides: Readonly<Record<string, string>>;\n  /**\n   * Rename a thread. The row shows the title at once; while that thread's\n   * write is in flight the call only records the desired title (see the\n   * field-override module doc).\n   */\n  rename: (target: ThreadRenameTarget) => void;\n  /** True while any rename is in flight. */\n  isPending: boolean;\n  /** The threads whose rename is in flight — the row's editor stays closed for these. */\n  pendingThreadIds: ReadonlySet<string>;\n  /**\n   * `false` once the backend answered 404 / 405: the route is not deployed\n   * there, and the list offers no rename action.\n   */\n  isAvailable: boolean;\n}\n\nconst RENAME_UNAVAILABLE_WARNING =\n  '[AthenaSDK] This backend has no POST /api/conversations/threads/rename route yet; sessions cannot be renamed from here until it deploys.';\n\nconst readTitle = (row: TitleRow): string => row.title;\n\nexport function useThreadRename({\n  backendUrl,\n  principalId,\n  getAuth,\n  rows,\n  onServerTruth,\n}: UseThreadRenameOptions): ThreadRename {\n  const field = useThreadFieldOverride<string, TitleRow>({\n    field: 'rename',\n    backendUrl,\n    principalId,\n    getAuth,\n    rows,\n    readRow: readTitle,\n    write: async (auth, { threadId, value }) => {\n      const result = await renameThread(backendUrl, auth, { threadId, title: value });\n      return { threadId: result.thread_id, value: result.title };\n    },\n    isUnavailableError: isThreadRenameUnavailableError,\n    unavailableWarning: RENAME_UNAVAILABLE_WARNING,\n    onServerTruth: onServerTruth\n      ? ({ threadId, value }: ThreadFieldTarget<string>) => onServerTruth({ threadId, title: value })\n      : undefined,\n  });\n  const set = field.set;\n  const rename = useCallback(\n    ({ threadId, title }: ThreadRenameTarget) => set({ threadId, value: title }),\n    [set],\n  );\n  return {\n    overrides: field.overrides,\n    rename,\n    isPending: field.isPending,\n    pendingThreadIds: field.pendingThreadIds,\n    isAvailable: field.isAvailable,\n  };\n}\n\n/** The row with its title override applied, or the row itself when it has none. */\nexport function withTitleOverride<T extends TitleRow>(\n  row: T,\n  overrides: Readonly<Record<string, string>>,\n): T {\n  const override = overrides[row.threadId];\n  return override === undefined || override === row.title ? row : { ...row, title: override };\n}\n\n/** Every row with its title override applied. */\nexport function withTitleOverrides<T extends TitleRow>(\n  rows: readonly T[],\n  overrides: Readonly<Record<string, string>>,\n): T[] {\n  return rows.map((row) => withTitleOverride(row, overrides));\n}\n"],"names":[],"mappings":";;;AA4DA,MAAM,6BACJ;AAEF,MAAM,YAAY,CAAC,QAA0B,IAAI;AAE1C,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyC;AACvC,QAAM,QAAQ,uBAAyC;AAAA,IACrD,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO,OAAO,MAAM,EAAE,UAAU,YAAY;AAC1C,YAAM,SAAS,MAAM,aAAa,YAAY,MAAM,EAAE,UAAU,OAAO,OAAO;AAC9E,aAAO,EAAE,UAAU,OAAO,WAAW,OAAO,OAAO,MAAA;AAAA,IACrD;AAAA,IACA,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,eAAe,gBACX,CAAC,EAAE,UAAU,MAAA,MAAuC,cAAc,EAAE,UAAU,OAAO,MAAA,CAAO,IAC5F;AAAA,EAAA,CACL;AACD,QAAM,MAAM,MAAM;AAClB,QAAM,SAAS;AAAA,IACb,CAAC,EAAE,UAAU,YAAgC,IAAI,EAAE,UAAU,OAAO,OAAO;AAAA,IAC3E,CAAC,GAAG;AAAA,EAAA;AAEN,SAAO;AAAA,IACL,WAAW,MAAM;AAAA,IACjB;AAAA,IACA,WAAW,MAAM;AAAA,IACjB,kBAAkB,MAAM;AAAA,IACxB,aAAa,MAAM;AAAA,EAAA;AAEvB;AAGO,SAAS,kBACd,KACA,WACG;AACH,QAAM,WAAW,UAAU,IAAI,QAAQ;AACvC,SAAO,aAAa,UAAa,aAAa,IAAI,QAAQ,MAAM,EAAE,GAAG,KAAK,OAAO,SAAA;AACnF;AAGO,SAAS,mBACd,MACA,WACK;AACL,SAAO,KAAK,IAAI,CAAC,QAAQ,kBAAkB,KAAK,SAAS,CAAC;AAC5D;"}

package/dist/tools/index.cjs

@@ -11,19 +11,22 @@ require("react");
 require("@assistant-ui/tap");
 require("statewire");
 require("../packages/agent-runtime/src/statewire-suspended.cjs");
+require("../packages/agent-runtime/src/conversation-list.cjs");
 const toolMetadata = require("../packages/agent-runtime/src/tool-metadata.cjs");
 const toolResult = require("../packages/agent-runtime/src/tool-result.cjs");
 require("@tanstack/react-query");
 require("../packages/agent-runtime/src/statewire-state.cjs");
 require("../packages/agent-runtime/src/messages.cjs");
-require("@assistant-ui/react-statewire");
 require("@assistant-ui/store");
 require("../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
 require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
 require("../packages/agent-runtime/src/thread-status.cjs");
+require("@assistant-ui/react-statewire");
 require("@assistant-ui/core");
 require("../packages/agent-runtime/src/thread-handoff.cjs");
+const toolAppearance = require("./tool-appearance.cjs");
 exports.ToolFallback = toolFallback.ToolFallback;
+exports.ToolFallbackAppearanceProvider = toolFallback.ToolFallbackAppearanceProvider;
 exports.ToolFallbackArgs = toolFallback.ToolFallbackArgs;
 exports.ToolFallbackContent = toolFallback.ToolFallbackContent;
 exports.ToolFallbackError = toolFallback.ToolFallbackError;
@@ -54,4 +57,5 @@ exports.toolCompletedLabel = toolMetadata.toolCompletedLabel;
 exports.classifyToolResult = toolResult.classifyToolResult;
 exports.isToolResultSuccess = toolResult.isToolResultSuccess;
 exports.resultMessage = toolResult.resultMessage;
+exports.useToolAppearance = toolAppearance.useToolAppearance;
 //# sourceMappingURL=index.cjs.map

package/dist/tools/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tools/index.d.ts

@@ -6,7 +6,7 @@
  *
  * Published as the `@athenaintel/react/tools` sub-path.
  */
-export { clearAutoOpenedAssets, ToolFallback, ToolFallbackArgs, ToolFallbackContent, type ToolFallbackContext, ToolFallbackError, ToolFallbackNotice, type ToolFallbackOptions, type ToolFallbackProps, ToolFallbackResult, ToolFallbackRoot, type ToolFallbackRootProps, ToolFallbackTrigger, type ToolFallbackTriggerProps, } from "./tool-fallback";
+export { clearAutoOpenedAssets, type ToolAppearance, ToolFallback, ToolFallbackAppearanceProvider, ToolFallbackArgs, ToolFallbackContent, type ToolFallbackContext, ToolFallbackError, ToolFallbackNotice, type ToolFallbackOptions, type ToolFallbackProps, ToolFallbackResult, ToolFallbackRoot, type ToolFallbackRootProps, ToolFallbackTrigger, type ToolFallbackTriggerProps, useToolAppearance, } from "./tool-fallback";
 export { CopyToolSpecButton, ExpandableSection, formatToolName, normalizeResult, ToolCard, type ToolStatus, truncate, tryParseJson, } from "./primitives";
 export { TOOL_ICONS, toolIcon } from "./tool-icons";
 export { NestedPtcComponentsProvider, NestedPtcMessages, type NestedPtcMessagesProps, useNestedPtcComponents, } from "./NestedPtcMessages";

package/dist/tools/index.js

@@ -1,4 +1,4 @@
-import { ToolFallback, ToolFallbackArgs, ToolFallbackContent, ToolFallbackError, ToolFallbackNotice, ToolFallbackResult, ToolFallbackRoot, ToolFallbackTrigger, clearAutoOpenedAssets } from "./tool-fallback.js";
+import { ToolFallback, ToolFallbackAppearanceProvider, ToolFallbackArgs, ToolFallbackContent, ToolFallbackError, ToolFallbackNotice, ToolFallbackResult, ToolFallbackRoot, ToolFallbackTrigger, clearAutoOpenedAssets } from "./tool-fallback.js";
 import { CopyToolSpecButton, ExpandableSection, ToolCard, normalizeResult, truncate, tryParseJson } from "./primitives.js";
 import { TOOL_ICONS, toolIcon } from "./tool-icons.js";
 import { NestedPtcComponentsProvider, NestedPtcMessages, useNestedPtcComponents } from "./NestedPtcMessages.js";
@@ -9,18 +9,20 @@ import "react";
 import "@assistant-ui/tap";
 import "statewire";
 import "../packages/agent-runtime/src/statewire-suspended.js";
+import "../packages/agent-runtime/src/conversation-list.js";
 import { describeToolArgs, formatToolName, getToolDisplayMeta, toolActiveLabel, toolCompletedLabel } from "../packages/agent-runtime/src/tool-metadata.js";
 import { classifyToolResult, isToolResultSuccess, resultMessage } from "../packages/agent-runtime/src/tool-result.js";
 import "@tanstack/react-query";
 import "../packages/agent-runtime/src/statewire-state.js";
 import "../packages/agent-runtime/src/messages.js";
-import "@assistant-ui/react-statewire";
 import "@assistant-ui/store";
 import "../packages/agent-runtime/src/quota-safe-local-storage-session.js";
 import "../packages/agent-runtime/src/statewire-attach-observer.js";
 import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/react-statewire";
 import "@assistant-ui/core";
 import "../packages/agent-runtime/src/thread-handoff.js";
+import { useToolAppearance } from "./tool-appearance.js";
 export {
   CopyToolSpecButton,
   ExpandableSection,
@@ -30,6 +32,7 @@ export {
   TOOL_ICONS,
   ToolCard,
   ToolFallback,
+  ToolFallbackAppearanceProvider,
   ToolFallbackArgs,
   ToolFallbackContent,
   ToolFallbackError,
@@ -52,6 +55,7 @@ export {
   toolIcon,
   truncate,
   tryParseJson,
-  useNestedPtcComponents
+  useNestedPtcComponents,
+  useToolAppearance
 };
 //# sourceMappingURL=index.js.map

package/dist/tools/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tools/misc-tool-uis.cjs

@@ -7,16 +7,17 @@ require("../packages/agent-runtime/src/generated/runconfig-contract.cjs");
 require("@assistant-ui/tap");
 require("statewire");
 require("../packages/agent-runtime/src/statewire-suspended.cjs");
+require("../packages/agent-runtime/src/conversation-list.cjs");
 const toolMetadata = require("../packages/agent-runtime/src/tool-metadata.cjs");
 const toolResult = require("../packages/agent-runtime/src/tool-result.cjs");
 require("@tanstack/react-query");
 require("../packages/agent-runtime/src/statewire-state.cjs");
 require("../packages/agent-runtime/src/messages.cjs");
-require("@assistant-ui/react-statewire");
 require("@assistant-ui/store");
 require("../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
 require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
 require("../packages/agent-runtime/src/thread-status.cjs");
+require("@assistant-ui/react-statewire");
 require("@assistant-ui/core");
 require("../packages/agent-runtime/src/thread-handoff.cjs");
 const primitives = require("./primitives.cjs");

package/dist/tools/misc-tool-uis.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"misc-tool-uis.cjs","sources":["../../src/tools/misc-tool-uis.tsx"],"sourcesContent":["/**\n * Small dedicated cards for tools whose generic fallback rendering read\n * poorly: currently the pip installer (Olympus registers it; the SDK's own\n * registry includes it).\n */\nimport { PackageIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n  classifyToolResult,\n  describePackage,\n  isToolResultSuccess,\n} from \"@athenaintel/agent-runtime\";\nimport { ExpandableSection, normalizeResult, ToolCard } from \"./primitives\";\nimport { ToolFallback } from \"./tool-fallback\";\n\nconst InstallPackageToolUIImpl: ToolCallMessagePartComponent = (props) => {\n  const { toolName, args, result, status } = props;\n  // An install the user refused at the approval gate is neither installed\n  // nor failed: the generic card owns the rejected treatment.\n  if (classifyToolResult({ status, result }).state === \"rejected\") {\n    return <ToolFallback {...props} icon={PackageIcon} />;\n  }\n  const typedArgs = (args ?? {}) as Record<string, unknown>;\n  const packageName = describePackage(typedArgs);\n  const isRunning = status?.type === \"running\";\n  const isFailed =\n    status?.type === \"incomplete\" || (status?.type === \"complete\" && !isToolResultSuccess(result));\n  const data = normalizeResult(result);\n  const detail =\n    typeof result === \"string\" ? result : data ? JSON.stringify(data, null, 2) : null;\n\n  return (\n    <ToolCard\n      icon={PackageIcon}\n      status={isFailed && status?.type === \"complete\" ? \"incomplete\" : (status?.type ?? \"complete\")}\n      title={\n        isRunning\n          ? \"Installing package...\"\n          : isFailed\n            ? \"Couldn't install package\"\n            : \"Installed package\"\n      }\n      subtitle={packageName}\n      toolName={toolName}\n      error={status?.type === \"incomplete\" ? String(status.error ?? \"\") || undefined : undefined}\n      args={typedArgs}\n      result={result}\n    >\n      {!isRunning && detail ? (\n        <ExpandableSection label=\"Show output\">\n          <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all text-[11px] leading-snug text-muted-foreground\">\n            {detail}\n          </pre>\n        </ExpandableSection>\n      ) : null}\n    </ToolCard>\n  );\n};\n\nexport const InstallPackageToolUI = memo(\n  InstallPackageToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nInstallPackageToolUI.displayName = \"InstallPackageToolUI\";\n"],"names":["classifyToolResult","jsx","ToolFallback","PackageIcon","describePackage","isToolResultSuccess","normalizeResult","ToolCard","ExpandableSection","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,2BAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,MAAM,QAAQ,WAAW;AAG3C,MAAIA,WAAAA,mBAAmB,EAAE,QAAQ,QAAQ,EAAE,UAAU,YAAY;AAC/D,WAAOC,2BAAAA,IAACC,aAAAA,cAAA,EAAc,GAAG,OAAO,MAAMC,YAAAA,aAAa;AAAA,EACrD;AACA,QAAM,YAAa,QAAQ,CAAA;AAC3B,QAAM,cAAcC,aAAAA,gBAAgB,SAAS;AAC7C,QAAM,aAAY,iCAAQ,UAAS;AACnC,QAAM,YACJ,iCAAQ,UAAS,iBAAiB,iCAAQ,UAAS,cAAc,CAACC,WAAAA,oBAAoB,MAAM;AAC9F,QAAM,OAAOC,WAAAA,gBAAgB,MAAM;AACnC,QAAM,SACJ,OAAO,WAAW,WAAW,SAAS,OAAO,KAAK,UAAU,MAAM,MAAM,CAAC,IAAI;AAE/E,SACEL,2BAAAA;AAAAA,IAACM,WAAAA;AAAAA,IAAA;AAAA,MACC,MAAMJ,YAAAA;AAAAA,MACN,QAAQ,aAAY,iCAAQ,UAAS,aAAa,gBAAgB,iCAAQ,SAAQ;AAAA,MAClF,OACE,YACI,0BACA,WACE,6BACA;AAAA,MAER,UAAU;AAAA,MACV;AAAA,MACA,QAAO,iCAAQ,UAAS,eAAe,OAAO,OAAO,SAAS,EAAE,KAAK,SAAY;AAAA,MACjF,MAAM;AAAA,MACN;AAAA,MAEC,UAAA,CAAC,aAAa,SACbF,2BAAAA,IAACO,8BAAA,EAAkB,OAAM,eACvB,UAAAP,2BAAAA,IAAC,OAAA,EAAI,WAAU,uGACZ,UAAA,OAAA,CACH,GACF,IACE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,MAAM,uBAAuBQ,MAAAA;AAAAA,EAClC;AACF;AACA,qBAAqB,cAAc;;"}
+{"version":3,"file":"misc-tool-uis.cjs","sources":["../../src/tools/misc-tool-uis.tsx"],"sourcesContent":["/**\n * Small dedicated cards for tools whose generic fallback rendering read\n * poorly: currently the pip installer (Olympus registers it; the SDK's own\n * registry includes it).\n */\nimport { PackageIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n  classifyToolResult,\n  describePackage,\n  isToolResultSuccess,\n} from \"@athenaintel/agent-runtime\";\nimport { ExpandableSection, normalizeResult, ToolCard } from \"./primitives\";\nimport { ToolFallback } from \"./tool-fallback\";\n\nconst InstallPackageToolUIImpl: ToolCallMessagePartComponent = (props) => {\n  const { toolName, args, result, status } = props;\n  // An install the user refused at the approval gate is neither installed\n  // nor failed: the generic card owns the rejected treatment.\n  if (classifyToolResult({ status, result }).state === \"rejected\") {\n    return <ToolFallback {...props} icon={PackageIcon} />;\n  }\n  const typedArgs = (args ?? {}) as Record<string, unknown>;\n  const packageName = describePackage(typedArgs);\n  const isRunning = status?.type === \"running\";\n  const isFailed =\n    status?.type === \"incomplete\" || (status?.type === \"complete\" && !isToolResultSuccess(result));\n  const data = normalizeResult(result);\n  const detail =\n    typeof result === \"string\" ? result : data ? JSON.stringify(data, null, 2) : null;\n\n  return (\n    <ToolCard\n      icon={PackageIcon}\n      status={isFailed && status?.type === \"complete\" ? \"incomplete\" : (status?.type ?? \"complete\")}\n      title={\n        isRunning\n          ? \"Installing package...\"\n          : isFailed\n            ? \"Couldn't install package\"\n            : \"Installed package\"\n      }\n      subtitle={packageName}\n      toolName={toolName}\n      error={status?.type === \"incomplete\" ? String(status.error ?? \"\") || undefined : undefined}\n      args={typedArgs}\n      result={result}\n    >\n      {!isRunning && detail ? (\n        <ExpandableSection label=\"Show output\">\n          <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all text-[11px] leading-snug text-muted-foreground\">\n            {detail}\n          </pre>\n        </ExpandableSection>\n      ) : null}\n    </ToolCard>\n  );\n};\n\nexport const InstallPackageToolUI = memo(\n  InstallPackageToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nInstallPackageToolUI.displayName = \"InstallPackageToolUI\";\n"],"names":["classifyToolResult","jsx","ToolFallback","PackageIcon","describePackage","isToolResultSuccess","normalizeResult","ToolCard","ExpandableSection","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,2BAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,MAAM,QAAQ,WAAW;AAG3C,MAAIA,WAAAA,mBAAmB,EAAE,QAAQ,QAAQ,EAAE,UAAU,YAAY;AAC/D,WAAOC,2BAAAA,IAACC,aAAAA,cAAA,EAAc,GAAG,OAAO,MAAMC,YAAAA,aAAa;AAAA,EACrD;AACA,QAAM,YAAa,QAAQ,CAAA;AAC3B,QAAM,cAAcC,aAAAA,gBAAgB,SAAS;AAC7C,QAAM,aAAY,iCAAQ,UAAS;AACnC,QAAM,YACJ,iCAAQ,UAAS,iBAAiB,iCAAQ,UAAS,cAAc,CAACC,WAAAA,oBAAoB,MAAM;AAC9F,QAAM,OAAOC,WAAAA,gBAAgB,MAAM;AACnC,QAAM,SACJ,OAAO,WAAW,WAAW,SAAS,OAAO,KAAK,UAAU,MAAM,MAAM,CAAC,IAAI;AAE/E,SACEL,2BAAAA;AAAAA,IAACM,WAAAA;AAAAA,IAAA;AAAA,MACC,MAAMJ,YAAAA;AAAAA,MACN,QAAQ,aAAY,iCAAQ,UAAS,aAAa,gBAAgB,iCAAQ,SAAQ;AAAA,MAClF,OACE,YACI,0BACA,WACE,6BACA;AAAA,MAER,UAAU;AAAA,MACV;AAAA,MACA,QAAO,iCAAQ,UAAS,eAAe,OAAO,OAAO,SAAS,EAAE,KAAK,SAAY;AAAA,MACjF,MAAM;AAAA,MACN;AAAA,MAEC,UAAA,CAAC,aAAa,SACbF,2BAAAA,IAACO,8BAAA,EAAkB,OAAM,eACvB,UAAAP,2BAAAA,IAAC,OAAA,EAAI,WAAU,uGACZ,UAAA,OAAA,CACH,GACF,IACE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,MAAM,uBAAuBQ,MAAAA;AAAAA,EAClC;AACF;AACA,qBAAqB,cAAc;;"}

package/dist/tools/misc-tool-uis.js

@@ -5,16 +5,17 @@ import "../packages/agent-runtime/src/generated/runconfig-contract.js";
 import "@assistant-ui/tap";
 import "statewire";
 import "../packages/agent-runtime/src/statewire-suspended.js";
+import "../packages/agent-runtime/src/conversation-list.js";
 import { describePackage } from "../packages/agent-runtime/src/tool-metadata.js";
 import { classifyToolResult, isToolResultSuccess } from "../packages/agent-runtime/src/tool-result.js";
 import "@tanstack/react-query";
 import "../packages/agent-runtime/src/statewire-state.js";
 import "../packages/agent-runtime/src/messages.js";
-import "@assistant-ui/react-statewire";
 import "@assistant-ui/store";
 import "../packages/agent-runtime/src/quota-safe-local-storage-session.js";
 import "../packages/agent-runtime/src/statewire-attach-observer.js";
 import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/react-statewire";
 import "@assistant-ui/core";
 import "../packages/agent-runtime/src/thread-handoff.js";
 import { normalizeResult, ToolCard, ExpandableSection } from "./primitives.js";

package/dist/tools/misc-tool-uis.js.map

@@ -1 +1 @@
-{"version":3,"file":"misc-tool-uis.js","sources":["../../src/tools/misc-tool-uis.tsx"],"sourcesContent":["/**\n * Small dedicated cards for tools whose generic fallback rendering read\n * poorly: currently the pip installer (Olympus registers it; the SDK's own\n * registry includes it).\n */\nimport { PackageIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n  classifyToolResult,\n  describePackage,\n  isToolResultSuccess,\n} from \"@athenaintel/agent-runtime\";\nimport { ExpandableSection, normalizeResult, ToolCard } from \"./primitives\";\nimport { ToolFallback } from \"./tool-fallback\";\n\nconst InstallPackageToolUIImpl: ToolCallMessagePartComponent = (props) => {\n  const { toolName, args, result, status } = props;\n  // An install the user refused at the approval gate is neither installed\n  // nor failed: the generic card owns the rejected treatment.\n  if (classifyToolResult({ status, result }).state === \"rejected\") {\n    return <ToolFallback {...props} icon={PackageIcon} />;\n  }\n  const typedArgs = (args ?? {}) as Record<string, unknown>;\n  const packageName = describePackage(typedArgs);\n  const isRunning = status?.type === \"running\";\n  const isFailed =\n    status?.type === \"incomplete\" || (status?.type === \"complete\" && !isToolResultSuccess(result));\n  const data = normalizeResult(result);\n  const detail =\n    typeof result === \"string\" ? result : data ? JSON.stringify(data, null, 2) : null;\n\n  return (\n    <ToolCard\n      icon={PackageIcon}\n      status={isFailed && status?.type === \"complete\" ? \"incomplete\" : (status?.type ?? \"complete\")}\n      title={\n        isRunning\n          ? \"Installing package...\"\n          : isFailed\n            ? \"Couldn't install package\"\n            : \"Installed package\"\n      }\n      subtitle={packageName}\n      toolName={toolName}\n      error={status?.type === \"incomplete\" ? String(status.error ?? \"\") || undefined : undefined}\n      args={typedArgs}\n      result={result}\n    >\n      {!isRunning && detail ? (\n        <ExpandableSection label=\"Show output\">\n          <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all text-[11px] leading-snug text-muted-foreground\">\n            {detail}\n          </pre>\n        </ExpandableSection>\n      ) : null}\n    </ToolCard>\n  );\n};\n\nexport const InstallPackageToolUI = memo(\n  InstallPackageToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nInstallPackageToolUI.displayName = \"InstallPackageToolUI\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,2BAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,MAAM,QAAQ,WAAW;AAG3C,MAAI,mBAAmB,EAAE,QAAQ,QAAQ,EAAE,UAAU,YAAY;AAC/D,WAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,MAAM,aAAa;AAAA,EACrD;AACA,QAAM,YAAa,QAAQ,CAAA;AAC3B,QAAM,cAAc,gBAAgB,SAAS;AAC7C,QAAM,aAAY,iCAAQ,UAAS;AACnC,QAAM,YACJ,iCAAQ,UAAS,iBAAiB,iCAAQ,UAAS,cAAc,CAAC,oBAAoB,MAAM;AAC9F,QAAM,OAAO,gBAAgB,MAAM;AACnC,QAAM,SACJ,OAAO,WAAW,WAAW,SAAS,OAAO,KAAK,UAAU,MAAM,MAAM,CAAC,IAAI;AAE/E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,QAAQ,aAAY,iCAAQ,UAAS,aAAa,gBAAgB,iCAAQ,SAAQ;AAAA,MAClF,OACE,YACI,0BACA,WACE,6BACA;AAAA,MAER,UAAU;AAAA,MACV;AAAA,MACA,QAAO,iCAAQ,UAAS,eAAe,OAAO,OAAO,SAAS,EAAE,KAAK,SAAY;AAAA,MACjF,MAAM;AAAA,MACN;AAAA,MAEC,UAAA,CAAC,aAAa,SACb,oBAAC,mBAAA,EAAkB,OAAM,eACvB,UAAA,oBAAC,OAAA,EAAI,WAAU,uGACZ,UAAA,OAAA,CACH,GACF,IACE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AACA,qBAAqB,cAAc;"}
+{"version":3,"file":"misc-tool-uis.js","sources":["../../src/tools/misc-tool-uis.tsx"],"sourcesContent":["/**\n * Small dedicated cards for tools whose generic fallback rendering read\n * poorly: currently the pip installer (Olympus registers it; the SDK's own\n * registry includes it).\n */\nimport { PackageIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n  classifyToolResult,\n  describePackage,\n  isToolResultSuccess,\n} from \"@athenaintel/agent-runtime\";\nimport { ExpandableSection, normalizeResult, ToolCard } from \"./primitives\";\nimport { ToolFallback } from \"./tool-fallback\";\n\nconst InstallPackageToolUIImpl: ToolCallMessagePartComponent = (props) => {\n  const { toolName, args, result, status } = props;\n  // An install the user refused at the approval gate is neither installed\n  // nor failed: the generic card owns the rejected treatment.\n  if (classifyToolResult({ status, result }).state === \"rejected\") {\n    return <ToolFallback {...props} icon={PackageIcon} />;\n  }\n  const typedArgs = (args ?? {}) as Record<string, unknown>;\n  const packageName = describePackage(typedArgs);\n  const isRunning = status?.type === \"running\";\n  const isFailed =\n    status?.type === \"incomplete\" || (status?.type === \"complete\" && !isToolResultSuccess(result));\n  const data = normalizeResult(result);\n  const detail =\n    typeof result === \"string\" ? result : data ? JSON.stringify(data, null, 2) : null;\n\n  return (\n    <ToolCard\n      icon={PackageIcon}\n      status={isFailed && status?.type === \"complete\" ? \"incomplete\" : (status?.type ?? \"complete\")}\n      title={\n        isRunning\n          ? \"Installing package...\"\n          : isFailed\n            ? \"Couldn't install package\"\n            : \"Installed package\"\n      }\n      subtitle={packageName}\n      toolName={toolName}\n      error={status?.type === \"incomplete\" ? String(status.error ?? \"\") || undefined : undefined}\n      args={typedArgs}\n      result={result}\n    >\n      {!isRunning && detail ? (\n        <ExpandableSection label=\"Show output\">\n          <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all text-[11px] leading-snug text-muted-foreground\">\n            {detail}\n          </pre>\n        </ExpandableSection>\n      ) : null}\n    </ToolCard>\n  );\n};\n\nexport const InstallPackageToolUI = memo(\n  InstallPackageToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nInstallPackageToolUI.displayName = \"InstallPackageToolUI\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,2BAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,MAAM,QAAQ,WAAW;AAG3C,MAAI,mBAAmB,EAAE,QAAQ,QAAQ,EAAE,UAAU,YAAY;AAC/D,WAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,MAAM,aAAa;AAAA,EACrD;AACA,QAAM,YAAa,QAAQ,CAAA;AAC3B,QAAM,cAAc,gBAAgB,SAAS;AAC7C,QAAM,aAAY,iCAAQ,UAAS;AACnC,QAAM,YACJ,iCAAQ,UAAS,iBAAiB,iCAAQ,UAAS,cAAc,CAAC,oBAAoB,MAAM;AAC9F,QAAM,OAAO,gBAAgB,MAAM;AACnC,QAAM,SACJ,OAAO,WAAW,WAAW,SAAS,OAAO,KAAK,UAAU,MAAM,MAAM,CAAC,IAAI;AAE/E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,QAAQ,aAAY,iCAAQ,UAAS,aAAa,gBAAgB,iCAAQ,SAAQ;AAAA,MAClF,OACE,YACI,0BACA,WACE,6BACA;AAAA,MAER,UAAU;AAAA,MACV;AAAA,MACA,QAAO,iCAAQ,UAAS,eAAe,OAAO,OAAO,SAAS,EAAE,KAAK,SAAY;AAAA,MACjF,MAAM;AAAA,MACN;AAAA,MAEC,UAAA,CAAC,aAAa,SACb,oBAAC,mBAAA,EAAkB,OAAM,eACvB,UAAA,oBAAC,OAAA,EAAI,WAAU,uGACZ,UAAA,OAAA,CACH,GACF,IACE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AACA,qBAAqB,cAAc;"}

package/dist/tools/primitives.cjs

@@ -6,18 +6,20 @@ require("../packages/agent-runtime/src/generated/runconfig-contract.cjs");
 require("@assistant-ui/tap");
 require("statewire");
 require("../packages/agent-runtime/src/statewire-suspended.cjs");
+require("../packages/agent-runtime/src/conversation-list.cjs");
 const toolMetadata = require("../packages/agent-runtime/src/tool-metadata.cjs");
 require("@tanstack/react-query");
 require("../packages/agent-runtime/src/statewire-state.cjs");
 require("../packages/agent-runtime/src/messages.cjs");
-require("@assistant-ui/react-statewire");
 require("@assistant-ui/store");
 require("../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
 require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
 require("../packages/agent-runtime/src/thread-status.cjs");
+require("@assistant-ui/react-statewire");
 require("@assistant-ui/core");
 require("../packages/agent-runtime/src/thread-handoff.cjs");
 const lucideReact = require("lucide-react");
+const toolAppearance = require("./tool-appearance.cjs");
 const cnfast = require("cnfast");
 function tryParseJson(text) {
   try {
@@ -40,7 +42,13 @@ function normalizeResult(result) {
 function truncate(text, max) {
   return text.length > max ? `${text.slice(0, max)}...` : text;
 }
-function ToolCard({
+function ToolCard(props) {
+  var _a;
+  const ThreadToolCard = (_a = react.useContext(toolAppearance.ToolAppearanceContext)) == null ? void 0 : _a.ToolCard;
+  if (ThreadToolCard) return /* @__PURE__ */ jsxRuntime.jsx(ThreadToolCard, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(ToolCardBox, { ...props });
+}
+function ToolCardBox({
   icon: Icon,
   status,
   title,
@@ -127,12 +135,27 @@ function CopyToolSpecButton({
     }
   ) });
 }
+function sectionHeading(label) {
+  if (!label) return null;
+  const heading = label.replace(/^show\s+/i, "").trim();
+  if (!heading) return null;
+  return heading.charAt(0).toUpperCase() + heading.slice(1);
+}
 function ExpandableSection({
   label,
   children,
   defaultOpen = false
 }) {
+  var _a;
   const [expanded, setExpanded] = react.useState(defaultOpen);
+  const appearance = ((_a = react.useContext(toolAppearance.ToolAppearanceContext)) == null ? void 0 : _a.appearance) ?? "card";
+  if (appearance === "thread") {
+    const heading = sectionHeading(label);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "tool-section", className: "flex flex-col gap-1.5 px-3", children: [
+      heading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground", children: heading }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-72 overflow-y-auto", children })
+    ] });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/40", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",

package/dist/tools/primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.cjs","sources":["../../src/tools/primitives.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The shared building blocks every SDK tool card is made of — the card shell\n * (`ToolCard`), the collapsible details section, and the result/text helpers.\n * Kept apart from the tool UI registry so a tool UI module can use them\n * without importing the registry that imports it back.\n */\nimport { useCallback, useState, type ElementType, type ReactNode } from \"react\";\nimport { formatToolName } from \"@athenaintel/agent-runtime\";\nimport {\n  AlertCircleIcon,\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  ClipboardCopyIcon,\n  LoaderIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nexport { formatToolName };\n\n/** Parse JSON text into a record, or `null` when it is not one. */\nexport function tryParseJson(text: string): Record<string, unknown> | null {\n  try {\n    const parsed: unknown = JSON.parse(text);\n    return typeof parsed === \"object\" && parsed !== null\n      ? (parsed as Record<string, unknown>)\n      : null;\n  } catch {\n    return null;\n  }\n}\n\n/** Parse a tool result (handles nested `.result`, string-encoded JSON) into a record. */\nexport function normalizeResult(result: unknown): Record<string, unknown> | null {\n  if (!result) return null;\n  if (typeof result === \"string\") return tryParseJson(result);\n  if (typeof result === \"object\") {\n    const obj = result as Record<string, unknown>;\n    if (typeof obj.result === \"string\") return tryParseJson(obj.result) ?? obj;\n    return obj;\n  }\n  return null;\n}\n\n/** Truncate a string with an ellipsis. */\nexport function truncate(text: string, max: number): string {\n  return text.length > max ? `${text.slice(0, max)}...` : text;\n}\n\nexport type ToolStatus = \"running\" | \"complete\" | \"incomplete\" | \"requires-action\";\n\nexport function ToolCard({\n  icon: Icon,\n  status,\n  title,\n  subtitle,\n  toolName,\n  badge,\n  error,\n  children,\n  args,\n  result,\n}: {\n  icon: ElementType;\n  status: ToolStatus;\n  title: string;\n  subtitle?: string;\n  toolName?: string;\n  badge?: string;\n  error?: string | null;\n  children?: ReactNode;\n  args?: Record<string, unknown>;\n  result?: unknown;\n}) {\n  const isRunning = status === \"running\";\n  const isComplete = status === \"complete\";\n  const isError = status === \"incomplete\";\n\n  return (\n    <div className=\"my-3 w-full overflow-hidden rounded-xl border border-border/60 bg-background shadow-sm\">\n      <div className=\"flex items-center gap-3 px-4 py-3\">\n        <div\n          className={cn(\n            \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n            isRunning && \"bg-blue-50 text-blue-600\",\n            isComplete && \"bg-emerald-50 text-emerald-600\",\n            isError && \"bg-destructive/10 text-destructive\",\n          )}\n        >\n          {isRunning ? (\n            <LoaderIcon className=\"size-4 animate-spin\" />\n          ) : isError ? (\n            <AlertCircleIcon className=\"size-4\" />\n          ) : (\n            <Icon className=\"size-4\" />\n          )}\n        </div>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-[13px] font-medium text-foreground\">\n              {title}\n            </span>\n            {isComplete && !error && (\n              <CheckCircle2Icon className=\"size-3.5 text-emerald-500\" />\n            )}\n          </div>\n          {subtitle && (\n            <p className=\"truncate text-[12px] text-muted-foreground\">\n              {subtitle}\n            </p>\n          )}\n        </div>\n        {toolName && (\n          <span className=\"shrink-0 rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] font-mono text-muted-foreground\">\n            {formatToolName(toolName)}\n          </span>\n        )}\n        {badge && (\n          <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n        {isRunning && (\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"h-1.5 w-10 animate-pulse rounded-full bg-blue-100\" />\n            <div className=\"h-1.5 w-6 animate-pulse rounded-full bg-blue-100\" />\n          </div>\n        )}\n      </div>\n\n      {error && (\n        <div className=\"border-t border-border/40 bg-destructive/10 px-4 py-2.5\">\n          <p className=\"text-[12px] leading-relaxed text-destructive\">\n            {error}\n          </p>\n        </div>\n      )}\n\n      {children}\n\n      {/* Copy tool spec — subtle button at the bottom of every tool card */}\n      {toolName && isComplete && (\n        <CopyToolSpecButton toolName={toolName} args={args} result={result} />\n      )}\n    </div>\n  );\n}\n\n/** Copies `{ tool_name, arguments, result }` as JSON — the tool spec a support ticket needs. */\nexport function CopyToolSpecButton({\n  toolName,\n  args,\n  argsText,\n  result,\n  className,\n}: {\n  toolName: string;\n  args?: Record<string, unknown>;\n  argsText?: string;\n  result?: unknown;\n  className?: string;\n}) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    const spec: Record<string, unknown> = { tool_name: toolName };\n    if (args) spec.arguments = args;\n    else if (argsText) spec.arguments = tryParseJson(argsText) ?? argsText;\n    if (result !== undefined) {\n      if (typeof result === \"string\") {\n        const parsed = tryParseJson(result);\n        spec.result = parsed ?? result;\n      } else {\n        spec.result = result;\n      }\n    }\n    navigator.clipboard.writeText(JSON.stringify(spec, null, 2)).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    });\n  }, [toolName, args, argsText, result]);\n\n  return (\n    <div className={cn(\"flex justify-end px-3 pb-1.5\", className)}>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        className=\"flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-muted-foreground/40 transition-colors hover:bg-muted/50 hover:text-muted-foreground\"\n        title=\"Copy tool name, arguments, and result as JSON\"\n      >\n        <ClipboardCopyIcon className=\"size-2.5\" />\n        {copied ? \"Copied!\" : toolName}\n      </button>\n    </div>\n  );\n}\n\nexport function ExpandableSection({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label?: string;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  const [expanded, setExpanded] = useState(defaultOpen);\n\n  return (\n    <div className=\"border-t border-border/40\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/30\"\n      >\n        <ChevronDownIcon\n          className={cn(\n            \"size-3.5 shrink-0 transition-transform duration-200\",\n            !expanded && \"-rotate-90\",\n          )}\n        />\n        <span>{expanded ? \"Hide details\" : (label ?? \"Show details\")}</span>\n      </button>\n      {expanded && (\n        <div className=\"max-h-72 overflow-y-auto border-t border-border/40 bg-muted/10 px-4 py-3\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","cn","LoaderIcon","AlertCircleIcon","CheckCircle2Icon","formatToolName","useState","useCallback","ClipboardCopyIcon","ChevronDownIcon"],"mappings":"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"}
+{"version":3,"file":"primitives.cjs","sources":["../../src/tools/primitives.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The shared building blocks every SDK tool card is made of — the card shell\n * (`ToolCard`), the collapsible details section, and the result/text helpers.\n * Kept apart from the tool UI registry so a tool UI module can use them\n * without importing the registry that imports it back.\n */\nimport {\n  useCallback,\n  useContext,\n  useState,\n  type ElementType,\n  type ReactNode,\n} from \"react\";\nimport { formatToolName } from \"@athenaintel/agent-runtime\";\nimport {\n  AlertCircleIcon,\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  ClipboardCopyIcon,\n  LoaderIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport { ToolAppearanceContext } from \"./tool-appearance\";\n\nexport { formatToolName };\n\n/** Parse JSON text into a record, or `null` when it is not one. */\nexport function tryParseJson(text: string): Record<string, unknown> | null {\n  try {\n    const parsed: unknown = JSON.parse(text);\n    return typeof parsed === \"object\" && parsed !== null\n      ? (parsed as Record<string, unknown>)\n      : null;\n  } catch {\n    return null;\n  }\n}\n\n/** Parse a tool result (handles nested `.result`, string-encoded JSON) into a record. */\nexport function normalizeResult(result: unknown): Record<string, unknown> | null {\n  if (!result) return null;\n  if (typeof result === \"string\") return tryParseJson(result);\n  if (typeof result === \"object\") {\n    const obj = result as Record<string, unknown>;\n    if (typeof obj.result === \"string\") return tryParseJson(obj.result) ?? obj;\n    return obj;\n  }\n  return null;\n}\n\n/** Truncate a string with an ellipsis. */\nexport function truncate(text: string, max: number): string {\n  return text.length > max ? `${text.slice(0, max)}...` : text;\n}\n\nexport type ToolStatus = \"running\" | \"complete\" | \"incomplete\" | \"requires-action\";\n\nexport interface ToolCardProps {\n  icon: ElementType;\n  status: ToolStatus;\n  title: string;\n  subtitle?: string;\n  toolName?: string;\n  badge?: string;\n  error?: string | null;\n  children?: ReactNode;\n  args?: Record<string, unknown>;\n  result?: unknown;\n}\n\n/**\n * The card shell every dedicated tool UI is built on. Under a thread\n * appearance provider it renders through the provider's row renderer (the\n * `ToolFallback` shell), so a dedicated UI and a generic fallback share one\n * anatomy there; with no provider it is the boxed card below, unchanged.\n */\nexport function ToolCard(props: ToolCardProps) {\n  const ThreadToolCard = useContext(ToolAppearanceContext)?.ToolCard;\n  if (ThreadToolCard) return <ThreadToolCard {...props} />;\n  return <ToolCardBox {...props} />;\n}\n\nfunction ToolCardBox({\n  icon: Icon,\n  status,\n  title,\n  subtitle,\n  toolName,\n  badge,\n  error,\n  children,\n  args,\n  result,\n}: ToolCardProps) {\n  const isRunning = status === \"running\";\n  const isComplete = status === \"complete\";\n  const isError = status === \"incomplete\";\n\n  return (\n    <div className=\"my-3 w-full overflow-hidden rounded-xl border border-border/60 bg-background shadow-sm\">\n      <div className=\"flex items-center gap-3 px-4 py-3\">\n        <div\n          className={cn(\n            \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n            isRunning && \"bg-blue-50 text-blue-600\",\n            isComplete && \"bg-emerald-50 text-emerald-600\",\n            isError && \"bg-destructive/10 text-destructive\",\n          )}\n        >\n          {isRunning ? (\n            <LoaderIcon className=\"size-4 animate-spin\" />\n          ) : isError ? (\n            <AlertCircleIcon className=\"size-4\" />\n          ) : (\n            <Icon className=\"size-4\" />\n          )}\n        </div>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-[13px] font-medium text-foreground\">\n              {title}\n            </span>\n            {isComplete && !error && (\n              <CheckCircle2Icon className=\"size-3.5 text-emerald-500\" />\n            )}\n          </div>\n          {subtitle && (\n            <p className=\"truncate text-[12px] text-muted-foreground\">\n              {subtitle}\n            </p>\n          )}\n        </div>\n        {toolName && (\n          <span className=\"shrink-0 rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] font-mono text-muted-foreground\">\n            {formatToolName(toolName)}\n          </span>\n        )}\n        {badge && (\n          <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n        {isRunning && (\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"h-1.5 w-10 animate-pulse rounded-full bg-blue-100\" />\n            <div className=\"h-1.5 w-6 animate-pulse rounded-full bg-blue-100\" />\n          </div>\n        )}\n      </div>\n\n      {error && (\n        <div className=\"border-t border-border/40 bg-destructive/10 px-4 py-2.5\">\n          <p className=\"text-[12px] leading-relaxed text-destructive\">\n            {error}\n          </p>\n        </div>\n      )}\n\n      {children}\n\n      {/* Copy tool spec — subtle button at the bottom of every tool card */}\n      {toolName && isComplete && (\n        <CopyToolSpecButton toolName={toolName} args={args} result={result} />\n      )}\n    </div>\n  );\n}\n\n/** Copies `{ tool_name, arguments, result }` as JSON — the tool spec a support ticket needs. */\nexport function CopyToolSpecButton({\n  toolName,\n  args,\n  argsText,\n  result,\n  className,\n}: {\n  toolName: string;\n  args?: Record<string, unknown>;\n  argsText?: string;\n  result?: unknown;\n  className?: string;\n}) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    const spec: Record<string, unknown> = { tool_name: toolName };\n    if (args) spec.arguments = args;\n    else if (argsText) spec.arguments = tryParseJson(argsText) ?? argsText;\n    if (result !== undefined) {\n      if (typeof result === \"string\") {\n        const parsed = tryParseJson(result);\n        spec.result = parsed ?? result;\n      } else {\n        spec.result = result;\n      }\n    }\n    navigator.clipboard.writeText(JSON.stringify(spec, null, 2)).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    });\n  }, [toolName, args, argsText, result]);\n\n  return (\n    <div className={cn(\"flex justify-end px-3 pb-1.5\", className)}>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        className=\"flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-muted-foreground/40 transition-colors hover:bg-muted/50 hover:text-muted-foreground\"\n        title=\"Copy tool name, arguments, and result as JSON\"\n      >\n        <ClipboardCopyIcon className=\"size-2.5\" />\n        {copied ? \"Copied!\" : toolName}\n      </button>\n    </div>\n  );\n}\n\n/** \"Show search results\" → \"Search results\": the static heading a section gets once the row's disclosure is the only toggle. */\nfunction sectionHeading(label: string | undefined): string | null {\n  if (!label) return null;\n  const heading = label.replace(/^show\\s+/i, \"\").trim();\n  if (!heading) return null;\n  return heading.charAt(0).toUpperCase() + heading.slice(1);\n}\n\nexport function ExpandableSection({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label?: string;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  const [expanded, setExpanded] = useState(defaultOpen);\n  const appearance = useContext(ToolAppearanceContext)?.appearance ?? \"card\";\n\n  // Inside the thread row the card's own disclosure is the one toggle; a\n  // second nested \"Show details\" would make a reader click twice.\n  if (appearance === \"thread\") {\n    const heading = sectionHeading(label);\n    return (\n      <div data-slot=\"tool-section\" className=\"flex flex-col gap-1.5 px-3\">\n        {heading ? (\n          <p className=\"text-xs font-medium text-muted-foreground\">{heading}</p>\n        ) : null}\n        <div className=\"max-h-72 overflow-y-auto\">{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"border-t border-border/40\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/30\"\n      >\n        <ChevronDownIcon\n          className={cn(\n            \"size-3.5 shrink-0 transition-transform duration-200\",\n            !expanded && \"-rotate-90\",\n          )}\n        />\n        <span>{expanded ? \"Hide details\" : (label ?? \"Show details\")}</span>\n      </button>\n      {expanded && (\n        <div className=\"max-h-72 overflow-y-auto border-t border-border/40 bg-muted/10 px-4 py-3\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useContext","ToolAppearanceContext","jsx","jsxs","cn","LoaderIcon","AlertCircleIcon","CheckCircle2Icon","formatToolName","useState","useCallback","ClipboardCopyIcon","ChevronDownIcon"],"mappings":"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"}

package/dist/tools/primitives.d.ts

@@ -14,7 +14,7 @@ export declare function normalizeResult(result: unknown): Record<string, unknown
 /** Truncate a string with an ellipsis. */
 export declare function truncate(text: string, max: number): string;
 export type ToolStatus = "running" | "complete" | "incomplete" | "requires-action";
-export declare function ToolCard({ icon: Icon, status, title, subtitle, toolName, badge, error, children, args, result, }: {
+export interface ToolCardProps {
     icon: ElementType;
     status: ToolStatus;
     title: string;
@@ -25,7 +25,14 @@ export declare function ToolCard({ icon: Icon, status, title, subtitle, toolName
     children?: ReactNode;
     args?: Record<string, unknown>;
     result?: unknown;
-}): import("react/jsx-runtime").JSX.Element;
+}
+/**
+ * The card shell every dedicated tool UI is built on. Under a thread
+ * appearance provider it renders through the provider's row renderer (the
+ * `ToolFallback` shell), so a dedicated UI and a generic fallback share one
+ * anatomy there; with no provider it is the boxed card below, unchanged.
+ */
+export declare function ToolCard(props: ToolCardProps): import("react/jsx-runtime").JSX.Element;
 /** Copies `{ tool_name, arguments, result }` as JSON — the tool spec a support ticket needs. */
 export declare function CopyToolSpecButton({ toolName, args, argsText, result, className, }: {
     toolName: string;

package/dist/tools/primitives.js

@@ -1,21 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
+import { useState, useCallback, useContext } from "react";
 import "../packages/agent-runtime/src/generated/runconfig-contract.js";
 import "@assistant-ui/tap";
 import "statewire";
 import "../packages/agent-runtime/src/statewire-suspended.js";
+import "../packages/agent-runtime/src/conversation-list.js";
 import { formatToolName } from "../packages/agent-runtime/src/tool-metadata.js";
 import "@tanstack/react-query";
 import "../packages/agent-runtime/src/statewire-state.js";
 import "../packages/agent-runtime/src/messages.js";
-import "@assistant-ui/react-statewire";
 import "@assistant-ui/store";
 import "../packages/agent-runtime/src/quota-safe-local-storage-session.js";
 import "../packages/agent-runtime/src/statewire-attach-observer.js";
 import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/react-statewire";
 import "@assistant-ui/core";
 import "../packages/agent-runtime/src/thread-handoff.js";
 import { ClipboardCopyIcon, ChevronDownIcon, LoaderIcon, AlertCircleIcon, CheckCircle2Icon } from "lucide-react";
+import { ToolAppearanceContext } from "./tool-appearance.js";
 import { cn } from "cnfast";
 function tryParseJson(text) {
   try {
@@ -38,7 +40,13 @@ function normalizeResult(result) {
 function truncate(text, max) {
   return text.length > max ? `${text.slice(0, max)}...` : text;
 }
-function ToolCard({
+function ToolCard(props) {
+  var _a;
+  const ThreadToolCard = (_a = useContext(ToolAppearanceContext)) == null ? void 0 : _a.ToolCard;
+  if (ThreadToolCard) return /* @__PURE__ */ jsx(ThreadToolCard, { ...props });
+  return /* @__PURE__ */ jsx(ToolCardBox, { ...props });
+}
+function ToolCardBox({
   icon: Icon,
   status,
   title,
@@ -125,12 +133,27 @@ function CopyToolSpecButton({
     }
   ) });
 }
+function sectionHeading(label) {
+  if (!label) return null;
+  const heading = label.replace(/^show\s+/i, "").trim();
+  if (!heading) return null;
+  return heading.charAt(0).toUpperCase() + heading.slice(1);
+}
 function ExpandableSection({
   label,
   children,
   defaultOpen = false
 }) {
+  var _a;
   const [expanded, setExpanded] = useState(defaultOpen);
+  const appearance = ((_a = useContext(ToolAppearanceContext)) == null ? void 0 : _a.appearance) ?? "card";
+  if (appearance === "thread") {
+    const heading = sectionHeading(label);
+    return /* @__PURE__ */ jsxs("div", { "data-slot": "tool-section", className: "flex flex-col gap-1.5 px-3", children: [
+      heading ? /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: heading }) : null,
+      /* @__PURE__ */ jsx("div", { className: "max-h-72 overflow-y-auto", children })
+    ] });
+  }
   return /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40", children: [
     /* @__PURE__ */ jsxs(
       "button",