@hef2024/llmasaservice-ui 0.24.5 → 0.25.0

package/dist/index.css

@@ -1075,6 +1075,13 @@ button[data-pending=true]::after {
   background-color: var(--thinking-block-bg);
   border-color: var(--thinking-block-accent);
 }
+.thinking-block--planning {
+  --thinking-block-accent: #f59e0b;
+  --thinking-block-bg: #fffbeb;
+  --thinking-block-text: #b45309;
+  background-color: var(--thinking-block-bg);
+  border-color: var(--thinking-block-accent);
+}
 .dark-theme .thinking-block--thinking {
   --thinking-block-bg: #1e1b2e;
   --thinking-block-accent: #a78bfa;
@@ -1090,6 +1097,11 @@ button[data-pending=true]::after {
   --thinking-block-accent: #4ade80;
   --thinking-block-text: #86efac;
 }
+.dark-theme .thinking-block--planning {
+  --thinking-block-bg: #2b2111;
+  --thinking-block-accent: #fbbf24;
+  --thinking-block-text: #fcd34d;
+}
 .thinking-block__header {
   display: flex;
   align-items: center;
@@ -3014,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",
@@ -3337,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);
@@ -3365,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;
@@ -4779,6 +4906,13 @@ button[data-pending=true]::after {
   background-color: var(--thinking-block-bg);
   border-color: var(--thinking-block-accent);
 }
+.thinking-block--planning {
+  --thinking-block-accent: #f59e0b;
+  --thinking-block-bg: #fffbeb;
+  --thinking-block-text: #b45309;
+  background-color: var(--thinking-block-bg);
+  border-color: var(--thinking-block-accent);
+}
 .dark-theme .thinking-block--thinking {
   --thinking-block-bg: #1e1b2e;
   --thinking-block-accent: #a78bfa;
@@ -4794,6 +4928,11 @@ button[data-pending=true]::after {
   --thinking-block-accent: #4ade80;
   --thinking-block-text: #86efac;
 }
+.dark-theme .thinking-block--planning {
+  --thinking-block-bg: #2b2111;
+  --thinking-block-accent: #fbbf24;
+  --thinking-block-text: #fcd34d;
+}
 .thinking-block__header {
   display: flex;
   align-items: center;

package/dist/index.d.mts

@@ -181,6 +181,37 @@ 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 {
+    status: PlanningStepStatus;
+    title: string;
+}
+interface ResponseArtifactBlock {
+    type: ArtifactBlockType;
+    content: string;
+    index: number;
+    signature: string;
+    steps?: PlanningStep[];
+}
+interface HistoryEntry {
+    content: string;
+    callId: string;
+    toolCalls?: any[];
+    toolResponses?: any[];
+    artifactBlocks?: ResponseArtifactBlock[];
+    planningBlocks?: ResponseArtifactBlock[];
+}
+type AIChatHistoryEntry = HistoryEntry;
 interface AIChatPanelProps {
     project_id: string;
     initialPrompt?: string;
@@ -198,10 +229,7 @@ interface AIChatPanelProps {
     theme?: 'light' | 'dark';
     url?: string | null;
     service?: string | null;
-    historyChangedCallback?: (history: Record<string, {
-        content: string;
-        callId: string;
-    }>) => void;
+    historyChangedCallback?: (history: Record<string, AIChatHistoryEntry>) => void;
     responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
     onLoadingChange?: (isLoading: boolean) => void;
     promptTemplate?: string;
@@ -220,10 +248,7 @@ interface AIChatPanelProps {
     showPoweredBy?: boolean;
     agent?: string | null;
     conversation?: string | null;
-    initialHistory?: Record<string, {
-        content: string;
-        callId: string;
-    }>;
+    initialHistory?: Record<string, AIChatHistoryEntry>;
     hideRagContextInPrompt?: boolean;
     createConversationOnFirstChat?: boolean;
     autoApproveTools?: boolean | string[];
@@ -262,6 +287,7 @@ interface AIChatPanelProps {
     callToActionEmailSubject?: string;
     customerEmailCaptureMode?: "HIDE" | "OPTIONAL" | "REQUIRED";
     customerEmailCapturePlaceholder?: string;
+    toolStatusLabelFormatter?: ToolStatusLabelFormatter;
 }
 /**
  * Context section for the context viewer
@@ -363,10 +389,7 @@ interface AIAgentPanelProps {
     onAgentSwitch?: (fromAgent: string, toAgent: string) => void;
     onConversationChange?: (conversationId: string) => void;
     onBeforeSend?: (payload: BeforeSendPayload) => Promise<void> | void;
-    historyChangedCallback?: (history: Record<string, {
-        content: string;
-        callId: string;
-    }>) => void;
+    historyChangedCallback?: (history: Record<string, AIChatHistoryEntry>) => void;
     responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
     thumbsUpClick?: (callId: string) => void;
     thumbsDownClick?: (callId: string) => void;
@@ -411,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>>;
 
@@ -638,7 +662,7 @@ interface WordFadeInProps {
  */
 declare const WordFadeIn: React__default.FC<WordFadeInProps>;
 
-type ThinkingBlockType = 'thinking' | 'reasoning' | 'searching';
+type ThinkingBlockType = 'thinking' | 'reasoning' | 'searching' | 'planning';
 interface ThinkingBlockProps {
     type: ThinkingBlockType;
     content: string;
@@ -659,4 +683,4 @@ interface ThinkingBlockProps {
  */
 declare const ThinkingBlock: React__default.FC<ThinkingBlockProps>;
 
-export { AIAgentPanel, type AIAgentPanelProps, _default as AIChatPanel, type AIChatPanelProps, type APIConversationSummary, type AgentContext, type AgentMetadata, AgentPanel, type AgentPanelProps, type AgentProfile, 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 RawContextSection, 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,37 @@ 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 {
+    status: PlanningStepStatus;
+    title: string;
+}
+interface ResponseArtifactBlock {
+    type: ArtifactBlockType;
+    content: string;
+    index: number;
+    signature: string;
+    steps?: PlanningStep[];
+}
+interface HistoryEntry {
+    content: string;
+    callId: string;
+    toolCalls?: any[];
+    toolResponses?: any[];
+    artifactBlocks?: ResponseArtifactBlock[];
+    planningBlocks?: ResponseArtifactBlock[];
+}
+type AIChatHistoryEntry = HistoryEntry;
 interface AIChatPanelProps {
     project_id: string;
     initialPrompt?: string;
@@ -198,10 +229,7 @@ interface AIChatPanelProps {
     theme?: 'light' | 'dark';
     url?: string | null;
     service?: string | null;
-    historyChangedCallback?: (history: Record<string, {
-        content: string;
-        callId: string;
-    }>) => void;
+    historyChangedCallback?: (history: Record<string, AIChatHistoryEntry>) => void;
     responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
     onLoadingChange?: (isLoading: boolean) => void;
     promptTemplate?: string;
@@ -220,10 +248,7 @@ interface AIChatPanelProps {
     showPoweredBy?: boolean;
     agent?: string | null;
     conversation?: string | null;
-    initialHistory?: Record<string, {
-        content: string;
-        callId: string;
-    }>;
+    initialHistory?: Record<string, AIChatHistoryEntry>;
     hideRagContextInPrompt?: boolean;
     createConversationOnFirstChat?: boolean;
     autoApproveTools?: boolean | string[];
@@ -262,6 +287,7 @@ interface AIChatPanelProps {
     callToActionEmailSubject?: string;
     customerEmailCaptureMode?: "HIDE" | "OPTIONAL" | "REQUIRED";
     customerEmailCapturePlaceholder?: string;
+    toolStatusLabelFormatter?: ToolStatusLabelFormatter;
 }
 /**
  * Context section for the context viewer
@@ -363,10 +389,7 @@ interface AIAgentPanelProps {
     onAgentSwitch?: (fromAgent: string, toAgent: string) => void;
     onConversationChange?: (conversationId: string) => void;
     onBeforeSend?: (payload: BeforeSendPayload) => Promise<void> | void;
-    historyChangedCallback?: (history: Record<string, {
-        content: string;
-        callId: string;
-    }>) => void;
+    historyChangedCallback?: (history: Record<string, AIChatHistoryEntry>) => void;
     responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
     thumbsUpClick?: (callId: string) => void;
     thumbsDownClick?: (callId: string) => void;
@@ -411,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>>;
 
@@ -638,7 +662,7 @@ interface WordFadeInProps {
  */
 declare const WordFadeIn: React__default.FC<WordFadeInProps>;
 
-type ThinkingBlockType = 'thinking' | 'reasoning' | 'searching';
+type ThinkingBlockType = 'thinking' | 'reasoning' | 'searching' | 'planning';
 interface ThinkingBlockProps {
     type: ThinkingBlockType;
     content: string;
@@ -659,4 +683,4 @@ interface ThinkingBlockProps {
  */
 declare const ThinkingBlock: React__default.FC<ThinkingBlockProps>;
 
-export { AIAgentPanel, type AIAgentPanelProps, _default as AIChatPanel, type AIChatPanelProps, type APIConversationSummary, type AgentContext, type AgentMetadata, AgentPanel, type AgentPanelProps, type AgentProfile, 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 RawContextSection, 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 };