@athenaintel/react 0.57.2 → 0.60.0

package/dist/tools/agent-highlights.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactStatewire = require("@assistant-ui/react-statewire");
+const require$$0 = require("react");
+const agentCreations = require("./agent-creations.cjs");
+const assetUtils = require("./asset-utils.cjs");
+const statewireState = require("../agent-runtime/src/statewire-state.cjs");
+const toolNames = require("../agent-runtime/src/tool-names.cjs");
+const subagents = require("../agent-runtime/src/subagents.cjs");
+const runningToolPlaceholder = require("../agent-runtime/src/running-tool-placeholder.cjs");
+const messageText = require("../agent-runtime/src/message-text.cjs");
+const HIGHLIGHT_IN_ASSET_TOOL = "highlight_in_asset";
+const AGENT_HIGHLIGHT_MAX_MS = 3e4;
+const AGENT_HIGHLIGHT_DEFAULT_MS = 5e3;
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function highlightOfCall({
+  toolCallId,
+  result,
+  isError
+}) {
+  if (isError) return null;
+  const data = typeof result === "string" ? assetUtils.tryParseJson(result) : result;
+  if (!isRecord(data) || data.status !== "success") return null;
+  const assetRef = typeof data.assetRef === "string" ? data.assetRef.trim() : "";
+  const assetId = assetRef.split("?")[0] ?? "";
+  if (!assetId.startsWith("asset_")) return null;
+  const content = typeof data.content === "string" && data.content.trim() ? data.content.trim() : null;
+  const asked = typeof data.durationMs === "number" && Number.isFinite(data.durationMs) ? data.durationMs : null;
+  const durationMs = Math.max(
+    0,
+    Math.min(asked ?? AGENT_HIGHLIGHT_DEFAULT_MS, AGENT_HIGHLIGHT_MAX_MS)
+  );
+  return { key: toolCallId, assetId, assetRef, content, durationMs };
+}
+function agentHighlightsIn(messages) {
+  const shown = [];
+  for (const message of messages) {
+    if (message.type !== "tool" || !message.tool_call_id || !message.name) continue;
+    if (message.name === toolNames.TASK_TOOL_NAME) {
+      shown.push(...agentHighlightsIn(subagents.nestedMessagesFromArtifact(message.artifact)));
+      continue;
+    }
+    if (message.name !== HIGHLIGHT_IN_ASSET_TOOL || runningToolPlaceholder.isRunningToolPlaceholder(message)) continue;
+    const highlight = highlightOfCall({
+      toolCallId: message.tool_call_id,
+      result: typeof message.content === "string" ? message.content : messageText.getMessageText(message),
+      isError: message.status === "error"
+    });
+    if (highlight) shown.push(highlight);
+  }
+  return shown;
+}
+function createAgentHighlightsReporter() {
+  let seen = null;
+  return {
+    see: ({ thread, messages }) => {
+      if (seen === null || seen.thread !== thread) {
+        seen = { thread, reported: new Set(agentHighlightsIn(messages).map(({ key }) => key)) };
+        return [];
+      }
+      const reported = seen.reported;
+      const fresh = agentHighlightsIn(agentCreations.latestTurn(messages)).filter(({ key }) => !reported.has(key));
+      for (const { key } of fresh) reported.add(key);
+      return fresh;
+    }
+  };
+}
+const selectState = (state) => state;
+function useAthenaAgentHighlights({
+  onHighlight,
+  enabled = true
+}) {
+  const state = reactStatewire.useStatewireState(selectState);
+  const reporter = require$$0.useRef(null);
+  const latest = require$$0.useRef(onHighlight);
+  require$$0.useEffect(() => {
+    latest.current = onHighlight;
+  }, [onHighlight]);
+  require$$0.useEffect(() => {
+    if (!enabled) {
+      reporter.current = null;
+      return;
+    }
+    if (!statewireState.isDeepAgentStateHydrated(state)) return;
+    reporter.current ?? (reporter.current = createAgentHighlightsReporter());
+    const shown = reporter.current.see({
+      thread: statewireState.readDeepAgentStateThreadId(state),
+      messages: statewireState.readDeepAgentStreamValues(state).messages ?? []
+    });
+    for (const highlight of shown) latest.current(highlight);
+  }, [state, enabled]);
+}
+exports.AGENT_HIGHLIGHT_DEFAULT_MS = AGENT_HIGHLIGHT_DEFAULT_MS;
+exports.AGENT_HIGHLIGHT_MAX_MS = AGENT_HIGHLIGHT_MAX_MS;
+exports.HIGHLIGHT_IN_ASSET_TOOL = HIGHLIGHT_IN_ASSET_TOOL;
+exports.agentHighlightsIn = agentHighlightsIn;
+exports.createAgentHighlightsReporter = createAgentHighlightsReporter;
+exports.highlightOfCall = highlightOfCall;
+exports.useAthenaAgentHighlights = useAthenaAgentHighlights;
+//# sourceMappingURL=agent-highlights.cjs.map

package/dist/tools/agent-highlights.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-highlights.cjs","sources":["../../src/tools/agent-highlights.ts"],"sourcesContent":["'use client';\n\nimport type { LangChainMessage } from '@assistant-ui/react-langgraph';\nimport { useStatewireState } from '@assistant-ui/react-statewire';\nimport {\n  getMessageText,\n  isDeepAgentStateHydrated,\n  isRunningToolPlaceholder,\n  nestedMessagesFromArtifact,\n  readDeepAgentStateThreadId,\n  readDeepAgentStreamValues,\n  TASK_TOOL_NAME,\n} from '@athenaintel/agent-runtime';\nimport { useEffect, useRef } from 'react';\nimport { latestTurn } from './agent-creations';\nimport { tryParseJson } from './asset-utils';\n\n/*\n * The places the agent shows the person (`highlight_in_asset`: \"flash and scroll the user to a\n * location inside an asset\", with a tooltip), read off the conversation's own state as the agent's\n * creations are (`agent-creations.ts`): the deep agent's runtime runs no tool's `streamCall`, so a\n * host that shows them (Athena's desktop app) reads them here. agora answers a highlight only for an\n * asset the person may view (its read gate); a refusal carries no `assetRef`, and shows nothing.\n */\n\n/** The `highlight_in_asset` tool's name. */\nexport const HIGHLIGHT_IN_ASSET_TOOL = 'highlight_in_asset';\n\n/** The longest a highlight stays, as agora clamps it. */\nexport const AGENT_HIGHLIGHT_MAX_MS = 30_000;\n/** How long a highlight stays when the answer names no duration, as agora's default. */\nexport const AGENT_HIGHLIGHT_DEFAULT_MS = 5_000;\n\n/** A place the agent showed the person in an asset, once its call answered. */\nexport interface AgentHighlight {\n  /** The call's id: a highlight is reported once. */\n  key: string;\n  /** The asset, by its bare id. */\n  assetId: string;\n  /**\n   * Where in it, as the agent named it: the id and the references grammar's anchor query\n   * (`asset_x?anchor=pm_node&node_id=…`), or the bare id for the asset itself.\n   */\n  assetRef: string;\n  /** The tooltip to show over the place, if any. */\n  content: string | null;\n  /** How long the mark and the tooltip stay, clamped to `AGENT_HIGHLIGHT_MAX_MS`. */\n  durationMs: number;\n}\n\ntype AnyRecord = Record<string, unknown>;\n\nconst isRecord = (value: unknown): value is AnyRecord =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** The highlight one finished `highlight_in_asset` call showed, or null for a refusal or a failure. */\nexport function highlightOfCall({\n  toolCallId,\n  result,\n  isError,\n}: {\n  toolCallId: string;\n  result: unknown;\n  isError?: boolean;\n}): AgentHighlight | null {\n  if (isError) return null;\n  const data = typeof result === 'string' ? tryParseJson(result) : result;\n  if (!isRecord(data) || data.status !== 'success') return null;\n  const assetRef = typeof data.assetRef === 'string' ? data.assetRef.trim() : '';\n  const assetId = assetRef.split('?')[0] ?? '';\n  if (!assetId.startsWith('asset_')) return null;\n  const content =\n    typeof data.content === 'string' && data.content.trim() ? data.content.trim() : null;\n  const asked =\n    typeof data.durationMs === 'number' && Number.isFinite(data.durationMs) ? data.durationMs : null;\n  const durationMs = Math.max(\n    0,\n    Math.min(asked ?? AGENT_HIGHLIGHT_DEFAULT_MS, AGENT_HIGHLIGHT_MAX_MS),\n  );\n  return { key: toolCallId, assetId, assetRef, content, durationMs };\n}\n\n/**\n * What the finished `highlight_in_asset` calls in `messages` showed the person, a `task` subagent's\n * own calls included. A call still running has shown nothing yet.\n */\nexport function agentHighlightsIn(messages: readonly LangChainMessage[]): AgentHighlight[] {\n  const shown: AgentHighlight[] = [];\n  for (const message of messages) {\n    if (message.type !== 'tool' || !message.tool_call_id || !message.name) continue;\n    if (message.name === TASK_TOOL_NAME) {\n      shown.push(...agentHighlightsIn(nestedMessagesFromArtifact(message.artifact)));\n      continue;\n    }\n    if (message.name !== HIGHLIGHT_IN_ASSET_TOOL || isRunningToolPlaceholder(message)) continue;\n    const highlight = highlightOfCall({\n      toolCallId: message.tool_call_id,\n      result: typeof message.content === 'string' ? message.content : getMessageText(message),\n      isError: message.status === 'error',\n    });\n    if (highlight) shown.push(highlight);\n  }\n  return shown;\n}\n\n/** Tells a host the places the agent shows, once each, from the states its conversation goes through. */\nexport interface AgentHighlightsReporter {\n  /**\n   * A state of the conversation: the highlights its latest turn showed since the last one. A\n   * thread's first state is history (nothing of it is shown again); a state of another thread\n   * starts again.\n   */\n  see(params: { thread: string | null; messages: readonly LangChainMessage[] }): AgentHighlight[];\n}\n\nexport function createAgentHighlightsReporter(): AgentHighlightsReporter {\n  let seen: { thread: string | null; reported: Set<string> } | null = null;\n  return {\n    see: ({ thread, messages }) => {\n      if (seen === null || seen.thread !== thread) {\n        seen = { thread, reported: new Set(agentHighlightsIn(messages).map(({ key }) => key)) };\n        return [];\n      }\n      const reported = seen.reported;\n      const fresh = agentHighlightsIn(latestTurn(messages)).filter(({ key }) => !reported.has(key));\n      for (const { key } of fresh) reported.add(key);\n      return fresh;\n    },\n  };\n}\n\nconst selectState = (state: unknown): unknown => state;\n\n/**\n * Calls `onHighlight` once for each place the agent shows the person in this conversation\n * (`highlight_in_asset`), as its call answers: never for history, or a call that failed or was\n * refused. Render it inside `AthenaChat`, where the conversation's state is read. Nothing is read\n * while `enabled` is false.\n */\nexport function useAthenaAgentHighlights({\n  onHighlight,\n  enabled = true,\n}: {\n  onHighlight: (highlight: AgentHighlight) => void;\n  enabled?: boolean;\n}): void {\n  const state = useStatewireState(selectState);\n  const reporter = useRef<AgentHighlightsReporter | null>(null);\n  const latest = useRef(onHighlight);\n  useEffect(() => {\n    latest.current = onHighlight;\n  }, [onHighlight]);\n  useEffect(() => {\n    if (!enabled) {\n      reporter.current = null;\n      return;\n    }\n    if (!isDeepAgentStateHydrated(state)) return;\n    reporter.current ??= createAgentHighlightsReporter();\n    const shown = reporter.current.see({\n      thread: readDeepAgentStateThreadId(state),\n      messages: readDeepAgentStreamValues(state).messages ?? [],\n    });\n    for (const highlight of shown) latest.current(highlight);\n  }, [state, enabled]);\n}\n"],"names":["tryParseJson","TASK_TOOL_NAME","nestedMessagesFromArtifact","isRunningToolPlaceholder","getMessageText","latestTurn","useStatewireState","useRef","useEffect","isDeepAgentStateHydrated","readDeepAgentStateThreadId","readDeepAgentStreamValues"],"mappings":"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"}

package/dist/tools/agent-highlights.d.ts

@@ -0,0 +1,57 @@
+import type { LangChainMessage } from '@assistant-ui/react-langgraph';
+/** The `highlight_in_asset` tool's name. */
+export declare const HIGHLIGHT_IN_ASSET_TOOL = "highlight_in_asset";
+/** The longest a highlight stays, as agora clamps it. */
+export declare const AGENT_HIGHLIGHT_MAX_MS = 30000;
+/** How long a highlight stays when the answer names no duration, as agora's default. */
+export declare const AGENT_HIGHLIGHT_DEFAULT_MS = 5000;
+/** A place the agent showed the person in an asset, once its call answered. */
+export interface AgentHighlight {
+    /** The call's id: a highlight is reported once. */
+    key: string;
+    /** The asset, by its bare id. */
+    assetId: string;
+    /**
+     * Where in it, as the agent named it: the id and the references grammar's anchor query
+     * (`asset_x?anchor=pm_node&node_id=…`), or the bare id for the asset itself.
+     */
+    assetRef: string;
+    /** The tooltip to show over the place, if any. */
+    content: string | null;
+    /** How long the mark and the tooltip stay, clamped to `AGENT_HIGHLIGHT_MAX_MS`. */
+    durationMs: number;
+}
+/** The highlight one finished `highlight_in_asset` call showed, or null for a refusal or a failure. */
+export declare function highlightOfCall({ toolCallId, result, isError, }: {
+    toolCallId: string;
+    result: unknown;
+    isError?: boolean;
+}): AgentHighlight | null;
+/**
+ * What the finished `highlight_in_asset` calls in `messages` showed the person, a `task` subagent's
+ * own calls included. A call still running has shown nothing yet.
+ */
+export declare function agentHighlightsIn(messages: readonly LangChainMessage[]): AgentHighlight[];
+/** Tells a host the places the agent shows, once each, from the states its conversation goes through. */
+export interface AgentHighlightsReporter {
+    /**
+     * A state of the conversation: the highlights its latest turn showed since the last one. A
+     * thread's first state is history (nothing of it is shown again); a state of another thread
+     * starts again.
+     */
+    see(params: {
+        thread: string | null;
+        messages: readonly LangChainMessage[];
+    }): AgentHighlight[];
+}
+export declare function createAgentHighlightsReporter(): AgentHighlightsReporter;
+/**
+ * Calls `onHighlight` once for each place the agent shows the person in this conversation
+ * (`highlight_in_asset`), as its call answers: never for history, or a call that failed or was
+ * refused. Render it inside `AthenaChat`, where the conversation's state is read. Nothing is read
+ * while `enabled` is false.
+ */
+export declare function useAthenaAgentHighlights({ onHighlight, enabled, }: {
+    onHighlight: (highlight: AgentHighlight) => void;
+    enabled?: boolean;
+}): void;

package/dist/tools/agent-highlights.js

@@ -0,0 +1,100 @@
+import { useStatewireState } from "@assistant-ui/react-statewire";
+import { useRef, useEffect } from "react";
+import { latestTurn } from "./agent-creations.js";
+import { tryParseJson } from "./asset-utils.js";
+import { isDeepAgentStateHydrated, readDeepAgentStreamValues, readDeepAgentStateThreadId } from "../agent-runtime/src/statewire-state.js";
+import { TASK_TOOL_NAME } from "../agent-runtime/src/tool-names.js";
+import { nestedMessagesFromArtifact } from "../agent-runtime/src/subagents.js";
+import { isRunningToolPlaceholder } from "../agent-runtime/src/running-tool-placeholder.js";
+import { getMessageText } from "../agent-runtime/src/message-text.js";
+const HIGHLIGHT_IN_ASSET_TOOL = "highlight_in_asset";
+const AGENT_HIGHLIGHT_MAX_MS = 3e4;
+const AGENT_HIGHLIGHT_DEFAULT_MS = 5e3;
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function highlightOfCall({
+  toolCallId,
+  result,
+  isError
+}) {
+  if (isError) return null;
+  const data = typeof result === "string" ? tryParseJson(result) : result;
+  if (!isRecord(data) || data.status !== "success") return null;
+  const assetRef = typeof data.assetRef === "string" ? data.assetRef.trim() : "";
+  const assetId = assetRef.split("?")[0] ?? "";
+  if (!assetId.startsWith("asset_")) return null;
+  const content = typeof data.content === "string" && data.content.trim() ? data.content.trim() : null;
+  const asked = typeof data.durationMs === "number" && Number.isFinite(data.durationMs) ? data.durationMs : null;
+  const durationMs = Math.max(
+    0,
+    Math.min(asked ?? AGENT_HIGHLIGHT_DEFAULT_MS, AGENT_HIGHLIGHT_MAX_MS)
+  );
+  return { key: toolCallId, assetId, assetRef, content, durationMs };
+}
+function agentHighlightsIn(messages) {
+  const shown = [];
+  for (const message of messages) {
+    if (message.type !== "tool" || !message.tool_call_id || !message.name) continue;
+    if (message.name === TASK_TOOL_NAME) {
+      shown.push(...agentHighlightsIn(nestedMessagesFromArtifact(message.artifact)));
+      continue;
+    }
+    if (message.name !== HIGHLIGHT_IN_ASSET_TOOL || isRunningToolPlaceholder(message)) continue;
+    const highlight = highlightOfCall({
+      toolCallId: message.tool_call_id,
+      result: typeof message.content === "string" ? message.content : getMessageText(message),
+      isError: message.status === "error"
+    });
+    if (highlight) shown.push(highlight);
+  }
+  return shown;
+}
+function createAgentHighlightsReporter() {
+  let seen = null;
+  return {
+    see: ({ thread, messages }) => {
+      if (seen === null || seen.thread !== thread) {
+        seen = { thread, reported: new Set(agentHighlightsIn(messages).map(({ key }) => key)) };
+        return [];
+      }
+      const reported = seen.reported;
+      const fresh = agentHighlightsIn(latestTurn(messages)).filter(({ key }) => !reported.has(key));
+      for (const { key } of fresh) reported.add(key);
+      return fresh;
+    }
+  };
+}
+const selectState = (state) => state;
+function useAthenaAgentHighlights({
+  onHighlight,
+  enabled = true
+}) {
+  const state = useStatewireState(selectState);
+  const reporter = useRef(null);
+  const latest = useRef(onHighlight);
+  useEffect(() => {
+    latest.current = onHighlight;
+  }, [onHighlight]);
+  useEffect(() => {
+    if (!enabled) {
+      reporter.current = null;
+      return;
+    }
+    if (!isDeepAgentStateHydrated(state)) return;
+    reporter.current ?? (reporter.current = createAgentHighlightsReporter());
+    const shown = reporter.current.see({
+      thread: readDeepAgentStateThreadId(state),
+      messages: readDeepAgentStreamValues(state).messages ?? []
+    });
+    for (const highlight of shown) latest.current(highlight);
+  }, [state, enabled]);
+}
+export {
+  AGENT_HIGHLIGHT_DEFAULT_MS,
+  AGENT_HIGHLIGHT_MAX_MS,
+  HIGHLIGHT_IN_ASSET_TOOL,
+  agentHighlightsIn,
+  createAgentHighlightsReporter,
+  highlightOfCall,
+  useAthenaAgentHighlights
+};
+//# sourceMappingURL=agent-highlights.js.map

package/dist/tools/agent-highlights.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-highlights.js","sources":["../../src/tools/agent-highlights.ts"],"sourcesContent":["'use client';\n\nimport type { LangChainMessage } from '@assistant-ui/react-langgraph';\nimport { useStatewireState } from '@assistant-ui/react-statewire';\nimport {\n  getMessageText,\n  isDeepAgentStateHydrated,\n  isRunningToolPlaceholder,\n  nestedMessagesFromArtifact,\n  readDeepAgentStateThreadId,\n  readDeepAgentStreamValues,\n  TASK_TOOL_NAME,\n} from '@athenaintel/agent-runtime';\nimport { useEffect, useRef } from 'react';\nimport { latestTurn } from './agent-creations';\nimport { tryParseJson } from './asset-utils';\n\n/*\n * The places the agent shows the person (`highlight_in_asset`: \"flash and scroll the user to a\n * location inside an asset\", with a tooltip), read off the conversation's own state as the agent's\n * creations are (`agent-creations.ts`): the deep agent's runtime runs no tool's `streamCall`, so a\n * host that shows them (Athena's desktop app) reads them here. agora answers a highlight only for an\n * asset the person may view (its read gate); a refusal carries no `assetRef`, and shows nothing.\n */\n\n/** The `highlight_in_asset` tool's name. */\nexport const HIGHLIGHT_IN_ASSET_TOOL = 'highlight_in_asset';\n\n/** The longest a highlight stays, as agora clamps it. */\nexport const AGENT_HIGHLIGHT_MAX_MS = 30_000;\n/** How long a highlight stays when the answer names no duration, as agora's default. */\nexport const AGENT_HIGHLIGHT_DEFAULT_MS = 5_000;\n\n/** A place the agent showed the person in an asset, once its call answered. */\nexport interface AgentHighlight {\n  /** The call's id: a highlight is reported once. */\n  key: string;\n  /** The asset, by its bare id. */\n  assetId: string;\n  /**\n   * Where in it, as the agent named it: the id and the references grammar's anchor query\n   * (`asset_x?anchor=pm_node&node_id=…`), or the bare id for the asset itself.\n   */\n  assetRef: string;\n  /** The tooltip to show over the place, if any. */\n  content: string | null;\n  /** How long the mark and the tooltip stay, clamped to `AGENT_HIGHLIGHT_MAX_MS`. */\n  durationMs: number;\n}\n\ntype AnyRecord = Record<string, unknown>;\n\nconst isRecord = (value: unknown): value is AnyRecord =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** The highlight one finished `highlight_in_asset` call showed, or null for a refusal or a failure. */\nexport function highlightOfCall({\n  toolCallId,\n  result,\n  isError,\n}: {\n  toolCallId: string;\n  result: unknown;\n  isError?: boolean;\n}): AgentHighlight | null {\n  if (isError) return null;\n  const data = typeof result === 'string' ? tryParseJson(result) : result;\n  if (!isRecord(data) || data.status !== 'success') return null;\n  const assetRef = typeof data.assetRef === 'string' ? data.assetRef.trim() : '';\n  const assetId = assetRef.split('?')[0] ?? '';\n  if (!assetId.startsWith('asset_')) return null;\n  const content =\n    typeof data.content === 'string' && data.content.trim() ? data.content.trim() : null;\n  const asked =\n    typeof data.durationMs === 'number' && Number.isFinite(data.durationMs) ? data.durationMs : null;\n  const durationMs = Math.max(\n    0,\n    Math.min(asked ?? AGENT_HIGHLIGHT_DEFAULT_MS, AGENT_HIGHLIGHT_MAX_MS),\n  );\n  return { key: toolCallId, assetId, assetRef, content, durationMs };\n}\n\n/**\n * What the finished `highlight_in_asset` calls in `messages` showed the person, a `task` subagent's\n * own calls included. A call still running has shown nothing yet.\n */\nexport function agentHighlightsIn(messages: readonly LangChainMessage[]): AgentHighlight[] {\n  const shown: AgentHighlight[] = [];\n  for (const message of messages) {\n    if (message.type !== 'tool' || !message.tool_call_id || !message.name) continue;\n    if (message.name === TASK_TOOL_NAME) {\n      shown.push(...agentHighlightsIn(nestedMessagesFromArtifact(message.artifact)));\n      continue;\n    }\n    if (message.name !== HIGHLIGHT_IN_ASSET_TOOL || isRunningToolPlaceholder(message)) continue;\n    const highlight = highlightOfCall({\n      toolCallId: message.tool_call_id,\n      result: typeof message.content === 'string' ? message.content : getMessageText(message),\n      isError: message.status === 'error',\n    });\n    if (highlight) shown.push(highlight);\n  }\n  return shown;\n}\n\n/** Tells a host the places the agent shows, once each, from the states its conversation goes through. */\nexport interface AgentHighlightsReporter {\n  /**\n   * A state of the conversation: the highlights its latest turn showed since the last one. A\n   * thread's first state is history (nothing of it is shown again); a state of another thread\n   * starts again.\n   */\n  see(params: { thread: string | null; messages: readonly LangChainMessage[] }): AgentHighlight[];\n}\n\nexport function createAgentHighlightsReporter(): AgentHighlightsReporter {\n  let seen: { thread: string | null; reported: Set<string> } | null = null;\n  return {\n    see: ({ thread, messages }) => {\n      if (seen === null || seen.thread !== thread) {\n        seen = { thread, reported: new Set(agentHighlightsIn(messages).map(({ key }) => key)) };\n        return [];\n      }\n      const reported = seen.reported;\n      const fresh = agentHighlightsIn(latestTurn(messages)).filter(({ key }) => !reported.has(key));\n      for (const { key } of fresh) reported.add(key);\n      return fresh;\n    },\n  };\n}\n\nconst selectState = (state: unknown): unknown => state;\n\n/**\n * Calls `onHighlight` once for each place the agent shows the person in this conversation\n * (`highlight_in_asset`), as its call answers: never for history, or a call that failed or was\n * refused. Render it inside `AthenaChat`, where the conversation's state is read. Nothing is read\n * while `enabled` is false.\n */\nexport function useAthenaAgentHighlights({\n  onHighlight,\n  enabled = true,\n}: {\n  onHighlight: (highlight: AgentHighlight) => void;\n  enabled?: boolean;\n}): void {\n  const state = useStatewireState(selectState);\n  const reporter = useRef<AgentHighlightsReporter | null>(null);\n  const latest = useRef(onHighlight);\n  useEffect(() => {\n    latest.current = onHighlight;\n  }, [onHighlight]);\n  useEffect(() => {\n    if (!enabled) {\n      reporter.current = null;\n      return;\n    }\n    if (!isDeepAgentStateHydrated(state)) return;\n    reporter.current ??= createAgentHighlightsReporter();\n    const shown = reporter.current.see({\n      thread: readDeepAgentStateThreadId(state),\n      messages: readDeepAgentStreamValues(state).messages ?? [],\n    });\n    for (const highlight of shown) latest.current(highlight);\n  }, [state, enabled]);\n}\n"],"names":[],"mappings":"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"}

package/dist/tools/append-document-tool-ui.cjs

@@ -147,4 +147,5 @@ const AppendDocumentToolUI = require$$0.memo(
 );
 AppendDocumentToolUI.displayName = "AppendDocumentToolUI";
 exports.AppendDocumentToolUI = AppendDocumentToolUI;
+exports.MarkdownPreview = MarkdownPreview;
 //# sourceMappingURL=append-document-tool-ui.cjs.map

package/dist/tools/append-document-tool-ui.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"append-document-tool-ui.cjs","sources":["../../src/tools/append-document-tool-ui.tsx"],"sourcesContent":["import { memo, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Link from \"@tiptap/extension-link\";\nimport { Markdown } from \"tiptap-markdown\";\nimport {\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  FileTextIcon,\n  LoaderIcon,\n  AlertCircleIcon,\n  NotebookPenIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport { getAssetInfo, tryParseJson } from \"./asset-utils\";\n\nconst markdownPreviewExtensions = [\n  StarterKit.configure({\n    // Tiptap 3 StarterKit also bundles these; the preview registers its own link.\n    link: false,\n    underline: false,\n    listKeymap: false,\n    trailingNode: false,\n    codeBlock: {\n      HTMLAttributes: {\n        class: \"rounded bg-muted p-2 font-mono text-[11px]\",\n      },\n    },\n  }),\n  Link.configure({\n    openOnClick: true,\n    HTMLAttributes: {\n      class: \"text-blue-600 underline decoration-blue-300 hover:text-blue-700\",\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n    },\n  }),\n  Markdown.configure({\n    html: false,\n    tightLists: true,\n    linkify: true,\n    breaks: true,\n    transformPastedText: false,\n    transformCopiedText: false,\n  }),\n];\n\nfunction MarkdownPreview({ content }: { content: string }) {\n  const editor = useEditor({\n    immediatelyRender: true,\n    extensions: markdownPreviewExtensions,\n    content,\n    editable: false,\n    editorProps: {\n      attributes: {\n        class: \"prose prose-sm max-w-none focus:outline-none\",\n      },\n    },\n  });\n\n  return <EditorContent editor={editor} />;\n}\n\nconst AppendDocumentToolUIImpl: ToolCallMessagePartComponent = ({\n  args,\n  result,\n  status,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const typedArgs = args as Record<string, unknown> | undefined;\n  const resultData = useMemo(() => {\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  }, [result]);\n\n  const assetId = (typedArgs?.asset_id as string) ?? \"\";\n  const markdownText = ((typedArgs?.markdown_text ?? typedArgs?.markdownText) as string) ?? \"\";\n  const asset = getAssetInfo(assetId);\n\n  const isRunning = status?.type === \"running\";\n  const isComplete = status?.type === \"complete\";\n  const isError = status?.type === \"incomplete\";\n\n  const wordCount = resultData?.word_count as number | undefined;\n  const lineCount = resultData?.non_empty_line_count as number | undefined;\n  const msg = resultData?.msg as string | undefined;\n  const isSuccess = isComplete && (msg?.toLowerCase().includes(\"success\") ?? true);\n\n  return (\n    <div className=\"my-1.5 w-full overflow-hidden rounded-xl border bg-background shadow-sm\">\n      {/* Header */}\n      <div className=\"flex items-center gap-3 px-4 py-3\">\n        <div\n          className={cn(\n            \"flex size-9 shrink-0 items-center justify-center rounded-lg\",\n            isRunning && \"bg-blue-50 text-blue-600\",\n            isComplete && isSuccess && \"bg-emerald-50 text-emerald-600\",\n            isComplete && !isSuccess && \"bg-amber-50 text-amber-600\",\n            isError && \"bg-red-50 text-red-500\",\n            !isRunning && !isComplete && !isError && \"bg-muted text-muted-foreground\",\n          )}\n        >\n          {isRunning ? (\n            <LoaderIcon className=\"size-4 animate-spin\" />\n          ) : isError ? (\n            <AlertCircleIcon className=\"size-4\" />\n          ) : (\n            <NotebookPenIcon 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-semibold\">\n              {isRunning ? \"Writing to document...\" : \"Appended content to document\"}\n            </span>\n            {isComplete && isSuccess && (\n              <CheckCircle2Icon className=\"size-3.5 text-emerald-500\" />\n            )}\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <FileTextIcon className=\"size-4\" />\n            <span className=\"text-[12px] text-muted-foreground\">{asset.name}</span>\n          </div>\n        </div>\n\n        {/* Stats badges */}\n        {isComplete && (wordCount || lineCount) && (\n          <div className=\"flex items-center gap-2\">\n            {lineCount ? (\n              <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                {lineCount} lines\n              </span>\n            ) : null}\n            {wordCount ? (\n              <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                {wordCount.toLocaleString()} words\n              </span>\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      {/* Content preview */}\n      {markdownText && (\n        <div className=\"border-t\">\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/50\"\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 content\" : \"Show content preview\"}</span>\n          </button>\n\n          {expanded && (\n            <div className=\"max-h-72 overflow-y-auto border-t bg-muted/30 px-4 py-3\">\n              <MarkdownPreview content={markdownText} />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const AppendDocumentToolUI = memo(\n  AppendDocumentToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\n\nAppendDocumentToolUI.displayName = \"AppendDocumentToolUI\";\n"],"names":["Markdown","useEditor","jsx","EditorContent","useState","useMemo","tryParseJson","getAssetInfo","jsxs","cn","LoaderIcon","AlertCircleIcon","NotebookPenIcon","CheckCircle2Icon","FileTextIcon","ChevronDownIcon","memo"],"mappings":"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"}
+{"version":3,"file":"append-document-tool-ui.cjs","sources":["../../src/tools/append-document-tool-ui.tsx"],"sourcesContent":["import { memo, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Link from \"@tiptap/extension-link\";\nimport { Markdown } from \"tiptap-markdown\";\nimport {\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  FileTextIcon,\n  LoaderIcon,\n  AlertCircleIcon,\n  NotebookPenIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport { getAssetInfo, tryParseJson } from \"./asset-utils\";\n\nconst markdownPreviewExtensions = [\n  StarterKit.configure({\n    // Tiptap 3 StarterKit also bundles these; the preview registers its own link.\n    link: false,\n    underline: false,\n    listKeymap: false,\n    trailingNode: false,\n    codeBlock: {\n      HTMLAttributes: {\n        class: \"rounded bg-muted p-2 font-mono text-[11px]\",\n      },\n    },\n  }),\n  Link.configure({\n    openOnClick: true,\n    HTMLAttributes: {\n      class: \"text-blue-600 underline decoration-blue-300 hover:text-blue-700\",\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n    },\n  }),\n  Markdown.configure({\n    html: false,\n    tightLists: true,\n    linkify: true,\n    breaks: true,\n    transformPastedText: false,\n    transformCopiedText: false,\n  }),\n];\n\n/**\n * Markdown a call wrote, read-only, as the document editor renders it. Raw\n * HTML in the markdown stays text (`html: false`).\n */\nexport function MarkdownPreview({ content }: { content: string }) {\n  const editor = useEditor({\n    immediatelyRender: true,\n    extensions: markdownPreviewExtensions,\n    content,\n    editable: false,\n    editorProps: {\n      attributes: {\n        class: \"prose prose-sm max-w-none focus:outline-none\",\n      },\n    },\n  });\n\n  return <EditorContent editor={editor} />;\n}\n\nconst AppendDocumentToolUIImpl: ToolCallMessagePartComponent = ({\n  args,\n  result,\n  status,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const typedArgs = args as Record<string, unknown> | undefined;\n  const resultData = useMemo(() => {\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  }, [result]);\n\n  const assetId = (typedArgs?.asset_id as string) ?? \"\";\n  const markdownText = ((typedArgs?.markdown_text ?? typedArgs?.markdownText) as string) ?? \"\";\n  const asset = getAssetInfo(assetId);\n\n  const isRunning = status?.type === \"running\";\n  const isComplete = status?.type === \"complete\";\n  const isError = status?.type === \"incomplete\";\n\n  const wordCount = resultData?.word_count as number | undefined;\n  const lineCount = resultData?.non_empty_line_count as number | undefined;\n  const msg = resultData?.msg as string | undefined;\n  const isSuccess = isComplete && (msg?.toLowerCase().includes(\"success\") ?? true);\n\n  return (\n    <div className=\"my-1.5 w-full overflow-hidden rounded-xl border bg-background shadow-sm\">\n      {/* Header */}\n      <div className=\"flex items-center gap-3 px-4 py-3\">\n        <div\n          className={cn(\n            \"flex size-9 shrink-0 items-center justify-center rounded-lg\",\n            isRunning && \"bg-blue-50 text-blue-600\",\n            isComplete && isSuccess && \"bg-emerald-50 text-emerald-600\",\n            isComplete && !isSuccess && \"bg-amber-50 text-amber-600\",\n            isError && \"bg-red-50 text-red-500\",\n            !isRunning && !isComplete && !isError && \"bg-muted text-muted-foreground\",\n          )}\n        >\n          {isRunning ? (\n            <LoaderIcon className=\"size-4 animate-spin\" />\n          ) : isError ? (\n            <AlertCircleIcon className=\"size-4\" />\n          ) : (\n            <NotebookPenIcon 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-semibold\">\n              {isRunning ? \"Writing to document...\" : \"Appended content to document\"}\n            </span>\n            {isComplete && isSuccess && (\n              <CheckCircle2Icon className=\"size-3.5 text-emerald-500\" />\n            )}\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <FileTextIcon className=\"size-4\" />\n            <span className=\"text-[12px] text-muted-foreground\">{asset.name}</span>\n          </div>\n        </div>\n\n        {/* Stats badges */}\n        {isComplete && (wordCount || lineCount) && (\n          <div className=\"flex items-center gap-2\">\n            {lineCount ? (\n              <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                {lineCount} lines\n              </span>\n            ) : null}\n            {wordCount ? (\n              <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                {wordCount.toLocaleString()} words\n              </span>\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      {/* Content preview */}\n      {markdownText && (\n        <div className=\"border-t\">\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/50\"\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 content\" : \"Show content preview\"}</span>\n          </button>\n\n          {expanded && (\n            <div className=\"max-h-72 overflow-y-auto border-t bg-muted/30 px-4 py-3\">\n              <MarkdownPreview content={markdownText} />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const AppendDocumentToolUI = memo(\n  AppendDocumentToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\n\nAppendDocumentToolUI.displayName = \"AppendDocumentToolUI\";\n"],"names":["Markdown","useEditor","jsx","EditorContent","useState","useMemo","tryParseJson","getAssetInfo","jsxs","cn","LoaderIcon","AlertCircleIcon","NotebookPenIcon","CheckCircle2Icon","FileTextIcon","ChevronDownIcon","memo"],"mappings":"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"}

package/dist/tools/append-document-tool-ui.d.ts

@@ -1,2 +1,9 @@
 import type { ToolCallMessagePartComponent } from "@assistant-ui/react";
+/**
+ * Markdown a call wrote, read-only, as the document editor renders it. Raw
+ * HTML in the markdown stays text (`html: false`).
+ */
+export declare function MarkdownPreview({ content }: {
+    content: string;
+}): import("react").JSX.Element;
 export declare const AppendDocumentToolUI: ToolCallMessagePartComponent;

package/dist/tools/append-document-tool-ui.js

@@ -145,6 +145,7 @@ const AppendDocumentToolUI = memo(
 );
 AppendDocumentToolUI.displayName = "AppendDocumentToolUI";
 export {
-  AppendDocumentToolUI
+  AppendDocumentToolUI,
+  MarkdownPreview
 };
 //# sourceMappingURL=append-document-tool-ui.js.map

package/dist/tools/append-document-tool-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"append-document-tool-ui.js","sources":["../../src/tools/append-document-tool-ui.tsx"],"sourcesContent":["import { memo, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Link from \"@tiptap/extension-link\";\nimport { Markdown } from \"tiptap-markdown\";\nimport {\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  FileTextIcon,\n  LoaderIcon,\n  AlertCircleIcon,\n  NotebookPenIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport { getAssetInfo, tryParseJson } from \"./asset-utils\";\n\nconst markdownPreviewExtensions = [\n  StarterKit.configure({\n    // Tiptap 3 StarterKit also bundles these; the preview registers its own link.\n    link: false,\n    underline: false,\n    listKeymap: false,\n    trailingNode: false,\n    codeBlock: {\n      HTMLAttributes: {\n        class: \"rounded bg-muted p-2 font-mono text-[11px]\",\n      },\n    },\n  }),\n  Link.configure({\n    openOnClick: true,\n    HTMLAttributes: {\n      class: \"text-blue-600 underline decoration-blue-300 hover:text-blue-700\",\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n    },\n  }),\n  Markdown.configure({\n    html: false,\n    tightLists: true,\n    linkify: true,\n    breaks: true,\n    transformPastedText: false,\n    transformCopiedText: false,\n  }),\n];\n\nfunction MarkdownPreview({ content }: { content: string }) {\n  const editor = useEditor({\n    immediatelyRender: true,\n    extensions: markdownPreviewExtensions,\n    content,\n    editable: false,\n    editorProps: {\n      attributes: {\n        class: \"prose prose-sm max-w-none focus:outline-none\",\n      },\n    },\n  });\n\n  return <EditorContent editor={editor} />;\n}\n\nconst AppendDocumentToolUIImpl: ToolCallMessagePartComponent = ({\n  args,\n  result,\n  status,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const typedArgs = args as Record<string, unknown> | undefined;\n  const resultData = useMemo(() => {\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  }, [result]);\n\n  const assetId = (typedArgs?.asset_id as string) ?? \"\";\n  const markdownText = ((typedArgs?.markdown_text ?? typedArgs?.markdownText) as string) ?? \"\";\n  const asset = getAssetInfo(assetId);\n\n  const isRunning = status?.type === \"running\";\n  const isComplete = status?.type === \"complete\";\n  const isError = status?.type === \"incomplete\";\n\n  const wordCount = resultData?.word_count as number | undefined;\n  const lineCount = resultData?.non_empty_line_count as number | undefined;\n  const msg = resultData?.msg as string | undefined;\n  const isSuccess = isComplete && (msg?.toLowerCase().includes(\"success\") ?? true);\n\n  return (\n    <div className=\"my-1.5 w-full overflow-hidden rounded-xl border bg-background shadow-sm\">\n      {/* Header */}\n      <div className=\"flex items-center gap-3 px-4 py-3\">\n        <div\n          className={cn(\n            \"flex size-9 shrink-0 items-center justify-center rounded-lg\",\n            isRunning && \"bg-blue-50 text-blue-600\",\n            isComplete && isSuccess && \"bg-emerald-50 text-emerald-600\",\n            isComplete && !isSuccess && \"bg-amber-50 text-amber-600\",\n            isError && \"bg-red-50 text-red-500\",\n            !isRunning && !isComplete && !isError && \"bg-muted text-muted-foreground\",\n          )}\n        >\n          {isRunning ? (\n            <LoaderIcon className=\"size-4 animate-spin\" />\n          ) : isError ? (\n            <AlertCircleIcon className=\"size-4\" />\n          ) : (\n            <NotebookPenIcon 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-semibold\">\n              {isRunning ? \"Writing to document...\" : \"Appended content to document\"}\n            </span>\n            {isComplete && isSuccess && (\n              <CheckCircle2Icon className=\"size-3.5 text-emerald-500\" />\n            )}\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <FileTextIcon className=\"size-4\" />\n            <span className=\"text-[12px] text-muted-foreground\">{asset.name}</span>\n          </div>\n        </div>\n\n        {/* Stats badges */}\n        {isComplete && (wordCount || lineCount) && (\n          <div className=\"flex items-center gap-2\">\n            {lineCount ? (\n              <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                {lineCount} lines\n              </span>\n            ) : null}\n            {wordCount ? (\n              <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                {wordCount.toLocaleString()} words\n              </span>\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      {/* Content preview */}\n      {markdownText && (\n        <div className=\"border-t\">\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/50\"\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 content\" : \"Show content preview\"}</span>\n          </button>\n\n          {expanded && (\n            <div className=\"max-h-72 overflow-y-auto border-t bg-muted/30 px-4 py-3\">\n              <MarkdownPreview content={markdownText} />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const AppendDocumentToolUI = memo(\n  AppendDocumentToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\n\nAppendDocumentToolUI.displayName = \"AppendDocumentToolUI\";\n"],"names":[],"mappings":";;;;;;;;;AAiBA,MAAM,4BAA4B;AAAA,EAChC,WAAW,UAAU;AAAA;AAAA,IAEnB,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,MACT,gBAAgB;AAAA,QACd,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF,CACD;AAAA,EACD,KAAK,UAAU;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IAAA;AAAA,EACP,CACD;AAAA,EACD,SAAS,UAAU;AAAA,IACjB,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,EAAA,CACtB;AACH;AAEA,SAAS,gBAAgB,EAAE,WAAgC;AACzD,QAAM,SAAS,UAAU;AAAA,IACvB,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,IACV,aAAa;AAAA,MACX,YAAY;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF,CACD;AAED,SAAO,oBAAC,iBAAc,QAAgB;AACxC;AAEA,MAAM,2BAAyD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,YAAY;AAClB,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,CAAC,OAAQ,QAAO;AACpB,QAAI,OAAO,WAAW,SAAU,QAAO,aAAa,MAAM;AAC1D,QAAI,OAAO,WAAW,UAAU;AAC9B,YAAM,MAAM;AACZ,UAAI,OAAO,IAAI,WAAW,iBAAiB,aAAa,IAAI,MAAM,KAAK;AACvE,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,WAAW,uCAAW,aAAuB;AACnD,QAAM,gBAAiB,uCAAW,mBAAiB,uCAAW,iBAA4B;AAC1F,QAAM,QAAQ,aAAa,OAAO;AAElC,QAAM,aAAY,iCAAQ,UAAS;AACnC,QAAM,cAAa,iCAAQ,UAAS;AACpC,QAAM,WAAU,iCAAQ,UAAS;AAEjC,QAAM,YAAY,yCAAY;AAC9B,QAAM,YAAY,yCAAY;AAC9B,QAAM,MAAM,yCAAY;AACxB,QAAM,YAAY,gBAAe,2BAAK,cAAc,SAAS,eAAc;AAE3E,SACE,qBAAC,OAAA,EAAI,WAAU,2EAEb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,aAAa;AAAA,YACb,cAAc,aAAa;AAAA,YAC3B,cAAc,CAAC,aAAa;AAAA,YAC5B,WAAW;AAAA,YACX,CAAC,aAAa,CAAC,cAAc,CAAC,WAAW;AAAA,UAAA;AAAA,UAG1C,UAAA,YACC,oBAAC,YAAA,EAAW,WAAU,uBAAsB,IAC1C,UACF,oBAAC,iBAAA,EAAgB,WAAU,UAAS,IAEpC,oBAAC,iBAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAGxC,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,6BACb,UAAA,YAAY,2BAA2B,gCAC1C;AAAA,UACC,cAAc,aACb,oBAAC,kBAAA,EAAiB,WAAU,4BAAA,CAA4B;AAAA,QAAA,GAE5D;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAA,oBAAC,cAAA,EAAa,WAAU,SAAA,CAAS;AAAA,UACjC,oBAAC,QAAA,EAAK,WAAU,qCAAqC,gBAAM,KAAA,CAAK;AAAA,QAAA,EAAA,CAClE;AAAA,MAAA,GACF;AAAA,MAGC,eAAe,aAAa,cAC3B,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,QAAA,YACC,qBAAC,QAAA,EAAK,WAAU,mFACb,UAAA;AAAA,UAAA;AAAA,UAAU;AAAA,QAAA,EAAA,CACb,IACE;AAAA,QACH,YACC,qBAAC,QAAA,EAAK,WAAU,mFACb,UAAA;AAAA,UAAA,UAAU,eAAA;AAAA,UAAiB;AAAA,QAAA,EAAA,CAC9B,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA,GAEJ;AAAA,IAGC,gBACC,qBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,YAAY,CAAC,QAAQ;AAAA,UACpC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,CAAC,YAAY;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,YAEF,oBAAC,QAAA,EAAM,UAAA,WAAW,iBAAiB,uBAAA,CAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3D,gCACE,OAAA,EAAI,WAAU,2DACb,UAAA,oBAAC,iBAAA,EAAgB,SAAS,aAAA,CAAc,EAAA,CAC1C;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AAEA,qBAAqB,cAAc;"}
+{"version":3,"file":"append-document-tool-ui.js","sources":["../../src/tools/append-document-tool-ui.tsx"],"sourcesContent":["import { memo, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Link from \"@tiptap/extension-link\";\nimport { Markdown } from \"tiptap-markdown\";\nimport {\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  FileTextIcon,\n  LoaderIcon,\n  AlertCircleIcon,\n  NotebookPenIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport { getAssetInfo, tryParseJson } from \"./asset-utils\";\n\nconst markdownPreviewExtensions = [\n  StarterKit.configure({\n    // Tiptap 3 StarterKit also bundles these; the preview registers its own link.\n    link: false,\n    underline: false,\n    listKeymap: false,\n    trailingNode: false,\n    codeBlock: {\n      HTMLAttributes: {\n        class: \"rounded bg-muted p-2 font-mono text-[11px]\",\n      },\n    },\n  }),\n  Link.configure({\n    openOnClick: true,\n    HTMLAttributes: {\n      class: \"text-blue-600 underline decoration-blue-300 hover:text-blue-700\",\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n    },\n  }),\n  Markdown.configure({\n    html: false,\n    tightLists: true,\n    linkify: true,\n    breaks: true,\n    transformPastedText: false,\n    transformCopiedText: false,\n  }),\n];\n\n/**\n * Markdown a call wrote, read-only, as the document editor renders it. Raw\n * HTML in the markdown stays text (`html: false`).\n */\nexport function MarkdownPreview({ content }: { content: string }) {\n  const editor = useEditor({\n    immediatelyRender: true,\n    extensions: markdownPreviewExtensions,\n    content,\n    editable: false,\n    editorProps: {\n      attributes: {\n        class: \"prose prose-sm max-w-none focus:outline-none\",\n      },\n    },\n  });\n\n  return <EditorContent editor={editor} />;\n}\n\nconst AppendDocumentToolUIImpl: ToolCallMessagePartComponent = ({\n  args,\n  result,\n  status,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const typedArgs = args as Record<string, unknown> | undefined;\n  const resultData = useMemo(() => {\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  }, [result]);\n\n  const assetId = (typedArgs?.asset_id as string) ?? \"\";\n  const markdownText = ((typedArgs?.markdown_text ?? typedArgs?.markdownText) as string) ?? \"\";\n  const asset = getAssetInfo(assetId);\n\n  const isRunning = status?.type === \"running\";\n  const isComplete = status?.type === \"complete\";\n  const isError = status?.type === \"incomplete\";\n\n  const wordCount = resultData?.word_count as number | undefined;\n  const lineCount = resultData?.non_empty_line_count as number | undefined;\n  const msg = resultData?.msg as string | undefined;\n  const isSuccess = isComplete && (msg?.toLowerCase().includes(\"success\") ?? true);\n\n  return (\n    <div className=\"my-1.5 w-full overflow-hidden rounded-xl border bg-background shadow-sm\">\n      {/* Header */}\n      <div className=\"flex items-center gap-3 px-4 py-3\">\n        <div\n          className={cn(\n            \"flex size-9 shrink-0 items-center justify-center rounded-lg\",\n            isRunning && \"bg-blue-50 text-blue-600\",\n            isComplete && isSuccess && \"bg-emerald-50 text-emerald-600\",\n            isComplete && !isSuccess && \"bg-amber-50 text-amber-600\",\n            isError && \"bg-red-50 text-red-500\",\n            !isRunning && !isComplete && !isError && \"bg-muted text-muted-foreground\",\n          )}\n        >\n          {isRunning ? (\n            <LoaderIcon className=\"size-4 animate-spin\" />\n          ) : isError ? (\n            <AlertCircleIcon className=\"size-4\" />\n          ) : (\n            <NotebookPenIcon 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-semibold\">\n              {isRunning ? \"Writing to document...\" : \"Appended content to document\"}\n            </span>\n            {isComplete && isSuccess && (\n              <CheckCircle2Icon className=\"size-3.5 text-emerald-500\" />\n            )}\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <FileTextIcon className=\"size-4\" />\n            <span className=\"text-[12px] text-muted-foreground\">{asset.name}</span>\n          </div>\n        </div>\n\n        {/* Stats badges */}\n        {isComplete && (wordCount || lineCount) && (\n          <div className=\"flex items-center gap-2\">\n            {lineCount ? (\n              <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                {lineCount} lines\n              </span>\n            ) : null}\n            {wordCount ? (\n              <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                {wordCount.toLocaleString()} words\n              </span>\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      {/* Content preview */}\n      {markdownText && (\n        <div className=\"border-t\">\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/50\"\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 content\" : \"Show content preview\"}</span>\n          </button>\n\n          {expanded && (\n            <div className=\"max-h-72 overflow-y-auto border-t bg-muted/30 px-4 py-3\">\n              <MarkdownPreview content={markdownText} />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const AppendDocumentToolUI = memo(\n  AppendDocumentToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\n\nAppendDocumentToolUI.displayName = \"AppendDocumentToolUI\";\n"],"names":[],"mappings":"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"}