@dust-tt/sparkle 0.3.7 → 0.3.9
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/cjs/index.js +1 -1
- package/dist/esm/components/ConversationMessage.d.ts +2 -3
- package/dist/esm/components/ConversationMessage.d.ts.map +1 -1
- package/dist/esm/components/ConversationMessage.js +9 -12
- package/dist/esm/components/ConversationMessage.js.map +1 -1
- package/dist/esm/components/NavigationList.d.ts.map +1 -1
- package/dist/esm/components/NavigationList.js +3 -3
- package/dist/esm/components/NavigationList.js.map +1 -1
- package/dist/esm/stories/ConversationMessage.stories.d.ts.map +1 -1
- package/dist/esm/stories/ConversationMessage.stories.js +6 -7
- package/dist/esm/stories/ConversationMessage.stories.js.map +1 -1
- package/dist/sparkle.css +9 -5
- package/package.json +1 -1
- package/src/components/ConversationMessage.tsx +23 -37
- package/src/components/NavigationList.tsx +2 -3
- package/src/stories/ConversationMessage.stories.tsx +11 -22
|
@@ -16,9 +16,9 @@ interface ConversationMessageProps extends React.HTMLAttributes<HTMLDivElement>,
|
|
|
16
16
|
infoChip?: React.ReactNode;
|
|
17
17
|
type: ConversationMessageType;
|
|
18
18
|
}
|
|
19
|
-
export type ConversationMessageType = "user" | "agent"
|
|
19
|
+
export type ConversationMessageType = "user" | "agent";
|
|
20
20
|
declare const messageVariants: (props?: ({
|
|
21
|
-
type?: "user" | "agent" |
|
|
21
|
+
type?: "user" | "agent" | null | undefined;
|
|
22
22
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
23
23
|
/**
|
|
24
24
|
* Parent component for both UserMessage and AgentMessage, to ensure avatar,
|
|
@@ -40,7 +40,6 @@ interface ConversationMessageHeaderProps extends React.HTMLAttributes<HTMLDivEle
|
|
|
40
40
|
completionStatus?: React.ReactNode;
|
|
41
41
|
infoChip?: React.ReactNode;
|
|
42
42
|
renderName: (name: string | null) => React.ReactNode;
|
|
43
|
-
type: ConversationMessageType;
|
|
44
43
|
}
|
|
45
44
|
export declare const ConversationMessageHeader: React.ForwardRefExoticComponent<ConversationMessageHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
46
45
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,MAAM,EAAgB,MAAM,qBAAqB,CAAC;AAGnE,eAAO,MAAM,qBAAqB,6GAkBhC,CAAC;AAIH,UAAU,wBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,uBAAuB,CAAC;CAC/B;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,
|
|
1
|
+
{"version":3,"file":"ConversationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,MAAM,EAAgB,MAAM,qBAAqB,CAAC;AAGnE,eAAO,MAAM,qBAAqB,6GAkBhC,CAAC;AAIH,UAAU,wBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,uBAAuB,CAAC;CAC/B;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,QAAA,MAAM,eAAe;;mFAUnB,CAAC;AAaH;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iGAiD/B,CAAC;AAIF,UAAU,+BACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACjC,IAAI,EAAE,uBAAuB,CAAC;CAC/B;AAED,eAAO,MAAM,0BAA0B,wGAqBrC,CAAC;AAIH,UAAU,8BACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACtD;AAED,eAAO,MAAM,yBAAyB,uGAyDrC,CAAC"}
|
|
@@ -14,7 +14,6 @@ var messageVariants = cva("s-flex s-w-full s-flex-col s-rounded-2xl", {
|
|
|
14
14
|
type: {
|
|
15
15
|
user: "s-bg-muted-background dark:s-bg-muted-background-night s-px-5 s-py-4 s-gap-2",
|
|
16
16
|
agent: "s-w-full s-gap-3",
|
|
17
|
-
agentAsTool: "s-w-full s-gap-5 s-border s-border-border dark:s-border-border-night s-rounded-2xl s-px-5 s-py-5",
|
|
18
17
|
},
|
|
19
18
|
},
|
|
20
19
|
defaultVariants: {
|
|
@@ -26,7 +25,6 @@ var buttonsVariants = cva("s-flex s-justify-start s-gap-2 s-pt-2", {
|
|
|
26
25
|
type: {
|
|
27
26
|
user: "s-justify-end",
|
|
28
27
|
agent: "s-justify-start",
|
|
29
|
-
agentAsTool: "s-justify-start",
|
|
30
28
|
},
|
|
31
29
|
},
|
|
32
30
|
defaultVariants: {
|
|
@@ -41,7 +39,7 @@ export var ConversationMessage = React.forwardRef(function (_a, ref) {
|
|
|
41
39
|
var _b = _a.avatarBusy, avatarBusy = _b === void 0 ? false : _b, buttons = _a.buttons, children = _a.children, citations = _a.citations, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, name = _a.name, timestamp = _a.timestamp, completionStatus = _a.completionStatus, pictureUrl = _a.pictureUrl, _d = _a.renderName, renderName = _d === void 0 ? function (name) { return React.createElement("span", null, name); } : _d, infoChip = _a.infoChip, type = _a.type, className = _a.className, props = __rest(_a, ["avatarBusy", "buttons", "children", "citations", "isDisabled", "name", "timestamp", "completionStatus", "pictureUrl", "renderName", "infoChip", "type", "className"]);
|
|
42
40
|
return (React.createElement("div", { ref: ref, className: "s-group/message" },
|
|
43
41
|
React.createElement("div", __assign({ className: cn(messageVariants({ type: type, className: className })) }, props),
|
|
44
|
-
React.createElement(ConversationMessageHeader, { avatarUrl: pictureUrl, name: name, timestamp: timestamp, completionStatus: completionStatus, isBusy: avatarBusy, isDisabled: isDisabled, renderName: renderName, infoChip: infoChip
|
|
42
|
+
React.createElement(ConversationMessageHeader, { avatarUrl: pictureUrl, name: name, timestamp: timestamp, completionStatus: completionStatus, isBusy: avatarBusy, isDisabled: isDisabled, renderName: renderName, infoChip: infoChip }),
|
|
45
43
|
React.createElement(ConversationMessageContent, { citations: citations, type: type }, children)),
|
|
46
44
|
buttons && (React.createElement("div", { className: cn(buttonsVariants({ type: type, className: className })) }, buttons))));
|
|
47
45
|
});
|
|
@@ -54,16 +52,15 @@ export var ConversationMessageContent = React.forwardRef(function (_a, ref) {
|
|
|
54
52
|
});
|
|
55
53
|
ConversationMessageContent.displayName = "ConversationMessageContent";
|
|
56
54
|
export var ConversationMessageHeader = React.forwardRef(function (_a, ref) {
|
|
57
|
-
var avatarUrl = _a.avatarUrl, isBusy = _a.isBusy, isDisabled = _a.isDisabled, _b = _a.name, name = _b === void 0 ? "" : _b, timestamp = _a.timestamp, infoChip = _a.infoChip,
|
|
55
|
+
var avatarUrl = _a.avatarUrl, isBusy = _a.isBusy, isDisabled = _a.isDisabled, _b = _a.name, name = _b === void 0 ? "" : _b, timestamp = _a.timestamp, infoChip = _a.infoChip, completionStatus = _a.completionStatus, renderName = _a.renderName, className = _a.className, props = __rest(_a, ["avatarUrl", "isBusy", "isDisabled", "name", "timestamp", "infoChip", "completionStatus", "renderName", "className"]);
|
|
58
56
|
return (React.createElement("div", __assign({ ref: ref, className: cn("s-flex s-items-center s-gap-2 s-p-1 @sm/conversation:s-p-0", className) }, props),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
infoChip,
|
|
66
|
-
React.createElement("span", { className: "s-text-xs s-text-muted-foreground dark:s-text-muted-foreground-night" }, timestamp)), completionStatus !== null && completionStatus !== void 0 ? completionStatus : null)));
|
|
57
|
+
React.createElement(Avatar, { className: "@sm:s-hidden", name: name, visual: avatarUrl, busy: isBusy, disabled: isDisabled, size: "xs" }),
|
|
58
|
+
React.createElement(Avatar, { className: "s-hidden @sm:s-flex", name: name, visual: avatarUrl, busy: isBusy, disabled: isDisabled, size: "sm" }),
|
|
59
|
+
React.createElement("div", { className: "s-inline-flex s-w-full s-justify-between s-gap-0.5" },
|
|
60
|
+
React.createElement("div", { className: "s-inline-flex s-items-baseline s-gap-2 s-text-foreground dark:s-text-foreground-night" },
|
|
61
|
+
React.createElement("span", { className: "s-heading-sm" }, renderName(name)),
|
|
62
|
+
React.createElement("span", { className: "s-heading-xs s-text-muted-foreground dark:s-text-muted-foreground-night" }, timestamp),
|
|
63
|
+
infoChip && infoChip), completionStatus !== null && completionStatus !== void 0 ? completionStatus : null)));
|
|
67
64
|
});
|
|
68
65
|
ConversationMessageHeader.displayName = "ConversationMessageHeader";
|
|
69
66
|
//# sourceMappingURL=ConversationMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAU,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAGnD,UAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAChC,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,SAAS,CACV,IACG,KAAK;QAET,6BAAK,SAAS,EAAC,yGAAyG,IACrH,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAqB5D,IAAM,eAAe,GAAG,GAAG,CAAC,0CAA0C,EAAE;IACtE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,8EAA8E;YACpF,KAAK,EAAE,kBAAkB;
|
|
1
|
+
{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationList.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,gBAAgB,EAGjB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"NavigationList.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,gBAAgB,EAGjB,MAAM,sBAAsB,CAAC;AAgC9B,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/C;AACD,QAAA,MAAM,cAAc,qLAgBlB,CAAC;AAGH,UAAU,uBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;CACxC;AAED,QAAA,MAAM,kBAAkB,gGA4FvB,CAAC;AAGF,UAAU,6BACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,wBAAwB,sGAkB5B,CAAC;AAGH,QAAA,MAAM,aAAa;;;mFAiBjB,CAAC;AAMH,UAAU,wBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,mBAAmB,iGAevB,CAAC;AAIH,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,GACpB,CAAC"}
|
|
@@ -9,7 +9,7 @@ var NavigationListItemStyles = cva(cn("s-box-border s-flex s-items-center s-w-fu
|
|
|
9
9
|
variants: {
|
|
10
10
|
state: {
|
|
11
11
|
active: "active:s-bg-primary-150 dark:active:s-bg-primary-200-night",
|
|
12
|
-
selected: cn("s-text-foreground dark:s-text-foreground-night", "s-
|
|
12
|
+
selected: cn("s-text-foreground dark:s-text-foreground-night", "s-bg-primary-100 dark:s-bg-primary-200-night"),
|
|
13
13
|
unselected: "s-text-muted-foreground dark:s-text-muted-foreground-night",
|
|
14
14
|
},
|
|
15
15
|
},
|
|
@@ -72,7 +72,7 @@ var variantStyles = cva("", {
|
|
|
72
72
|
secondary: "s-text-muted-foreground dark:s-text-muted-foreground-night",
|
|
73
73
|
},
|
|
74
74
|
isSticky: {
|
|
75
|
-
true: cn("s-sticky s-top-0 s-z-10 s-
|
|
75
|
+
true: cn("s-sticky s-top-0 s-z-10 s-bg-background dark:s-bg-muted-background-night", "s-border-border dark:s-border-border-night"),
|
|
76
76
|
},
|
|
77
77
|
},
|
|
78
78
|
defaultVariants: {
|
|
@@ -80,7 +80,7 @@ var variantStyles = cva("", {
|
|
|
80
80
|
isSticky: false,
|
|
81
81
|
},
|
|
82
82
|
});
|
|
83
|
-
var labelStyles = cva("s-pt-4 s-pb-2 s-heading-xs s-whitespace-nowrap s-overflow-hidden s-text-ellipsis");
|
|
83
|
+
var labelStyles = cva("s-pt-4 s-pb-2 s-pl-3 s-heading-xs s-whitespace-nowrap s-overflow-hidden s-text-ellipsis");
|
|
84
84
|
var NavigationListLabel = React.forwardRef(function (_a, ref) {
|
|
85
85
|
var className = _a.className, variant = _a.variant, label = _a.label, isSticky = _a.isSticky, props = __rest(_a, ["className", "variant", "label", "isSticky"]);
|
|
86
86
|
return (React.createElement("div", __assign({ ref: ref, className: cn(labelStyles(), variantStyles({ variant: variant, isSticky: isSticky }), className) }, props), label));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationList.js","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,WAAW,EAEX,UAAU,EACV,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,wBAAwB,GAAG,GAAG,CAClC,EAAE,CACA,sFAAsF,EACtF,uGAAuG,EACvG,uCAAuC,EACvC,4FAA4F,EAC5F,4DAA4D,EAC5D,0DAA0D,CAC3D,EACD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,4DAA4D;YACpE,QAAQ,EAAE,EAAE,CACV,gDAAgD,EAChD,
|
|
1
|
+
{"version":3,"file":"NavigationList.js","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessage.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ConversationMessage.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ConversationMessage.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ConversationMessage.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,QAAA,MAAM,IAAI;;CAEkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,mBAAmB,yBA6F/B,CAAC;AAiEF,eAAO,MAAM,0BAA0B,yBAyEtC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ArrowPathIcon,
|
|
2
|
+
import { ArrowPathIcon, BoltIcon, Button, ChevronRightIcon, Citation, CitationIcons, CitationTitle, ClipboardIcon, ConversationContainer, ConversationMessage, GithubIcon, HandThumbDownIcon, HandThumbUpIcon, Icon, Markdown, SlackLogo, TableIcon, } from "../index_with_tw_base";
|
|
3
3
|
var meta = {
|
|
4
4
|
title: "Modules/ConversationMessage",
|
|
5
5
|
};
|
|
@@ -13,7 +13,8 @@ export var ConversationExample = function () {
|
|
|
13
13
|
React.createElement(CitationIcons, null,
|
|
14
14
|
React.createElement(Icon, { visual: TableIcon, size: "sm" })),
|
|
15
15
|
React.createElement(CitationTitle, null, "Title")),
|
|
16
|
-
], infoChip: React.createElement(
|
|
16
|
+
], infoChip: React.createElement("span", { className: "s-translate-y-1 s-text-muted-foreground dark:s-text-muted-foreground-night" },
|
|
17
|
+
React.createElement(Icon, { size: "xs", visual: BoltIcon })) }, "I only want to show citations if a citations reactnode has been passed"),
|
|
17
18
|
React.createElement(ConversationMessage, { type: "agent", name: "@agent", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg", buttons: [
|
|
18
19
|
React.createElement(Button, { icon: HandThumbUpIcon, onClick: function () { }, size: "xs", variant: "outline" }),
|
|
19
20
|
React.createElement(Button, { icon: HandThumbDownIcon, onClick: function () { }, size: "xs", variant: "outline" }),
|
|
@@ -42,11 +43,9 @@ export var ConversationHandoffExample = function () {
|
|
|
42
43
|
React.createElement(Button, { icon: ArrowPathIcon, onClick: function () { }, size: "xs", variant: "outline" }),
|
|
43
44
|
] },
|
|
44
45
|
React.createElement(Markdown, { content: "Let me use Deep Dive to explore this comprehensively. I'll need some time to gather all the information." })),
|
|
45
|
-
React.createElement(ConversationMessage, {
|
|
46
|
-
React.createElement(
|
|
47
|
-
React.createElement(
|
|
48
|
-
console.log("soupinou");
|
|
49
|
-
}, label: "Completed in 9 min 30 sec", size: "xs", variant: "outline" }), citations: [
|
|
46
|
+
React.createElement(ConversationMessage, { name: "@deep-dive", type: "agent", completionStatus: React.createElement("span", { className: "s-flex s-cursor-pointer s-items-center s-gap-1 s-text-xs" },
|
|
47
|
+
React.createElement("span", null, "Completed in 9 min 30 sec"),
|
|
48
|
+
React.createElement(Icon, { visual: ChevronRightIcon, size: "xs" })), citations: [
|
|
50
49
|
React.createElement(Citation, { href: "https://www.google.com" },
|
|
51
50
|
React.createElement(CitationIcons, null,
|
|
52
51
|
React.createElement(Icon, { visual: SlackLogo, size: "sm" })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessage.stories.js","sourceRoot":"","sources":["../../../src/stories/ConversationMessage.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,
|
|
1
|
+
{"version":3,"file":"ConversationMessage.stories.js","sourceRoot":"","sources":["../../../src/stories/ConversationMessage.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/sparkle.css
CHANGED
|
@@ -1971,6 +1971,11 @@ select {
|
|
|
1971
1971
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1972
1972
|
}
|
|
1973
1973
|
|
|
1974
|
+
.s-translate-y-1 {
|
|
1975
|
+
--tw-translate-y: 0.25rem;
|
|
1976
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1977
|
+
}
|
|
1978
|
+
|
|
1974
1979
|
.s-translate-y-\[-50\%\] {
|
|
1975
1980
|
--tw-translate-y: -50%;
|
|
1976
1981
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -4309,11 +4314,6 @@ select {
|
|
|
4309
4314
|
padding-bottom: 1rem;
|
|
4310
4315
|
}
|
|
4311
4316
|
|
|
4312
|
-
.s-py-5 {
|
|
4313
|
-
padding-top: 1.25rem;
|
|
4314
|
-
padding-bottom: 1.25rem;
|
|
4315
|
-
}
|
|
4316
|
-
|
|
4317
4317
|
.s-py-8 {
|
|
4318
4318
|
padding-top: 2rem;
|
|
4319
4319
|
padding-bottom: 2rem;
|
|
@@ -4359,6 +4359,10 @@ select {
|
|
|
4359
4359
|
padding-left: 0.625rem;
|
|
4360
4360
|
}
|
|
4361
4361
|
|
|
4362
|
+
.s-pl-3 {
|
|
4363
|
+
padding-left: 0.75rem;
|
|
4364
|
+
}
|
|
4365
|
+
|
|
4362
4366
|
.s-pl-4 {
|
|
4363
4367
|
padding-left: 1rem;
|
|
4364
4368
|
}
|
package/package.json
CHANGED
|
@@ -43,15 +43,13 @@ interface ConversationMessageProps
|
|
|
43
43
|
type: ConversationMessageType;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
export type ConversationMessageType = "user" | "agent"
|
|
46
|
+
export type ConversationMessageType = "user" | "agent";
|
|
47
47
|
|
|
48
48
|
const messageVariants = cva("s-flex s-w-full s-flex-col s-rounded-2xl", {
|
|
49
49
|
variants: {
|
|
50
50
|
type: {
|
|
51
51
|
user: "s-bg-muted-background dark:s-bg-muted-background-night s-px-5 s-py-4 s-gap-2",
|
|
52
52
|
agent: "s-w-full s-gap-3",
|
|
53
|
-
agentAsTool:
|
|
54
|
-
"s-w-full s-gap-5 s-border s-border-border dark:s-border-border-night s-rounded-2xl s-px-5 s-py-5",
|
|
55
53
|
},
|
|
56
54
|
},
|
|
57
55
|
defaultVariants: {
|
|
@@ -64,7 +62,6 @@ const buttonsVariants = cva("s-flex s-justify-start s-gap-2 s-pt-2", {
|
|
|
64
62
|
type: {
|
|
65
63
|
user: "s-justify-end",
|
|
66
64
|
agent: "s-justify-start",
|
|
67
|
-
agentAsTool: "s-justify-start",
|
|
68
65
|
},
|
|
69
66
|
},
|
|
70
67
|
defaultVariants: {
|
|
@@ -110,7 +107,6 @@ export const ConversationMessage = React.forwardRef<
|
|
|
110
107
|
isDisabled={isDisabled}
|
|
111
108
|
renderName={renderName}
|
|
112
109
|
infoChip={infoChip}
|
|
113
|
-
type={type}
|
|
114
110
|
/>
|
|
115
111
|
|
|
116
112
|
<ConversationMessageContent citations={citations} type={type}>
|
|
@@ -149,9 +145,7 @@ export const ConversationMessageContent = React.forwardRef<
|
|
|
149
145
|
)}
|
|
150
146
|
{...props}
|
|
151
147
|
>
|
|
152
|
-
<div
|
|
153
|
-
className="s-text-base s-text-foreground dark:s-text-foreground-night"
|
|
154
|
-
>
|
|
148
|
+
<div className="s-text-base s-text-foreground dark:s-text-foreground-night">
|
|
155
149
|
{children}
|
|
156
150
|
</div>
|
|
157
151
|
{citations && citations.length > 0 && (
|
|
@@ -173,7 +167,6 @@ interface ConversationMessageHeaderProps
|
|
|
173
167
|
completionStatus?: React.ReactNode;
|
|
174
168
|
infoChip?: React.ReactNode;
|
|
175
169
|
renderName: (name: string | null) => React.ReactNode;
|
|
176
|
-
type: ConversationMessageType;
|
|
177
170
|
}
|
|
178
171
|
|
|
179
172
|
export const ConversationMessageHeader = React.forwardRef<
|
|
@@ -188,7 +181,6 @@ export const ConversationMessageHeader = React.forwardRef<
|
|
|
188
181
|
name = "",
|
|
189
182
|
timestamp,
|
|
190
183
|
infoChip,
|
|
191
|
-
type,
|
|
192
184
|
completionStatus,
|
|
193
185
|
renderName,
|
|
194
186
|
className,
|
|
@@ -205,35 +197,29 @@ export const ConversationMessageHeader = React.forwardRef<
|
|
|
205
197
|
)}
|
|
206
198
|
{...props}
|
|
207
199
|
>
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
<div className="s-flex s-w-full s-flex-row s-justify-between s-gap-0.5">
|
|
229
|
-
<div
|
|
230
|
-
className="s-heading-sm s-text-foreground dark:s-text-foreground-night s-flex s-flex-row s-items-center s-gap-2"
|
|
231
|
-
>
|
|
232
|
-
{renderName(name)}
|
|
233
|
-
{infoChip}
|
|
234
|
-
<span className="s-text-xs s-text-muted-foreground dark:s-text-muted-foreground-night">
|
|
200
|
+
<Avatar
|
|
201
|
+
className="@sm:s-hidden"
|
|
202
|
+
name={name}
|
|
203
|
+
visual={avatarUrl}
|
|
204
|
+
busy={isBusy}
|
|
205
|
+
disabled={isDisabled}
|
|
206
|
+
size="xs"
|
|
207
|
+
/>
|
|
208
|
+
<Avatar
|
|
209
|
+
className="s-hidden @sm:s-flex"
|
|
210
|
+
name={name}
|
|
211
|
+
visual={avatarUrl}
|
|
212
|
+
busy={isBusy}
|
|
213
|
+
disabled={isDisabled}
|
|
214
|
+
size="sm"
|
|
215
|
+
/>
|
|
216
|
+
<div className="s-inline-flex s-w-full s-justify-between s-gap-0.5">
|
|
217
|
+
<div className="s-inline-flex s-items-baseline s-gap-2 s-text-foreground dark:s-text-foreground-night">
|
|
218
|
+
<span className="s-heading-sm">{renderName(name)}</span>
|
|
219
|
+
<span className="s-heading-xs s-text-muted-foreground dark:s-text-muted-foreground-night">
|
|
235
220
|
{timestamp}
|
|
236
221
|
</span>
|
|
222
|
+
{infoChip && infoChip}
|
|
237
223
|
</div>
|
|
238
224
|
{completionStatus ?? null}
|
|
239
225
|
</div>
|
|
@@ -27,7 +27,6 @@ const NavigationListItemStyles = cva(
|
|
|
27
27
|
active: "active:s-bg-primary-150 dark:active:s-bg-primary-200-night",
|
|
28
28
|
selected: cn(
|
|
29
29
|
"s-text-foreground dark:s-text-foreground-night",
|
|
30
|
-
"s-font-medium",
|
|
31
30
|
"s-bg-primary-100 dark:s-bg-primary-200-night"
|
|
32
31
|
),
|
|
33
32
|
unselected:
|
|
@@ -201,7 +200,7 @@ const variantStyles = cva("", {
|
|
|
201
200
|
},
|
|
202
201
|
isSticky: {
|
|
203
202
|
true: cn(
|
|
204
|
-
"s-sticky s-top-0 s-z-10 s-
|
|
203
|
+
"s-sticky s-top-0 s-z-10 s-bg-background dark:s-bg-muted-background-night",
|
|
205
204
|
"s-border-border dark:s-border-border-night"
|
|
206
205
|
),
|
|
207
206
|
},
|
|
@@ -213,7 +212,7 @@ const variantStyles = cva("", {
|
|
|
213
212
|
});
|
|
214
213
|
|
|
215
214
|
const labelStyles = cva(
|
|
216
|
-
"s-pt-4 s-pb-2 s-heading-xs s-whitespace-nowrap s-overflow-hidden s-text-ellipsis"
|
|
215
|
+
"s-pt-4 s-pb-2 s-pl-3 s-heading-xs s-whitespace-nowrap s-overflow-hidden s-text-ellipsis"
|
|
217
216
|
);
|
|
218
217
|
|
|
219
218
|
interface NavigationListLabelProps
|
|
@@ -3,15 +3,13 @@ import React from "react";
|
|
|
3
3
|
|
|
4
4
|
import {
|
|
5
5
|
ArrowPathIcon,
|
|
6
|
-
|
|
7
|
-
Avatar,
|
|
6
|
+
BoltIcon,
|
|
8
7
|
Button,
|
|
8
|
+
ChevronRightIcon,
|
|
9
9
|
Citation,
|
|
10
10
|
CitationIcons,
|
|
11
11
|
CitationTitle,
|
|
12
12
|
ClipboardIcon,
|
|
13
|
-
ClockIcon,
|
|
14
|
-
CommandLineIcon,
|
|
15
13
|
ConversationContainer,
|
|
16
14
|
ConversationMessage,
|
|
17
15
|
GithubIcon,
|
|
@@ -48,7 +46,9 @@ export const ConversationExample = () => {
|
|
|
48
46
|
</Citation>,
|
|
49
47
|
]}
|
|
50
48
|
infoChip={
|
|
51
|
-
<
|
|
49
|
+
<span className="s-translate-y-1 s-text-muted-foreground dark:s-text-muted-foreground-night">
|
|
50
|
+
<Icon size="xs" visual={BoltIcon} />
|
|
51
|
+
</span>
|
|
52
52
|
}
|
|
53
53
|
>
|
|
54
54
|
I only want to show citations if a citations reactnode has been
|
|
@@ -227,24 +227,13 @@ export const ConversationHandoffExample = () => {
|
|
|
227
227
|
/>
|
|
228
228
|
</ConversationMessage>
|
|
229
229
|
<ConversationMessage
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
renderName={(name) => (
|
|
233
|
-
<span className="s-inline-flex s-items-center s-text-muted-foreground dark:s-text-muted-foreground-night">
|
|
234
|
-
<Icon visual={AtomIcon} size="sm" />
|
|
235
|
-
<span className="s-ml-1">{name}</span>
|
|
236
|
-
</span>
|
|
237
|
-
)}
|
|
230
|
+
name="@deep-dive"
|
|
231
|
+
type="agent"
|
|
238
232
|
completionStatus={
|
|
239
|
-
<
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
}}
|
|
244
|
-
label="Completed in 9 min 30 sec"
|
|
245
|
-
size="xs"
|
|
246
|
-
variant={"outline"}
|
|
247
|
-
/>
|
|
233
|
+
<span className="s-flex s-cursor-pointer s-items-center s-gap-1 s-text-xs">
|
|
234
|
+
<span>Completed in 9 min 30 sec</span>
|
|
235
|
+
<Icon visual={ChevronRightIcon} size="xs" />
|
|
236
|
+
</span>
|
|
248
237
|
}
|
|
249
238
|
citations={[
|
|
250
239
|
<Citation href="https://www.google.com">
|