@hef2024/llmasaservice-ui 0.24.6 → 0.25.0

package/dist/index.css

@@ -3026,6 +3026,21 @@ button[data-pending=true]::after {
   text-overflow: ellipsis;
   font-weight: 500;
 }
+.ai-chat-tool-status-row__label--shimmer {
+  background:
+    linear-gradient(
+      90deg,
+      var(--tool-row-text) 0%,
+      var(--tool-row-text) 40%,
+      var(--tool-row-accent) 50%,
+      var(--tool-row-text) 60%,
+      var(--tool-row-text) 100%);
+  background-size: 200% 100%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: titleShimmer 2s ease-in-out infinite;
+}
 .ai-chat-tool-status-row__call-id {
   font-family:
     "SF Mono",
@@ -3349,6 +3364,8 @@ button[data-pending=true]::after {
   }
 }
 .ai-chat-panel__input-container {
+  position: relative;
+  overflow: visible;
   margin: 12px 16px;
   border: 1px solid var(--ai-chat-input-border);
   border-radius: var(--ai-chat-input-radius);
@@ -3377,6 +3394,104 @@ button[data-pending=true]::after {
   border-color: transparent;
   box-shadow: none;
 }
+.ai-chat-queued-prompts {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 6px 8px 0 8px;
+  max-height: 92px;
+  overflow-y: auto;
+}
+.ai-chat-queued-prompt {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  padding: 5px 6px 5px 8px;
+  border-radius: 10px;
+  border: 1px solid rgba(59, 130, 246, 0.18);
+  background: rgba(59, 130, 246, 0.05);
+}
+.ai-chat-queued-prompt__content {
+  min-width: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+.dark-theme .ai-chat-queued-prompt__content {
+  background: none;
+  border-color: transparent;
+}
+.ai-chat-queued-prompt__label {
+  font-size: 9px;
+  font-weight: 600;
+  line-height: 1.2;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--ai-chat-input-placeholder);
+}
+.ai-chat-queued-prompt__text {
+  min-width: 0;
+  font-size: 11px;
+  line-height: 1.3;
+  color: var(--ai-chat-input-text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ai-chat-queued-prompt__actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+.ai-chat-queued-prompt__button,
+.ai-chat-queued-prompt__icon-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 22px;
+  border: 1px solid rgba(59, 130, 246, 0.14);
+  background: transparent;
+  color: var(--ai-chat-input-placeholder);
+  border-radius: 999px;
+  cursor: pointer;
+  transition:
+    background-color 0.15s,
+    border-color 0.15s,
+    opacity 0.15s;
+}
+.ai-chat-queued-prompt__button {
+  padding: 0 8px;
+  font-size: 10px;
+  font-weight: 600;
+}
+.ai-chat-queued-prompt__icon-button {
+  width: 22px;
+  padding: 0;
+}
+.ai-chat-queued-prompt__button:hover,
+.ai-chat-queued-prompt__icon-button:hover {
+  background: rgba(59, 130, 246, 0.08);
+  border-color: rgba(59, 130, 246, 0.24);
+}
+.ai-chat-queued-prompt__icon-button svg {
+  width: 10px;
+  height: 10px;
+}
+.dark-theme .ai-chat-queued-prompt {
+  border-color: rgba(96, 165, 250, 0.22);
+  background: rgba(96, 165, 250, 0.08);
+}
+.dark-theme .ai-chat-queued-prompt__button,
+.dark-theme .ai-chat-queued-prompt__icon-button {
+  border-color: rgba(96, 165, 250, 0.18);
+  background: transparent;
+}
+.ai-chat-panel__input-container:focus-within .ai-chat-queued-prompt {
+  border-color: rgba(96, 165, 250, 0.32);
+}
 .ai-chat-panel__input-footer {
   display: flex;
   align-items: center;

package/dist/index.d.mts

@@ -181,6 +181,15 @@ interface LocalToolExecutorContext {
     mcpTool: Record<string, unknown> | null;
 }
 type LocalToolExecutor = (args: Record<string, unknown>, context: LocalToolExecutorContext) => Promise<unknown> | unknown;
+type ToolCallStatus = 'pending' | 'running' | 'completed' | 'error';
+interface ToolStatusLabelFormatterInput {
+    toolName: string;
+    callId: string;
+    status: ToolCallStatus;
+    args?: Record<string, unknown>;
+    defaultLabel: string;
+}
+type ToolStatusLabelFormatter = (input: ToolStatusLabelFormatterInput) => string | null | undefined;
 type ArtifactBlockType = 'thinking' | 'reasoning' | 'searching' | 'planning';
 type PlanningStepStatus = 'todo' | 'doing' | 'done';
 interface PlanningStep {
@@ -278,6 +287,7 @@ interface AIChatPanelProps {
     callToActionEmailSubject?: string;
     customerEmailCaptureMode?: "HIDE" | "OPTIONAL" | "REQUIRED";
     customerEmailCapturePlaceholder?: string;
+    toolStatusLabelFormatter?: ToolStatusLabelFormatter;
 }
 /**
  * Context section for the context viewer
@@ -424,6 +434,7 @@ interface AIAgentPanelProps {
     localToolExecutors?: Record<string, LocalToolExecutor>;
     traceContextMode?: TraceContextMode;
     autoApproveTools?: boolean | string[];
+    toolStatusLabelFormatter?: ToolStatusLabelFormatter;
 }
 declare const AIAgentPanel: React__default.ForwardRefExoticComponent<AIAgentPanelProps & React__default.RefAttributes<AIAgentPanelHandle>>;
 
@@ -672,4 +683,4 @@ interface ThinkingBlockProps {
  */
 declare const ThinkingBlock: React__default.FC<ThinkingBlockProps>;
 
-export { AIAgentPanel, type AIAgentPanelProps, type AIChatHistoryEntry, _default as AIChatPanel, type AIChatPanelProps, type APIConversationSummary, type AgentContext, type AgentMetadata, AgentPanel, type AgentPanelProps, type AgentProfile, type ArtifactBlockType, Button, type ButtonProps, ChatPanel, type ChatPanelProps, type ContextDataFormat, type ContextSection, type Conversation, type ConversationGroup, Dialog, DialogFooter, type DialogFooterProps, type DialogProps, Input, type InputProps, type MCPAuthHeaderResolver, type MCPAuthHeaderResolverInput, type MCPAuthPhase, type MCPServer, type ObjectContextSection, type PlanningStep, type PlanningStepStatus, type RawContextSection, type ResponseArtifactBlock, ScrollArea, type ScrollAreaProps, Select, type SelectOption, type SelectProps, ThinkingBlock, type ThinkingBlockProps, type ThinkingBlockType, Tooltip, type TooltipProps, WordFadeIn, type WordFadeInProps, useAgentRegistry, useConversationStore };
+export { AIAgentPanel, type AIAgentPanelProps, type AIChatHistoryEntry, _default as AIChatPanel, type AIChatPanelProps, type APIConversationSummary, type AgentContext, type AgentMetadata, AgentPanel, type AgentPanelProps, type AgentProfile, type ArtifactBlockType, Button, type ButtonProps, ChatPanel, type ChatPanelProps, type ContextDataFormat, type ContextSection, type Conversation, type ConversationGroup, Dialog, DialogFooter, type DialogFooterProps, type DialogProps, Input, type InputProps, type MCPAuthHeaderResolver, type MCPAuthHeaderResolverInput, type MCPAuthPhase, type MCPServer, type ObjectContextSection, type PlanningStep, type PlanningStepStatus, type RawContextSection, type ResponseArtifactBlock, ScrollArea, type ScrollAreaProps, Select, type SelectOption, type SelectProps, ThinkingBlock, type ThinkingBlockProps, type ThinkingBlockType, type ToolCallStatus, type ToolStatusLabelFormatter, type ToolStatusLabelFormatterInput, Tooltip, type TooltipProps, WordFadeIn, type WordFadeInProps, useAgentRegistry, useConversationStore };

package/dist/index.d.ts

@@ -181,6 +181,15 @@ interface LocalToolExecutorContext {
     mcpTool: Record<string, unknown> | null;
 }
 type LocalToolExecutor = (args: Record<string, unknown>, context: LocalToolExecutorContext) => Promise<unknown> | unknown;
+type ToolCallStatus = 'pending' | 'running' | 'completed' | 'error';
+interface ToolStatusLabelFormatterInput {
+    toolName: string;
+    callId: string;
+    status: ToolCallStatus;
+    args?: Record<string, unknown>;
+    defaultLabel: string;
+}
+type ToolStatusLabelFormatter = (input: ToolStatusLabelFormatterInput) => string | null | undefined;
 type ArtifactBlockType = 'thinking' | 'reasoning' | 'searching' | 'planning';
 type PlanningStepStatus = 'todo' | 'doing' | 'done';
 interface PlanningStep {
@@ -278,6 +287,7 @@ interface AIChatPanelProps {
     callToActionEmailSubject?: string;
     customerEmailCaptureMode?: "HIDE" | "OPTIONAL" | "REQUIRED";
     customerEmailCapturePlaceholder?: string;
+    toolStatusLabelFormatter?: ToolStatusLabelFormatter;
 }
 /**
  * Context section for the context viewer
@@ -424,6 +434,7 @@ interface AIAgentPanelProps {
     localToolExecutors?: Record<string, LocalToolExecutor>;
     traceContextMode?: TraceContextMode;
     autoApproveTools?: boolean | string[];
+    toolStatusLabelFormatter?: ToolStatusLabelFormatter;
 }
 declare const AIAgentPanel: React__default.ForwardRefExoticComponent<AIAgentPanelProps & React__default.RefAttributes<AIAgentPanelHandle>>;
 
@@ -672,4 +683,4 @@ interface ThinkingBlockProps {
  */
 declare const ThinkingBlock: React__default.FC<ThinkingBlockProps>;
 
-export { AIAgentPanel, type AIAgentPanelProps, type AIChatHistoryEntry, _default as AIChatPanel, type AIChatPanelProps, type APIConversationSummary, type AgentContext, type AgentMetadata, AgentPanel, type AgentPanelProps, type AgentProfile, type ArtifactBlockType, Button, type ButtonProps, ChatPanel, type ChatPanelProps, type ContextDataFormat, type ContextSection, type Conversation, type ConversationGroup, Dialog, DialogFooter, type DialogFooterProps, type DialogProps, Input, type InputProps, type MCPAuthHeaderResolver, type MCPAuthHeaderResolverInput, type MCPAuthPhase, type MCPServer, type ObjectContextSection, type PlanningStep, type PlanningStepStatus, type RawContextSection, type ResponseArtifactBlock, ScrollArea, type ScrollAreaProps, Select, type SelectOption, type SelectProps, ThinkingBlock, type ThinkingBlockProps, type ThinkingBlockType, Tooltip, type TooltipProps, WordFadeIn, type WordFadeInProps, useAgentRegistry, useConversationStore };
+export { AIAgentPanel, type AIAgentPanelProps, type AIChatHistoryEntry, _default as AIChatPanel, type AIChatPanelProps, type APIConversationSummary, type AgentContext, type AgentMetadata, AgentPanel, type AgentPanelProps, type AgentProfile, type ArtifactBlockType, Button, type ButtonProps, ChatPanel, type ChatPanelProps, type ContextDataFormat, type ContextSection, type Conversation, type ConversationGroup, Dialog, DialogFooter, type DialogFooterProps, type DialogProps, Input, type InputProps, type MCPAuthHeaderResolver, type MCPAuthHeaderResolverInput, type MCPAuthPhase, type MCPServer, type ObjectContextSection, type PlanningStep, type PlanningStepStatus, type RawContextSection, type ResponseArtifactBlock, ScrollArea, type ScrollAreaProps, Select, type SelectOption, type SelectProps, ThinkingBlock, type ThinkingBlockProps, type ThinkingBlockType, type ToolCallStatus, type ToolStatusLabelFormatter, type ToolStatusLabelFormatterInput, Tooltip, type TooltipProps, WordFadeIn, type WordFadeInProps, useAgentRegistry, useConversationStore };

package/dist/index.js

@@ -4995,7 +4995,10 @@ var ChatInput = import_react14.default.memo(({
   placeholder,
   isBusy,
   onSubmit,
+  onQueueSubmit,
   onStop,
+  queuedPrompts = [],
+  onClearQueuedPrompt,
   agentOptions,
   currentAgentId,
   onAgentChange,
@@ -5026,14 +5029,29 @@ var ChatInput = import_react14.default.memo(({
   }, []);
   const handleSubmit = (0, import_react14.useCallback)(() => {
     const trimmed = inputValue.trim();
-    if (trimmed && !isBusy) {
+    if (!trimmed) return;
+    const hasQueuedPrompts2 = queuedPrompts.some((prompt) => String(prompt || "").trim().length > 0);
+    if (isBusy || hasQueuedPrompts2) {
+      onQueueSubmit(trimmed);
+    } else {
       onSubmit(trimmed);
-      setInputValue("");
-      if (textareaRef.current) {
-        textareaRef.current.style.height = "auto";
-      }
     }
-  }, [inputValue, isBusy, onSubmit]);
+    setInputValue("");
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+    }
+  }, [inputValue, isBusy, onQueueSubmit, onSubmit, queuedPrompts]);
+  const handleEditQueuedPrompt = (0, import_react14.useCallback)((index) => {
+    const normalizedQueuedPrompt = String(queuedPrompts[index] || "").trim();
+    if (!normalizedQueuedPrompt) return;
+    setInputValue(normalizedQueuedPrompt);
+    onClearQueuedPrompt(index);
+    setTimeout(() => {
+      var _a;
+      autoResize();
+      (_a = textareaRef.current) == null ? void 0 : _a.focus();
+    }, 0);
+  }, [autoResize, onClearQueuedPrompt, queuedPrompts]);
   (0, import_react14.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
@@ -5083,12 +5101,35 @@ var ChatInput = import_react14.default.memo(({
     var _a;
     return JSON.stringify((_a = section.data) != null ? _a : {}, null, 2);
   };
+  const normalizedQueuedPrompts = queuedPrompts.map((prompt) => String(prompt || "").trim()).filter((prompt) => prompt.length > 0);
+  const hasDraft = inputValue.trim().length > 0;
+  const hasQueuedPrompts = normalizedQueuedPrompts.length > 0;
+  const shouldQueueSubmission = isBusy || hasQueuedPrompts;
+  const showStopAction = isBusy && !hasDraft;
   return /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       className: `ai-chat-panel__input-container ${dropdownOpen ? "ai-chat-panel__input-container--dropdown-open" : ""}`,
       ref: containerRef
     },
+    hasQueuedPrompts && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-queued-prompts" }, normalizedQueuedPrompts.map((queuedPrompt, index) => /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-queued-prompt", title: queuedPrompt, key: `${index}-${queuedPrompt}` }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-queued-prompt__content" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-queued-prompt__label" }, index === 0 ? "Queued next" : `Queued ${index + 1}`), /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-queued-prompt__text" }, queuedPrompt)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-queued-prompt__actions" }, /* @__PURE__ */ import_react14.default.createElement(
+      "button",
+      {
+        className: "ai-chat-queued-prompt__button",
+        onClick: () => handleEditQueuedPrompt(index),
+        type: "button"
+      },
+      "Edit"
+    ), /* @__PURE__ */ import_react14.default.createElement(
+      "button",
+      {
+        className: "ai-chat-queued-prompt__icon-button",
+        onClick: () => onClearQueuedPrompt(index),
+        type: "button",
+        "aria-label": `Remove queued prompt ${index + 1}`
+      },
+      /* @__PURE__ */ import_react14.default.createElement(CloseIcon, null)
+    ))))),
     /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-panel__input" }, /* @__PURE__ */ import_react14.default.createElement(
       "textarea",
       {
@@ -5264,11 +5305,12 @@ var ChatInput = import_react14.default.memo(({
     )), /* @__PURE__ */ import_react14.default.createElement(
       "button",
       {
-        className: `ai-chat-send-button ${!isBusy && !inputValue.trim() ? "ai-chat-send-button--disabled" : ""} ${isBusy ? "ai-chat-send-button--stop" : ""}`,
-        onClick: () => isBusy ? onStop() : handleSubmit(),
-        disabled: !isBusy && !inputValue.trim()
+        className: `ai-chat-send-button ${!showStopAction && !hasDraft ? "ai-chat-send-button--disabled" : ""} ${showStopAction ? "ai-chat-send-button--stop" : ""}`,
+        onClick: () => showStopAction ? onStop() : handleSubmit(),
+        disabled: !showStopAction && !hasDraft,
+        title: showStopAction ? "Stop response" : shouldQueueSubmission ? "Queue prompt" : "Send prompt"
       },
-      isBusy ? /* @__PURE__ */ import_react14.default.createElement(StopIcon, null) : /* @__PURE__ */ import_react14.default.createElement(ArrowUpIcon, null)
+      showStopAction ? /* @__PURE__ */ import_react14.default.createElement(StopIcon, null) : /* @__PURE__ */ import_react14.default.createElement(ArrowUpIcon, null)
     )),
     agentOptions.length > 0 && dropdownOpen && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-agent-selector__dropdown-inside" }, agentOptions.map((option) => /* @__PURE__ */ import_react14.default.createElement(
       "button",
@@ -5361,7 +5403,8 @@ var AIChatPanel = ({
   callToActionEmailSubject = "Agent CTA submitted",
   // Customer Email Capture Props
   customerEmailCaptureMode = "HIDE",
-  customerEmailCapturePlaceholder = "Please enter your email..."
+  customerEmailCapturePlaceholder = "Please enter your email...",
+  toolStatusLabelFormatter
 }) => {
   var _a;
   const publicAPIUrl = "https://api.llmasaservice.io";
@@ -5369,6 +5412,7 @@ var AIChatPanel = ({
   const [lastMessages, setLastMessages] = (0, import_react14.useState)([]);
   const [history, setHistory] = (0, import_react14.useState)(initialHistory);
   const [isLoading, setIsLoading] = (0, import_react14.useState)(false);
+  const [queuedPrompts, setQueuedPrompts] = (0, import_react14.useState)([]);
   const [lastPrompt, setLastPrompt] = (0, import_react14.useState)(null);
   const [lastKey, setLastKey] = (0, import_react14.useState)(null);
   const [currentConversation, setCurrentConversation] = (0, import_react14.useState)(conversation);
@@ -5480,6 +5524,7 @@ var AIChatPanel = ({
   const latestHistoryRef = (0, import_react14.useRef)(initialHistory);
   const initialPromptSentRef = (0, import_react14.useRef)(false);
   const lastFollowOnPromptRef = (0, import_react14.useRef)("");
+  const queuedPromptsRef = (0, import_react14.useRef)([]);
   const handledToolCallSignaturesRef = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
   const inFlightToolCallSignaturesRef = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
   const toolContinuationCountRef = (0, import_react14.useRef)(0);
@@ -6186,7 +6231,8 @@ ${traceSummary}` : traceSummary;
         setActiveToolCalls(
           callsToRun.map((toolCall) => ({
             toolName: toolCall.toolName,
-            callId: toolCall.callId
+            callId: toolCall.callId,
+            args: toolCall.args
           }))
         );
         const finalToolCalls = callsToRun.map((toolCall) => ({
@@ -7060,12 +7106,36 @@ ${traceSummary}` : traceSummary;
     getThinkingBlockRenderKey,
     setResponse
   ]);
+  const handleQueuePrompt = (0, import_react14.useCallback)((promptText) => {
+    const normalizedPrompt = String(promptText || "").trim();
+    if (!normalizedPrompt) return;
+    const nextQueuedPrompts = [...queuedPromptsRef.current, normalizedPrompt];
+    queuedPromptsRef.current = nextQueuedPrompts;
+    setQueuedPrompts(nextQueuedPrompts);
+  }, []);
+  const handleClearQueuedPrompt = (0, import_react14.useCallback)((index) => {
+    const nextQueuedPrompts = queuedPromptsRef.current.filter((_, queueIndex) => queueIndex !== index);
+    queuedPromptsRef.current = nextQueuedPrompts;
+    setQueuedPrompts(nextQueuedPrompts);
+  }, []);
   const handleSuggestionClick = (0, import_react14.useCallback)((question) => {
     continueChat(question);
   }, [continueChat]);
   const handleStop = (0, import_react14.useCallback)(() => {
     stop(lastController);
   }, [stop, lastController]);
+  (0, import_react14.useEffect)(() => {
+    const nextQueuedPrompt = String(queuedPromptsRef.current[0] || "").trim();
+    if (!nextQueuedPrompt) return;
+    if (!idle || isLoading) return;
+    if (pendingToolRequests.length > 0 || activeToolCalls.length > 0) return;
+    if (toolRequestProcessingRef.current) return;
+    if ((queuedToolRequestsRef.current || []).length > 0) return;
+    const remainingQueuedPrompts = queuedPromptsRef.current.slice(1);
+    queuedPromptsRef.current = remainingQueuedPrompts;
+    setQueuedPrompts(remainingQueuedPrompts);
+    continueChat(nextQueuedPrompt);
+  }, [activeToolCalls.length, continueChat, idle, isLoading, pendingToolRequests.length, queuedPrompts.length]);
   const handleNewConversation = (0, import_react14.useCallback)(() => {
     if (!newConversationConfirm) {
       setNewConversationConfirm(true);
@@ -7080,6 +7150,8 @@ ${traceSummary}` : traceSummary;
     setHistory({});
     latestHistoryRef.current = {};
     hasNotifiedCompletionRef.current = true;
+    queuedPromptsRef.current = [];
+    setQueuedPrompts([]);
     setLastMessages([]);
     setLastPrompt(null);
     setLastKey(null);
@@ -7561,6 +7633,28 @@ ${traceSummary}` : traceSummary;
     if (normalized.length <= 22) return normalized;
     return `${normalized.slice(0, 10)}...${normalized.slice(-8)}`;
   };
+  const resolveToolStatusLabel = (0, import_react14.useCallback)(
+    (toolStatusRow) => {
+      if (typeof toolStatusLabelFormatter !== "function") {
+        return toolStatusRow.statusLabel;
+      }
+      try {
+        const formatted = toolStatusLabelFormatter({
+          toolName: toolStatusRow.toolName,
+          callId: toolStatusRow.callId,
+          status: toolStatusRow.status,
+          args: toolStatusRow.args,
+          defaultLabel: toolStatusRow.statusLabel
+        });
+        if (typeof formatted === "string" && formatted.trim().length > 0) {
+          return formatted.trim();
+        }
+      } catch (_error) {
+      }
+      return toolStatusRow.statusLabel;
+    },
+    [toolStatusLabelFormatter]
+  );
   const renderMarkdownContent = (content, key) => {
     if (!content || !content.trim()) return null;
     if (markdownClass) {
@@ -7591,7 +7685,21 @@ ${traceSummary}` : traceSummary;
       key,
       className: `ai-chat-tool-status-row ai-chat-tool-status-row--${toolStatusRow.status}`
     },
-    /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-tool-status-row__main" }, /* @__PURE__ */ import_react14.default.createElement(ToolIcon, null), /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-tool-status-row__label" }, toolStatusRow.statusLabel), /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-chat-tool-status-row__call-id" }, formatToolCallId(toolStatusRow.callId))),
+    /* @__PURE__ */ import_react14.default.createElement(
+      Tooltip,
+      {
+        content: /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("div", null, toolStatusRow.toolName), /* @__PURE__ */ import_react14.default.createElement("div", null, formatToolCallId(toolStatusRow.callId))),
+        side: "top",
+        delay: 150
+      },
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-tool-status-row__main", title: `${toolStatusRow.toolName} ${toolStatusRow.callId}` }, /* @__PURE__ */ import_react14.default.createElement(ToolIcon, null), /* @__PURE__ */ import_react14.default.createElement(
+        "span",
+        {
+          className: `ai-chat-tool-status-row__label ${toolStatusRow.status === "pending" || toolStatusRow.status === "running" ? "ai-chat-tool-status-row__label--shimmer" : ""}`
+        },
+        resolveToolStatusLabel(toolStatusRow)
+      ))
+    ),
     toolStatusRow.status === "pending" && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-chat-tool-status-row__actions" }, /* @__PURE__ */ import_react14.default.createElement(
       Button,
       {
@@ -7685,7 +7793,8 @@ ${traceSummary}` : traceSummary;
         toolName: marker.toolName,
         callId: marker.callId,
         status: "running",
-        statusLabel: `tool call ${marker.toolName} running`
+        statusLabel: `tool call ${marker.toolName} running`,
+        args: void 0
       };
       if (matchedRow) {
         pendingBySignature.delete(matchedRow.signature);
@@ -7775,6 +7884,7 @@ ${traceSummary}` : traceSummary;
       const entryToolCalls = Array.isArray(entry.toolCalls) ? entry.toolCalls : [];
       const entryToolResponses = Array.isArray(entry.toolResponses) ? entry.toolResponses : [];
       entryToolCalls.forEach((toolCall, toolIndex) => {
+        var _a2, _b, _c;
         const toolName = String((toolCall == null ? void 0 : toolCall.name) || "").trim() || "tool";
         const callId = String((toolCall == null ? void 0 : toolCall.id) || "").trim() || `${toolName}-${toolIndex + 1}`;
         const signature = getToolCallSignature(toolName, callId) || `completed-${prompt}-${toolIndex}-${toolName}-${callId}`;
@@ -7785,11 +7895,15 @@ ${traceSummary}` : traceSummary;
           toolName,
           callId,
           status: isError ? "error" : "completed",
-          statusLabel: isError ? `tool call ${toolName} errored` : `tool call ${toolName} completed`
+          statusLabel: isError ? `tool call ${toolName} errored` : `tool call ${toolName} completed`,
+          args: parseToolArguments(
+            (_c = (_b = (_a2 = toolCall == null ? void 0 : toolCall.input) != null ? _a2 : toolCall == null ? void 0 : toolCall.args) != null ? _b : toolCall == null ? void 0 : toolCall.arguments) != null ? _c : {}
+          ) || void 0
         });
       });
       if (isLastEntry && !justReset) {
         pendingToolRequests.forEach((request, requestIndex) => {
+          var _a2, _b;
           const toolName = String((request == null ? void 0 : request.toolName) || "").trim() || "tool";
           const callId = String((request == null ? void 0 : request.callId) || "").trim() || `${toolName}-pending-${requestIndex + 1}`;
           const signature = getToolCallSignature(toolName, callId) || `pending-${prompt}-${requestIndex}-${toolName}-${callId}`;
@@ -7798,7 +7912,8 @@ ${traceSummary}` : traceSummary;
             toolName,
             callId,
             status: "pending",
-            statusLabel: `tool call ${toolName} awaiting approval`
+            statusLabel: `tool call ${toolName} awaiting approval`,
+            args: parseToolArguments((_b = (_a2 = request == null ? void 0 : request.groups) == null ? void 0 : _a2[2]) != null ? _b : "{}") || void 0
           });
         });
         activeToolCalls.forEach((activeToolCall, activeIndex) => {
@@ -7810,7 +7925,8 @@ ${traceSummary}` : traceSummary;
             toolName,
             callId,
             status: "running",
-            statusLabel: `tool call ${toolName} running`
+            statusLabel: `tool call ${toolName} running`,
+            args: activeToolCall == null ? void 0 : activeToolCall.args
           });
         });
       }
@@ -8054,7 +8170,10 @@ ${traceSummary}` : traceSummary;
         placeholder,
         isBusy: isLoading || !idle,
         onSubmit: continueChat,
+        onQueueSubmit: handleQueuePrompt,
         onStop: handleStop,
+        queuedPrompts,
+        onClearQueuedPrompt: handleClearQueuedPrompt,
         agentOptions,
         currentAgentId,
         onAgentChange,
@@ -8753,7 +8872,8 @@ var ChatPanelWrapper = ({
   resolveMcpAuthHeaders,
   localToolExecutors,
   traceContextMode,
-  autoApproveTools
+  autoApproveTools,
+  toolStatusLabelFormatter
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const convAgentProfile = getAgent(activeConv.agentId);
@@ -8869,7 +8989,8 @@ var ChatPanelWrapper = ({
         resolveMcpAuthHeaders,
         localToolExecutors,
         traceContextMode,
-        autoApproveTools
+        autoApproveTools,
+        toolStatusLabelFormatter
       }
     )
   );
@@ -8956,7 +9077,8 @@ var AIAgentPanel = import_react16.default.forwardRef(({
   resolveMcpAuthHeaders,
   localToolExecutors,
   traceContextMode = "standard",
-  autoApproveTools
+  autoApproveTools,
+  toolStatusLabelFormatter
 }, ref) => {
   var _a, _b, _c, _d;
   (0, import_react16.useEffect)(() => {
@@ -10287,7 +10409,8 @@ var AIAgentPanel = import_react16.default.forwardRef(({
         resolveMcpAuthHeaders,
         localToolExecutors,
         traceContextMode,
-        autoApproveTools
+        autoApproveTools,
+        toolStatusLabelFormatter
       }
     )), loadingConversationId && /* @__PURE__ */ import_react16.default.createElement("div", { className: "ai-agent-panel__conversation-loading-overlay" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ import_react16.default.createElement("p", null, "Loading conversation...")), currentAgentMetadata && activeConversationsList.length === 0 && !loadingConversationId && /* @__PURE__ */ import_react16.default.createElement("div", { className: "ai-agent-panel__empty-chat" }, /* @__PURE__ */ import_react16.default.createElement(MessageIcon, null), /* @__PURE__ */ import_react16.default.createElement("p", null, "Select a conversation or start a new one"), /* @__PURE__ */ import_react16.default.createElement(Button, { variant: "default", size: "sm", onClick: handleNewConversation }, "New Conversation")), agentsLoading && !currentAgentMetadata && /* @__PURE__ */ import_react16.default.createElement("div", { className: "ai-agent-panel__loading" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ import_react16.default.createElement("p", null, "Loading agent..."))),
     /* @__PURE__ */ import_react16.default.createElement(