@dust-tt/sparkle 0.2.636-rc-1 → 0.2.637
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 +1 -5
- package/dist/esm/components/ConversationMessage.d.ts.map +1 -1
- package/dist/esm/components/ConversationMessage.js +7 -10
- package/dist/esm/components/ConversationMessage.js.map +1 -1
- package/dist/esm/components/Dropdown.js +2 -2
- package/dist/esm/components/Dropdown.js.map +1 -1
- package/dist/esm/components/LoadingBlock.js +1 -1
- package/dist/esm/components/LoadingBlock.js.map +1 -1
- package/dist/esm/icons/actions/Atom.js +1 -1
- package/dist/esm/icons/actions/Atom.js.map +1 -1
- package/dist/esm/icons/app/Atom.js +1 -1
- package/dist/esm/icons/app/Atom.js.map +1 -1
- package/dist/esm/stories/ConversationMessage.stories.d.ts +0 -1
- package/dist/esm/stories/ConversationMessage.stories.d.ts.map +1 -1
- package/dist/esm/stories/ConversationMessage.stories.js +1 -26
- package/dist/esm/stories/ConversationMessage.stories.js.map +1 -1
- package/dist/sparkle.css +7 -12
- package/package.json +1 -1
- package/src/components/ConversationMessage.tsx +20 -35
- package/src/components/Dropdown.tsx +4 -4
- package/src/components/LoadingBlock.tsx +1 -1
- package/src/icons/actions/Atom.tsx +1 -1
- package/src/icons/app/Atom.tsx +1 -1
- package/src/stories/ConversationMessage.stories.tsx +0 -106
|
@@ -2,14 +2,11 @@ import type { Meta } from "@storybook/react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
|
|
4
4
|
import {
|
|
5
|
-
ArrowPathIcon,
|
|
6
|
-
AtomIcon,
|
|
7
5
|
Avatar,
|
|
8
6
|
Button,
|
|
9
7
|
Citation,
|
|
10
8
|
CitationIcons,
|
|
11
9
|
CitationTitle,
|
|
12
|
-
ClipboardIcon,
|
|
13
10
|
ClockIcon,
|
|
14
11
|
ConversationContainer,
|
|
15
12
|
ConversationMessage,
|
|
@@ -183,106 +180,3 @@ footnote [^1]
|
|
|
183
180
|
| October 31 | 19 | 10 |
|
|
184
181
|
|
|
185
182
|
`;
|
|
186
|
-
|
|
187
|
-
export const ConversationHandoffExample = () => {
|
|
188
|
-
return (
|
|
189
|
-
<>
|
|
190
|
-
<div className="s-flex s-w-full s-justify-center s-gap-6">
|
|
191
|
-
<ConversationContainer>
|
|
192
|
-
<ConversationMessage
|
|
193
|
-
type="user"
|
|
194
|
-
name="Daph"
|
|
195
|
-
pictureUrl="https://avatars.githubusercontent.com/u/3803406?v=4"
|
|
196
|
-
timestamp="17:09"
|
|
197
|
-
>
|
|
198
|
-
Can you provide an overview of the major frontier language models
|
|
199
|
-
and their specificities. I'm curious about technical details,
|
|
200
|
-
benchmarks, business etc.. I need a complete picture
|
|
201
|
-
</ConversationMessage>
|
|
202
|
-
|
|
203
|
-
<ConversationMessage
|
|
204
|
-
type="agent"
|
|
205
|
-
name="@soupinou"
|
|
206
|
-
pictureUrl="https://avatars.githubusercontent.com/u/138893015?&v=4"
|
|
207
|
-
buttons={[
|
|
208
|
-
<Button
|
|
209
|
-
icon={ClipboardIcon}
|
|
210
|
-
onClick={() => {}}
|
|
211
|
-
size="xs"
|
|
212
|
-
variant={"outline"}
|
|
213
|
-
/>,
|
|
214
|
-
<Button
|
|
215
|
-
icon={ArrowPathIcon}
|
|
216
|
-
onClick={() => {}}
|
|
217
|
-
size="xs"
|
|
218
|
-
variant={"outline"}
|
|
219
|
-
/>,
|
|
220
|
-
]}
|
|
221
|
-
>
|
|
222
|
-
<Markdown
|
|
223
|
-
content={
|
|
224
|
-
"Let me use Deep Dive to explore this comprehensively. I'll need some time to gather all the information."
|
|
225
|
-
}
|
|
226
|
-
/>
|
|
227
|
-
</ConversationMessage>
|
|
228
|
-
|
|
229
|
-
<ConversationMessage
|
|
230
|
-
type="agentHandoff"
|
|
231
|
-
name="Deep Dive"
|
|
232
|
-
renderName={(name) => (
|
|
233
|
-
<span className="s-inline-flex s-items-center s-text-faint dark:s-text-faint-night">
|
|
234
|
-
<Icon
|
|
235
|
-
visual={AtomIcon}
|
|
236
|
-
size="sm"
|
|
237
|
-
className="s-text-element-600 dark:s-text-element-600-dark"
|
|
238
|
-
/>
|
|
239
|
-
<span className="s-ml-1">{name}</span>
|
|
240
|
-
</span>
|
|
241
|
-
)}
|
|
242
|
-
citations={[
|
|
243
|
-
<Citation href="https://www.google.com">
|
|
244
|
-
<CitationIcons>
|
|
245
|
-
<Icon visual={SlackLogo} size="sm" />
|
|
246
|
-
</CitationIcons>
|
|
247
|
-
<CitationTitle>
|
|
248
|
-
Source: Thread on #general message from @ed
|
|
249
|
-
</CitationTitle>
|
|
250
|
-
</Citation>,
|
|
251
|
-
<Citation href="https://www.google.com">
|
|
252
|
-
<CitationIcons>
|
|
253
|
-
<Icon visual={GithubIcon} size="sm" />
|
|
254
|
-
</CitationIcons>
|
|
255
|
-
<CitationTitle>PR from @henry</CitationTitle>
|
|
256
|
-
</Citation>,
|
|
257
|
-
]}
|
|
258
|
-
>
|
|
259
|
-
<Markdown content={handoffAnswer} />
|
|
260
|
-
</ConversationMessage>
|
|
261
|
-
</ConversationContainer>
|
|
262
|
-
</div>
|
|
263
|
-
</>
|
|
264
|
-
);
|
|
265
|
-
};
|
|
266
|
-
|
|
267
|
-
const handoffAnswer = `
|
|
268
|
-
**A Complete Technical Overview of Soupinou: The Frontier Feline Model**
|
|
269
|
-
|
|
270
|
-
Soupinou represents a breakthrough in black cat architecture, featuring a revolutionary single-whisker design that challenges conventional multi-whisker paradigms. This asymmetric sensor configuration demonstrates remarkable efficiency gains in cuddle detection and lap-finding algorithms.
|
|
271
|
-
|
|
272
|
-
**Technical Specifications:**
|
|
273
|
-
- Processing unit: One (1) whisker sensor array
|
|
274
|
-
- Color depth: Maximum black saturation
|
|
275
|
-
- Purr frequency: Variable, optimized for human dopamine release
|
|
276
|
-
- Cuddle latency: Near-zero response time
|
|
277
|
-
|
|
278
|
-
**Benchmark Performance:**
|
|
279
|
-
- Achieves 99.7% accuracy in identifying the exact moment you sit down
|
|
280
|
-
- Outperforms all competitors in the "appearing from nowhere when you're sad" metric
|
|
281
|
-
- Sets new industry standards for selective hearing (responds to treat bags but not "get off the counter")
|
|
282
|
-
|
|
283
|
-
**Business Model:**
|
|
284
|
-
Operates on a simple value exchange - provides unlimited affection in return for food, shelter, and accepting that everything you own now has black fur on it. Market penetration strategy involves strategic placement on keyboards during important work calls.
|
|
285
|
-
|
|
286
|
-
**Limitations:**
|
|
287
|
-
Occasional system crashes when presented with empty food bowl. Single whisker may cause slight navigation errors when squeezing through spaces designed for two-whiskered models.
|
|
288
|
-
`;
|