@devalok/shilp-sutra 0.33.2 → 0.34.1

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.
Files changed (175) hide show
  1. package/dist/_chunks/badge-group.js +306 -246
  2. package/dist/_chunks/chat.js +513 -0
  3. package/dist/_chunks/date-picker.js +748 -0
  4. package/dist/_chunks/document-preview.js +109 -90
  5. package/dist/_chunks/file-preview.js +492 -504
  6. package/dist/_chunks/framer.js +5564 -5613
  7. package/dist/_chunks/image-preview.js +127 -88
  8. package/dist/_chunks/keybinding.js +12 -14
  9. package/dist/_chunks/link-context.js +19 -16
  10. package/dist/_chunks/mention-suggestion.js +353 -350
  11. package/dist/_chunks/motion-provider.js +26 -20
  12. package/dist/_chunks/popover.js +127 -0
  13. package/dist/_chunks/primitives.js +7584 -6425
  14. package/dist/_chunks/rich-chat-input.js +2070 -0
  15. package/dist/_chunks/rolldown-runtime.js +21 -0
  16. package/dist/_chunks/shared.js +126 -0
  17. package/dist/_chunks/sonner.js +605 -734
  18. package/dist/_chunks/stat-row.js +418 -440
  19. package/dist/_chunks/tiptap.js +15850 -19964
  20. package/dist/_chunks/tree-view.js +231 -290
  21. package/dist/_chunks/use-calendar.js +161 -208
  22. package/dist/_chunks/vendor-client.js +314 -2199
  23. package/dist/_chunks/vendor-utils.js +1721 -2978
  24. package/dist/ai/ai-command-provider.js +23 -17
  25. package/dist/ai/block-renderer.js +68 -51
  26. package/dist/ai/blocks/index.js +2 -12
  27. package/dist/ai/command-bar.js +470 -519
  28. package/dist/ai/conversation.js +241 -227
  29. package/dist/ai/index.js +181 -167
  30. package/dist/ai/types.js +0 -1
  31. package/dist/composed/activity-feed.js +232 -202
  32. package/dist/composed/avatar-group.js +164 -222
  33. package/dist/composed/bulk-action-bar.js +174 -165
  34. package/dist/composed/command-palette.js +290 -308
  35. package/dist/composed/confirm-dialog.js +28 -48
  36. package/dist/composed/content-card.js +69 -108
  37. package/dist/composed/date-picker/index.js +3 -13
  38. package/dist/composed/deadline-indicator.js +68 -74
  39. package/dist/composed/emoji-picker.js +83 -110
  40. package/dist/composed/empty-state.js +64 -103
  41. package/dist/composed/error-boundary.js +129 -127
  42. package/dist/composed/file-preview.js +2 -12
  43. package/dist/composed/filter-bar.js +98 -130
  44. package/dist/composed/form-section.js +61 -45
  45. package/dist/composed/global-loading.js +34 -47
  46. package/dist/composed/index.js +34 -92
  47. package/dist/composed/inline-edit.js +92 -107
  48. package/dist/composed/lib/string-utils.js +8 -8
  49. package/dist/composed/loading-skeleton.js +103 -171
  50. package/dist/composed/markdown-viewer.js +187 -139
  51. package/dist/composed/master-detail.js +147 -156
  52. package/dist/composed/member-picker.js +46 -49
  53. package/dist/composed/multi-select-popover.js +181 -179
  54. package/dist/composed/page-header.js +54 -76
  55. package/dist/composed/page-skeletons.js +143 -127
  56. package/dist/composed/priority-indicator.js +105 -111
  57. package/dist/composed/responsive-overlay.js +36 -41
  58. package/dist/composed/rich-chat-input.js +2 -1860
  59. package/dist/composed/rich-text-editor.js +561 -424
  60. package/dist/composed/schedule-view.js +134 -185
  61. package/dist/composed/simple-tooltip.js +21 -21
  62. package/dist/composed/status-badge.js +133 -137
  63. package/dist/hooks/index.js +7 -12
  64. package/dist/hooks/use-color-mode.js +28 -25
  65. package/dist/hooks/use-mobile.js +13 -13
  66. package/dist/hooks/use-toast.js +2 -4
  67. package/dist/hooks/use-touch-device.js +9 -11
  68. package/dist/hooks/use-viewport-height.js +14 -14
  69. package/dist/motion/index.js +3 -11
  70. package/dist/motion/primitives-index.js +226 -186
  71. package/dist/shell/app-command-palette.js +203 -234
  72. package/dist/shell/bottom-navbar.js +150 -190
  73. package/dist/shell/command-registry.js +13 -14
  74. package/dist/shell/index.js +10 -20
  75. package/dist/shell/link-context.js +2 -5
  76. package/dist/shell/notification-center.js +238 -259
  77. package/dist/shell/notification-preferences.js +241 -184
  78. package/dist/shell/sidebar.js +251 -281
  79. package/dist/shell/top-bar.js +203 -237
  80. package/dist/tailwind/index.cjs +426 -451
  81. package/dist/tailwind/index.js +2 -4
  82. package/dist/tailwind/preset.d.ts.map +1 -1
  83. package/dist/tailwind/preset.js +443 -468
  84. package/dist/ui/accordion.js +52 -60
  85. package/dist/ui/alert-dialog.js +111 -156
  86. package/dist/ui/alert.js +177 -99
  87. package/dist/ui/aspect-ratio.js +13 -16
  88. package/dist/ui/autocomplete.js +112 -148
  89. package/dist/ui/avatar.js +196 -169
  90. package/dist/ui/badge-group.js +2 -7
  91. package/dist/ui/badge-indicator.js +42 -51
  92. package/dist/ui/badge.js +2 -15
  93. package/dist/ui/banner.js +76 -68
  94. package/dist/ui/breadcrumb.js +65 -84
  95. package/dist/ui/button-group.js +109 -102
  96. package/dist/ui/button-processing.js +69 -73
  97. package/dist/ui/button.js +393 -279
  98. package/dist/ui/card.js +151 -157
  99. package/dist/ui/charts/index.js +1002 -1319
  100. package/dist/ui/chat/index.js +2 -11
  101. package/dist/ui/checkbox.js +77 -100
  102. package/dist/ui/code.js +18 -32
  103. package/dist/ui/collapsible.js +21 -29
  104. package/dist/ui/color-input.js +453 -372
  105. package/dist/ui/color-swatch.js +60 -90
  106. package/dist/ui/combobox.js +244 -293
  107. package/dist/ui/container.js +18 -24
  108. package/dist/ui/context-menu.js +154 -203
  109. package/dist/ui/data-table-body.js +116 -213
  110. package/dist/ui/data-table-bulk-actions.js +43 -59
  111. package/dist/ui/data-table-card.js +84 -71
  112. package/dist/ui/data-table-context.js +39 -42
  113. package/dist/ui/data-table-header.js +98 -139
  114. package/dist/ui/data-table-pagination.js +69 -82
  115. package/dist/ui/data-table-toolbar.js +104 -130
  116. package/dist/ui/data-table.js +278 -354
  117. package/dist/ui/devalok-grain.js +77 -66
  118. package/dist/ui/dialog.js +122 -151
  119. package/dist/ui/dropdown-menu.js +152 -203
  120. package/dist/ui/file-upload.js +242 -266
  121. package/dist/ui/form.js +60 -56
  122. package/dist/ui/hover-card.js +54 -54
  123. package/dist/ui/icon-button.js +21 -26
  124. package/dist/ui/icon-context.js +17 -17
  125. package/dist/ui/icon-group.js +22 -29
  126. package/dist/ui/icon.js +201 -121
  127. package/dist/ui/index.js +74 -350
  128. package/dist/ui/input-otp.d.ts.map +1 -1
  129. package/dist/ui/input-otp.js +44 -48
  130. package/dist/ui/input.js +92 -169
  131. package/dist/ui/label.js +17 -22
  132. package/dist/ui/lib/date-utils.js +14 -11
  133. package/dist/ui/lib/motion.js +77 -36
  134. package/dist/ui/lib/utils.js +39 -16
  135. package/dist/ui/link.js +13 -24
  136. package/dist/ui/menubar.js +132 -210
  137. package/dist/ui/navigation-menu.js +164 -194
  138. package/dist/ui/number-input.js +72 -95
  139. package/dist/ui/pagination.js +122 -159
  140. package/dist/ui/popover.js +2 -131
  141. package/dist/ui/progress-ring.js +133 -143
  142. package/dist/ui/progress.js +51 -95
  143. package/dist/ui/radio.js +41 -50
  144. package/dist/ui/search-input.js +51 -53
  145. package/dist/ui/segmented-control.js +93 -114
  146. package/dist/ui/select.js +131 -157
  147. package/dist/ui/separator.js +15 -25
  148. package/dist/ui/sheet.js +135 -163
  149. package/dist/ui/sidebar.js +357 -600
  150. package/dist/ui/skeleton.js +179 -231
  151. package/dist/ui/slider.js +24 -34
  152. package/dist/ui/spinner.js +226 -205
  153. package/dist/ui/split-button.js +227 -276
  154. package/dist/ui/stack.js +56 -70
  155. package/dist/ui/stat-card.js +259 -251
  156. package/dist/ui/status-dot.js +67 -63
  157. package/dist/ui/stepper.js +119 -168
  158. package/dist/ui/switch.js +51 -54
  159. package/dist/ui/table.js +57 -90
  160. package/dist/ui/tabs.js +139 -156
  161. package/dist/ui/text.js +52 -59
  162. package/dist/ui/textarea.js +40 -57
  163. package/dist/ui/toast-types.js +0 -1
  164. package/dist/ui/toast.js +554 -536
  165. package/dist/ui/toaster.js +23 -33
  166. package/dist/ui/toggle-group.js +37 -41
  167. package/dist/ui/toggle.js +36 -40
  168. package/dist/ui/tooltip.js +80 -65
  169. package/dist/ui/tree-view/index.js +2 -6
  170. package/dist/ui/visually-hidden.js +12 -10
  171. package/llms-full.txt +1 -1
  172. package/llms.txt +12 -0
  173. package/package.json +3 -3
  174. package/dist/_chunks/date-time-picker.js +0 -851
  175. package/dist/_chunks/typing-indicator.js +0 -565
@@ -1,454 +1,432 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as m } from "react/jsx-runtime";
3
- import * as a from "react";
4
- import L from "react-markdown";
5
- import E from "remark-gfm";
6
- import { cn as p } from "../ui/lib/utils.js";
7
- import { springs as U, tweens as P } from "../ui/lib/motion.js";
8
- import { u as y } from "./motion-provider.js";
9
- import { Table as j, TableCaption as W, TableHeader as X, TableRow as _, TableHead as $, TableBody as H, TableCell as O } from "../ui/table.js";
10
- import { B as R } from "./badge-group.js";
11
- import { m as x } from "./framer.js";
12
- import { Button as B } from "../ui/button.js";
13
- import { Collapsible as V, CollapsibleTrigger as K, CollapsibleContent as F } from "../ui/collapsible.js";
14
- import { Alert as S } from "../ui/alert.js";
15
- import { IconCircle as G, IconCircleX as q, IconCircleCheck as J } from "@tabler/icons-react";
16
- import { Icon as C } from "../ui/icon.js";
17
- import { Skeleton as Q } from "../ui/skeleton.js";
18
- import { Separator as D } from "../ui/separator.js";
19
- import { StatCard as M } from "../ui/stat-card.js";
20
- const Y = a.memo(function({
21
- data: r,
22
- confidence: t
23
- }) {
24
- return /* @__PURE__ */ e(
25
- "div",
26
- {
27
- className: p(
28
- "prose prose-sm",
29
- "text-surface-fg",
30
- "prose-headings:text-surface-fg",
31
- "prose-a:text-accent-11 prose-a:underline",
32
- "prose-code:text-accent-11 prose-code:bg-surface-raised prose-code:rounded prose-code:px-1",
33
- "prose-strong:text-surface-fg",
34
- t === "low" && "border-l-2 border-warning-7 pl-3"
35
- ),
36
- children: /* @__PURE__ */ e(L, { remarkPlugins: [E], children: r.content })
37
- }
38
- );
2
+ import { a as e } from "./framer.js";
3
+ import { springs as t, tweens as n } from "../ui/lib/motion.js";
4
+ import { cn as r } from "../ui/lib/utils.js";
5
+ import { Icon as i } from "../ui/icon.js";
6
+ import { Alert as a } from "../ui/alert.js";
7
+ import { n as o } from "./badge-group.js";
8
+ import { Button as s } from "../ui/button.js";
9
+ import { Collapsible as c, CollapsibleContent as l, CollapsibleTrigger as u } from "../ui/collapsible.js";
10
+ import { Table as d, TableBody as f, TableCaption as p, TableCell as m, TableHead as h, TableHeader as g, TableRow as _ } from "../ui/table.js";
11
+ import { Skeleton as v } from "../ui/skeleton.js";
12
+ import { Separator as y } from "../ui/separator.js";
13
+ import { StatCard as b } from "../ui/stat-card.js";
14
+ import { n as x } from "./motion-provider.js";
15
+ import * as S from "react";
16
+ import { jsx as C, jsxs as w } from "react/jsx-runtime";
17
+ import { IconCircle as T, IconCircleCheck as E, IconCircleX as D } from "@tabler/icons-react";
18
+ import O from "react-markdown";
19
+ import k from "remark-gfm";
20
+ //#region src/ai/blocks/text.tsx
21
+ var A = S.memo(function({ data: e, confidence: t }) {
22
+ return /* @__PURE__ */ C("div", {
23
+ className: r("prose prose-sm", "text-surface-fg", "prose-headings:text-surface-fg", "prose-a:text-accent-11 prose-a:underline", "prose-code:text-accent-11 prose-code:bg-surface-raised prose-code:rounded prose-code:px-1", "prose-strong:text-surface-fg", t === "low" && "border-l-2 border-warning-7 pl-3"),
24
+ children: /* @__PURE__ */ C(O, {
25
+ remarkPlugins: [k],
26
+ children: e.content
27
+ })
28
+ });
39
29
  });
40
- Y.displayName = "TextBlock";
41
- function Z(s, r) {
42
- if (r.variant === "badge") {
43
- if (s && typeof s == "object" && "label" in s) {
44
- const t = s;
45
- return /* @__PURE__ */ e(R, { variant: "subtle", size: "sm", color: t.color, children: t.label });
46
- }
47
- return /* @__PURE__ */ e(R, { variant: "subtle", size: "sm", children: String(s ?? "") });
48
- }
49
- return String(s ?? "");
30
+ A.displayName = "TextBlock";
31
+ //#endregion
32
+ //#region src/ai/blocks/block-table.tsx
33
+ function j(e, t) {
34
+ if (t.variant === "badge") {
35
+ if (e && typeof e == "object" && "label" in e) {
36
+ let t = e;
37
+ return /* @__PURE__ */ C(o, {
38
+ variant: "subtle",
39
+ size: "sm",
40
+ color: t.color,
41
+ children: t.label
42
+ });
43
+ }
44
+ return /* @__PURE__ */ C(o, {
45
+ variant: "subtle",
46
+ size: "sm",
47
+ children: String(e ?? "")
48
+ });
49
+ }
50
+ return String(e ?? "");
50
51
  }
51
- function A(s, r, t) {
52
- return !r || !t ? s : [...s].sort((l, n) => {
53
- const d = l[r], o = n[r], u = String(d ?? ""), k = String(o ?? ""), f = Number(d), g = Number(o);
54
- if (!Number.isNaN(f) && !Number.isNaN(g))
55
- return t === "asc" ? f - g : g - f;
56
- const i = u.localeCompare(k);
57
- return t === "asc" ? i : -i;
58
- });
52
+ function M(e, t, n) {
53
+ return !t || !n ? e : [...e].sort((e, r) => {
54
+ let i = e[t], a = r[t], o = String(i ?? ""), s = String(a ?? ""), c = Number(i), l = Number(a);
55
+ if (!Number.isNaN(c) && !Number.isNaN(l)) return n === "asc" ? c - l : l - c;
56
+ let u = o.localeCompare(s);
57
+ return n === "asc" ? u : -u;
58
+ });
59
59
  }
60
- const ee = a.memo(function({
61
- data: r,
62
- confidence: t
63
- }) {
64
- const { reducedMotion: l } = y(), [n, d] = a.useState(null), [o, u] = a.useState(null), k = a.useCallback(
65
- (i) => {
66
- r.sortable && (n !== i ? (d(i), u("asc")) : o === "asc" ? u("desc") : o === "desc" && (d(null), u(null)));
67
- },
68
- [r.sortable, n, o]
69
- ), f = r.columns ?? [], g = A(r.rows ?? [], n, o);
70
- return /* @__PURE__ */ e(
71
- "div",
72
- {
73
- className: p(
74
- "overflow-x-auto",
75
- t === "low" && "border-l-2 border-warning-7 pl-3"
76
- ),
77
- children: /* @__PURE__ */ m(j, { children: [
78
- r.caption && /* @__PURE__ */ e(W, { children: r.caption }),
79
- /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(_, { children: f.map((i) => {
80
- const h = n === i.key, v = r.sortable ? h ? o === "asc" ? "ascending" : "descending" : "none" : void 0;
81
- return /* @__PURE__ */ e(
82
- $,
83
- {
84
- role: "columnheader",
85
- className: p(
86
- i.variant === "number" && "text-right",
87
- r.sortable && "cursor-pointer select-none"
88
- ),
89
- tabIndex: r.sortable ? 0 : void 0,
90
- onClick: r.sortable ? () => k(i.key) : void 0,
91
- onKeyDown: r.sortable ? (c) => {
92
- (c.key === "Enter" || c.key === " ") && (c.preventDefault(), k(i.key));
93
- } : void 0,
94
- "aria-sort": v,
95
- children: /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-1", children: [
96
- i.label,
97
- h && o === "asc" && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "▲" }),
98
- h && o === "desc" && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "▼" })
99
- ] })
100
- },
101
- i.key
102
- );
103
- }) }) }),
104
- /* @__PURE__ */ e(H, { children: g.map((i, h) => {
105
- const v = typeof i.id == "string" || typeof i.id == "number" ? String(i.id) : `row-${h}`, c = l ? "tr" : x.tr, N = l ? {} : {
106
- initial: { opacity: 0, y: 6 },
107
- animate: { opacity: 1, y: 0 },
108
- transition: { ...U.responsive, delay: h * 0.03 }
109
- };
110
- return /* @__PURE__ */ e(
111
- c,
112
- {
113
- className: "hover:bg-surface-raised-hover transition-colors",
114
- ...N,
115
- children: f.map((b) => /* @__PURE__ */ e(
116
- O,
117
- {
118
- className: p(
119
- "text-ds-sm py-ds-02b px-ds-04",
120
- b.variant === "number" && "text-right tabular-nums font-medium"
121
- ),
122
- children: Z(i[b.key], b)
123
- },
124
- b.key
125
- ))
126
- },
127
- v
128
- );
129
- }) })
130
- ] })
131
- }
132
- );
60
+ var N = S.memo(function({ data: n, confidence: i }) {
61
+ let { reducedMotion: a } = x(), [o, s] = S.useState(null), [c, l] = S.useState(null), u = S.useCallback((e) => {
62
+ n.sortable && (o === e ? c === "asc" ? l("desc") : c === "desc" && (s(null), l(null)) : (s(e), l("asc")));
63
+ }, [
64
+ n.sortable,
65
+ o,
66
+ c
67
+ ]), v = n.columns ?? [], y = M(n.rows ?? [], o, c);
68
+ return /* @__PURE__ */ C("div", {
69
+ className: r("overflow-x-auto", i === "low" && "border-l-2 border-warning-7 pl-3"),
70
+ children: /* @__PURE__ */ w(d, { children: [
71
+ n.caption && /* @__PURE__ */ C(p, { children: n.caption }),
72
+ /* @__PURE__ */ C(g, { children: /* @__PURE__ */ C(_, { children: v.map((e) => {
73
+ let t = o === e.key, i = n.sortable ? t ? c === "asc" ? "ascending" : "descending" : "none" : void 0;
74
+ return /* @__PURE__ */ C(h, {
75
+ role: "columnheader",
76
+ className: r(e.variant === "number" && "text-right", n.sortable && "cursor-pointer select-none"),
77
+ tabIndex: n.sortable ? 0 : void 0,
78
+ onClick: n.sortable ? () => u(e.key) : void 0,
79
+ onKeyDown: n.sortable ? (t) => {
80
+ (t.key === "Enter" || t.key === " ") && (t.preventDefault(), u(e.key));
81
+ } : void 0,
82
+ "aria-sort": i,
83
+ children: /* @__PURE__ */ w("span", {
84
+ className: "inline-flex items-center gap-1",
85
+ children: [
86
+ e.label,
87
+ t && c === "asc" && /* @__PURE__ */ C("span", {
88
+ "aria-hidden": "true",
89
+ children: "▲"
90
+ }),
91
+ t && c === "desc" && /* @__PURE__ */ C("span", {
92
+ "aria-hidden": "true",
93
+ children: "▼"
94
+ })
95
+ ]
96
+ })
97
+ }, e.key);
98
+ }) }) }),
99
+ /* @__PURE__ */ C(f, { children: y.map((n, i) => {
100
+ let o = typeof n.id == "string" || typeof n.id == "number" ? String(n.id) : `row-${i}`;
101
+ return /* @__PURE__ */ C(a ? "tr" : e.tr, {
102
+ className: "hover:bg-surface-raised-hover transition-colors",
103
+ ...a ? {} : {
104
+ initial: {
105
+ opacity: 0,
106
+ y: 6
107
+ },
108
+ animate: {
109
+ opacity: 1,
110
+ y: 0
111
+ },
112
+ transition: {
113
+ ...t.responsive,
114
+ delay: i * .03
115
+ }
116
+ },
117
+ children: v.map((e) => /* @__PURE__ */ C(m, {
118
+ className: r("text-ds-sm py-ds-02b px-ds-04", e.variant === "number" && "text-right tabular-nums font-medium"),
119
+ children: j(n[e.key], e)
120
+ }, e.key))
121
+ }, o);
122
+ }) })
123
+ ] })
124
+ });
133
125
  });
134
- ee.displayName = "BlockTable";
135
- const re = a.memo(function({
136
- data: r,
137
- confidence: t,
138
- onAction: l
139
- }) {
140
- const n = a.useCallback(() => {
141
- l?.(r.actionId, "confirm");
142
- }, [r.actionId, l]), d = a.useCallback(() => {
143
- l?.(r.actionId, "cancel");
144
- }, [r.actionId, l]);
145
- return /* @__PURE__ */ m(
146
- "div",
147
- {
148
- className: p(
149
- t === "low" && "border-l-2 border-warning-7 pl-3"
150
- ),
151
- children: [
152
- r.description && /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted mb-3", children: r.description }),
153
- /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
154
- /* @__PURE__ */ e(
155
- B,
156
- {
157
- variant: "solid",
158
- color: r.destructive ? "error" : void 0,
159
- onClick: n,
160
- children: r.label
161
- }
162
- ),
163
- /* @__PURE__ */ e(B, { variant: "ghost", onClick: d, children: "Cancel" })
164
- ] }),
165
- r.rationale && /* @__PURE__ */ m(V, { className: "mt-3", children: [
166
- /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(
167
- "button",
168
- {
169
- type: "button",
170
- className: "text-ds-xs text-surface-fg-subtle underline cursor-pointer",
171
- children: "Why this action?"
172
- }
173
- ) }),
174
- /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-ds-lg", children: r.rationale }) })
175
- ] })
176
- ]
177
- }
178
- );
126
+ N.displayName = "BlockTable";
127
+ //#endregion
128
+ //#region src/ai/blocks/confirm.tsx
129
+ var P = S.memo(function({ data: e, confidence: t, onAction: n }) {
130
+ let i = S.useCallback(() => {
131
+ n?.(e.actionId, "confirm");
132
+ }, [e.actionId, n]), a = S.useCallback(() => {
133
+ n?.(e.actionId, "cancel");
134
+ }, [e.actionId, n]);
135
+ return /* @__PURE__ */ w("div", {
136
+ className: r(t === "low" && "border-l-2 border-warning-7 pl-3"),
137
+ children: [
138
+ e.description && /* @__PURE__ */ C("p", {
139
+ className: "text-ds-sm text-surface-fg-muted mb-3",
140
+ children: e.description
141
+ }),
142
+ /* @__PURE__ */ w("div", {
143
+ className: "flex items-center gap-3",
144
+ children: [/* @__PURE__ */ C(s, {
145
+ variant: "solid",
146
+ color: e.destructive ? "error" : void 0,
147
+ onClick: i,
148
+ children: e.label
149
+ }), /* @__PURE__ */ C(s, {
150
+ variant: "ghost",
151
+ onClick: a,
152
+ children: "Cancel"
153
+ })]
154
+ }),
155
+ e.rationale && /* @__PURE__ */ w(c, {
156
+ className: "mt-3",
157
+ children: [/* @__PURE__ */ C(u, {
158
+ asChild: !0,
159
+ children: /* @__PURE__ */ C("button", {
160
+ type: "button",
161
+ className: "text-ds-xs text-surface-fg-subtle underline cursor-pointer",
162
+ children: "Why this action?"
163
+ })
164
+ }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ C("p", {
165
+ className: "text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-ds-lg",
166
+ children: e.rationale
167
+ }) })]
168
+ })
169
+ ]
170
+ });
179
171
  });
180
- re.displayName = "ConfirmBlock";
181
- const ne = 5e3, te = a.memo(function({
182
- data: r,
183
- blockId: t,
184
- confidence: l,
185
- onAction: n
186
- }) {
187
- const { reducedMotion: d } = y(), o = d, u = r.undoTimeout ?? ne, [k, f] = a.useState(u), [g, i] = a.useState(!!r.undoable);
188
- a.useEffect(() => {
189
- if (!r.undoable) return;
190
- const T = setInterval(() => {
191
- f((z) => {
192
- const I = z - 100;
193
- return I <= 0 ? (clearInterval(T), i(!1), 0) : I;
194
- });
195
- }, 100);
196
- return () => clearInterval(T);
197
- }, [r.undoable, u]);
198
- const h = a.useCallback(() => {
199
- n?.(t || "unknown", "undo");
200
- }, [t, n]), v = Math.ceil(k / 1e3), c = 20, N = 2, b = (c - N) / 2, w = 2 * Math.PI * b;
201
- return /* @__PURE__ */ m(
202
- "div",
203
- {
204
- className: p(
205
- l === "low" && "border-l-2 border-warning-7 pl-3"
206
- ),
207
- children: [
208
- /* @__PURE__ */ e(
209
- S,
210
- {
211
- color: "success",
212
- variant: "subtle",
213
- title: r.title,
214
- children: r.message
215
- }
216
- ),
217
- g && r.undoable && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-2", children: /* @__PURE__ */ e(
218
- B,
219
- {
220
- variant: "ghost",
221
- size: "sm",
222
- onClick: h,
223
- "aria-label": `Undo action, ${v} seconds remaining`,
224
- children: /* @__PURE__ */ m("span", { className: "flex items-center gap-1.5", children: [
225
- /* @__PURE__ */ m(
226
- "svg",
227
- {
228
- width: c,
229
- height: c,
230
- viewBox: `0 0 ${c} ${c}`,
231
- className: "shrink-0 -rotate-90",
232
- "aria-hidden": "true",
233
- children: [
234
- /* @__PURE__ */ e(
235
- "circle",
236
- {
237
- cx: c / 2,
238
- cy: c / 2,
239
- r: b,
240
- fill: "none",
241
- stroke: "currentColor",
242
- strokeWidth: N,
243
- opacity: 0.2
244
- }
245
- ),
246
- /* @__PURE__ */ e(
247
- x.circle,
248
- {
249
- cx: c / 2,
250
- cy: c / 2,
251
- r: b,
252
- fill: "none",
253
- stroke: "currentColor",
254
- strokeWidth: N,
255
- strokeDasharray: w,
256
- initial: o ? void 0 : { strokeDashoffset: 0 },
257
- animate: {
258
- strokeDashoffset: w
259
- },
260
- transition: o ? { duration: 0 } : {
261
- duration: u / 1e3,
262
- ease: "linear"
263
- }
264
- }
265
- )
266
- ]
267
- }
268
- ),
269
- "Undo"
270
- ] })
271
- }
272
- ) })
273
- ]
274
- }
275
- );
172
+ P.displayName = "ConfirmBlock";
173
+ //#endregion
174
+ //#region src/ai/blocks/success.tsx
175
+ var F = 5e3, I = S.memo(function({ data: t, blockId: n, confidence: i, onAction: o }) {
176
+ let { reducedMotion: c } = x(), l = c, u = t.undoTimeout ?? F, [d, f] = S.useState(u), [p, m] = S.useState(!!t.undoable);
177
+ S.useEffect(() => {
178
+ if (!t.undoable) return;
179
+ let e = setInterval(() => {
180
+ f((t) => {
181
+ let n = t - 100;
182
+ return n <= 0 ? (clearInterval(e), m(!1), 0) : n;
183
+ });
184
+ }, 100);
185
+ return () => clearInterval(e);
186
+ }, [t.undoable, u]);
187
+ let h = S.useCallback(() => {
188
+ o?.(n || "unknown", "undo");
189
+ }, [n, o]), g = Math.ceil(d / 1e3), _ = 2 * Math.PI * 9;
190
+ return /* @__PURE__ */ w("div", {
191
+ className: r(i === "low" && "border-l-2 border-warning-7 pl-3"),
192
+ children: [/* @__PURE__ */ C(a, {
193
+ color: "success",
194
+ variant: "subtle",
195
+ title: t.title,
196
+ children: t.message
197
+ }), p && t.undoable && /* @__PURE__ */ C("div", {
198
+ className: "mt-2 flex items-center gap-2",
199
+ children: /* @__PURE__ */ C(s, {
200
+ variant: "ghost",
201
+ size: "sm",
202
+ onClick: h,
203
+ "aria-label": `Undo action, ${g} seconds remaining`,
204
+ children: /* @__PURE__ */ w("span", {
205
+ className: "flex items-center gap-1.5",
206
+ children: [/* @__PURE__ */ w("svg", {
207
+ width: 20,
208
+ height: 20,
209
+ viewBox: "0 0 20 20",
210
+ className: "shrink-0 -rotate-90",
211
+ "aria-hidden": "true",
212
+ children: [/* @__PURE__ */ C("circle", {
213
+ cx: 20 / 2,
214
+ cy: 20 / 2,
215
+ r: 9,
216
+ fill: "none",
217
+ stroke: "currentColor",
218
+ strokeWidth: 2,
219
+ opacity: .2
220
+ }), /* @__PURE__ */ C(e.circle, {
221
+ cx: 20 / 2,
222
+ cy: 20 / 2,
223
+ r: 9,
224
+ fill: "none",
225
+ stroke: "currentColor",
226
+ strokeWidth: 2,
227
+ strokeDasharray: _,
228
+ initial: l ? void 0 : { strokeDashoffset: 0 },
229
+ animate: { strokeDashoffset: _ },
230
+ transition: l ? { duration: 0 } : {
231
+ duration: u / 1e3,
232
+ ease: "linear"
233
+ }
234
+ })]
235
+ }), "Undo"]
236
+ })
237
+ })
238
+ })]
239
+ });
276
240
  });
277
- te.displayName = "SuccessBlock";
278
- const se = a.memo(function({
279
- data: r,
280
- confidence: t
281
- }) {
282
- return /* @__PURE__ */ m(
283
- "div",
284
- {
285
- className: p(
286
- t === "low" && "border-l-2 border-warning-7 pl-3"
287
- ),
288
- children: [
289
- /* @__PURE__ */ e(S, { color: "error", variant: "subtle", title: r.title, children: /* @__PURE__ */ e("div", { className: "prose prose-sm", children: /* @__PURE__ */ e(L, { remarkPlugins: [E], children: r.message }) }) }),
290
- r.suggestion && /* @__PURE__ */ e("p", { className: "mt-2 text-ds-sm text-surface-fg-muted", children: r.suggestion })
291
- ]
292
- }
293
- );
241
+ I.displayName = "SuccessBlock";
242
+ //#endregion
243
+ //#region src/ai/blocks/error.tsx
244
+ var L = S.memo(function({ data: e, confidence: t }) {
245
+ return /* @__PURE__ */ w("div", {
246
+ className: r(t === "low" && "border-l-2 border-warning-7 pl-3"),
247
+ children: [/* @__PURE__ */ C(a, {
248
+ color: "error",
249
+ variant: "subtle",
250
+ title: e.title,
251
+ children: /* @__PURE__ */ C("div", {
252
+ className: "prose prose-sm",
253
+ children: /* @__PURE__ */ C(O, {
254
+ remarkPlugins: [k],
255
+ children: e.message
256
+ })
257
+ })
258
+ }), e.suggestion && /* @__PURE__ */ C("p", {
259
+ className: "mt-2 text-ds-sm text-surface-fg-muted",
260
+ children: e.suggestion
261
+ })]
262
+ });
294
263
  });
295
- se.displayName = "ErrorBlock";
296
- const oe = a.memo(function({
297
- data: r
298
- }) {
299
- return /* @__PURE__ */ e(S, { color: "info", variant: "subtle", role: "status", children: r.message });
264
+ L.displayName = "ErrorBlock";
265
+ //#endregion
266
+ //#region src/ai/blocks/info.tsx
267
+ var R = S.memo(function({ data: e }) {
268
+ return /* @__PURE__ */ C(a, {
269
+ color: "info",
270
+ variant: "subtle",
271
+ role: "status",
272
+ children: e.message
273
+ });
300
274
  });
301
- oe.displayName = "InfoBlock";
302
- function ie() {
303
- return /* @__PURE__ */ e(
304
- x.span,
305
- {
306
- className: "inline-block h-4 w-4 rounded-full border-2 border-current border-t-transparent text-accent-9",
307
- animate: { rotate: 360 },
308
- transition: { repeat: 1 / 0, duration: 1, ease: "linear" },
309
- "aria-hidden": "true",
310
- "data-testid": "step-spinner"
311
- }
312
- );
275
+ R.displayName = "InfoBlock";
276
+ //#endregion
277
+ //#region src/ai/blocks/loading.tsx
278
+ function z() {
279
+ return /* @__PURE__ */ C(e.span, {
280
+ className: "inline-block h-4 w-4 rounded-full border-2 border-current border-t-transparent text-accent-9",
281
+ animate: { rotate: 360 },
282
+ transition: {
283
+ repeat: Infinity,
284
+ duration: 1,
285
+ ease: "linear"
286
+ },
287
+ "aria-hidden": "true",
288
+ "data-testid": "step-spinner"
289
+ });
313
290
  }
314
- function ae({ status: s }) {
315
- switch (s) {
316
- case "done":
317
- return /* @__PURE__ */ e("span", { "data-testid": "step-icon-done", children: /* @__PURE__ */ e(C, { icon: J, size: "sm", className: "text-success-11" }) });
318
- case "active":
319
- return /* @__PURE__ */ e(ie, {});
320
- case "error":
321
- return /* @__PURE__ */ e("span", { "data-testid": "step-icon-error", children: /* @__PURE__ */ e(C, { icon: q, size: "sm", className: "text-error-11" }) });
322
- default:
323
- return /* @__PURE__ */ e("span", { "data-testid": "step-icon-pending", children: /* @__PURE__ */ e(C, { icon: G, size: "sm", className: "text-surface-fg-subtle opacity-50" }) });
324
- }
291
+ function B({ status: e }) {
292
+ switch (e) {
293
+ case "done": return /* @__PURE__ */ C("span", {
294
+ "data-testid": "step-icon-done",
295
+ children: /* @__PURE__ */ C(i, {
296
+ icon: E,
297
+ size: "sm",
298
+ className: "text-success-11"
299
+ })
300
+ });
301
+ case "active": return /* @__PURE__ */ C(z, {});
302
+ case "error": return /* @__PURE__ */ C("span", {
303
+ "data-testid": "step-icon-error",
304
+ children: /* @__PURE__ */ C(i, {
305
+ icon: D,
306
+ size: "sm",
307
+ className: "text-error-11"
308
+ })
309
+ });
310
+ default: return /* @__PURE__ */ C("span", {
311
+ "data-testid": "step-icon-pending",
312
+ children: /* @__PURE__ */ C(i, {
313
+ icon: T,
314
+ size: "sm",
315
+ className: "text-surface-fg-subtle opacity-50"
316
+ })
317
+ });
318
+ }
325
319
  }
326
- const le = a.memo(function({
327
- data: r
328
- }) {
329
- const { reducedMotion: t } = y(), l = t;
330
- if (r.lines != null) {
331
- const n = Math.max(1, r.lines);
332
- return /* @__PURE__ */ m(
333
- "div",
334
- {
335
- role: "status",
336
- "aria-busy": "true",
337
- "aria-label": "Loading",
338
- className: "flex flex-col gap-2",
339
- children: [
340
- Array.from({ length: n }).map((d, o) => /* @__PURE__ */ e(
341
- Q,
342
- {
343
- animation: "shimmer",
344
- className: p(
345
- "h-4",
346
- o === n - 1 ? "w-3/5" : "w-full"
347
- )
348
- },
349
- o
350
- )),
351
- /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading" })
352
- ]
353
- }
354
- );
355
- }
356
- return r.steps ? /* @__PURE__ */ m(
357
- "div",
358
- {
359
- role: "status",
360
- "aria-busy": "true",
361
- "aria-label": "Processing",
362
- className: "flex flex-col gap-2",
363
- children: [
364
- r.steps.map((n, d) => /* @__PURE__ */ m(
365
- x.div,
366
- {
367
- className: "flex items-center gap-2",
368
- initial: l ? void 0 : { opacity: 0, x: -8 },
369
- animate: { opacity: 1, x: 0 },
370
- transition: l ? { duration: 0 } : { duration: 0.2, delay: d * 0.06 },
371
- children: [
372
- /* @__PURE__ */ e(ae, { status: n.status }),
373
- /* @__PURE__ */ e(
374
- "span",
375
- {
376
- className: p(
377
- "text-ds-sm",
378
- n.status === "done" || n.status === "active" ? "text-surface-fg" : "text-surface-fg-subtle"
379
- ),
380
- children: n.label
381
- }
382
- )
383
- ]
384
- },
385
- n.id
386
- )),
387
- /* @__PURE__ */ e("span", { className: "sr-only", children: "Processing" })
388
- ]
389
- }
390
- ) : /* @__PURE__ */ e("div", { role: "status", "aria-busy": "true", "aria-label": "Loading", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading" }) });
320
+ var V = S.memo(function({ data: t }) {
321
+ let { reducedMotion: n } = x(), i = n;
322
+ if (t.lines != null) {
323
+ let e = Math.max(1, t.lines);
324
+ return /* @__PURE__ */ w("div", {
325
+ role: "status",
326
+ "aria-busy": "true",
327
+ "aria-label": "Loading",
328
+ className: "flex flex-col gap-2",
329
+ children: [Array.from({ length: e }).map((t, n) => /* @__PURE__ */ C(v, {
330
+ animation: "shimmer",
331
+ className: r("h-4", n === e - 1 ? "w-3/5" : "w-full")
332
+ }, n)), /* @__PURE__ */ C("span", {
333
+ className: "sr-only",
334
+ children: "Loading"
335
+ })]
336
+ });
337
+ }
338
+ return t.steps ? /* @__PURE__ */ w("div", {
339
+ role: "status",
340
+ "aria-busy": "true",
341
+ "aria-label": "Processing",
342
+ className: "flex flex-col gap-2",
343
+ children: [t.steps.map((t, n) => /* @__PURE__ */ w(e.div, {
344
+ className: "flex items-center gap-2",
345
+ initial: i ? void 0 : {
346
+ opacity: 0,
347
+ x: -8
348
+ },
349
+ animate: {
350
+ opacity: 1,
351
+ x: 0
352
+ },
353
+ transition: i ? { duration: 0 } : {
354
+ duration: .2,
355
+ delay: n * .06
356
+ },
357
+ children: [/* @__PURE__ */ C(B, { status: t.status }), /* @__PURE__ */ C("span", {
358
+ className: r("text-ds-sm", t.status === "done" || t.status === "active" ? "text-surface-fg" : "text-surface-fg-subtle"),
359
+ children: t.label
360
+ })]
361
+ }, t.id)), /* @__PURE__ */ C("span", {
362
+ className: "sr-only",
363
+ children: "Processing"
364
+ })]
365
+ }) : /* @__PURE__ */ C("div", {
366
+ role: "status",
367
+ "aria-busy": "true",
368
+ "aria-label": "Loading",
369
+ children: /* @__PURE__ */ C("span", {
370
+ className: "sr-only",
371
+ children: "Loading"
372
+ })
373
+ });
391
374
  });
392
- le.displayName = "LoadingBlock";
393
- const ce = a.memo(function(r) {
394
- const { reducedMotion: t } = y();
395
- return t ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(
396
- x.div,
397
- {
398
- initial: { scaleX: 0 },
399
- animate: { scaleX: 1 },
400
- style: { originX: 0.5 },
401
- transition: P.elegant,
402
- children: /* @__PURE__ */ e(D, {})
403
- }
404
- );
375
+ V.displayName = "LoadingBlock";
376
+ //#endregion
377
+ //#region src/ai/blocks/divider.tsx
378
+ var H = S.memo(function(t) {
379
+ let { reducedMotion: r } = x();
380
+ return r ? /* @__PURE__ */ C(y, {}) : /* @__PURE__ */ C(e.div, {
381
+ initial: { scaleX: 0 },
382
+ animate: { scaleX: 1 },
383
+ style: { originX: .5 },
384
+ transition: n.elegant,
385
+ children: /* @__PURE__ */ C(y, {})
386
+ });
405
387
  });
406
- ce.displayName = "DividerBlock";
407
- const de = a.memo(function({
408
- data: r
409
- }) {
410
- const { reducedMotion: t } = y(), l = r.stats ?? [];
411
- return l.length === 0 ? null : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-ds-05", children: l.map((n, d) => {
412
- const o = n.change ? {
413
- value: n.change.value,
414
- direction: n.change.direction
415
- } : void 0;
416
- return t ? /* @__PURE__ */ e("div", { className: "flex-1 min-w-[140px]", children: /* @__PURE__ */ e(
417
- M,
418
- {
419
- label: n.label,
420
- value: n.value,
421
- delta: o
422
- }
423
- ) }, n.label) : /* @__PURE__ */ e(
424
- x.div,
425
- {
426
- className: "flex-1 min-w-[140px]",
427
- initial: { opacity: 0, y: 8 },
428
- animate: { opacity: 1, y: 0 },
429
- transition: { ...U.responsive, delay: d * 0.08 },
430
- children: /* @__PURE__ */ e(
431
- M,
432
- {
433
- label: n.label,
434
- value: n.value,
435
- delta: o
436
- }
437
- )
438
- },
439
- n.label
440
- );
441
- }) });
388
+ H.displayName = "DividerBlock";
389
+ //#endregion
390
+ //#region src/ai/blocks/stat-row.tsx
391
+ var U = S.memo(function({ data: n }) {
392
+ let { reducedMotion: r } = x(), i = n.stats ?? [];
393
+ return i.length === 0 ? null : /* @__PURE__ */ C("div", {
394
+ className: "flex flex-wrap gap-ds-05",
395
+ children: i.map((n, i) => {
396
+ let a = n.change ? {
397
+ value: n.change.value,
398
+ direction: n.change.direction
399
+ } : void 0;
400
+ return r ? /* @__PURE__ */ C("div", {
401
+ className: "flex-1 min-w-[140px]",
402
+ children: /* @__PURE__ */ C(b, {
403
+ label: n.label,
404
+ value: n.value,
405
+ delta: a
406
+ })
407
+ }, n.label) : /* @__PURE__ */ C(e.div, {
408
+ className: "flex-1 min-w-[140px]",
409
+ initial: {
410
+ opacity: 0,
411
+ y: 8
412
+ },
413
+ animate: {
414
+ opacity: 1,
415
+ y: 0
416
+ },
417
+ transition: {
418
+ ...t.responsive,
419
+ delay: i * .08
420
+ },
421
+ children: /* @__PURE__ */ C(b, {
422
+ label: n.label,
423
+ value: n.value,
424
+ delta: a
425
+ })
426
+ }, n.label);
427
+ })
428
+ });
442
429
  });
443
- de.displayName = "StatRowBlock";
444
- export {
445
- ee as B,
446
- re as C,
447
- ce as D,
448
- se as E,
449
- oe as I,
450
- le as L,
451
- de as S,
452
- Y as T,
453
- te as a
454
- };
430
+ U.displayName = "StatRowBlock";
431
+ //#endregion
432
+ export { L as a, N as c, R as i, A as l, H as n, I as o, V as r, P as s, U as t };