@docyrus/ui-pro-ai-assistant 0.3.8 → 0.4.0
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/README.md +1 -0
- package/dist/components/assistant-animations.d.ts +4 -7
- package/dist/components/input-area.d.ts +1 -0
- package/dist/docy-assistant.d.ts +1 -1
- package/dist/index.js +180 -71
- package/dist/index.js.map +1 -1
- package/dist/styles.css +60 -9
- package/dist/types/index.d.ts +1 -0
- package/dist/views/assistant-view.d.ts +4 -1
- package/dist/views/chat-panel.d.ts +5 -2
- package/dist/views/message-list.d.ts +2 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -560,6 +560,9 @@
|
|
|
560
560
|
.-mx-1 {
|
|
561
561
|
margin-inline: calc(var(--spacing) * -1);
|
|
562
562
|
}
|
|
563
|
+
.-mx-2 {
|
|
564
|
+
margin-inline: calc(var(--spacing) * -2);
|
|
565
|
+
}
|
|
563
566
|
.-mx-3 {
|
|
564
567
|
margin-inline: calc(var(--spacing) * -3);
|
|
565
568
|
}
|
|
@@ -719,6 +722,9 @@
|
|
|
719
722
|
.-mb-1 {
|
|
720
723
|
margin-bottom: calc(var(--spacing) * -1);
|
|
721
724
|
}
|
|
725
|
+
.-mb-2 {
|
|
726
|
+
margin-bottom: calc(var(--spacing) * -2);
|
|
727
|
+
}
|
|
722
728
|
.-mb-px {
|
|
723
729
|
margin-bottom: -1px;
|
|
724
730
|
}
|
|
@@ -1026,6 +1032,9 @@
|
|
|
1026
1032
|
.h-12 {
|
|
1027
1033
|
height: calc(var(--spacing) * 12);
|
|
1028
1034
|
}
|
|
1035
|
+
.h-14 {
|
|
1036
|
+
height: calc(var(--spacing) * 14);
|
|
1037
|
+
}
|
|
1029
1038
|
.h-16 {
|
|
1030
1039
|
height: calc(var(--spacing) * 16);
|
|
1031
1040
|
}
|
|
@@ -1221,9 +1230,6 @@
|
|
|
1221
1230
|
.min-h-10 {
|
|
1222
1231
|
min-height: calc(var(--spacing) * 10);
|
|
1223
1232
|
}
|
|
1224
|
-
.min-h-12 {
|
|
1225
|
-
min-height: calc(var(--spacing) * 12);
|
|
1226
|
-
}
|
|
1227
1233
|
.min-h-16 {
|
|
1228
1234
|
min-height: calc(var(--spacing) * 16);
|
|
1229
1235
|
}
|
|
@@ -1341,6 +1347,9 @@
|
|
|
1341
1347
|
.w-13 {
|
|
1342
1348
|
width: calc(var(--spacing) * 13);
|
|
1343
1349
|
}
|
|
1350
|
+
.w-14 {
|
|
1351
|
+
width: calc(var(--spacing) * 14);
|
|
1352
|
+
}
|
|
1344
1353
|
.w-16 {
|
|
1345
1354
|
width: calc(var(--spacing) * 16);
|
|
1346
1355
|
}
|
|
@@ -1545,6 +1554,9 @@
|
|
|
1545
1554
|
.max-w-\[700px\] {
|
|
1546
1555
|
max-width: 700px;
|
|
1547
1556
|
}
|
|
1557
|
+
.max-w-\[720px\] {
|
|
1558
|
+
max-width: 720px;
|
|
1559
|
+
}
|
|
1548
1560
|
.max-w-\[calc\(100\%-2rem\)\] {
|
|
1549
1561
|
max-width: calc(100% - 2rem);
|
|
1550
1562
|
}
|
|
@@ -1777,6 +1789,12 @@
|
|
|
1777
1789
|
--tw-translate-y: calc(-50% - 2px);
|
|
1778
1790
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1779
1791
|
}
|
|
1792
|
+
.scale-50 {
|
|
1793
|
+
--tw-scale-x: 50%;
|
|
1794
|
+
--tw-scale-y: 50%;
|
|
1795
|
+
--tw-scale-z: 50%;
|
|
1796
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
1797
|
+
}
|
|
1780
1798
|
.rotate-0 {
|
|
1781
1799
|
rotate: 0deg;
|
|
1782
1800
|
}
|
|
@@ -2617,6 +2635,12 @@
|
|
|
2617
2635
|
.bg-input {
|
|
2618
2636
|
background-color: var(--input);
|
|
2619
2637
|
}
|
|
2638
|
+
.bg-input\/20 {
|
|
2639
|
+
background-color: var(--input);
|
|
2640
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2641
|
+
background-color: color-mix(in oklab, var(--input) 20%, transparent);
|
|
2642
|
+
}
|
|
2643
|
+
}
|
|
2620
2644
|
.bg-input\/30 {
|
|
2621
2645
|
background-color: var(--input);
|
|
2622
2646
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -6382,12 +6406,6 @@
|
|
|
6382
6406
|
z-index: 10;
|
|
6383
6407
|
}
|
|
6384
6408
|
}
|
|
6385
|
-
.focus\:border-none {
|
|
6386
|
-
&:focus {
|
|
6387
|
-
--tw-border-style: none;
|
|
6388
|
-
border-style: none;
|
|
6389
|
-
}
|
|
6390
|
-
}
|
|
6391
6409
|
.focus\:bg-accent {
|
|
6392
6410
|
&:focus {
|
|
6393
6411
|
background-color: var(--accent);
|
|
@@ -9878,6 +9896,16 @@
|
|
|
9878
9896
|
}
|
|
9879
9897
|
}
|
|
9880
9898
|
}
|
|
9899
|
+
.\[\&_\*\]\:my-0 {
|
|
9900
|
+
& * {
|
|
9901
|
+
margin-block: calc(var(--spacing) * 0);
|
|
9902
|
+
}
|
|
9903
|
+
}
|
|
9904
|
+
.\[\&_\*\+\*\]\:mt-2 {
|
|
9905
|
+
& *+* {
|
|
9906
|
+
margin-top: calc(var(--spacing) * 2);
|
|
9907
|
+
}
|
|
9908
|
+
}
|
|
9881
9909
|
.\[\&_\.katex-display\]\:my-0 {
|
|
9882
9910
|
& .katex-display {
|
|
9883
9911
|
margin-block: calc(var(--spacing) * 0);
|
|
@@ -10222,6 +10250,11 @@
|
|
|
10222
10250
|
}
|
|
10223
10251
|
}
|
|
10224
10252
|
}
|
|
10253
|
+
.\[\&_h4\]\:text-foreground {
|
|
10254
|
+
& h4 {
|
|
10255
|
+
color: var(--foreground);
|
|
10256
|
+
}
|
|
10257
|
+
}
|
|
10225
10258
|
.\[\&_img\]\:size-full {
|
|
10226
10259
|
& img {
|
|
10227
10260
|
width: 100%;
|
|
@@ -11518,6 +11551,21 @@
|
|
|
11518
11551
|
inherits: false;
|
|
11519
11552
|
initial-value: 0;
|
|
11520
11553
|
}
|
|
11554
|
+
@property --tw-scale-x {
|
|
11555
|
+
syntax: "*";
|
|
11556
|
+
inherits: false;
|
|
11557
|
+
initial-value: 1;
|
|
11558
|
+
}
|
|
11559
|
+
@property --tw-scale-y {
|
|
11560
|
+
syntax: "*";
|
|
11561
|
+
inherits: false;
|
|
11562
|
+
initial-value: 1;
|
|
11563
|
+
}
|
|
11564
|
+
@property --tw-scale-z {
|
|
11565
|
+
syntax: "*";
|
|
11566
|
+
inherits: false;
|
|
11567
|
+
initial-value: 1;
|
|
11568
|
+
}
|
|
11521
11569
|
@property --tw-rotate-x {
|
|
11522
11570
|
syntax: "*";
|
|
11523
11571
|
inherits: false;
|
|
@@ -11836,6 +11884,9 @@
|
|
|
11836
11884
|
--tw-translate-x: 0;
|
|
11837
11885
|
--tw-translate-y: 0;
|
|
11838
11886
|
--tw-translate-z: 0;
|
|
11887
|
+
--tw-scale-x: 1;
|
|
11888
|
+
--tw-scale-y: 1;
|
|
11889
|
+
--tw-scale-z: 1;
|
|
11839
11890
|
--tw-rotate-x: initial;
|
|
11840
11891
|
--tw-rotate-y: initial;
|
|
11841
11892
|
--tw-rotate-z: initial;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -217,6 +217,7 @@ export interface DocyAssistantProps {
|
|
|
217
217
|
enableNavDropdown?: boolean;
|
|
218
218
|
enableVoice?: boolean;
|
|
219
219
|
enableMicrophone?: boolean;
|
|
220
|
+
enableWelcomePage?: boolean;
|
|
220
221
|
maxMessages?: number;
|
|
221
222
|
tenantAiAgentId: string;
|
|
222
223
|
onMessageSend?: (message: string) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ChangeEvent, type FC, type FormEvent, type ReactNode, type Ref } from 'react';
|
|
2
|
-
import { type InitialFeatureFlags, type ToolActionEvent, type Work } from '../types';
|
|
2
|
+
import { type AssistantSession, type InitialFeatureFlags, type ToolActionEvent, type Work } from '../types';
|
|
3
3
|
interface AssistantViewCommonProps {
|
|
4
4
|
messages: any[];
|
|
5
5
|
isLoading: boolean;
|
|
@@ -31,6 +31,9 @@ interface AssistantViewCommonProps {
|
|
|
31
31
|
recognition?: any;
|
|
32
32
|
onMicrophoneClick?: () => void;
|
|
33
33
|
onToolAction?: (event: ToolActionEvent) => void;
|
|
34
|
+
showWelcome?: boolean;
|
|
35
|
+
recentSessions?: AssistantSession[];
|
|
36
|
+
onSessionClick?: (session: AssistantSession) => void;
|
|
34
37
|
threadId?: string;
|
|
35
38
|
initialModelId?: string;
|
|
36
39
|
initialFeatures?: InitialFeatureFlags;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ChangeEvent, type FormEvent, type ReactNode } from 'react';
|
|
2
|
-
import { type InitialFeatureFlags, type ToolActionEvent } from '../types';
|
|
2
|
+
import { type AssistantSession, type InitialFeatureFlags, type ToolActionEvent } from '../types';
|
|
3
3
|
export interface CanvasViewOptions {
|
|
4
4
|
type: string;
|
|
5
5
|
id: string;
|
|
@@ -51,8 +51,11 @@ export interface ChatPanelProps {
|
|
|
51
51
|
renderThreadHeader?: () => ReactNode;
|
|
52
52
|
messagesClassName?: string;
|
|
53
53
|
compactToolbar?: boolean;
|
|
54
|
+
showWelcome?: boolean;
|
|
55
|
+
recentSessions?: AssistantSession[];
|
|
56
|
+
onSessionClick?: (session: AssistantSession) => void;
|
|
54
57
|
threadId?: string;
|
|
55
58
|
initialModelId?: string;
|
|
56
59
|
initialFeatures?: InitialFeatureFlags;
|
|
57
60
|
}
|
|
58
|
-
export declare function ChatPanel({ messages, isLoading, input, onInputChange, onSendMessage, onStop, logo, userPhoto, userDisplayName, description, title, welcomeMessage, isLoadingAgent, placeholder, footerText, supportFiles, supportWebSearch, supportDocumentSearch, supportDeepResearch, supportThinking, supportWorkCanvas, supportMultiModels, deploymentId, tenantAiAgentId, enableMicrophone, enableVoice, isRecording, recognition, onMicrophoneClick, onToolAction, openCanvasView, onSendSpreadsheetCommands: _onSendSpreadsheetCommands, renderThreadHeader, messagesClassName, compactToolbar, threadId, initialModelId, initialFeatures }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
export declare function ChatPanel({ messages, isLoading, input, onInputChange, onSendMessage, onStop, logo, userPhoto, userDisplayName, description, title, welcomeMessage, isLoadingAgent, placeholder, footerText, supportFiles, supportWebSearch, supportDocumentSearch, supportDeepResearch, supportThinking, supportWorkCanvas, supportMultiModels, deploymentId, tenantAiAgentId, enableMicrophone, enableVoice, isRecording, recognition, onMicrophoneClick, onToolAction, openCanvasView, onSendSpreadsheetCommands: _onSendSpreadsheetCommands, renderThreadHeader, messagesClassName, compactToolbar, showWelcome, recentSessions, onSessionClick, threadId, initialModelId, initialFeatures }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,6 +10,7 @@ interface MessageListProps {
|
|
|
10
10
|
title?: string;
|
|
11
11
|
welcomeMessage?: string;
|
|
12
12
|
isLoadingAgent?: boolean;
|
|
13
|
+
agentId?: string;
|
|
13
14
|
className?: string;
|
|
14
15
|
agents?: any[];
|
|
15
16
|
onToolAction?: (event: ToolActionEvent) => void;
|
|
@@ -27,5 +28,5 @@ interface MessageListProps {
|
|
|
27
28
|
state?: string;
|
|
28
29
|
}) => void;
|
|
29
30
|
}
|
|
30
|
-
export declare const MessageList: import("react").MemoExoticComponent<({ messages, isLoading, logo, userPhoto, userDisplayName, description, title, welcomeMessage, isLoadingAgent, className, agents, onToolAction, openCanvasView, onForwardToAgent, onUseWorkResult }: MessageListProps) => import("react/jsx-runtime").JSX.Element>;
|
|
31
|
+
export declare const MessageList: import("react").MemoExoticComponent<({ messages, isLoading, logo, userPhoto, userDisplayName, description, title, welcomeMessage, isLoadingAgent, agentId, className, agents, onToolAction, openCanvasView, onForwardToAgent, onUseWorkResult }: MessageListProps) => import("react/jsx-runtime").JSX.Element>;
|
|
31
32
|
export {};
|
package/package.json
CHANGED