@devalok/shilp-sutra 0.27.2 → 0.29.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/dist/_chunks/badge-group.js +299 -0
- package/dist/_chunks/framer.js +1915 -1980
- package/dist/_chunks/keybinding.js +4 -5
- package/dist/_chunks/primitives.js +3198 -3272
- package/dist/_chunks/sonner.js +29 -31
- package/dist/_chunks/stat-row.js +110 -131
- package/dist/_chunks/tiptap.js +42 -78
- package/dist/_chunks/tree-view.js +138 -149
- package/dist/_chunks/typing-indicator.js +565 -0
- package/dist/_chunks/use-calendar.js +416 -439
- package/dist/_chunks/vendor-client.js +977 -814
- package/dist/_chunks/vendor-utils.js +5 -5
- package/dist/ai/block-renderer.js +22 -22
- package/dist/ai/blocks/loading.d.ts.map +1 -1
- package/dist/ai/command-bar.d.ts.map +1 -1
- package/dist/ai/command-bar.js +241 -263
- package/dist/ai/conversation.d.ts.map +1 -1
- package/dist/ai/conversation.js +87 -107
- package/dist/composed/activity-feed.d.ts +2 -0
- package/dist/composed/activity-feed.d.ts.map +1 -1
- package/dist/composed/activity-feed.js +118 -90
- package/dist/composed/avatar-group.d.ts +1 -0
- package/dist/composed/avatar-group.d.ts.map +1 -1
- package/dist/composed/avatar-group.js +91 -67
- package/dist/composed/bulk-action-bar.d.ts.map +1 -1
- package/dist/composed/bulk-action-bar.js +29 -28
- package/dist/composed/command-palette.d.ts.map +1 -1
- package/dist/composed/command-palette.js +99 -113
- package/dist/composed/content-card.js +1 -1
- package/dist/composed/date-picker/calendar-grid.d.ts.map +1 -1
- package/dist/composed/date-picker/date-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/date-range-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/date-time-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/time-picker.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.js +29 -28
- package/dist/composed/error-boundary.d.ts.map +1 -1
- package/dist/composed/error-boundary.js +30 -27
- package/dist/composed/extensions/file-attachment.d.ts.map +1 -1
- package/dist/composed/file-preview.d.ts.map +1 -1
- package/dist/composed/file-preview.js +261 -271
- package/dist/composed/filter-bar.d.ts.map +1 -1
- package/dist/composed/filter-bar.js +49 -48
- package/dist/composed/form-section.d.ts.map +1 -1
- package/dist/composed/form-section.js +12 -11
- package/dist/composed/global-loading.js +1 -1
- package/dist/composed/index.js +63 -63
- package/dist/composed/inline-edit.d.ts.map +1 -1
- package/dist/composed/inline-edit.js +55 -54
- package/dist/composed/markdown-viewer.d.ts.map +1 -1
- package/dist/composed/markdown-viewer.js +44 -43
- package/dist/composed/master-detail.d.ts.map +1 -1
- package/dist/composed/master-detail.js +35 -34
- package/dist/composed/multi-select-popover.d.ts.map +1 -1
- package/dist/composed/multi-select-popover.js +64 -64
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-header.js +31 -37
- package/dist/composed/priority-indicator.d.ts.map +1 -1
- package/dist/composed/priority-indicator.js +37 -36
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +287 -306
- package/dist/composed/schedule-view.js +62 -62
- package/dist/composed/status-badge.d.ts +4 -2
- package/dist/composed/status-badge.d.ts.map +1 -1
- package/dist/composed/status-badge.js +58 -45
- package/dist/shell/app-command-palette.d.ts.map +1 -1
- package/dist/shell/app-command-palette.js +93 -93
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +21 -20
- package/dist/shell/index.js +18 -18
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +96 -95
- package/dist/shell/notification-preferences.d.ts.map +1 -1
- package/dist/shell/notification-preferences.js +82 -85
- package/dist/shell/sidebar.js +59 -60
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js +103 -103
- package/dist/tailwind/index.cjs +37 -4
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +38 -5
- package/dist/tokens/primitives.css +10 -0
- package/dist/tokens/semantic.css +70 -7
- package/dist/ui/accordion.d.ts +5 -2
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +44 -39
- package/dist/ui/alert-dialog.js +57 -57
- package/dist/ui/alert.d.ts +1 -1
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +30 -29
- package/dist/ui/aspect-ratio.js +4 -4
- package/dist/ui/autocomplete.js +56 -56
- package/dist/ui/avatar.js +2 -2
- package/dist/ui/badge-group.d.ts +22 -0
- package/dist/ui/badge-group.d.ts.map +1 -0
- package/dist/ui/badge-group.js +8 -0
- package/dist/ui/badge-indicator.d.ts +32 -0
- package/dist/ui/badge-indicator.d.ts.map +1 -0
- package/dist/ui/badge-indicator.js +54 -0
- package/dist/ui/badge.d.ts +27 -24
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +13 -129
- package/dist/ui/banner.d.ts +1 -1
- package/dist/ui/banner.d.ts.map +1 -1
- package/dist/ui/banner.js +27 -26
- package/dist/ui/breadcrumb.d.ts.map +1 -1
- package/dist/ui/breadcrumb.js +37 -36
- package/dist/ui/button-group.d.ts +12 -6
- package/dist/ui/button-group.d.ts.map +1 -1
- package/dist/ui/button-group.js +18 -18
- package/dist/ui/button-processing.d.ts +15 -0
- package/dist/ui/button-processing.d.ts.map +1 -0
- package/dist/ui/button-processing.js +77 -0
- package/dist/ui/button.d.ts +50 -25
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +243 -127
- package/dist/ui/card.js +20 -21
- package/dist/ui/charts/index.js +499 -508
- package/dist/ui/chat/date-separator.d.ts +12 -0
- package/dist/ui/chat/date-separator.d.ts.map +1 -0
- package/dist/ui/chat/index.d.ts +9 -0
- package/dist/ui/chat/index.d.ts.map +1 -0
- package/dist/ui/chat/index.js +12 -0
- package/dist/ui/chat/message-input.d.ts +16 -0
- package/dist/ui/chat/message-input.d.ts.map +1 -0
- package/dist/ui/chat/message-list.d.ts +24 -0
- package/dist/ui/chat/message-list.d.ts.map +1 -0
- package/dist/ui/chat/message.d.ts +108 -0
- package/dist/ui/chat/message.d.ts.map +1 -0
- package/dist/ui/chat/system-message.d.ts +11 -0
- package/dist/ui/chat/system-message.d.ts.map +1 -0
- package/dist/ui/chat/typing-indicator.d.ts +14 -0
- package/dist/ui/chat/typing-indicator.d.ts.map +1 -0
- package/dist/ui/chat/unread-separator.d.ts +12 -0
- package/dist/ui/chat/unread-separator.d.ts.map +1 -0
- package/dist/ui/checkbox.js +18 -18
- package/dist/ui/chip.d.ts +13 -62
- package/dist/ui/chip.d.ts.map +1 -1
- package/dist/ui/chip.js +10 -109
- package/dist/ui/collapsible.js +4 -4
- package/dist/ui/color-input.d.ts +19 -5
- package/dist/ui/color-input.d.ts.map +1 -1
- package/dist/ui/color-input.js +371 -79
- package/dist/ui/color-swatch.js +11 -11
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +74 -80
- package/dist/ui/context-menu.d.ts.map +1 -1
- package/dist/ui/context-menu.js +86 -85
- package/dist/ui/data-table-toolbar.d.ts.map +1 -1
- package/dist/ui/data-table-toolbar.js +51 -57
- package/dist/ui/data-table.d.ts.map +1 -1
- package/dist/ui/data-table.js +268 -296
- package/dist/ui/devalok-grain.d.ts +81 -0
- package/dist/ui/devalok-grain.d.ts.map +1 -0
- package/dist/ui/devalok-grain.js +69 -0
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +73 -72
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/dropdown-menu.js +93 -92
- package/dist/ui/file-upload.d.ts.map +1 -1
- package/dist/ui/file-upload.js +82 -82
- package/dist/ui/hover-card.js +29 -29
- package/dist/ui/icon-button.d.ts +7 -7
- package/dist/ui/icon-button.d.ts.map +1 -1
- package/dist/ui/icon-context.d.ts +15 -0
- package/dist/ui/icon-context.d.ts.map +1 -0
- package/dist/ui/icon-context.js +20 -0
- package/dist/ui/icon-group.d.ts +22 -0
- package/dist/ui/icon-group.d.ts.map +1 -0
- package/dist/ui/icon-group.js +32 -0
- package/dist/ui/icon.d.ts +57 -0
- package/dist/ui/icon.d.ts.map +1 -0
- package/dist/ui/icon.js +122 -0
- package/dist/ui/index.d.ts +8 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +351 -329
- package/dist/ui/input-otp.d.ts.map +1 -1
- package/dist/ui/input-otp.js +21 -20
- package/dist/ui/input.d.ts +32 -11
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/input.js +149 -44
- package/dist/ui/label.js +1 -1
- package/dist/ui/lib/motion.d.ts +2 -0
- package/dist/ui/lib/motion.d.ts.map +1 -1
- package/dist/ui/lib/motion.js +13 -11
- package/dist/ui/lib/utils.js +1 -1
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +87 -86
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +23 -28
- package/dist/ui/number-input.d.ts.map +1 -1
- package/dist/ui/number-input.js +54 -53
- package/dist/ui/pagination.d.ts.map +1 -1
- package/dist/ui/pagination.js +45 -44
- package/dist/ui/popover.js +30 -30
- package/dist/ui/progress.d.ts +3 -1
- package/dist/ui/progress.d.ts.map +1 -1
- package/dist/ui/progress.js +43 -39
- package/dist/ui/radio.js +1 -1
- package/dist/ui/search-input.d.ts.map +1 -1
- package/dist/ui/search-input.js +47 -60
- package/dist/ui/segmented-control.js +1 -1
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +54 -53
- package/dist/ui/separator.js +5 -5
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +46 -45
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +196 -193
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/slider.js +1 -1
- package/dist/ui/spinner.js +74 -74
- package/dist/ui/stat-card.d.ts.map +1 -1
- package/dist/ui/stat-card.js +85 -86
- package/dist/ui/switch.d.ts +3 -0
- package/dist/ui/switch.d.ts.map +1 -1
- package/dist/ui/switch.js +40 -26
- package/dist/ui/tabs.js +43 -43
- package/dist/ui/text.js +1 -1
- package/dist/ui/textarea.js +10 -10
- package/dist/ui/toast.d.ts.map +1 -1
- package/dist/ui/toast.js +169 -169
- package/dist/ui/toggle-group.js +1 -1
- package/dist/ui/toggle.js +5 -5
- package/dist/ui/tooltip.js +41 -41
- package/dist/ui/tree-view/tree-item.d.ts.map +1 -1
- package/docs/components/_header.md +4 -4
- package/docs/components/composed/activity-feed.md +7 -0
- package/docs/components/composed/avatar-group.md +8 -5
- package/docs/components/composed/status-badge.md +14 -1
- package/docs/components/ui/accordion.md +5 -2
- package/docs/components/ui/badge-group.md +38 -0
- package/docs/components/ui/badge-indicator.md +40 -0
- package/docs/components/ui/badge.md +36 -5
- package/docs/components/ui/button-processing.md +15 -0
- package/docs/components/ui/button.md +40 -11
- package/docs/components/ui/chat.md +214 -0
- package/docs/components/ui/color-input.md +58 -4
- package/docs/components/ui/data-table.md +3 -0
- package/docs/components/ui/devalok-grain.md +55 -0
- package/docs/components/ui/icon-button.md +12 -5
- package/docs/components/ui/icon-context.md +38 -0
- package/docs/components/ui/icon-group.md +36 -0
- package/docs/components/ui/icon.md +47 -0
- package/docs/components/ui/input.md +32 -6
- package/docs/components/ui/progress.md +5 -0
- package/docs/components/ui/spinner.md +3 -0
- package/docs/components/ui/switch.md +13 -0
- package/llms-full.txt +724 -44
- package/llms.txt +38 -19
- package/package.json +8 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/ai/conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/ai/conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAIhB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAA;IAChD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmND,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,YAAoB,EACpB,eAAe,EACf,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAiB,EACjB,SAAS,GACV,EAAE,mBAAmB,2CAwHrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
package/dist/ai/conversation.js
CHANGED
|
@@ -1,136 +1,118 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import * as
|
|
2
|
+
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import * as a from "react";
|
|
4
4
|
import { IconCircle as T, IconCircleX as O, IconLoader2 as S, IconCircleCheck as L } from "@tabler/icons-react";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { Icon as f } from "../ui/icon.js";
|
|
6
|
+
import { cn as w } from "../ui/lib/utils.js";
|
|
7
|
+
import { springs as B } from "../ui/lib/motion.js";
|
|
7
8
|
import { u as U } from "../_chunks/motion-provider.js";
|
|
8
9
|
import { BlockRenderer as V } from "./block-renderer.js";
|
|
9
10
|
import { useAICommand as $ } from "./ai-command-provider.js";
|
|
10
|
-
import { A as
|
|
11
|
-
function
|
|
11
|
+
import { A as D, m as l } from "../_chunks/framer.js";
|
|
12
|
+
function F({ status: t }) {
|
|
12
13
|
switch (t) {
|
|
13
14
|
case "done":
|
|
14
|
-
return /* @__PURE__ */ e(
|
|
15
|
-
L,
|
|
16
|
-
{
|
|
17
|
-
className: "h-4 w-4 text-success-11",
|
|
18
|
-
"aria-hidden": "true"
|
|
19
|
-
}
|
|
20
|
-
);
|
|
15
|
+
return /* @__PURE__ */ e(f, { icon: L, size: "sm", className: "text-success-11" });
|
|
21
16
|
case "active":
|
|
22
17
|
return /* @__PURE__ */ e(
|
|
23
|
-
|
|
18
|
+
l.span,
|
|
24
19
|
{
|
|
25
|
-
className: "inline-flex
|
|
20
|
+
className: "inline-flex items-center justify-center text-accent-9",
|
|
26
21
|
animate: { rotate: 360 },
|
|
27
22
|
transition: { repeat: 1 / 0, duration: 1, ease: "linear" },
|
|
28
23
|
"aria-hidden": "true",
|
|
29
|
-
children: /* @__PURE__ */ e(
|
|
24
|
+
children: /* @__PURE__ */ e(f, { icon: S, size: "sm" })
|
|
30
25
|
}
|
|
31
26
|
);
|
|
32
27
|
case "error":
|
|
33
|
-
return /* @__PURE__ */ e(
|
|
34
|
-
O,
|
|
35
|
-
{
|
|
36
|
-
className: "h-4 w-4 text-error-11",
|
|
37
|
-
"aria-hidden": "true"
|
|
38
|
-
}
|
|
39
|
-
);
|
|
40
|
-
case "pending":
|
|
28
|
+
return /* @__PURE__ */ e(f, { icon: O, size: "sm", className: "text-error-11" });
|
|
41
29
|
default:
|
|
42
|
-
return /* @__PURE__ */ e(
|
|
43
|
-
T,
|
|
44
|
-
{
|
|
45
|
-
className: "h-4 w-4 text-surface-fg-subtle opacity-50",
|
|
46
|
-
"aria-hidden": "true"
|
|
47
|
-
}
|
|
48
|
-
);
|
|
30
|
+
return /* @__PURE__ */ e(f, { icon: T, size: "sm", className: "text-surface-fg-subtle opacity-50" });
|
|
49
31
|
}
|
|
50
32
|
}
|
|
51
|
-
function
|
|
33
|
+
function b({
|
|
52
34
|
name: t,
|
|
53
35
|
icon: n
|
|
54
36
|
}) {
|
|
55
|
-
return /* @__PURE__ */
|
|
37
|
+
return /* @__PURE__ */ c("div", { className: "flex items-center gap-ds-02b mb-ds-03", children: [
|
|
56
38
|
n && /* @__PURE__ */ e("span", { className: "h-4 w-4 flex items-center justify-center", children: n }),
|
|
57
39
|
/* @__PURE__ */ e("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: t })
|
|
58
40
|
] });
|
|
59
41
|
}
|
|
60
|
-
function
|
|
42
|
+
function G({
|
|
61
43
|
message: t,
|
|
62
44
|
reducedMotion: n
|
|
63
45
|
}) {
|
|
64
46
|
return n ? /* @__PURE__ */ e("div", { className: "bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04", children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg", children: t.content }) }) : /* @__PURE__ */ e(
|
|
65
|
-
|
|
47
|
+
l.div,
|
|
66
48
|
{
|
|
67
49
|
className: "bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04",
|
|
68
50
|
initial: { opacity: 0, y: 8 },
|
|
69
51
|
animate: { opacity: 1, y: 0 },
|
|
70
|
-
transition:
|
|
52
|
+
transition: B.snappy,
|
|
71
53
|
children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg", children: t.content })
|
|
72
54
|
}
|
|
73
55
|
);
|
|
74
56
|
}
|
|
75
|
-
function
|
|
57
|
+
function P({
|
|
76
58
|
message: t,
|
|
77
59
|
agent: n,
|
|
78
|
-
onAction:
|
|
79
|
-
customBlocks:
|
|
60
|
+
onAction: o,
|
|
61
|
+
customBlocks: s
|
|
80
62
|
}) {
|
|
81
|
-
return /* @__PURE__ */
|
|
82
|
-
/* @__PURE__ */ e(
|
|
63
|
+
return /* @__PURE__ */ c("div", { children: [
|
|
64
|
+
/* @__PURE__ */ e(b, { name: n.name, icon: n.icon }),
|
|
83
65
|
t.blocks && /* @__PURE__ */ e(
|
|
84
66
|
V,
|
|
85
67
|
{
|
|
86
68
|
blocks: t.blocks,
|
|
87
|
-
onAction:
|
|
88
|
-
customBlocks:
|
|
69
|
+
onAction: o,
|
|
70
|
+
customBlocks: s
|
|
89
71
|
}
|
|
90
72
|
)
|
|
91
73
|
] });
|
|
92
74
|
}
|
|
93
|
-
function
|
|
75
|
+
function X({
|
|
94
76
|
steps: t,
|
|
95
77
|
agent: n,
|
|
96
|
-
reducedMotion:
|
|
78
|
+
reducedMotion: o
|
|
97
79
|
}) {
|
|
98
|
-
return t && t.length > 0 ? /* @__PURE__ */
|
|
99
|
-
/* @__PURE__ */ e(
|
|
100
|
-
/* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-02b", children: t.map((
|
|
101
|
-
|
|
80
|
+
return t && t.length > 0 ? /* @__PURE__ */ c("div", { role: "status", "aria-busy": "true", "aria-label": "Processing", children: [
|
|
81
|
+
/* @__PURE__ */ e(b, { name: n.name, icon: n.icon }),
|
|
82
|
+
/* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-02b", children: t.map((s, p) => /* @__PURE__ */ c(
|
|
83
|
+
l.div,
|
|
102
84
|
{
|
|
103
85
|
className: "flex items-center gap-ds-02b",
|
|
104
|
-
initial:
|
|
86
|
+
initial: o ? void 0 : { opacity: 0, x: -8 },
|
|
105
87
|
animate: { opacity: 1, x: 0 },
|
|
106
|
-
transition:
|
|
88
|
+
transition: o ? { duration: 0 } : { duration: 0.2, delay: p * 0.05 },
|
|
107
89
|
children: [
|
|
108
|
-
/* @__PURE__ */ e(
|
|
90
|
+
/* @__PURE__ */ e(F, { status: s.status }),
|
|
109
91
|
/* @__PURE__ */ e(
|
|
110
92
|
"span",
|
|
111
93
|
{
|
|
112
|
-
className:
|
|
94
|
+
className: w(
|
|
113
95
|
"text-ds-sm",
|
|
114
|
-
|
|
96
|
+
s.status === "pending" ? "text-surface-fg-subtle" : "text-surface-fg"
|
|
115
97
|
),
|
|
116
|
-
children:
|
|
98
|
+
children: s.label
|
|
117
99
|
}
|
|
118
100
|
)
|
|
119
101
|
]
|
|
120
102
|
},
|
|
121
|
-
|
|
103
|
+
s.id
|
|
122
104
|
)) })
|
|
123
|
-
] }) : /* @__PURE__ */
|
|
105
|
+
] }) : /* @__PURE__ */ c(
|
|
124
106
|
"div",
|
|
125
107
|
{
|
|
126
108
|
role: "status",
|
|
127
109
|
"aria-busy": "true",
|
|
128
110
|
"aria-label": `${n.name} is processing`,
|
|
129
111
|
children: [
|
|
130
|
-
/* @__PURE__ */ e(
|
|
131
|
-
/* @__PURE__ */
|
|
132
|
-
!
|
|
133
|
-
|
|
112
|
+
/* @__PURE__ */ e(b, { name: n.name, icon: n.icon }),
|
|
113
|
+
/* @__PURE__ */ c("div", { className: "flex items-center gap-ds-02", children: [
|
|
114
|
+
!o && [0, 1, 2].map((s) => /* @__PURE__ */ e(
|
|
115
|
+
l.span,
|
|
134
116
|
{
|
|
135
117
|
className: "h-1.5 w-1.5 rounded-full bg-accent-9",
|
|
136
118
|
animate: { scale: [1, 1.4, 1], opacity: [0.4, 1, 0.4] },
|
|
@@ -138,12 +120,12 @@ function P({
|
|
|
138
120
|
duration: 1.4,
|
|
139
121
|
repeat: 1 / 0,
|
|
140
122
|
ease: "easeInOut",
|
|
141
|
-
delay:
|
|
123
|
+
delay: s * 0.16
|
|
142
124
|
}
|
|
143
125
|
},
|
|
144
|
-
|
|
126
|
+
s
|
|
145
127
|
)),
|
|
146
|
-
/* @__PURE__ */
|
|
128
|
+
/* @__PURE__ */ c("span", { className: "ml-ds-02b text-ds-sm text-surface-fg-subtle", children: [
|
|
147
129
|
n.name,
|
|
148
130
|
" is thinking..."
|
|
149
131
|
] })
|
|
@@ -152,9 +134,9 @@ function P({
|
|
|
152
134
|
}
|
|
153
135
|
);
|
|
154
136
|
}
|
|
155
|
-
function
|
|
156
|
-
return /* @__PURE__ */
|
|
157
|
-
|
|
137
|
+
function _({ onClick: t }) {
|
|
138
|
+
return /* @__PURE__ */ c(
|
|
139
|
+
l.button,
|
|
158
140
|
{
|
|
159
141
|
role: "button",
|
|
160
142
|
"aria-label": "Scroll to latest response",
|
|
@@ -162,7 +144,7 @@ function X({ onClick: t }) {
|
|
|
162
144
|
initial: { opacity: 0, y: 8 },
|
|
163
145
|
animate: { opacity: 1, y: 0 },
|
|
164
146
|
exit: { opacity: 0, y: 8 },
|
|
165
|
-
transition:
|
|
147
|
+
transition: B.snappy,
|
|
166
148
|
onClick: t,
|
|
167
149
|
children: [
|
|
168
150
|
"↓",
|
|
@@ -171,85 +153,83 @@ function X({ onClick: t }) {
|
|
|
171
153
|
}
|
|
172
154
|
);
|
|
173
155
|
}
|
|
174
|
-
const
|
|
175
|
-
function
|
|
156
|
+
const q = { name: "Assistant" };
|
|
157
|
+
function ne({
|
|
176
158
|
messages: t,
|
|
177
159
|
isProcessing: n = !1,
|
|
178
|
-
processingSteps:
|
|
179
|
-
agent:
|
|
160
|
+
processingSteps: o,
|
|
161
|
+
agent: s,
|
|
180
162
|
onAction: p,
|
|
181
163
|
customBlocks: y,
|
|
182
|
-
maxHeight:
|
|
183
|
-
autoScroll:
|
|
184
|
-
className:
|
|
164
|
+
maxHeight: u,
|
|
165
|
+
autoScroll: d = !0,
|
|
166
|
+
className: R
|
|
185
167
|
}) {
|
|
186
|
-
const
|
|
187
|
-
|
|
188
|
-
if (!
|
|
189
|
-
const
|
|
190
|
-
([
|
|
191
|
-
|
|
168
|
+
const m = $(), { reducedMotion: v } = U(), N = s ?? m?.agent ?? q, z = p ?? m?.onAction, j = a.useMemo(() => ({ ...m?.customBlocks ?? {}, ...y }), [m?.customBlocks, y]), g = a.useRef(null), i = a.useRef(null), [x, I] = a.useState(!0), [E, h] = a.useState(!1), k = a.useRef(t.length), A = a.useRef(n);
|
|
169
|
+
a.useEffect(() => {
|
|
170
|
+
if (!d || !i.current) return;
|
|
171
|
+
const r = new IntersectionObserver(
|
|
172
|
+
([C]) => {
|
|
173
|
+
I(C.isIntersecting), C.isIntersecting && h(!1);
|
|
192
174
|
},
|
|
193
175
|
{
|
|
194
176
|
root: g.current,
|
|
195
177
|
threshold: 0.1
|
|
196
178
|
}
|
|
197
179
|
);
|
|
198
|
-
return
|
|
199
|
-
}, [
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
var s;
|
|
206
|
-
(s = l.current) == null || s.scrollIntoView({ behavior: "smooth", block: "end" }), w(!0), b(!1);
|
|
180
|
+
return r.observe(i.current), () => r.disconnect();
|
|
181
|
+
}, [d]), a.useEffect(() => {
|
|
182
|
+
const r = t.length !== k.current || n !== A.current;
|
|
183
|
+
k.current = t.length, A.current = n, !(!r || !d) && (x ? i.current?.scrollIntoView({ behavior: "smooth", block: "end" }) : h(!0));
|
|
184
|
+
}, [t, n, x, d]);
|
|
185
|
+
const M = a.useCallback(() => {
|
|
186
|
+
i.current?.scrollIntoView({ behavior: "smooth", block: "end" }), I(!0), h(!1);
|
|
207
187
|
}, []);
|
|
208
|
-
return /* @__PURE__ */
|
|
209
|
-
/* @__PURE__ */
|
|
188
|
+
return /* @__PURE__ */ c("div", { className: w("relative", R), children: [
|
|
189
|
+
/* @__PURE__ */ c(
|
|
210
190
|
"div",
|
|
211
191
|
{
|
|
212
192
|
ref: g,
|
|
213
193
|
className: "flex flex-col gap-ds-05 overflow-y-auto",
|
|
214
194
|
"aria-live": "polite",
|
|
215
|
-
style:
|
|
216
|
-
maxHeight: typeof
|
|
195
|
+
style: u ? {
|
|
196
|
+
maxHeight: typeof u == "number" ? `${u}px` : u
|
|
217
197
|
} : void 0,
|
|
218
198
|
children: [
|
|
219
199
|
t.map(
|
|
220
|
-
(
|
|
221
|
-
|
|
200
|
+
(r) => r.role === "user" ? /* @__PURE__ */ e(
|
|
201
|
+
G,
|
|
222
202
|
{
|
|
223
|
-
message:
|
|
203
|
+
message: r,
|
|
224
204
|
reducedMotion: v
|
|
225
205
|
},
|
|
226
|
-
|
|
206
|
+
r.id
|
|
227
207
|
) : /* @__PURE__ */ e(
|
|
228
|
-
|
|
208
|
+
P,
|
|
229
209
|
{
|
|
230
|
-
message:
|
|
210
|
+
message: r,
|
|
231
211
|
agent: N,
|
|
232
|
-
onAction:
|
|
212
|
+
onAction: z,
|
|
233
213
|
customBlocks: j
|
|
234
214
|
},
|
|
235
|
-
|
|
215
|
+
r.id
|
|
236
216
|
)
|
|
237
217
|
),
|
|
238
218
|
n && /* @__PURE__ */ e(
|
|
239
|
-
|
|
219
|
+
X,
|
|
240
220
|
{
|
|
241
|
-
steps:
|
|
221
|
+
steps: o,
|
|
242
222
|
agent: N,
|
|
243
223
|
reducedMotion: v
|
|
244
224
|
}
|
|
245
225
|
),
|
|
246
|
-
/* @__PURE__ */ e("div", { ref:
|
|
226
|
+
/* @__PURE__ */ e("div", { ref: i, className: "h-px" })
|
|
247
227
|
]
|
|
248
228
|
}
|
|
249
229
|
),
|
|
250
|
-
/* @__PURE__ */ e(
|
|
230
|
+
/* @__PURE__ */ e(D, { children: !x && E && /* @__PURE__ */ e(_, { onClick: M }) })
|
|
251
231
|
] });
|
|
252
232
|
}
|
|
253
233
|
export {
|
|
254
|
-
|
|
234
|
+
ne as AIConversation
|
|
255
235
|
};
|
|
@@ -28,6 +28,8 @@ export interface ActivityFeedProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
28
28
|
maxInitialItems?: number;
|
|
29
29
|
groupBy?: 'time' | 'none';
|
|
30
30
|
groupLabels?: GroupLabels;
|
|
31
|
+
/** Custom renderer per item. Return ReactNode for custom rendering, undefined to use default ActivityEntry. */
|
|
32
|
+
renderItem?: (item: ActivityItem, index: number) => React.ReactNode | undefined;
|
|
31
33
|
}
|
|
32
34
|
/**
|
|
33
35
|
* Buckets items into time-based groups: today, yesterday, earlier this week (since Monday), older.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../src/composed/activity-feed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../src/composed/activity-feed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,+GAA+G;IAC/G,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA;CAChF;AAiBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,CAAC,EAAE,WAAW,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,EAAE,CA6C5C;AA2KD,QAAA,MAAM,YAAY,0FAiHjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|