@hef2024/llmasaservice-ui 0.24.4 → 0.24.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +24 -0
- package/dist/index.d.mts +27 -14
- package/dist/index.d.ts +27 -14
- package/dist/index.js +442 -132
- package/dist/index.mjs +442 -132
- package/index.ts +8 -1
- package/package.json +1 -1
- package/src/AIAgentPanel.tsx +213 -41
- package/src/AIChatPanel.css +14 -0
- package/src/AIChatPanel.tsx +333 -129
- package/src/ChatPanel.css +15 -1
- package/src/ChatPanel.tsx +45 -38
- package/src/components/ui/ThinkingBlock.tsx +25 -1
package/dist/index.css
CHANGED
|
@@ -1075,6 +1075,13 @@ button[data-pending=true]::after {
|
|
|
1075
1075
|
background-color: var(--thinking-block-bg);
|
|
1076
1076
|
border-color: var(--thinking-block-accent);
|
|
1077
1077
|
}
|
|
1078
|
+
.thinking-block--planning {
|
|
1079
|
+
--thinking-block-accent: #f59e0b;
|
|
1080
|
+
--thinking-block-bg: #fffbeb;
|
|
1081
|
+
--thinking-block-text: #b45309;
|
|
1082
|
+
background-color: var(--thinking-block-bg);
|
|
1083
|
+
border-color: var(--thinking-block-accent);
|
|
1084
|
+
}
|
|
1078
1085
|
.dark-theme .thinking-block--thinking {
|
|
1079
1086
|
--thinking-block-bg: #1e1b2e;
|
|
1080
1087
|
--thinking-block-accent: #a78bfa;
|
|
@@ -1090,6 +1097,11 @@ button[data-pending=true]::after {
|
|
|
1090
1097
|
--thinking-block-accent: #4ade80;
|
|
1091
1098
|
--thinking-block-text: #86efac;
|
|
1092
1099
|
}
|
|
1100
|
+
.dark-theme .thinking-block--planning {
|
|
1101
|
+
--thinking-block-bg: #2b2111;
|
|
1102
|
+
--thinking-block-accent: #fbbf24;
|
|
1103
|
+
--thinking-block-text: #fcd34d;
|
|
1104
|
+
}
|
|
1093
1105
|
.thinking-block__header {
|
|
1094
1106
|
display: flex;
|
|
1095
1107
|
align-items: center;
|
|
@@ -4779,6 +4791,13 @@ button[data-pending=true]::after {
|
|
|
4779
4791
|
background-color: var(--thinking-block-bg);
|
|
4780
4792
|
border-color: var(--thinking-block-accent);
|
|
4781
4793
|
}
|
|
4794
|
+
.thinking-block--planning {
|
|
4795
|
+
--thinking-block-accent: #f59e0b;
|
|
4796
|
+
--thinking-block-bg: #fffbeb;
|
|
4797
|
+
--thinking-block-text: #b45309;
|
|
4798
|
+
background-color: var(--thinking-block-bg);
|
|
4799
|
+
border-color: var(--thinking-block-accent);
|
|
4800
|
+
}
|
|
4782
4801
|
.dark-theme .thinking-block--thinking {
|
|
4783
4802
|
--thinking-block-bg: #1e1b2e;
|
|
4784
4803
|
--thinking-block-accent: #a78bfa;
|
|
@@ -4794,6 +4813,11 @@ button[data-pending=true]::after {
|
|
|
4794
4813
|
--thinking-block-accent: #4ade80;
|
|
4795
4814
|
--thinking-block-text: #86efac;
|
|
4796
4815
|
}
|
|
4816
|
+
.dark-theme .thinking-block--planning {
|
|
4817
|
+
--thinking-block-bg: #2b2111;
|
|
4818
|
+
--thinking-block-accent: #fbbf24;
|
|
4819
|
+
--thinking-block-text: #fcd34d;
|
|
4820
|
+
}
|
|
4797
4821
|
.thinking-block__header {
|
|
4798
4822
|
display: flex;
|
|
4799
4823
|
align-items: center;
|
package/dist/index.d.mts
CHANGED
|
@@ -181,6 +181,28 @@ interface LocalToolExecutorContext {
|
|
|
181
181
|
mcpTool: Record<string, unknown> | null;
|
|
182
182
|
}
|
|
183
183
|
type LocalToolExecutor = (args: Record<string, unknown>, context: LocalToolExecutorContext) => Promise<unknown> | unknown;
|
|
184
|
+
type ArtifactBlockType = 'thinking' | 'reasoning' | 'searching' | 'planning';
|
|
185
|
+
type PlanningStepStatus = 'todo' | 'doing' | 'done';
|
|
186
|
+
interface PlanningStep {
|
|
187
|
+
status: PlanningStepStatus;
|
|
188
|
+
title: string;
|
|
189
|
+
}
|
|
190
|
+
interface ResponseArtifactBlock {
|
|
191
|
+
type: ArtifactBlockType;
|
|
192
|
+
content: string;
|
|
193
|
+
index: number;
|
|
194
|
+
signature: string;
|
|
195
|
+
steps?: PlanningStep[];
|
|
196
|
+
}
|
|
197
|
+
interface HistoryEntry {
|
|
198
|
+
content: string;
|
|
199
|
+
callId: string;
|
|
200
|
+
toolCalls?: any[];
|
|
201
|
+
toolResponses?: any[];
|
|
202
|
+
artifactBlocks?: ResponseArtifactBlock[];
|
|
203
|
+
planningBlocks?: ResponseArtifactBlock[];
|
|
204
|
+
}
|
|
205
|
+
type AIChatHistoryEntry = HistoryEntry;
|
|
184
206
|
interface AIChatPanelProps {
|
|
185
207
|
project_id: string;
|
|
186
208
|
initialPrompt?: string;
|
|
@@ -198,10 +220,7 @@ interface AIChatPanelProps {
|
|
|
198
220
|
theme?: 'light' | 'dark';
|
|
199
221
|
url?: string | null;
|
|
200
222
|
service?: string | null;
|
|
201
|
-
historyChangedCallback?: (history: Record<string,
|
|
202
|
-
content: string;
|
|
203
|
-
callId: string;
|
|
204
|
-
}>) => void;
|
|
223
|
+
historyChangedCallback?: (history: Record<string, AIChatHistoryEntry>) => void;
|
|
205
224
|
responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
|
|
206
225
|
onLoadingChange?: (isLoading: boolean) => void;
|
|
207
226
|
promptTemplate?: string;
|
|
@@ -220,10 +239,7 @@ interface AIChatPanelProps {
|
|
|
220
239
|
showPoweredBy?: boolean;
|
|
221
240
|
agent?: string | null;
|
|
222
241
|
conversation?: string | null;
|
|
223
|
-
initialHistory?: Record<string,
|
|
224
|
-
content: string;
|
|
225
|
-
callId: string;
|
|
226
|
-
}>;
|
|
242
|
+
initialHistory?: Record<string, AIChatHistoryEntry>;
|
|
227
243
|
hideRagContextInPrompt?: boolean;
|
|
228
244
|
createConversationOnFirstChat?: boolean;
|
|
229
245
|
autoApproveTools?: boolean | string[];
|
|
@@ -363,10 +379,7 @@ interface AIAgentPanelProps {
|
|
|
363
379
|
onAgentSwitch?: (fromAgent: string, toAgent: string) => void;
|
|
364
380
|
onConversationChange?: (conversationId: string) => void;
|
|
365
381
|
onBeforeSend?: (payload: BeforeSendPayload) => Promise<void> | void;
|
|
366
|
-
historyChangedCallback?: (history: Record<string,
|
|
367
|
-
content: string;
|
|
368
|
-
callId: string;
|
|
369
|
-
}>) => void;
|
|
382
|
+
historyChangedCallback?: (history: Record<string, AIChatHistoryEntry>) => void;
|
|
370
383
|
responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
|
|
371
384
|
thumbsUpClick?: (callId: string) => void;
|
|
372
385
|
thumbsDownClick?: (callId: string) => void;
|
|
@@ -638,7 +651,7 @@ interface WordFadeInProps {
|
|
|
638
651
|
*/
|
|
639
652
|
declare const WordFadeIn: React__default.FC<WordFadeInProps>;
|
|
640
653
|
|
|
641
|
-
type ThinkingBlockType = 'thinking' | 'reasoning' | 'searching';
|
|
654
|
+
type ThinkingBlockType = 'thinking' | 'reasoning' | 'searching' | 'planning';
|
|
642
655
|
interface ThinkingBlockProps {
|
|
643
656
|
type: ThinkingBlockType;
|
|
644
657
|
content: string;
|
|
@@ -659,4 +672,4 @@ interface ThinkingBlockProps {
|
|
|
659
672
|
*/
|
|
660
673
|
declare const ThinkingBlock: React__default.FC<ThinkingBlockProps>;
|
|
661
674
|
|
|
662
|
-
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 };
|
|
675
|
+
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -181,6 +181,28 @@ interface LocalToolExecutorContext {
|
|
|
181
181
|
mcpTool: Record<string, unknown> | null;
|
|
182
182
|
}
|
|
183
183
|
type LocalToolExecutor = (args: Record<string, unknown>, context: LocalToolExecutorContext) => Promise<unknown> | unknown;
|
|
184
|
+
type ArtifactBlockType = 'thinking' | 'reasoning' | 'searching' | 'planning';
|
|
185
|
+
type PlanningStepStatus = 'todo' | 'doing' | 'done';
|
|
186
|
+
interface PlanningStep {
|
|
187
|
+
status: PlanningStepStatus;
|
|
188
|
+
title: string;
|
|
189
|
+
}
|
|
190
|
+
interface ResponseArtifactBlock {
|
|
191
|
+
type: ArtifactBlockType;
|
|
192
|
+
content: string;
|
|
193
|
+
index: number;
|
|
194
|
+
signature: string;
|
|
195
|
+
steps?: PlanningStep[];
|
|
196
|
+
}
|
|
197
|
+
interface HistoryEntry {
|
|
198
|
+
content: string;
|
|
199
|
+
callId: string;
|
|
200
|
+
toolCalls?: any[];
|
|
201
|
+
toolResponses?: any[];
|
|
202
|
+
artifactBlocks?: ResponseArtifactBlock[];
|
|
203
|
+
planningBlocks?: ResponseArtifactBlock[];
|
|
204
|
+
}
|
|
205
|
+
type AIChatHistoryEntry = HistoryEntry;
|
|
184
206
|
interface AIChatPanelProps {
|
|
185
207
|
project_id: string;
|
|
186
208
|
initialPrompt?: string;
|
|
@@ -198,10 +220,7 @@ interface AIChatPanelProps {
|
|
|
198
220
|
theme?: 'light' | 'dark';
|
|
199
221
|
url?: string | null;
|
|
200
222
|
service?: string | null;
|
|
201
|
-
historyChangedCallback?: (history: Record<string,
|
|
202
|
-
content: string;
|
|
203
|
-
callId: string;
|
|
204
|
-
}>) => void;
|
|
223
|
+
historyChangedCallback?: (history: Record<string, AIChatHistoryEntry>) => void;
|
|
205
224
|
responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
|
|
206
225
|
onLoadingChange?: (isLoading: boolean) => void;
|
|
207
226
|
promptTemplate?: string;
|
|
@@ -220,10 +239,7 @@ interface AIChatPanelProps {
|
|
|
220
239
|
showPoweredBy?: boolean;
|
|
221
240
|
agent?: string | null;
|
|
222
241
|
conversation?: string | null;
|
|
223
|
-
initialHistory?: Record<string,
|
|
224
|
-
content: string;
|
|
225
|
-
callId: string;
|
|
226
|
-
}>;
|
|
242
|
+
initialHistory?: Record<string, AIChatHistoryEntry>;
|
|
227
243
|
hideRagContextInPrompt?: boolean;
|
|
228
244
|
createConversationOnFirstChat?: boolean;
|
|
229
245
|
autoApproveTools?: boolean | string[];
|
|
@@ -363,10 +379,7 @@ interface AIAgentPanelProps {
|
|
|
363
379
|
onAgentSwitch?: (fromAgent: string, toAgent: string) => void;
|
|
364
380
|
onConversationChange?: (conversationId: string) => void;
|
|
365
381
|
onBeforeSend?: (payload: BeforeSendPayload) => Promise<void> | void;
|
|
366
|
-
historyChangedCallback?: (history: Record<string,
|
|
367
|
-
content: string;
|
|
368
|
-
callId: string;
|
|
369
|
-
}>) => void;
|
|
382
|
+
historyChangedCallback?: (history: Record<string, AIChatHistoryEntry>) => void;
|
|
370
383
|
responseCompleteCallback?: (callId: string, prompt: string, response: string) => void;
|
|
371
384
|
thumbsUpClick?: (callId: string) => void;
|
|
372
385
|
thumbsDownClick?: (callId: string) => void;
|
|
@@ -638,7 +651,7 @@ interface WordFadeInProps {
|
|
|
638
651
|
*/
|
|
639
652
|
declare const WordFadeIn: React__default.FC<WordFadeInProps>;
|
|
640
653
|
|
|
641
|
-
type ThinkingBlockType = 'thinking' | 'reasoning' | 'searching';
|
|
654
|
+
type ThinkingBlockType = 'thinking' | 'reasoning' | 'searching' | 'planning';
|
|
642
655
|
interface ThinkingBlockProps {
|
|
643
656
|
type: ThinkingBlockType;
|
|
644
657
|
content: string;
|
|
@@ -659,4 +672,4 @@ interface ThinkingBlockProps {
|
|
|
659
672
|
*/
|
|
660
673
|
declare const ThinkingBlock: React__default.FC<ThinkingBlockProps>;
|
|
661
674
|
|
|
662
|
-
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 };
|
|
675
|
+
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 };
|