@dust-tt/sparkle 0.2.273 → 0.2.274
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 +19 -30
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/ConversationMessage.d.ts +1 -2
- package/dist/esm/components/ConversationMessage.d.ts.map +1 -1
- package/dist/esm/components/ConversationMessage.js.map +1 -1
- package/dist/esm/components/ConversationMessageContent.d.ts +1 -2
- package/dist/esm/components/ConversationMessageContent.d.ts.map +1 -1
- package/dist/esm/components/ConversationMessageContent.js +1 -4
- package/dist/esm/components/ConversationMessageContent.js.map +1 -1
- package/dist/esm/components/index.d.ts +0 -2
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/stories/ConversationMessage.stories.d.ts.map +1 -1
- package/dist/esm/stories/ConversationMessage.stories.js +7 -15
- package/dist/esm/stories/ConversationMessage.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ConversationMessage.tsx +1 -2
- package/src/components/ConversationMessageContent.tsx +2 -8
- package/src/components/index.ts +0 -2
- package/src/stories/ConversationMessage.stories.tsx +48 -14
- package/dist/esm/components/ConversationCitationComponent.d.ts +0 -16
- package/dist/esm/components/ConversationCitationComponent.d.ts.map +0 -1
- package/dist/esm/components/ConversationCitationComponent.js +0 -11
- package/dist/esm/components/ConversationCitationComponent.js.map +0 -1
- package/src/components/ConversationCitationComponent.tsx +0 -43
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { ComponentType, MouseEventHandler } from "react";
|
|
2
|
-
import { ConversationCitationType } from "../components/ConversationCitationComponent";
|
|
3
2
|
import { ConversationMessageEmojiSelectorProps } from "../components/ConversationMessageActions";
|
|
4
3
|
export type ConversationMessageSizeType = "compact" | "normal";
|
|
5
4
|
type MessageType = "agent" | "user";
|
|
@@ -12,7 +11,7 @@ type ConversationMessageProps = {
|
|
|
12
11
|
onClick: MouseEventHandler<HTMLButtonElement>;
|
|
13
12
|
}[];
|
|
14
13
|
children?: React.ReactNode;
|
|
15
|
-
citations?:
|
|
14
|
+
citations?: React.ReactElement[];
|
|
16
15
|
messageEmoji?: ConversationMessageEmojiSelectorProps;
|
|
17
16
|
name: string | null;
|
|
18
17
|
pictureUrl?: string | React.ReactNode | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,
|
|
1
|
+
{"version":3,"file":"ConversationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAEL,qCAAqC,EACtC,MAAM,gDAAgD,CAAC;AAKxD,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAYpC,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,EAAE,aAAa,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KAC/C,EAAE,CAAC;IACJ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,qCAAqC,CAAC;IACrD,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,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,IAAI,CAAC,EAAE,2BAA2B,CAAC;IACnC,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,UAEC,EACD,IAAe,EACf,IAAI,GACL,EAAE,wBAAwB,qBA2B1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,0BAA0B,GAE3B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AAC5F,OAAO,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAC;AAC1F,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAMxC,IAAM,kBAAkB,GAAgD;IACtE,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;CAChB,CAAC;AAEF,IAAM,kBAAkB,GAAgC;IACtD,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,EAAE;CACV,CAAC;AAoBF;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAaT;QAZzB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,kBAEC,EAFD,UAAU,mBAAG,UAAC,IAAI,IAAK,OAAA,CACrB,6BAAK,SAAS,EAAC,2BAA2B,IAAE,IAAI,CAAO,CACxD,EAFsB,CAEtB,KAAA,EACD,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,IAAI,UAAA;IAEJ,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,kBAAkB,CAAC,IAAI,CAAC,EACxB,kBAAkB,CAAC,IAAI,CAAC,CACzB;QAED,oBAAC,yBAAyB,IACxB,SAAS,EAAE,UAAU,EACrB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EACvB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,UAAU,GACtB;QAEF,oBAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,IACzD,QAAQ,CACkB;QAE7B,oBAAC,0BAA0B,IACzB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,GAC1B,CACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ConversationCitationType } from "../components/ConversationCitationComponent";
|
|
3
2
|
import { ConversationMessageSizeType } from "../components/ConversationMessage";
|
|
4
3
|
interface ConversationMessageContentProps {
|
|
5
4
|
children: React.ReactNode;
|
|
6
|
-
citations?:
|
|
5
|
+
citations?: React.ReactElement[];
|
|
7
6
|
size: ConversationMessageSizeType;
|
|
8
7
|
}
|
|
9
8
|
export declare function ConversationMessageContent({ children, citations, size, }: ConversationMessageContentProps): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessageContent.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,
|
|
1
|
+
{"version":3,"file":"ConversationMessageContent.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAC;AAGtF,UAAU,+BAA+B;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACjC,IAAI,EAAE,2BAA2B,CAAC;CACnC;AAED,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,+BAA+B,qBA4BjC"}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ConversationCitationComponent, } from "../components/ConversationCitationComponent";
|
|
3
2
|
import { cn } from "../lib/utils";
|
|
4
3
|
export function ConversationMessageContent(_a) {
|
|
5
4
|
var children = _a.children, citations = _a.citations, size = _a.size;
|
|
6
5
|
return (React.createElement("div", { className: cn("s-flex s-flex-col s-justify-stretch", size === "compact" ? "s-gap-3" : "s-gap-4") },
|
|
7
6
|
React.createElement("div", { className: cn("s-px-3 s-font-normal s-text-element-900", size === "compact" ? "s-text-sm" : "s-text-base") }, children),
|
|
8
|
-
citations && (React.createElement("div", { className: cn("s-grid s-gap-2", size === "compact" ? "s-grid-cols-2" : "s-grid-cols-4") }, citations
|
|
9
|
-
return React.createElement(ConversationCitationComponent, { citation: c, key: c.id });
|
|
10
|
-
})))));
|
|
7
|
+
citations && (React.createElement("div", { className: cn("s-grid s-gap-2", size === "compact" ? "s-grid-cols-2" : "s-grid-cols-4") }, citations))));
|
|
11
8
|
}
|
|
12
9
|
//# sourceMappingURL=ConversationMessageContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessageContent.js","sourceRoot":"","sources":["../../../src/components/ConversationMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ConversationMessageContent.js","sourceRoot":"","sources":["../../../src/components/ConversationMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,MAAM,UAAU,0BAA0B,CAAC,EAIT;QAHhC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA;IAEJ,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAC3C;QAED,6BACE,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CACjD,IAEA,QAAQ,CACL;QACL,SAAS,IAAI,CACZ,6BACE,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CACvD,IAEA,SAAS,CACN,CACP,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -15,8 +15,6 @@ export { ColorPicker } from "./ColorPicker";
|
|
|
15
15
|
export { default as ConfettiBackground } from "./ConfettiBackground";
|
|
16
16
|
export { ContentMessage } from "./ContentMessage";
|
|
17
17
|
export { ContextItem } from "./ContextItem";
|
|
18
|
-
export type { ConversationCitationType } from "./ConversationCitationComponent";
|
|
19
|
-
export { ConversationCitationComponent as ConverationCitationComponent } from "./ConversationCitationComponent";
|
|
20
18
|
export type { ConversationMessageSizeType } from "./ConversationMessage";
|
|
21
19
|
export { ConversationMessage } from "./ConversationMessage";
|
|
22
20
|
export type { ConversationMessageEmojiSelectorProps } from "./ConversationMessageActions";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,8BAA8B,GAC/B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,6 @@ export { ColorPicker } from "./ColorPicker";
|
|
|
14
14
|
export { default as ConfettiBackground } from "./ConfettiBackground";
|
|
15
15
|
export { ContentMessage } from "./ContentMessage";
|
|
16
16
|
export { ContextItem } from "./ContextItem";
|
|
17
|
-
export { ConversationCitationComponent as ConverationCitationComponent } from "./ConversationCitationComponent";
|
|
18
17
|
export { ConversationMessage } from "./ConversationMessage";
|
|
19
18
|
export { ConversationMessageActions } from "./ConversationMessageActions";
|
|
20
19
|
export { ConversationMessageContent } from "./ConversationMessageContent";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,8BAA8B,GAC/B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"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;AAE1B,OAAO,
|
|
1
|
+
{"version":3,"file":"ConversationMessage.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ConversationMessage.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,mBAAmB,EAGpB,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,mBAAmB,yBA+I/B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ConversationMessage, MagnifyingGlassIcon, } from "../index_with_tw_base";
|
|
2
|
+
import { Citation, ConversationMessage, MagnifyingGlassIcon, ZoomableImageCitationWrapper, } from "../index_with_tw_base";
|
|
3
3
|
var meta = {
|
|
4
4
|
title: "Modules/ConversationMessage",
|
|
5
5
|
component: ConversationMessage,
|
|
@@ -18,13 +18,9 @@ export var ConversationExample = function () {
|
|
|
18
18
|
onClick: function () { },
|
|
19
19
|
},
|
|
20
20
|
], citations: [
|
|
21
|
-
{
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
isZoomable: false,
|
|
25
|
-
sourceUrl: "https://www.google.com",
|
|
26
|
-
title: "Source: Thread on #general message from @ed",
|
|
27
|
-
},
|
|
21
|
+
React.createElement(Citation, { title: "Source: Thread on #general message from @ed", size: "xs", sizing: "fluid", type: "slack", index: "1", href: "https://www.google.com" }),
|
|
22
|
+
React.createElement(Citation, { title: "Title", type: "github", size: "xs", sizing: "fluid", index: "2", href: "https://www.google.com" }),
|
|
23
|
+
React.createElement(ZoomableImageCitationWrapper, { size: "xs", title: "Title", imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg", alt: "Image" }),
|
|
28
24
|
] }, "To conditionally render the citations only if a citations React node has been passed, you can simply add a conditional check around the block that renders the citations. This can be done using a logical && operator, which will only render the content on its right side if the condition on its left side is true. In this case, the condition is the presence of citations."),
|
|
29
25
|
React.createElement(ConversationMessage, { type: "user", name: "Edouard", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg" }, "In the invitation email to members sent by their companies, I'm trying to write a description of dust. I want it convey that: Dust is the place where they can use AI for productivity Dust is where they can find answers on the knwledge of the company Make 10 proposals of short text")),
|
|
30
26
|
React.createElement("div", { className: "s-w-[400px]" },
|
|
@@ -37,13 +33,9 @@ export var ConversationExample = function () {
|
|
|
37
33
|
onClick: function () { },
|
|
38
34
|
},
|
|
39
35
|
], citations: [
|
|
40
|
-
{
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
isZoomable: false,
|
|
44
|
-
sourceUrl: "https://www.google.com",
|
|
45
|
-
title: "Source: Thread on #general message from @ed",
|
|
46
|
-
},
|
|
36
|
+
React.createElement(Citation, { title: "Source: Thread on #general message from @ed", size: "xs", sizing: "fluid", type: "slack", index: "1", href: "https://www.google.com" }),
|
|
37
|
+
React.createElement(Citation, { title: "Title", type: "github", size: "xs", sizing: "fluid", index: "2", href: "https://www.google.com" }),
|
|
38
|
+
React.createElement(ZoomableImageCitationWrapper, { size: "xs", title: "Title", imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg", alt: "Image" }),
|
|
47
39
|
] }, "To conditionally render the citations only if a citations React node has been passed, you can simply add a conditional check around the block that renders the citations. This can be done using a logical && operator, which will only render the content on its right side if the condition on its left side is true. In this case, the condition is the presence of citations."),
|
|
48
40
|
React.createElement(ConversationMessage, { type: "user", name: "Edouard", pictureUrl: "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg" }, "In the invitation email to members sent by their companies, I'm trying to write a description of dust. I want it convey that: Dust is the place where they can use AI for productivity Dust is where they can find answers on the knwledge of the company Make 10 proposals of short text")))));
|
|
49
41
|
};
|
|
@@ -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,mBAAmB,EACnB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ConversationMessage.stories.js","sourceRoot":"","sources":["../../../src/stories/ConversationMessage.stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { ComponentType, MouseEventHandler } from "react";
|
|
2
2
|
|
|
3
|
-
import { ConversationCitationType } from "@sparkle/components/ConversationCitationComponent";
|
|
4
3
|
import {
|
|
5
4
|
ConversationMessageActions,
|
|
6
5
|
ConversationMessageEmojiSelectorProps,
|
|
@@ -32,7 +31,7 @@ type ConversationMessageProps = {
|
|
|
32
31
|
onClick: MouseEventHandler<HTMLButtonElement>;
|
|
33
32
|
}[];
|
|
34
33
|
children?: React.ReactNode;
|
|
35
|
-
citations?:
|
|
34
|
+
citations?: React.ReactElement[];
|
|
36
35
|
messageEmoji?: ConversationMessageEmojiSelectorProps;
|
|
37
36
|
name: string | null;
|
|
38
37
|
pictureUrl?: string | React.ReactNode | null;
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
ConversationCitationComponent,
|
|
5
|
-
ConversationCitationType,
|
|
6
|
-
} from "@sparkle/components/ConversationCitationComponent";
|
|
7
3
|
import { ConversationMessageSizeType } from "@sparkle/components/ConversationMessage";
|
|
8
4
|
import { cn } from "@sparkle/lib/utils";
|
|
9
5
|
|
|
10
6
|
interface ConversationMessageContentProps {
|
|
11
7
|
children: React.ReactNode;
|
|
12
|
-
citations?:
|
|
8
|
+
citations?: React.ReactElement[];
|
|
13
9
|
size: ConversationMessageSizeType;
|
|
14
10
|
}
|
|
15
11
|
|
|
@@ -40,9 +36,7 @@ export function ConversationMessageContent({
|
|
|
40
36
|
size === "compact" ? "s-grid-cols-2" : "s-grid-cols-4"
|
|
41
37
|
)}
|
|
42
38
|
>
|
|
43
|
-
{citations
|
|
44
|
-
return <ConversationCitationComponent citation={c} key={c.id} />;
|
|
45
|
-
})}
|
|
39
|
+
{citations}
|
|
46
40
|
</div>
|
|
47
41
|
)}
|
|
48
42
|
</div>
|
package/src/components/index.ts
CHANGED
|
@@ -19,8 +19,6 @@ export { ColorPicker } from "./ColorPicker";
|
|
|
19
19
|
export { default as ConfettiBackground } from "./ConfettiBackground";
|
|
20
20
|
export { ContentMessage } from "./ContentMessage";
|
|
21
21
|
export { ContextItem } from "./ContextItem";
|
|
22
|
-
export type { ConversationCitationType } from "./ConversationCitationComponent";
|
|
23
|
-
export { ConversationCitationComponent as ConverationCitationComponent } from "./ConversationCitationComponent";
|
|
24
22
|
export type { ConversationMessageSizeType } from "./ConversationMessage";
|
|
25
23
|
export { ConversationMessage } from "./ConversationMessage";
|
|
26
24
|
export type { ConversationMessageEmojiSelectorProps } from "./ConversationMessageActions";
|
|
@@ -2,8 +2,10 @@ import type { Meta } from "@storybook/react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
|
|
4
4
|
import {
|
|
5
|
+
Citation,
|
|
5
6
|
ConversationMessage,
|
|
6
7
|
MagnifyingGlassIcon,
|
|
8
|
+
ZoomableImageCitationWrapper,
|
|
7
9
|
} from "../index_with_tw_base";
|
|
8
10
|
|
|
9
11
|
const meta = {
|
|
@@ -40,13 +42,29 @@ export const ConversationExample = () => {
|
|
|
40
42
|
},
|
|
41
43
|
]}
|
|
42
44
|
citations={[
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
45
|
+
<Citation
|
|
46
|
+
title="Source: Thread on #general message from @ed"
|
|
47
|
+
size="xs"
|
|
48
|
+
sizing="fluid"
|
|
49
|
+
type="slack"
|
|
50
|
+
index="1"
|
|
51
|
+
href="https://www.google.com"
|
|
52
|
+
/>,
|
|
53
|
+
<Citation
|
|
54
|
+
title="Title"
|
|
55
|
+
type="github"
|
|
56
|
+
size="xs"
|
|
57
|
+
sizing="fluid"
|
|
58
|
+
index="2"
|
|
59
|
+
href="https://www.google.com"
|
|
60
|
+
/>,
|
|
61
|
+
|
|
62
|
+
<ZoomableImageCitationWrapper
|
|
63
|
+
size="xs"
|
|
64
|
+
title="Title"
|
|
65
|
+
imgSrc="https://dust.tt/static/droidavatar/Droid_Lime_1.jpg"
|
|
66
|
+
alt={"Image"}
|
|
67
|
+
/>,
|
|
50
68
|
]}
|
|
51
69
|
>
|
|
52
70
|
To conditionally render the citations only if a citations React node
|
|
@@ -92,13 +110,29 @@ export const ConversationExample = () => {
|
|
|
92
110
|
},
|
|
93
111
|
]}
|
|
94
112
|
citations={[
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
113
|
+
<Citation
|
|
114
|
+
title="Source: Thread on #general message from @ed"
|
|
115
|
+
size="xs"
|
|
116
|
+
sizing="fluid"
|
|
117
|
+
type="slack"
|
|
118
|
+
index="1"
|
|
119
|
+
href="https://www.google.com"
|
|
120
|
+
/>,
|
|
121
|
+
<Citation
|
|
122
|
+
title="Title"
|
|
123
|
+
type="github"
|
|
124
|
+
size="xs"
|
|
125
|
+
sizing="fluid"
|
|
126
|
+
index="2"
|
|
127
|
+
href="https://www.google.com"
|
|
128
|
+
/>,
|
|
129
|
+
|
|
130
|
+
<ZoomableImageCitationWrapper
|
|
131
|
+
size="xs"
|
|
132
|
+
title="Title"
|
|
133
|
+
imgSrc="https://dust.tt/static/droidavatar/Droid_Lime_1.jpg"
|
|
134
|
+
alt={"Image"}
|
|
135
|
+
/>,
|
|
102
136
|
]}
|
|
103
137
|
>
|
|
104
138
|
To conditionally render the citations only if a citations React node
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { CitationType } from "../components/Citation";
|
|
3
|
-
export type ConversationCitationType = {
|
|
4
|
-
avatarSrc?: string;
|
|
5
|
-
citationType: CitationType;
|
|
6
|
-
id: string;
|
|
7
|
-
isZoomable: boolean;
|
|
8
|
-
sourceUrl?: string;
|
|
9
|
-
title: string;
|
|
10
|
-
};
|
|
11
|
-
type ConversationCitationComponentProps = {
|
|
12
|
-
citation: ConversationCitationType;
|
|
13
|
-
};
|
|
14
|
-
export declare function ConversationCitationComponent({ citation, }: ConversationCitationComponentProps): React.JSX.Element;
|
|
15
|
-
export {};
|
|
16
|
-
//# sourceMappingURL=ConversationCitationComponent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationCitationComponent.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationCitationComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,kCAAkC,GAAG;IACxC,QAAQ,EAAE,wBAAwB,CAAC;CACpC,CAAC;AAEF,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,GACT,EAAE,kCAAkC,qBAqBpC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Citation } from "../components/Citation";
|
|
3
|
-
import { ZoomableImageCitationWrapper } from "../components/ZoomableImageCitationWrapper";
|
|
4
|
-
export function ConversationCitationComponent(_a) {
|
|
5
|
-
var citation = _a.citation;
|
|
6
|
-
if (citation.isZoomable && citation.sourceUrl) {
|
|
7
|
-
return (React.createElement(ZoomableImageCitationWrapper, { size: "xs", title: citation.title, imgSrc: citation.sourceUrl, alt: citation.title }));
|
|
8
|
-
}
|
|
9
|
-
return (React.createElement(Citation, { title: citation.title, size: "xs", type: citation.citationType, href: citation.sourceUrl, avatarSrc: citation.avatarSrc }));
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=ConversationCitationComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationCitationComponent.js","sourceRoot":"","sources":["../../../src/components/ConversationCitationComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,4BAA4B,EAAE,MAAM,kDAAkD,CAAC;AAehG,MAAM,UAAU,6BAA6B,CAAC,EAET;QADnC,QAAQ,cAAA;IAER,IAAI,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,SAAS,EAAE,CAAC;QAC9C,OAAO,CACL,oBAAC,4BAA4B,IAC3B,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,MAAM,EAAE,QAAQ,CAAC,SAAS,EAC1B,GAAG,EAAE,QAAQ,CAAC,KAAK,GACnB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,IACP,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,QAAQ,CAAC,YAAY,EAC3B,IAAI,EAAE,QAAQ,CAAC,SAAS,EACxB,SAAS,EAAE,QAAQ,CAAC,SAAS,GAC7B,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
import { Citation } from "@sparkle/components/Citation";
|
|
4
|
-
import { CitationType } from "@sparkle/components/Citation";
|
|
5
|
-
import { ZoomableImageCitationWrapper } from "@sparkle/components/ZoomableImageCitationWrapper";
|
|
6
|
-
|
|
7
|
-
export type ConversationCitationType = {
|
|
8
|
-
avatarSrc?: string;
|
|
9
|
-
citationType: CitationType;
|
|
10
|
-
id: string;
|
|
11
|
-
isZoomable: boolean;
|
|
12
|
-
sourceUrl?: string;
|
|
13
|
-
title: string;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
type ConversationCitationComponentProps = {
|
|
17
|
-
citation: ConversationCitationType;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export function ConversationCitationComponent({
|
|
21
|
-
citation,
|
|
22
|
-
}: ConversationCitationComponentProps) {
|
|
23
|
-
if (citation.isZoomable && citation.sourceUrl) {
|
|
24
|
-
return (
|
|
25
|
-
<ZoomableImageCitationWrapper
|
|
26
|
-
size="xs"
|
|
27
|
-
title={citation.title}
|
|
28
|
-
imgSrc={citation.sourceUrl}
|
|
29
|
-
alt={citation.title}
|
|
30
|
-
/>
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
return (
|
|
35
|
-
<Citation
|
|
36
|
-
title={citation.title}
|
|
37
|
-
size="xs"
|
|
38
|
-
type={citation.citationType}
|
|
39
|
-
href={citation.sourceUrl}
|
|
40
|
-
avatarSrc={citation.avatarSrc}
|
|
41
|
-
/>
|
|
42
|
-
);
|
|
43
|
-
}
|