@kitn.ai/ui 0.27.0 → 0.28.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/README.md +10 -2
- package/dist/{Icon-BnFKqqtY.js → Icon-DObhsRtm.js} +1 -1
- package/dist/{action-icons-CBskfBMz.js → action-icons-CcgNN2oT.js} +1 -1
- package/dist/arrow-down-CjRU3JgV.js +1 -0
- package/dist/arrow-left-Bnpb1UEW.js +1 -0
- package/dist/{artifact-CvXEm1lS.js → artifact-Bwt7OgcR.js} +1 -1
- package/dist/{attachments-C43ZegEq.js → attachments-Qr4kg-2b.js} +1 -1
- package/dist/{audio-visualizer-B-79y1Tj.js → audio-visualizer-DToYdfSc.js} +1 -1
- package/dist/{badge-BpUbq8c0.js → badge-CdEu_jn2.js} +1 -1
- package/dist/{bell-sn17Ip9v.js → bell-DQAAOpDz.js} +1 -1
- package/dist/{button-BH6rN0U-.js → button-DkuOnGLy.js} +1 -1
- package/dist/{card-renderer-Cb1gQmth.js → card-renderer-Jx70m6_l.js} +1 -1
- package/dist/{card-routing-DifQgS7n.js → card-routing-0YidER_3.js} +1 -1
- package/dist/check-njkVdZu2.js +1 -0
- package/dist/{checkbox-Dc9Yov_B.js → checkbox-D7iRB3nL.js} +1 -1
- package/dist/{checkbox-group-B1kDLLYk.js → checkbox-group-B2_rpoPM.js} +1 -1
- package/dist/chevron-down-B72s6PXR.js +1 -0
- package/dist/chevron-right-BatuHzUm.js +1 -0
- package/dist/{choice-card-BT3c1S8g.js → choice-card-m0BYqqOK.js} +1 -1
- package/dist/circle-check-B62pODB3.js +1 -0
- package/dist/{circle-x-wobWkoSx.js → circle-x-BPG0iPst.js} +1 -1
- package/dist/circle-zx0ByzY9.js +1 -0
- package/dist/code-block-ClMLKb7C.js +1 -0
- package/dist/{collapsible-CPJbf6FM.js → collapsible-B4DlWicL.js} +1 -1
- package/dist/components/chat-thread.d.ts +89 -1
- package/dist/components/conversation-item.d.ts +16 -0
- package/dist/components/conversation-panel.d.ts +29 -0
- package/dist/components/home-panel.d.ts +34 -0
- package/dist/components/widget-tab-bar.d.ts +16 -0
- package/dist/{composer-CjngLzal.js → composer-sQ0HcvyG.js} +3 -3
- package/dist/{confirm-card-DCx_A4bU.js → confirm-card-rQWDQsnC.js} +1 -1
- package/dist/construct-cli.es.js +182 -14
- package/dist/{context-BY8V-Nlp.js → context-0kg4ZX1J.js} +1 -1
- package/dist/controllable-CnGpMF6r.js +1 -0
- package/dist/conversation-item-BxwQLaFJ.js +1 -0
- package/dist/conversation-list-BCfGN1JU.js +1 -0
- package/dist/{copy-B6DO4PqB.js → copy-n9u9rqpi.js} +1 -1
- package/dist/{create-tween-CnMHviKB.js → create-tween-C-q-JCM-.js} +1 -1
- package/dist/{create-tween-D1aiGZZh.js → create-tween-CRrJXxBd.js} +1 -1
- package/dist/{create-tween-BPzaefTp.js → create-tween-DZ3RRDHD.js} +1 -1
- package/dist/{create-tween-DUSQUKpr.js → create-tween-uPkArjIG.js} +1 -1
- package/dist/custom-elements.json +51 -2
- package/dist/{default-input-CucQEOqH.js → default-input-CaMrJkgH.js} +1 -1
- package/dist/define-By-uL588.js +1 -0
- package/dist/define.js +2 -2
- package/dist/define.server.js +2 -2
- package/dist/{disclosure-CbLtajUQ.js → disclosure-WUImBbDv.js} +1 -1
- package/dist/{dropdown-BwhViJFd.js → dropdown-wZVeJOMd.js} +1 -1
- package/dist/elements/agent-card.js +1 -1
- package/dist/elements/artifact.js +1 -1
- package/dist/elements/attachments.js +1 -1
- package/dist/elements/audio-visualizer.js +1 -1
- package/dist/elements/avatar.js +1 -1
- package/dist/elements/badge.js +1 -1
- package/dist/elements/button.js +1 -1
- package/dist/elements/card.js +1 -1
- package/dist/elements/cards.js +1 -1
- package/dist/elements/chain-of-thought.js +1 -1
- package/dist/elements/chat-scope-picker.js +1 -1
- package/dist/elements/chat-workspace.js +1 -1
- package/dist/elements/chat.js +1 -1
- package/dist/elements/checkbox-group.js +1 -1
- package/dist/elements/checkbox.js +1 -1
- package/dist/elements/checkpoint.js +1 -1
- package/dist/elements/choice.js +1 -1
- package/dist/elements/coachmark.js +1 -1
- package/dist/elements/code-block.js +1 -1
- package/dist/elements/command.js +1 -1
- package/dist/elements/compare.js +1 -1
- package/dist/elements/composer.js +1 -1
- package/dist/elements/confirm-card.js +1 -1
- package/dist/elements/context-meter.js +1 -1
- package/dist/elements/conversation-item.js +1 -1
- package/dist/elements/conversation-list.js +1 -1
- package/dist/elements/dialog.js +1 -1
- package/dist/elements/dock.js +3 -3
- package/dist/elements/dropdown.js +1 -1
- package/dist/elements/editable-label.js +1 -1
- package/dist/elements/embed.js +1 -1
- package/dist/elements/empty.js +1 -1
- package/dist/elements/feedback-bar.js +1 -1
- package/dist/elements/file-tree.js +1 -1
- package/dist/elements/file-upload.js +1 -1
- package/dist/elements/form.js +1 -1
- package/dist/elements/hover-card.js +1 -1
- package/dist/elements/icon.js +1 -1
- package/dist/elements/image.js +1 -1
- package/dist/elements/input.js +1 -1
- package/dist/elements/kbd.js +1 -1
- package/dist/elements/link-preview.js +1 -1
- package/dist/elements/loader.js +1 -1
- package/dist/elements/markdown.js +1 -1
- package/dist/elements/menu.js +1 -1
- package/dist/elements/message-skills.js +1 -1
- package/dist/elements/message.js +1 -1
- package/dist/elements/model-switcher.js +1 -1
- package/dist/elements/nav.js +1 -1
- package/dist/elements/notice.js +1 -1
- package/dist/elements/pane-grid.js +1 -1
- package/dist/elements/pane-group.js +1 -1
- package/dist/elements/pane.js +1 -1
- package/dist/elements/popover.js +1 -1
- package/dist/elements/progress-bar.js +1 -1
- package/dist/elements/prompt-dock.js +1 -1
- package/dist/elements/prompt-input.js +1 -1
- package/dist/elements/prompt-suggestions.js +1 -1
- package/dist/elements/radio-group.js +1 -1
- package/dist/elements/reasoning.js +1 -1
- package/dist/elements/remote.js +1 -1
- package/dist/elements/resizable.js +1 -1
- package/dist/elements/response-stream.js +1 -1
- package/dist/elements/screen.js +1 -1
- package/dist/elements/scroll-area.js +1 -1
- package/dist/elements/scroll-button.js +1 -1
- package/dist/elements/search.js +1 -1
- package/dist/elements/segmented.js +1 -1
- package/dist/elements/select.js +1 -1
- package/dist/elements/separator.js +1 -1
- package/dist/elements/setting-item.js +1 -1
- package/dist/elements/settings-group.js +1 -1
- package/dist/elements/skeleton.js +1 -1
- package/dist/elements/slider.js +1 -1
- package/dist/elements/source.js +1 -1
- package/dist/elements/status.js +1 -1
- package/dist/elements/switch.js +1 -1
- package/dist/elements/tabs.js +1 -1
- package/dist/elements/tasks.js +1 -1
- package/dist/elements/text-shimmer.js +1 -1
- package/dist/elements/thinking-bar.js +1 -1
- package/dist/elements/thread.js +1 -1
- package/dist/elements/toast.js +1 -1
- package/dist/elements/tool.js +1 -1
- package/dist/elements/tooltip.js +1 -1
- package/dist/elements/voice-input.js +1 -1
- package/dist/elements/voice-output.js +1 -1
- package/dist/elements.d.ts +20 -4
- package/dist/{ellipsis-DFr4Vqr3.js → ellipsis-CbOpJnU3.js} +1 -1
- package/dist/{embed-5s_vU4J0.js → embed-CrfjkbUG.js} +1 -1
- package/dist/{external-link-u9d85ORQ.js → external-link-ByXAwBBQ.js} +1 -1
- package/dist/{file-text-CX7_x42o.js → file-text-DMib2qwt.js} +1 -1
- package/dist/{file-tree-D3kBjXI5.js → file-tree-CJqM2aP7.js} +1 -1
- package/dist/{folder-V-YdIL8f.js → folder-_BAb929C.js} +1 -1
- package/dist/{form-BRNUMCN2.js → form-DSZgZQZk.js} +1 -1
- package/dist/{hover-card-DaeiYrTA.js → hover-card-BQbul9eq.js} +1 -1
- package/dist/{icon-BpixdZNq.js → icon-CdcfRhYI.js} +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +2842 -2703
- package/dist/index.server.js +2820 -2681
- package/dist/{info-8mFsIjS3.js → info-DsFjGuI_.js} +1 -1
- package/dist/{input-d1Yuu-hz.js → input-DKbmkMos.js} +1 -1
- package/dist/kai.es.js +1 -1
- package/dist/{kbd-961zMPFB.js → kbd-PvdGhX4s.js} +1 -1
- package/dist/{link-preview-DIIbV2Sd.js → link-preview-DbM1866N.js} +1 -1
- package/dist/{link-DlZZBGaR.js → link-zF8PzWfF.js} +1 -1
- package/dist/{loader-YQszHFaW.js → loader-BM4CEz4G.js} +1 -1
- package/dist/{markdown-CVk1MPsj.js → markdown-LMvmAyBk.js} +7 -7
- package/dist/mcp.es.js +78 -4
- package/dist/{message-CwKVEdZg.js → message-BSsgvHvf.js} +1 -1
- package/dist/{message-DS8lzHc1.js → message-BYZECyek.js} +1 -1
- package/dist/message-circle-DruwObfX.js +1 -0
- package/dist/message-square-BG6q6mlm.js +1 -0
- package/dist/{minimize-2-UEZmP2QT.js → minimize-2-BQRoBV1V.js} +1 -1
- package/dist/{model-switcher-Kk1jEQ5t.js → model-switcher-CMpCOYcB.js} +1 -1
- package/dist/{overlay-C1od6LOz.js → overlay-Cb-MkyDa.js} +1 -1
- package/dist/{panel-right-ryET0yyn.js → panel-right-i8warFxT.js} +1 -1
- package/dist/{paperclip-BDNoZFJP.js → paperclip-ByY3UVO6.js} +1 -1
- package/dist/play-BvKKq3fX.js +1 -0
- package/dist/primitives/conversation-store.d.ts +54 -0
- package/dist/{progress-bar-BvYX0aoy.js → progress-bar-jVAHvMUf.js} +1 -1
- package/dist/{prompt-suggestion-BRFu2lcu.js → prompt-suggestion-CD-qtNgC.js} +1 -1
- package/dist/{radio-DcL23cNJ.js → radio-BsoBMhkF.js} +1 -1
- package/dist/react/index.d.ts +393 -0
- package/dist/react.js +20 -20
- package/dist/{reasoning-Cackq4Rh.js → reasoning-4kBPtlTx.js} +1 -1
- package/dist/register-impl-B1hLkrI8.js +424 -0
- package/dist/{resizable-Cp9HUYih.js → resizable-uPmY9VY-.js} +1 -1
- package/dist/{rotate-ccw-0DLRDHH5.js → rotate-ccw-B2xn93py.js} +1 -1
- package/dist/{rotate-cw-DOB9IGcU.js → rotate-cw-CMVLoCyH.js} +1 -1
- package/dist/{scroll-area-emVmWP4K.js → scroll-area-BqLUo8ZZ.js} +1 -1
- package/dist/{scroll-button-CeP_gv1x.js → scroll-button-DslXiJyL.js} +1 -1
- package/dist/{select-CWmu00tS.js → select-2cLRtPGT.js} +1 -1
- package/dist/{separator-CE6vly6z.js → separator-BWQtNJcM.js} +1 -1
- package/dist/{settings-CE-78SvZ.js → settings-BBR63jLg.js} +1 -1
- package/dist/{settings-group-ZFWNxFQR.js → settings-group-B2ciy-Iw.js} +1 -1
- package/dist/{skeleton-BebdP4mf.js → skeleton-CkHI-HgC.js} +1 -1
- package/dist/{slider-BAKRYUlz.js → slider-DDR9U-i0.js} +1 -1
- package/dist/{solid-BE5ui6sy.js → solid-BzCFdL25.js} +7720 -7058
- package/dist/{solid-DFhsce3O.js → solid-DruVOXnf.js} +5864 -5283
- package/dist/solid.d.ts +6 -2
- package/dist/solid.js +217 -210
- package/dist/solid.server.js +217 -210
- package/dist/{source-B0FlguSx.js → source-GEnFF528.js} +1 -1
- package/dist/{star-CBMZvLuN.js → star-CilHq8GP.js} +1 -1
- package/dist/store-Ciyk6eZG.js +1 -0
- package/dist/{switch-CViARZCy.js → switch-KkeQIbuH.js} +1 -1
- package/dist/{tasks-card-MjCcOhR_.js → tasks-card-BrN4bggJ.js} +1 -1
- package/dist/{text-shimmer-DKlwRF2G.js → text-shimmer-Dcj1MHuq.js} +1 -1
- package/dist/{textarea-3ay2Me2-.js → textarea-Dpvbngbg.js} +1 -1
- package/dist/theme.tokens.css +28 -0
- package/dist/{thumbs-up-DQcu2HMO.js → thumbs-up-CsT9Wzb9.js} +1 -1
- package/dist/{toast-store-C6yKOhbk.js → toast-store-tgK6MuMv.js} +1 -1
- package/dist/{tool-BCYNlfKy.js → tool-DzUjIBT8.js} +1 -1
- package/dist/{tooltip-05zI4hjs.js → tooltip-Bkkg_4t0.js} +1 -1
- package/dist/{trash-2-BR1RxGky.js → trash-2-jBKxjGGQ.js} +1 -1
- package/dist/{triangle-alert-DHohDOCy.js → triangle-alert-DlQ68ppf.js} +1 -1
- package/dist/types.d.ts +48 -3
- package/dist/ui/dock.d.ts +29 -0
- package/dist/{upload-BbGW6A_u.js → upload-TcAHXv9W.js} +1 -1
- package/dist/{url-scheme-policy-DHpoTJwB.js → url-scheme-policy-DR5DgvkM.js} +1 -1
- package/dist/{use-card-resolution-CJW4grFa.js → use-card-resolution-DaZqAdWf.js} +1 -1
- package/dist/{variant-aurora-xiMPty8f.js → variant-aurora-BhLuYxJR.js} +1 -1
- package/dist/{variant-aurora-BUOVgPOB.js → variant-aurora-CNmfHhcx.js} +2 -2
- package/dist/{variant-aurora-CUsUJvFI.js → variant-aurora-D6GsdTPA.js} +2 -2
- package/dist/{variant-aurora-CW2i4bfr.js → variant-aurora-DbW_OWL2.js} +1 -1
- package/dist/{variant-custom-D91HjAKz.js → variant-custom-BRvaNHSi.js} +1 -1
- package/dist/{variant-custom-BQtOnmeO.js → variant-custom-BvYHR62b.js} +1 -1
- package/dist/{variant-custom-CAnzzppW.js → variant-custom-DMTrEO5w.js} +2 -2
- package/dist/{variant-custom-CAm9L-E5.js → variant-custom-DV2x254s.js} +2 -2
- package/dist/{variant-wave-Ca1Ls4_y.js → variant-wave-BNMGrDfj.js} +2 -2
- package/dist/{variant-wave-uY5crU_K.js → variant-wave-BpDd8t3Z.js} +1 -1
- package/dist/{variant-wave-CxX39DKd.js → variant-wave-CyBueXj9.js} +2 -2
- package/dist/{variant-wave-DYyzIIZv.js → variant-wave-sp-qwsdI.js} +1 -1
- package/dist/x-Z5UntkIJ.js +1 -0
- package/frameworks/react/index.tsx +14 -4
- package/llms-full.txt +7 -2
- package/package.json +1 -1
- package/src/agent-tooling/README.md +192 -0
- package/src/agent-tooling/catalog/invariants.ts +2 -2
- package/src/agent-tooling/construct/cli.ts +16 -0
- package/src/agent-tooling/construct/codegen.ts +309 -27
- package/src/agent-tooling/construct/construct.v1.schema.json +69 -0
- package/src/agent-tooling/construct/fixtures/owner-widget.construct.json +11 -2
- package/src/agent-tooling/construct/schema.ts +81 -0
- package/src/components/chat-thread.tsx +532 -36
- package/src/components/conversation-item.tsx +23 -0
- package/src/components/conversation-panel.tsx +118 -0
- package/src/components/home-panel.tsx +159 -0
- package/src/components/widget-tab-bar.tsx +73 -0
- package/src/elements/chat.tsx +94 -2
- package/src/elements/compiled.css +1 -1
- package/src/elements/element-meta.json +49 -6
- package/src/elements/element-nonscalar.json +2 -0
- package/src/elements/element-types.d.ts +20 -4
- package/src/index.ts +3 -1
- package/src/primitives/conversation-store.ts +248 -0
- package/src/solid.ts +10 -2
- package/src/types.ts +45 -3
- package/src/ui/dock.tsx +47 -1
- package/theme.css +28 -0
- package/dist/arrow-down-Br0qtpsz.js +0 -1
- package/dist/arrow-left-Dj7xgE12.js +0 -1
- package/dist/check-DPeeMUYx.js +0 -1
- package/dist/chevron-down-CHSWk7ZT.js +0 -1
- package/dist/chevron-right-B7l_fMgx.js +0 -1
- package/dist/circle-Bb0yOpqM.js +0 -1
- package/dist/circle-check-BGZpCiz7.js +0 -1
- package/dist/code-block-CUQ5mtv0.js +0 -1
- package/dist/controllable-D43BKmtX.js +0 -1
- package/dist/conversation-list-D4lLU_yS.js +0 -1
- package/dist/define-CGGX-7Vg.js +0 -1
- package/dist/message-circle-Xf8Q-vZp.js +0 -1
- package/dist/message-square-Cxnwgkns.js +0 -1
- package/dist/play-OFIvYXUQ.js +0 -1
- package/dist/register-impl-C7rENvPK.js +0 -424
- package/dist/store-7eoadydQ.js +0 -1
- package/dist/x-C5m1JFgi.js +0 -1
package/dist/theme.tokens.css
CHANGED
|
@@ -66,6 +66,29 @@
|
|
|
66
66
|
added at the bottom. */
|
|
67
67
|
--color-hover: var(--kai-color-hover, color-mix(in oklab, var(--color-muted) 60%, var(--color-background)));
|
|
68
68
|
--color-selected: var(--kai-color-selected, color-mix(in oklab, var(--color-primary) 8%, var(--color-background)));
|
|
69
|
+
/* UNREAD indicator — a dedicated token (owner ruling, 2026-08-26), not a
|
|
70
|
+
reuse of --color-destructive: unread is notification semantics, not
|
|
71
|
+
error, so a consumer re-theming "danger" red must not also move every
|
|
72
|
+
unread dot. Used identically by all three places an unread conversation
|
|
73
|
+
surfaces: the list-row trailing dot (ConversationPanel), the header
|
|
74
|
+
toggle's badge (ChatThread), and Dock's own closed-launcher badge.
|
|
75
|
+
A vivid "messenger red" (Tailwind red-500 territory, the Intercom/iOS
|
|
76
|
+
badge convention) rather than the darker --color-destructive hue: the
|
|
77
|
+
first pass at this token picked a color that read as legible-on-paper
|
|
78
|
+
but visually flat/dark next to the launcher's near-black ring. This one
|
|
79
|
+
value is used in BOTH light and dark (no .dark override below) because
|
|
80
|
+
it independently clears 3:1 (WCAG 1.4.11, non-text) against every real
|
|
81
|
+
surface an unread dot sits on in EITHER mode: light row/card background
|
|
82
|
+
(white) 3.78:1, light Dock-launcher ring (--color-primary, near-black)
|
|
83
|
+
4.68:1, dark row/card background (near-black) 4.73–4.35:1, dark
|
|
84
|
+
Dock-launcher ring (--color-primary, near-white) 3.62:1. (Measured via
|
|
85
|
+
the WCAG relative-luminance formula against this file's own light/dark
|
|
86
|
+
--color-background/-card/-primary values — see
|
|
87
|
+
.superpowers/sdd/2026-08-26-conversations/rework-report.md Round 4 for
|
|
88
|
+
the worked numbers.) Override via --kai-color-unread; a construct author
|
|
89
|
+
can also set it per-widget through `theme.unreadColor` (construct
|
|
90
|
+
vocabulary — see agent-tooling/construct/schema.ts). */
|
|
91
|
+
--color-unread: var(--kai-color-unread, hsl(0 84% 60%));
|
|
69
92
|
/* MARKED text — the fill behind a keyword the app has flagged (the composer's
|
|
70
93
|
`highlights` rules, decorated through the CSS Custom Highlight API). This is
|
|
71
94
|
`<mark>`, not a selection and not a status: a warm yellow, the convention
|
|
@@ -226,6 +249,11 @@
|
|
|
226
249
|
--color-destructive-soft: var(--kai-color-destructive-soft, color-mix(in oklab, var(--color-destructive) 14%, var(--color-background)));
|
|
227
250
|
--color-hover: var(--kai-color-hover, color-mix(in oklab, var(--color-muted) 60%, var(--color-background)));
|
|
228
251
|
--color-selected: var(--kai-color-selected, color-mix(in oklab, var(--color-primary) 8%, var(--color-background)));
|
|
252
|
+
/* Unread indicator — dark. Same value as light (see the light block for the
|
|
253
|
+
full contrast note): one vivid red independently clears 3:1 against both
|
|
254
|
+
modes' real surfaces, so there is nothing to flip here. Still redeclared
|
|
255
|
+
for override symmetry with every other semantic color in this file. */
|
|
256
|
+
--color-unread: var(--kai-color-unread, hsl(0 84% 60%));
|
|
229
257
|
/* Marked text — dark. A deep warm amber rather than the light yellow: a pale
|
|
230
258
|
highlighter on a near-black field would blow out and force the text to flip
|
|
231
259
|
colour. See the light block for the full note. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as m}from"./Icon-
|
|
1
|
+
import{I as m}from"./Icon-DObhsRtm.js";import{c as e,q as o}from"./define-By-uL588.js";var h=[["path",{d:"M17 14V2",key:"8ymqnk"}],["path",{d:"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z",key:"m61m77"}]],t=a=>e(m,o(a,{name:"ThumbsDown",iconNode:h})),n=t,p=[["path",{d:"M7 10v12",key:"1qc93n"}],["path",{d:"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",key:"emmmcr"}]],r=a=>e(m,o(a,{name:"ThumbsUp",iconNode:p})),d=r;export{d as a,n as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{R as f,g as b}from"./define-By-uL588.js";import{c as h,p as A}from"./store-Ciyk6eZG.js";let o={};function k(e){o.stack&&e.setAttribute("stack",o.stack),o.position&&e.setAttribute("position",o.position),o.max!==void 0&&e.setAttribute("max",String(o.max)),o.appearance&&e.setAttribute("appearance",o.appearance),o.inverse!==void 0&&(o.inverse?e.setAttribute("inverse",""):e.removeAttribute("inverse"))}const x=5e3,w=7e3,{toasts:d,setToasts:a,mounted:q,setMounted:p}=f(()=>{const[e,t]=h([]),[n,i]=b(!1);return{toasts:e,setToasts:t,mounted:n,setMounted:i}});let m=0;function M(){return m+=1,`toast-${m}`}function y(e){const t=e.duration??x;return t===0?0:e.action?Math.max(t,w):t}const u=new Map;let v=!1;function C(e){return e.target??null}function I(e=null){if(typeof document>"u")return;const t=u.get(e);if(t&&t.isConnected)return t;t&&u.delete(e);const n=new Set(u.values()),i=Array.from(document.querySelectorAll("kai-toast-region")).filter(l=>l.isConnected&&!n.has(l)&&C(l)===e);i.length>1&&!v&&(v=!0,console.warn(`[kitn] toast(): ${i.length} candidate <kai-toast-region> elements are in the document; adopting the first in document order. Keep one region per target so the imperative toast() API has an unambiguous home.`));const s=i[0];if(s)return s.toasts=d,u.set(e,s),p(!0),s;const r=document.createElement("kai-toast-region");return document.body.appendChild(r),r.toasts=d,e&&(r.target=e),k(r),u.set(e,r),p(!0),r}function S(e){const t=d.findIndex(n=>n.id===e.id);t>=0?a(t,e):a(A(n=>{n.push(e)}))}function g(e){a(t=>t.filter(n=>n.id!==e))}function T(e){return{id:e,dismiss:()=>g(e),update:t=>{const n=d.findIndex(i=>i.id===e);n>=0&&a(n,i=>({...i,...t}))}}}function c(e,t,n){I(t?.target??null);const i=t?.id??M(),s={id:i,message:e,variant:t?.variant??n,appearance:t?.appearance??o.appearance??"pill",inverse:t?.inverse??o.inverse??!1,description:t?.description,action:t?.action,duration:t?.duration,dismissible:t?.dismissible,target:t?.target};return S(s),T(i)}const O=Object.assign((e,t)=>c(e,t,"neutral"),{success:(e,t)=>c(e,t,"success"),warning:(e,t)=>c(e,t,"warning"),error:(e,t)=>c(e,t,"error"),info:(e,t)=>c(e,t,"info"),dismiss:g,clear:()=>a([])});export{y as r,O as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as t,q as b,s as q,g as B,i as a,S as l,F as E,m as y,a as p,b as L,t as o,n as g}from"./define-
|
|
1
|
+
import{c as t,q as b,s as q,g as B,i as a,S as l,F as E,m as y,a as p,b as L,t as o,n as g}from"./define-By-uL588.js";import{c as P}from"./cn-DN5AWfiS.js";import{a as M,b as $,C as D}from"./collapsible-B4DlWicL.js";import{B as F}from"./button-DkuOnGLy.js";import{c as J}from"./chevron-down-B72s6PXR.js";import{I as k}from"./Icon-DObhsRtm.js";import{c as V}from"./circle-x-BPG0iPst.js";import{s as A}from"./settings-BBR63jLg.js";var G=[["path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14",key:"g774vq"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],H=e=>t(k,b(e,{name:"CircleCheckBig",iconNode:G})),K=H,Q=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],U=e=>t(k,b(e,{name:"LoaderCircle",iconNode:Q})),W=U,X=o('<span class="px-2 py-1 rounded-full text-xs font-medium">Processing'),Y=o('<span class="px-2 py-1 rounded-full text-xs font-medium">Ready'),Z=o('<span class="px-2 py-1 rounded-full text-xs font-medium">Completed'),_=o('<span class="px-2 py-1 rounded-full text-xs font-medium">Error'),tt=o('<div><h4 class="text-muted-foreground mb-2 text-sm font-medium">Input</h4><div class="rounded bg-surface-strong p-2 font-mono text-sm">'),et=o('<div><h4 class="text-muted-foreground mb-2 text-sm font-medium">Output</h4><div tabindex=0 class="max-h-60 overflow-auto rounded bg-surface-strong p-2 font-mono text-sm"><pre class=whitespace-pre-wrap>'),rt=o('<div><h4 class="mb-2 text-sm font-medium text-red-600 dark:text-red-400">Error</h4><div class="rounded bg-red-500/10 p-2 text-sm">'),nt=o('<div class="text-muted-foreground text-sm">Processing tool call...'),at=o('<div class="text-muted-foreground pt-2 text-xs"><span class=font-mono>Call ID: '),lt=o('<div class="space-y-3 p-3">'),ot=o("<div>"),st=o('<div class="flex items-center gap-2"><span class="font-mono text-sm font-medium">'),it=o("<div class=mb-1><span class=text-muted-foreground>:</span> <span>");function S(e){return e===null?"null":e===void 0?"undefined":typeof e=="string"?e:typeof e=="object"?JSON.stringify(e,null,2):String(e)}function ut(e){return[t(l,{get when(){return e.state==="input-streaming"},get children(){return t(W,{class:"size-4 animate-spin text-blue-500"})}}),t(l,{get when(){return e.state==="input-available"},get children(){return t(A,{class:"size-4 text-orange-500"})}}),t(l,{get when(){return e.state==="output-available"},get children(){return t(K,{class:"size-4 text-green-500"})}}),t(l,{get when(){return e.state==="output-error"},get children(){return t(V,{class:"size-4 text-red-500"})}})]}const dt={"input-streaming":"var(--color-tool-blue)","input-available":"var(--color-tool-amber)","output-available":"var(--color-tool-green)","output-error":"var(--color-tool-red)"},ct={"input-streaming":"hsl(217 91% 60%)","input-available":"hsl(38 92% 50%)","output-available":"hsl(142 71% 45%)","output-error":"hsl(0 84% 60%)"};function f(e){return{color:dt[e],background:`color-mix(in oklab, ${ct[e]} 15%, transparent)`}}function pt(e){return[t(l,{get when(){return e.state==="input-streaming"},get children(){var r=X();return p(u=>g(r,f("input-streaming"),u)),r}}),t(l,{get when(){return e.state==="input-available"},get children(){var r=Y();return p(u=>g(r,f("input-available"),u)),r}}),t(l,{get when(){return e.state==="output-available"},get children(){var r=Z();return p(u=>g(r,f("output-available"),u)),r}}),t(l,{get when(){return e.state==="output-error"},get children(){var r=_();return p(u=>g(r,f("output-error"),u)),r}})]}function mt(e){const[r,u]=q(e,["toolPart","defaultOpen","disabled","controllerRef","class"]),[z,O]=B(),I=()=>{var d;return((d=z())==null?void 0:d.open())??r.defaultOpen??!1},m=()=>r.toolPart.state,h=()=>r.toolPart.input,w=()=>r.toolPart.output;return(()=>{var d=ot();return a(d,t(D,{get defaultOpen(){return r.defaultOpen},get disabled(){return r.disabled},controllerRef:s=>{var n;O(s),(n=r.controllerRef)==null||n.call(r,s)},get children(){return[t(M,{as:s=>t(F,b({variant:"ghost",class:"h-auto w-full justify-between rounded-b-none px-3 py-2 font-normal"},s,{get children(){return[(()=>{var n=st(),i=n.firstChild;return a(n,t(ut,{get state(){return m()}}),i),a(i,()=>r.toolPart.type),a(n,t(pt,{get state(){return m()}}),null),n})(),t(J,{get class(){return P("size-4 transition-transform",I()&&"rotate-180")}})]}}))}),t($,{class:"data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden",get children(){var s=lt();return a(s,t(l,{get when(){return y(()=>!!h())()&&Object.keys(h()).length>0},get children(){var n=tt(),i=n.firstChild,c=i.nextSibling;return a(c,t(E,{get each(){return Object.entries(h())},children:([v,j])=>(()=>{var C=it(),x=C.firstChild,R=x.firstChild,N=x.nextSibling,T=N.nextSibling;return a(x,v,R),a(T,()=>S(j)),C})()})),n}}),null),a(s,t(l,{get when(){return w()},get children(){var n=et(),i=n.firstChild,c=i.nextSibling,v=c.firstChild;return a(v,()=>S(w())),n}}),null),a(s,t(l,{get when(){return y(()=>m()==="output-error")()&&r.toolPart.errorText},get children(){var n=rt(),i=n.firstChild,c=i.nextSibling;return a(c,()=>r.toolPart.errorText),n}}),null),a(s,t(l,{get when(){return m()==="input-streaming"},get children(){return nt()}}),null),a(s,t(l,{get when(){return r.toolPart.toolCallId},get children(){var n=at(),i=n.firstChild;return i.firstChild,a(i,()=>r.toolPart.toolCallId,null),n}}),null),s}})]}})),p(()=>L(d,P("mt-3 overflow-hidden rounded-lg bg-surface",r.class))),d})()}export{mt as T};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as M,A as S,w as $,g as s,h as j,c as v,P as q,u as B,d as f,i as G,a as H,l as g,b as J,S as K,t as N}from"./define-
|
|
1
|
+
import{s as M,A as S,w as $,g as s,h as j,c as v,P as q,u as B,d as f,i as G,a as H,l as g,b as J,S as K,t as N}from"./define-By-uL588.js";import{c as Q}from"./cn-DN5AWfiS.js";import{c as U,u as V,a as W,A as X}from"./overlay-Cb-MkyDa.js";var Y=N("<div role=tooltip style=position:fixed;pointer-events:none>");function Z(R){var b;const[n]=M(R,["content","children","class","openDelay","closeDelay","placement","defaultOpen","disabled","controllerRef","dismissOnClick"]),A=S(),x=$(),[i,t]=s(n.defaultOpen??!1),[r,F]=s(),[h,E]=s();(b=n.controllerRef)==null||b.call(n,{open:i,setOpen:e=>t(e&&!n.disabled)});let a,l=!1;const[I,c]=s(!1),[L,u]=s(!1),w=(e=0)=>{n.disabled||(clearTimeout(a),e?a=window.setTimeout(()=>t(!0),e):t(!0))},p=()=>{clearTimeout(a);const e=n.closeDelay??0;e?a=window.setTimeout(()=>t(!1),e):t(!1)},y=()=>{!I()&&!L()&&p()},T=()=>{n.dismissOnClick!==!1&&(c(!1),u(!1),p())};j(()=>clearTimeout(a));const d=U(i),m=V(r,h,{placement:n.placement??"top",gutter:6,onDisconnect:()=>t(!1)});return W({enabled:i,onDismiss:p,refs:()=>[r(),h()]}),[v(X,{as:"span",class:"inline-flex",ref:F,get"aria-describedby"(){return i()?x:void 0},onPointerEnter:()=>{c(!0),w(n.openDelay??600)},onPointerLeave:()=>{c(!1),y()},onPointerDown:()=>{l=!0,T(),window.setTimeout(()=>{l=!1},0)},onClick:T,onFocusIn:()=>{u(!0),l||w()},onFocusOut:e=>{const o=r();o&&o.contains(e.relatedTarget)||(u(!1),y())},get children(){return n.children}}),v(K,{get when(){return d.present()},get children(){return v(q,{get mount(){return A.portalMount()},get children(){var e=Y();return B(o=>{E(o),d.setRef(o)},e),f(e,"id",x),G(e,()=>n.content),H(o=>{var D=d.state()==="open"?"":void 0,O=d.state()==="closed"?"":void 0,P=`${m.pos().x}px`,k=`${m.pos().y}px`,z=m.hidden()?"hidden":"visible",C=Q("z-50 rounded-md bg-foreground px-2.5 py-1 text-xs text-background shadow-md","animate-in fade-in-0 zoom-in-95 data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95",n.class);return D!==o.e&&f(e,"data-expanded",o.e=D),O!==o.t&&f(e,"data-closed",o.t=O),P!==o.a&&g(e,"left",o.a=P),k!==o.o&&g(e,"top",o.o=k),z!==o.i&&g(e,"visibility",o.i=z),C!==o.n&&J(e,o.n=C),o},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),e}})}})]}export{Z as T};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as e}from"./Icon-
|
|
1
|
+
import{I as e}from"./Icon-DObhsRtm.js";import{c as y,q as o}from"./define-By-uL588.js";var k=[["path",{d:"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z",key:"1fy3hk"}]],n=a=>y(e,o(a,{name:"Bookmark",iconNode:k})),h=n,d=[["path",{d:"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z",key:"i9b6wo"}],["line",{x1:"4",x2:"4",y1:"22",y2:"15",key:"1cm3nv"}]],i=a=>y(e,o(a,{name:"Flag",iconNode:d})),m=i,p=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],t=a=>y(e,o(a,{name:"Pencil",iconNode:p})),s=t,c=[["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",key:"1b2hhj"}],["polyline",{points:"16 6 12 2 8 6",key:"m901s6"}],["line",{x1:"12",x2:"12",y1:"2",y2:"15",key:"1p0rca"}]],r=a=>y(e,o(a,{name:"Share",iconNode:c})),l=r,x=[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]],v=a=>y(e,o(a,{name:"Trash2",iconNode:x})),M=v;export{h as b,m as f,s as p,l as s,M as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as e}from"./Icon-
|
|
1
|
+
import{I as e}from"./Icon-DObhsRtm.js";import{c as p,q as o}from"./define-By-uL588.js";var r=[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]],t=a=>p(e,o(a,{name:"TriangleAlert",iconNode:r})),m=t;export{m as t};
|
package/dist/types.d.ts
CHANGED
|
@@ -33,10 +33,29 @@ export interface ConversationSummary {
|
|
|
33
33
|
/** Fallback for the auto relative time when updatedAt is absent. */
|
|
34
34
|
lastMessageAt?: string;
|
|
35
35
|
updatedAt: string;
|
|
36
|
-
/**
|
|
37
|
-
*
|
|
38
|
-
*
|
|
36
|
+
/** Trailing text describing the row's content, read differently by the two
|
|
37
|
+
* built-in list surfaces (both optional, same field — no widened shape):
|
|
38
|
+
* the desktop `ConversationList`/`ConversationItem` renders it right-aligned
|
|
39
|
+
* as a count/status/"days ago" and auto-derives a short relative time from
|
|
40
|
+
* `updatedAt` (fallback `lastMessageAt`) when it's absent; the widget-box
|
|
41
|
+
* `ConversationPanel` list view (owner rework, 2026-08-26) renders it as the
|
|
42
|
+
* one-line last-message preview under the title instead — that view always
|
|
43
|
+
* computes its own right-aligned relative time from `updatedAt` separately,
|
|
44
|
+
* since a box that size has no room for a third line. `localStorageStore`
|
|
45
|
+
* writes it as the ~80-char truncated last-message preview on every save
|
|
46
|
+
* (`primitives/conversation-store.ts`). */
|
|
39
47
|
trailing?: string;
|
|
48
|
+
/** ISO timestamp of when this conversation was last SEEN by the visitor
|
|
49
|
+
* (widened additively, 2026-08-26 — unread indicators; no existing field
|
|
50
|
+
* fit, since `trailing`/`lastMessageAt`/`updatedAt` are all content-timing
|
|
51
|
+
* facts, not viewing-state). Unread = `updatedAt` is later than this.
|
|
52
|
+
* Written by `ConversationStore.markRead` (see that doc for exactly when
|
|
53
|
+
* and for the decide-loudly default when a store never implements it —
|
|
54
|
+
* an absent `lastReadAt` reads as "not unread," never as "definitely
|
|
55
|
+
* unread," so a store that doesn't support the concept at all simply
|
|
56
|
+
* never shows an indicator rather than guessing). Round-tripped through
|
|
57
|
+
* `list()`/`save()`; never author this by hand. */
|
|
58
|
+
lastReadAt?: string;
|
|
40
59
|
}
|
|
41
60
|
export interface ConversationGroup {
|
|
42
61
|
id: string;
|
|
@@ -46,3 +65,29 @@ export interface ConversationGroup {
|
|
|
46
65
|
sortOrder: number;
|
|
47
66
|
createdAt: string;
|
|
48
67
|
}
|
|
68
|
+
/** One row in a `HomeConfig.links` list — a "docs" / "talk to sales" style
|
|
69
|
+
* entry. `href` is optional: with it, the row renders as a link (subject to
|
|
70
|
+
* `isSafeUrl`); without it, the row is a button that emits itself via
|
|
71
|
+
* `HomePanelProps.onLink`. `icon` is either a `renderIcon` name or a safe
|
|
72
|
+
* URL, same resolution `renderIcon` already does for every other icon prop
|
|
73
|
+
* in the kit. */
|
|
74
|
+
export interface HomeLinkEntry {
|
|
75
|
+
label: string;
|
|
76
|
+
href?: string;
|
|
77
|
+
description?: string;
|
|
78
|
+
icon?: string;
|
|
79
|
+
}
|
|
80
|
+
/** The widget home screen's JSON-shaped config (Intercom-pattern home tab).
|
|
81
|
+
* Consumed by `ChatThread`'s `home` prop, which wires it into `HomePanel`/
|
|
82
|
+
* `WidgetTabBar` and, from there, into `<kai-chat>`'s own `home` property. */
|
|
83
|
+
export interface HomeConfig {
|
|
84
|
+
greeting?: {
|
|
85
|
+
title?: string;
|
|
86
|
+
subtitle?: string;
|
|
87
|
+
};
|
|
88
|
+
recentConversation?: boolean;
|
|
89
|
+
newConversation?: {
|
|
90
|
+
label?: string;
|
|
91
|
+
};
|
|
92
|
+
links?: HomeLinkEntry[];
|
|
93
|
+
}
|
package/dist/ui/dock.d.ts
CHANGED
|
@@ -81,6 +81,35 @@ export interface DockProps {
|
|
|
81
81
|
export declare function DockLauncherGlyph(): JSX.Element;
|
|
82
82
|
/** The built-in open glyph. Exported for the same reason as {@link DockLauncherGlyph}. */
|
|
83
83
|
export declare function DockCloseGlyph(): JSX.Element;
|
|
84
|
+
export interface DockLauncherImageProps {
|
|
85
|
+
/** The icon URL. */
|
|
86
|
+
src: string;
|
|
87
|
+
/** Alt text — usually left empty: the launcher BUTTON already carries the
|
|
88
|
+
* accessible name (Dock derives it from `label`/`openLabel`/`closeLabel`),
|
|
89
|
+
* so a second name on the icon inside it would be redundant, not missing. */
|
|
90
|
+
alt?: string;
|
|
91
|
+
}
|
|
92
|
+
/**
|
|
93
|
+
* A branded launcher icon with a built-in fallback to {@link DockLauncherGlyph}
|
|
94
|
+
* on load failure — a dead link, or a placeholder URL nobody swapped for a
|
|
95
|
+
* real asset yet (exactly what shipped in `kai dev`'s own `owner-widget`
|
|
96
|
+
* fixture: `launcherIcon: "https://example.com/logo.png"`, which never
|
|
97
|
+
* resolves, so the FAB rendered a permanently broken image). Decides loudly
|
|
98
|
+
* with one `console.warn` naming the failing URL, then swaps — never a
|
|
99
|
+
* silent broken-image icon sitting in the corner of someone's page.
|
|
100
|
+
*
|
|
101
|
+
* Lives here, not on {@link Dock} itself: `Dock`'s `launcher` prop is
|
|
102
|
+
* deliberately ANY content (an emoji, a "Support" text pill, this image,
|
|
103
|
+
* whatever a consumer slots in) and the dock never inspects what it's
|
|
104
|
+
* holding — teaching it to specifically understand "this might be an
|
|
105
|
+
* `<img>` that can 404" would be the one prop where that boundary breaks.
|
|
106
|
+
* This is a plain sibling component a `launcher` value can be built FROM,
|
|
107
|
+
* same relationship `DockLauncherGlyph`/`DockCloseGlyph` already have to
|
|
108
|
+
* `Dock`. The construct engine's `emitDockLauncher` (codegen.ts) renders
|
|
109
|
+
* `<DockLauncherImage src={...} />` for a construct-authored `launcherIcon`
|
|
110
|
+
* rather than hand-rolling the same onError dance in emitted output.
|
|
111
|
+
*/
|
|
112
|
+
export declare function DockLauncherImage(props: DockLauncherImageProps): JSX.Element;
|
|
84
113
|
/**
|
|
85
114
|
* Dock — a corner-docked launcher button with a panel that opens above it.
|
|
86
115
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as a}from"./Icon-
|
|
1
|
+
import{I as a}from"./Icon-DObhsRtm.js";import{c as e,q as i}from"./define-By-uL588.js";var p=[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"17 8 12 3 7 8",key:"t8dd8p"}],["line",{x1:"12",x2:"12",y1:"3",y2:"15",key:"widbto"}]],t=o=>e(a,i(o,{name:"Upload",iconNode:p})),r=t;export{r as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const i=["http:","https:","mailto:"],r=["javascript:","vbscript:"];function c(t){try{return new URL(t,"http://_invalid_base").protocol}catch{return}}function o(t){const n=c(t);return n!==void 0&&i.includes(n)}function s(t){const n=c(t);return n!==void 0&&r.includes(n)}export{
|
|
1
|
+
const i=["http:","https:","mailto:"],r=["javascript:","vbscript:"];function c(t){try{return new URL(t,"http://_invalid_base").protocol}catch{return}}function o(t){const n=c(t);return n!==void 0&&i.includes(n)}function s(t){const n=c(t);return n!==void 0&&r.includes(n)}export{s as a,o as i};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{q as D,s as
|
|
1
|
+
import{q as D,s as P,g as z,c as i,i as s,S as a,a as b,d as k,b as T,D as q,m as w,t as c,w as A,e as B,H as E,G as F,j as G,x as H,k as m}from"./define-By-uL588.js";import{c as C}from"./cn-DN5AWfiS.js";import{B as K}from"./button-DkuOnGLy.js";import{t as O}from"./triangle-alert-DlQ68ppf.js";import{x as U}from"./x-Z5UntkIJ.js";import{r as _}from"./rotate-ccw-B2xn93py.js";var J=c('<h3 class="text-title font-semibold tracking-tight text-foreground">'),N=c('<p class="text-body text-muted-foreground">'),Q=c("<div>"),V=c('<div role=alert class="flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/15 dark:text-red-400"><span>'),W=c('<div class="text-sm text-foreground">'),X=c('<div class="flex flex-wrap items-center justify-end gap-2 pt-1">'),Y=c('<button type=button part=dismiss aria-label=Dismiss class="absolute right-2.5 top-2.5 z-10 shrink-0 rounded p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground">'),Z=c('<div class="overflow-hidden rounded-lg">');function S(t){const o=D({dense:!1},t),[e,d]=P(o,["heading","description","media","actions","errorMessage","dense","headingId","descriptionId","dismissible","onDismiss","href","target","rel","clickable","onCardClick","class","children"]),g=A(),u=()=>e.headingId??`kai-card-heading-${g}`,v=()=>e.descriptionId??`kai-card-description-${g}`,p=()=>e.errorMessage!==void 0&&e.errorMessage!=="",l=()=>!!e.heading||!!e.description,[x,I]=z(!0),M=r=>{var n;r.stopPropagation(),I(!1),(n=e.onDismiss)==null||n.call(e)},h=()=>!!e.href,f=()=>!h()&&!!e.clickable,y=()=>h()||f(),$=r=>{var n;return(n=e.onCardClick)==null?void 0:n.call(e,r)},R=r=>{f()&&(r.key==="Enter"||r.key===" "||r.key==="Spacebar")&&(r.preventDefault(),$(r))},j=()=>e.rel??(e.target==="_blank"?"noopener noreferrer":void 0),L=[i(a,{get when(){return l()},get children(){var r=Q();return s(r,i(a,{get when(){return e.heading},get children(){var n=J();return s(n,()=>e.heading),b(()=>k(n,"id",u())),n}}),null),s(r,i(a,{get when(){return e.description},get children(){var n=N();return s(n,()=>e.description),b(()=>k(n,"id",v())),n}}),null),b(()=>T(r,C("flex flex-col border-b border-border",e.dense?"gap-0.5 pb-2.5":"gap-1 pb-4"))),r}}),i(a,{get when(){return p()},get fallback(){return[i(a,{get when(){return e.children},get children(){var r=W();return s(r,()=>e.children),r}}),i(a,{get when(){return e.actions},get children(){var r=X();return s(r,()=>e.actions),r}})]},get children(){var r=V(),n=r.firstChild;return s(r,i(O,{size:16,class:"mt-0.5 shrink-0","aria-hidden":"true"}),n),s(n,()=>e.errorMessage),r}})];return i(a,{get when(){return x()},get children(){return i(q,D({get component(){return h()?"a":"div"},part:"card",get href(){return w(()=>!!h())()?e.href:void 0},get target(){return w(()=>!!h())()?e.target:void 0},get rel(){return w(()=>!!h())()?j():void 0},get role(){return f()?"button":void 0},get tabindex(){return f()?0:void 0},get onClick(){return y()?$:void 0},get onKeyDown(){return f()?R:void 0},get class(){return C("relative flex flex-col rounded-xl border border-border bg-card text-card-foreground kai-elevation-sm",e.dense?"gap-2.5 p-3.5":"gap-4 p-5",y()&&"cursor-pointer no-underline transition-colors hover:border-ring hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",e.class)}},d,{get children(){return[i(a,{get when(){return e.dismissible},get children(){var r=Y();return r.$$click=M,s(r,i(U,{class:"size-3.5","aria-hidden":"true"})),r}}),i(a,{get when(){return e.media},get children(){var r=Z();return s(r,()=>e.media),r}}),L]}}))}})}B(["click"]);var ee=c('<div role=group class="flex flex-wrap items-center gap-x-2 gap-y-1"><span class="min-w-0 text-sm text-muted-foreground"><span class="font-medium text-foreground"></span> <span class=text-foreground></span><span class=text-muted-foreground> \u2014 dismissed');const re={confirm:"Proposed",choice:"Choose",form:"Form",tasks:"Tasks"};function te(t){const o=re[t];return o?`${o}:`:t.length===0?"Card:":`${t.charAt(0).toUpperCase()}${t.slice(1)}:`}function ne(t){const o=()=>te(t.type),e=()=>t.title??"this card",d=()=>t.reopenLabel??"Reopen",g=()=>`${o()} ${e()} \u2014 dismissed`;return i(S,{dense:!0,get class(){return t.class},get children(){var u=ee(),v=u.firstChild,p=v.firstChild,l=p.nextSibling,x=l.nextSibling;return s(p,o),s(x,e),s(u,i(K,{type:"button",variant:"ghost",size:"sm",get class(){return C("ml-auto gap-1.5")},onClick:()=>t.onReopen(),get children(){return[i(_,{size:14,"aria-hidden":"true"}),i(a,{get when(){return d()},get children(){return d()}})]}}),null),b(()=>k(u,"aria-label",g())),u}})}const ie=F();function se(){return E(ie)}const oe=new Set(["action","submit","expired"]);function ae(t){const[o,e]=z(void 0);G(H(t.data,()=>e(void 0),{defer:!0}));const d=m(()=>t.prop()??o()),g=m(()=>d()!==void 0),u=m(()=>{const l=d();return l!==void 0&&oe.has(l.kind)}),v=m(()=>{var l;return((l=d())==null?void 0:l.kind)==="dismissed"}),p=m(()=>t.prop()===void 0&&o()!==void 0);return{resolution:d,isResolved:g,isTerminal:u,isDeferred:v,isOptimistic:p,setLocal:e}}export{S as C,ne as D,ae as a,se as u};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as f,i as y,c as b,a as w,d as R,b as A,l as S,g as _,h as k,t as M}from"./define-
|
|
1
|
+
import{j as f,i as y,c as b,a as w,d as R,b as A,l as S,g as _,h as k,t as M}from"./define-By-uL588.js";import{c as n,h as T,D as W,S as q}from"./create-tween-uPkArjIG.js";import{C,a as z}from"./audio-visualizer-DToYdfSc.js";const P=`
|
|
2
2
|
const float PI = 3.14159265359;
|
|
3
3
|
// Strand phase span: 0.5 + pi (fact sheet section 2's "sigma", the
|
|
4
4
|
// midpoint of the interval [1, 2*pi] with the interpolation knob fixed
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ssr as w, ssrAttribute as d, escape as h, ssrStyleProperty as u, createComponent as R } from "solid-js/web";
|
|
2
2
|
import { createEffect as p, createSignal as A, onCleanup as S } from "solid-js";
|
|
3
|
-
import { c, S as _, h as k, D as C } from "./create-tween-
|
|
4
|
-
import { C as T, a as M } from "./solid-
|
|
3
|
+
import { c, S as _, h as k, D as C } from "./create-tween-C-q-JCM-.js";
|
|
4
|
+
import { C as T, a as M } from "./solid-DruVOXnf.js";
|
|
5
5
|
const W = `
|
|
6
6
|
const float PI = 3.14159265359;
|
|
7
7
|
// Strand phase span: 0.5 + pi (fact sheet section 2's "sigma", the
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { insert as y, createComponent as b, effect as w, setAttribute as R, className as A, setStyleProperty as S, template as k } from "solid-js/web";
|
|
2
2
|
import { createEffect as p, createSignal as C, onCleanup as T } from "solid-js";
|
|
3
|
-
import { c as l, S as _, h as M, D as W } from "./create-tween-
|
|
4
|
-
import { C as z, a as P } from "./solid-
|
|
3
|
+
import { c as l, S as _, h as M, D as W } from "./create-tween-CRrJXxBd.js";
|
|
4
|
+
import { C as z, a as P } from "./solid-BzCFdL25.js";
|
|
5
5
|
const N = `
|
|
6
6
|
const float PI = 3.14159265359;
|
|
7
7
|
// Strand phase span: 0.5 + pi (fact sheet section 2's "sigma", the
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as y,s as b,c as w,a as R,C as A,t as S,b as _}from"./register-impl-
|
|
1
|
+
import{i as y,s as b,c as w,a as R,C as A,t as S,b as _}from"./register-impl-B1hLkrI8.js";import{h as f,l as k,d as M,i as T,o as W}from"./kai.es.js";import{c as n,h as q,S as C,D as z}from"./create-tween-DZ3RRDHD.js";const P=`
|
|
2
2
|
const float PI = 3.14159265359;
|
|
3
3
|
// Strand phase span: 0.5 + pi (fact sheet section 2's "sigma", the
|
|
4
4
|
// midpoint of the interval [1, 2*pi] with the interpolation knob fixed
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as g,k as w,c,S as x,i as S,a as m,d as p,b as y,n as h,t as M}from"./define-
|
|
1
|
+
import{j as g,k as w,c,S as x,i as S,a as m,d as p,b as y,n as h,t as M}from"./define-By-uL588.js";import{c as $,S as A,h as j,D as N}from"./create-tween-uPkArjIG.js";import{s as C,a as E,C as U}from"./audio-visualizer-DToYdfSc.js";var b=M("<div>");const F={"1f":!0,"1i":!0,"1fv":!0,"2f":!0,"3f":!0,"3fv":!0,"4f":!0,"4fv":!0,Matrix2fv:!0,Matrix3fv:!0,Matrix4fv:!0},O=new Set(["1f","1i"]),V={"2f":2,"3f":3,"4f":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function I(a,e){if(e==null||typeof e!="object")return`uniform "${a}" is not a valid declaration (expected an object with "type" and "value").`;if(F[e.type]!==!0)return`uniform "${a}" has an unrecognized type "${String(e.type)}".`;if(O.has(e.type))return typeof e.value!="number"||!Number.isFinite(e.value)?`uniform "${a}" is declared "${e.type}" (a number) but its value is not a finite number.`:void 0;if(!Array.isArray(e.value)||e.value.some(s=>typeof s!="number"||!Number.isFinite(s)))return`uniform "${a}" is declared "${e.type}" (an array) but its value is not an array of finite numbers.`;const o=V[e.type];if(o!==void 0&&e.value.length!==o)return`uniform "${a}" is declared "${e.type}", which takes exactly ${o} numbers, but its value has ${e.value.length}.`}function k(a,e){const o=a.bands.length?a.bands:[0],s={uColor:{type:"3fv",value:j(a.color)},uIntensity:{type:"1f",value:a.intensity},uSpeed:{type:"1f",value:a.speed},uComplexity:{type:"1f",value:a.complexity},uVolume:{type:"1f",value:a.volume},uBands:{type:"1fv",value:o,arraySize:o.length}};if(!e)return s;for(const[f,v]of Object.entries(e)){const l=I(f,v);if(l)throw new Error(l)}return{...s,...e}}function W(a){const e=$(.3),o=$(1),s=()=>E(a.state,a.listeningAmplitude);g(()=>{const t=C(s());if(s()==="speaking")e.to(.3+.7*a.volume,{duration:0});else{const r=a.frozen?{duration:0}:{duration:.5,ease:"easeOut"};e.to(Array.isArray(t.intensity)&&a.frozen?t.intensity[0]:t.intensity,r)}o.to(a.frozen?0:t.speed,{duration:0})});const f=w(()=>{var t;try{return{uniforms:k({color:a.color??N,intensity:e.value(),speed:o.value(),complexity:a.complexity??.5,volume:a.volume,bands:a.bands},(t=a.shader)==null?void 0:t.uniforms)}}catch(r){return{error:r instanceof Error?r.message:String(r)}}});let v=!1;g(()=>{const{error:t}=f();if(!t){v=!1;return}v||(v=!0,console.error(`<kai-audio-visualizer variant="custom">: ${t}`),a.onUnavailable())});const l=()=>({height:`${U[a.size]}px`,"aspect-ratio":"1"});return c(x,{get when(){var t;return(t=a.shader)==null?void 0:t.fragment},get fallback(){return(()=>{var t=b();return m(r=>{var n=a.state,i=a.class,u=l();return n!==r.e&&p(t,"data-kai-state",r.e=n),i!==r.t&&y(t,r.t=i),r.a=h(t,u,r.a),r},{e:void 0,t:void 0,a:void 0}),t})()},children:t=>c(x,{get when(){return f().uniforms},get fallback(){return(()=>{var r=b();return m(n=>{var i=a.state,u=a.class,d=l();return i!==n.e&&p(r,"data-kai-state",n.e=i),u!==n.t&&y(r,n.t=u),n.a=h(r,d,n.a),n},{e:void 0,t:void 0,a:void 0}),r})()},children:r=>(()=>{var n=b();return S(n,c(A,{get fragment(){return t()},get precision(){return a.size==="icon"||a.size==="sm"?"mediump":"highp"},get uniforms(){return r()},get animateWhenNotVisible(){return a.animateWhenNotVisible},onError:i=>{/not available/i.test(i)?console.warn('<kai-audio-visualizer variant="custom">: shader unavailable',i):console.error('<kai-audio-visualizer variant="custom">: shader error',i),a.onUnavailable()}})),m(i=>{var u=a.state,d=a.class,z=l();return u!==i.e&&p(n,"data-kai-state",i.e=u),d!==i.t&&y(n,i.t=d),i.a=h(n,z,i.a),i},{e:void 0,t:void 0,a:void 0}),n})()})})}export{k as customUniforms,W as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as w,i as S,s as c,c as m,e as p,t as M,b as A,C as N}from"./register-impl-
|
|
1
|
+
import{d as w,i as S,s as c,c as m,e as p,t as M,b as A,C as N}from"./register-impl-B1hLkrI8.js";import{h as g,c as C,l as y,S as x,d as h}from"./kai.es.js";import{c as $,S as E,h as U,D as j}from"./create-tween-DZ3RRDHD.js";var b=M("<div>");const F={"1f":!0,"1i":!0,"1fv":!0,"2f":!0,"3f":!0,"3fv":!0,"4f":!0,"4fv":!0,Matrix2fv:!0,Matrix3fv:!0,Matrix4fv:!0},O=new Set(["1f","1i"]),V={"2f":2,"3f":3,"4f":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function D(a,e){if(e==null||typeof e!="object")return`uniform "${a}" is not a valid declaration (expected an object with "type" and "value").`;if(F[e.type]!==!0)return`uniform "${a}" has an unrecognized type "${String(e.type)}".`;if(O.has(e.type))return typeof e.value!="number"||!Number.isFinite(e.value)?`uniform "${a}" is declared "${e.type}" (a number) but its value is not a finite number.`:void 0;if(!Array.isArray(e.value)||e.value.some(s=>typeof s!="number"||!Number.isFinite(s)))return`uniform "${a}" is declared "${e.type}" (an array) but its value is not an array of finite numbers.`;const o=V[e.type];if(o!==void 0&&e.value.length!==o)return`uniform "${a}" is declared "${e.type}", which takes exactly ${o} numbers, but its value has ${e.value.length}.`}function z(a,e){const o=a.bands.length?a.bands:[0],s={uColor:{type:"3fv",value:U(a.color)},uIntensity:{type:"1f",value:a.intensity},uSpeed:{type:"1f",value:a.speed},uComplexity:{type:"1f",value:a.complexity},uVolume:{type:"1f",value:a.volume},uBands:{type:"1fv",value:o,arraySize:o.length}};if(!e)return s;for(const[f,v]of Object.entries(e)){const l=D(f,v);if(l)throw new Error(l)}return{...s,...e}}function I(a){const e=$(.3),o=$(1),s=()=>A(a.state,a.listeningAmplitude);g(()=>{const t=w(s());if(s()==="speaking")e.to(.3+.7*a.volume,{duration:0});else{const r=a.frozen?{duration:0}:{duration:.5,ease:"easeOut"};e.to(Array.isArray(t.intensity)&&a.frozen?t.intensity[0]:t.intensity,r)}o.to(a.frozen?0:t.speed,{duration:0})});const f=C(()=>{var t;try{return{uniforms:z({color:a.color??j,intensity:e.value(),speed:o.value(),complexity:a.complexity??.5,volume:a.volume,bands:a.bands},(t=a.shader)==null?void 0:t.uniforms)}}catch(r){return{error:r instanceof Error?r.message:String(r)}}});let v=!1;g(()=>{const{error:t}=f();if(!t){v=!1;return}v||(v=!0,console.error(`<kai-audio-visualizer variant="custom">: ${t}`),a.onUnavailable())});const l=()=>({height:`${N[a.size]}px`,"aspect-ratio":"1"});return y(x,{get when(){var t;return(t=a.shader)==null?void 0:t.fragment},get fallback(){return(()=>{var t=b();return h(r=>{var n=a.state,i=a.class,u=l();return n!==r.e&&c(t,"data-kai-state",r.e=n),i!==r.t&&m(t,r.t=i),r.a=p(t,u,r.a),r},{e:void 0,t:void 0,a:void 0}),t})()},children:t=>y(x,{get when(){return f().uniforms},get fallback(){return(()=>{var r=b();return h(n=>{var i=a.state,u=a.class,d=l();return i!==n.e&&c(r,"data-kai-state",n.e=i),u!==n.t&&m(r,n.t=u),n.a=p(r,d,n.a),n},{e:void 0,t:void 0,a:void 0}),r})()},children:r=>(()=>{var n=b();return S(n,y(E,{get fragment(){return t()},get precision(){return a.size==="icon"||a.size==="sm"?"mediump":"highp"},get uniforms(){return r()},get animateWhenNotVisible(){return a.animateWhenNotVisible},onError:i=>{/not available/i.test(i)?console.warn('<kai-audio-visualizer variant="custom">: shader unavailable',i):console.error('<kai-audio-visualizer variant="custom">: shader error',i),a.onUnavailable()}})),h(i=>{var u=a.state,d=a.class,k=l();return u!==i.e&&c(n,"data-kai-state",i.e=u),d!==i.t&&m(n,i.t=d),i.a=p(n,k,i.a),i},{e:void 0,t:void 0,a:void 0}),n})()})})}export{z as customUniforms,I as default};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createComponent as d, ssr as m, ssrAttribute as s, escape as u, ssrStyle as v } from "solid-js/web";
|
|
2
2
|
import { createEffect as y, createMemo as S, Show as b } from "solid-js";
|
|
3
|
-
import { c as h, D as x, S as $, h as z } from "./create-tween-
|
|
4
|
-
import { s as A, a as C, C as E } from "./solid-
|
|
3
|
+
import { c as h, D as x, S as $, h as z } from "./create-tween-C-q-JCM-.js";
|
|
4
|
+
import { s as A, a as C, C as E } from "./solid-DruVOXnf.js";
|
|
5
5
|
var g = ["<div", ' style="', '"></div>'], k = ["<div", ' style="', '">', "</div>"];
|
|
6
6
|
const w = {
|
|
7
7
|
"1f": !0,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createComponent as m, insert as C, effect as c, setAttribute as y, className as b, style as h, template as E } from "solid-js/web";
|
|
2
2
|
import { createEffect as x, createMemo as N, Show as S } from "solid-js";
|
|
3
|
-
import { c as z, D as k, S as w, h as M } from "./create-tween-
|
|
4
|
-
import { s as R, a as T, C as O } from "./solid-
|
|
3
|
+
import { c as z, D as k, S as w, h as M } from "./create-tween-CRrJXxBd.js";
|
|
4
|
+
import { s as R, a as T, C as O } from "./solid-BzCFdL25.js";
|
|
5
5
|
var g = /* @__PURE__ */ E("<div>");
|
|
6
6
|
const $ = {
|
|
7
7
|
"1f": !0,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ssr as h, ssrAttribute as d, escape as o, ssrStyleProperty as l, createComponent as p } from "solid-js/web";
|
|
2
2
|
import { createEffect as v } from "solid-js";
|
|
3
|
-
import { c, S as g, h as x, D as y } from "./create-tween-
|
|
4
|
-
import { C as b, a as w, w as C } from "./solid-
|
|
3
|
+
import { c, S as g, h as x, D as y } from "./create-tween-C-q-JCM-.js";
|
|
4
|
+
import { C as b, a as w, w as C } from "./solid-DruVOXnf.js";
|
|
5
5
|
const S = `
|
|
6
6
|
const float TAU = 6.28318530718;
|
|
7
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as m,s as h,c as x,a as g,C as y,t as b,b as w,w as C}from"./register-impl-
|
|
1
|
+
import{i as m,s as h,c as x,a as g,C as y,t as b,b as w,w as C}from"./register-impl-B1hLkrI8.js";import{h as v,l as z,d as S}from"./kai.es.js";import{c as r,h as U,S as q,D as F}from"./create-tween-DZ3RRDHD.js";const W=`
|
|
2
2
|
const float TAU = 6.28318530718;
|
|
3
3
|
|
|
4
4
|
// Noise for dithering
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { insert as h, createComponent as p, effect as g, setAttribute as x, className as y, setStyleProperty as b, template as w } from "solid-js/web";
|
|
2
2
|
import { createEffect as d } from "solid-js";
|
|
3
|
-
import { c as r, S as C, h as S, D as z } from "./create-tween-
|
|
4
|
-
import { C as A, a as U, w as F } from "./solid-
|
|
3
|
+
import { c as r, S as C, h as S, D as z } from "./create-tween-CRrJXxBd.js";
|
|
4
|
+
import { C as A, a as U, w as F } from "./solid-BzCFdL25.js";
|
|
5
5
|
const R = `
|
|
6
6
|
const float TAU = 6.28318530718;
|
|
7
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as v,i as m,c as h,a as x,d as g,b as y,l as b,t as w}from"./define-
|
|
1
|
+
import{j as v,i as m,c as h,a as x,d as g,b as y,l as b,t as w}from"./define-By-uL588.js";import{c as r,h as C,D as z,S}from"./create-tween-uPkArjIG.js";import{C as U,a as q,w as F}from"./audio-visualizer-DToYdfSc.js";const W=`
|
|
2
2
|
const float TAU = 6.28318530718;
|
|
3
3
|
|
|
4
4
|
// Noise for dithering
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{I as o}from"./Icon-DObhsRtm.js";import{c as m,q as r}from"./define-By-uL588.js";var e=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],t=a=>m(o,r(a,{name:"X",iconNode:e})),p=t;export{p as x};
|
|
@@ -266,7 +266,7 @@ export interface CardsProps extends WebComponentProps {
|
|
|
266
266
|
/** JSON Schemas for the card types this app renders, keyed by envelope type. The companion of `types`, which says what DRAWS a card while this says what a VALID one looks like. An OBJECT, so it is a JS property only: `el.schemas = { 'pricing-table': pricingSchema }`, never an attribute. `createCardRegistry(...).validationSchemas` is exactly this shape. Without it the kit validates its own seven built-ins and leaves your own card type, the one your app actually cares about, as the only unchecked thing on screen. A schema here WINS over a built-in of the same name, matching `mergeCardTags`, where your entry is spread over ours. Typed `Record<string, object>` rather than `Record<string, JsonSchema>` deliberately: an imported `.json` schema widens `"type"` to `string`, and an authored one carries `$schema`/`title`/`description`/`additionalProperties`, so the tighter type would reject both of the normal ways to supply one. See `CardSchemaMap` in components/card-renderer.tsx. */
|
|
267
267
|
schemas?: Record<string, object>;
|
|
268
268
|
/** Optional CardPolicy handling child events. Property: `el.policy`. */
|
|
269
|
-
policy?: { onSubmit?: ((cardId: string, data: unknown) => void); onAction?: ((cardId: string, action: string, payload?: unknown) => void); onSendPrompt?: ((text: string, opts: { mode: "compose" | "send"; context?: unknown
|
|
269
|
+
policy?: { onSubmit?: ((cardId: string, data: unknown) => void); onAction?: ((cardId: string, action: string, payload?: unknown) => void); onSendPrompt?: ((text: string, opts: { mode: "compose" | "send"; context?: unknown }) => void); onOpen?: ((url: string, target: "tab" | "artifact") => void); onState?: ((cardId: string, patch: unknown) => void); onDismiss?: ((cardId: string) => void); onReopen?: ((cardId: string) => void); onError?: ((cardId: string, message: string) => void); maxSendPromptMode?: "compose" | "send" };
|
|
270
270
|
/** Validate each envelope's `data` against the schema for its type before rendering it, using a built-in's own schema or yours from `schemas`. Default `true`; set `validate-cards="false"` (or `el.validateCards = false`) to opt out. A hard failure (wrong type, a missing required field) renders a diagnostic naming the field instead of the card; a soft failure (bounds) renders the card unchanged. Both emit a contract `error` event. On in production too: a model emitting a bad shape is a production failure mode, so stripping the check there would hide it from exactly the person who needs to see it. */
|
|
271
271
|
validateCards?: boolean;
|
|
272
272
|
/** A child card transitioned to a resolved/deferred state (an action was chosen, a form/tasks submission landed, or it was dismissed). Re-emitted off the host as a non-bubbling convenience event so a consumer can observe resolution centrally without diffing the cards array. `detail` = `{ cardId, resolution }`. (A `reopen` un-resolves a card and has no `CardResolution`, so it does NOT fire this; observe reopen via the underlying bubbling `kai-card` event.) */
|
|
@@ -369,10 +369,20 @@ export interface ChatProps extends WebComponentProps {
|
|
|
369
369
|
cardTypes?: Record<string, string>;
|
|
370
370
|
/** JSON Schemas for the card types this app renders, keyed by envelope type. The companion of `cardTypes`, which says what DRAWS a card while this says what a VALID one looks like. An OBJECT, so it is a JS property only: `el.cardSchemas = { 'pricing-table': pricingSchema }`, never an attribute. `createCardRegistry(...).validationSchemas` is exactly this shape. Without it the kit validates its own seven built-ins and leaves your own card type, the one your app actually cares about, as the only unchecked thing on screen. A schema here WINS over a built-in of the same name. Typed `Record<string, object>` rather than `Record<string, JsonSchema>` deliberately: an imported `.json` schema widens `"type"` to `string`, and an authored one carries `$schema`/`title`/`description`/`additionalProperties`, so the tighter type would reject both of the normal ways to supply one. */
|
|
371
371
|
cardSchemas?: Record<string, object>;
|
|
372
|
+
/** Turns on the prior-conversations list (a list-toggle button in the header, plus a second list view sharing the panel, C-1). Attribute- settable like every other boolean flag on this element: `<kai-chat conversations>`. Requires `store`. A row select, "new conversation," or the visitor's mount-time auto-restore all deliver their messages the same way: listen for `kai-conversation-load` and set `el.messages` from `event.detail.messages` (a fresh array): this element does not update `messages` for you. Set with no `store`, the underlying `ChatThread` decides loudly (one console.error) and stays visually off; this facade always supplies its own internal load handler (the `kai-conversation-load` dispatch below), so the second ChatThread guard, missing `onConversationLoad`, never trips here, even for a consumer who never listens for the event. Default false. */
|
|
373
|
+
conversations?: boolean;
|
|
374
|
+
/** The adapter this thread persists conversations through: an object of three functions (`list`/`load`/`save`; `ConversationStore`, exported from `@kitn.ai/ui`'s `primitives/conversation-store`). A JS PROPERTY ONLY: `el.store = myAdapter`. It can never be an attribute, since a function-bearing object has no HTML string form, the same reasoning that keeps `messages`/`cardSchemas` property-only (the kai- contract: array/object props are JS properties, never attributes). Two built-ins ship: `localStorageStore(name, userId?)` and `fetchStore(url, userId?)`. */
|
|
375
|
+
store?: { list: () => Promise<{ id: string; title: string; groupId?: string; scope?: { type: "document" | "collection"; documentId?: string; filters?: { tags?: string[]; authors?: string[]; contentType?: "transcript" | "markdown"; dateRange?: { from: string; to: string } } }; messageCount: number; lastMessageAt?: string; updatedAt: string; trailing?: string; lastReadAt?: string }[]>; load: (id: string) => Promise<{ id: string; role: "user" | "assistant"; parts: ({ type: "text"; text: string; raw?: { source: string; payload: unknown } } | { type: "reasoning"; text: string; label?: string; index?: number; streamId?: string; signature?: string; raw?: { source: string; payload: unknown } } | { type: "tool"; tool: { type: string; kind?: "command" | "file-change" | "search" | "fetch" | "mcp" | "image" | "generic"; state: "input-streaming" | "input-available" | "output-available" | "output-error"; input?: Record<string, unknown>; rawInput?: string; output?: Record<string, unknown>; toolCallId?: string; errorText?: string; raw?: { source: string; payload: unknown } }; raw?: { source: string; payload: unknown } } | { type: "card"; envelope: { type: string; id: string; data: unknown; title?: string; resolution?: { kind: "action"; action: string; payload?: unknown; at?: string } | { kind: "submit"; data: unknown; at?: string } | { kind: "dismissed"; at?: string } | { kind: "expired"; reason?: string; at?: string } }; raw?: { source: string; payload: unknown } } | { type: "source"; source: { id?: string; url?: string; title?: string; snippet?: string; index?: number }; raw?: { source: string; payload: unknown } } | { type: "file"; attachment: { id: string; type: "file" | "source-document"; filename?: string; mediaType?: string; url?: string; title?: string }; raw?: { source: string; payload: unknown } })[]; actions?: ("copy" | "like" | "dislike" | "regenerate" | "edit" | { id: string; label: string; icon?: string; tooltip?: string })[]; avatar?: { src?: string; fallback?: string; alt?: string }; feedback?: "like" | "dislike" }[]>; save: (id: string, messages: { id: string; role: "user" | "assistant"; parts: ({ type: "text"; text: string; raw?: { source: string; payload: unknown } } | { type: "reasoning"; text: string; label?: string; index?: number; streamId?: string; signature?: string; raw?: { source: string; payload: unknown } } | { type: "tool"; tool: { type: string; kind?: "command" | "file-change" | "search" | "fetch" | "mcp" | "image" | "generic"; state: "input-streaming" | "input-available" | "output-available" | "output-error"; input?: Record<string, unknown>; rawInput?: string; output?: Record<string, unknown>; toolCallId?: string; errorText?: string; raw?: { source: string; payload: unknown } }; raw?: { source: string; payload: unknown } } | { type: "card"; envelope: { type: string; id: string; data: unknown; title?: string; resolution?: { kind: "action"; action: string; payload?: unknown; at?: string } | { kind: "submit"; data: unknown; at?: string } | { kind: "dismissed"; at?: string } | { kind: "expired"; reason?: string; at?: string } }; raw?: { source: string; payload: unknown } } | { type: "source"; source: { id?: string; url?: string; title?: string; snippet?: string; index?: number }; raw?: { source: string; payload: unknown } } | { type: "file"; attachment: { id: string; type: "file" | "source-document"; filename?: string; mediaType?: string; url?: string; title?: string }; raw?: { source: string; payload: unknown } })[]; actions?: ("copy" | "like" | "dislike" | "regenerate" | "edit" | { id: string; label: string; icon?: string; tooltip?: string })[]; avatar?: { src?: string; fallback?: string; alt?: string }; feedback?: "like" | "dislike" }[]) => Promise<void>; markRead?: ((id: string) => Promise<void>) };
|
|
376
|
+
/** Turns on the widget home screen (Intercom-pattern): the panel boots into a `home` view, with a greeting, most-recent-conversation card, a "new conversation" CTA, and host-defined links, plus a Home/Messages tab bar for switching back to the thread. An OBJECT, so it is a JS property only: `el.home = { greeting: { title: 'Hey' }, links: [...] }`, never an attribute (the kai- contract: array/object props are JS properties). A `links` entry with no `href` fires `kai-home-link` with that entry when tapped, rather than navigating; one WITH `href` opens it directly (only when the URL passes the kit's own scheme allowlist). Omit for the no-home widget (chat view only, unchanged). */
|
|
377
|
+
home?: { greeting?: { title?: string; subtitle?: string }; recentConversation?: boolean; newConversation?: { label?: string }; links?: { label: string; href?: string; description?: string; icon?: string }[] };
|
|
372
378
|
/** The staged attachments changed (file added or removed). Carries the full current list so a consumer can react in real time. */
|
|
373
379
|
onAttachmentsChange?: (event: CustomEvent<{ attachments: { id: string; type: "file" | "source-document"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }[] }>) => void;
|
|
374
380
|
/** One or more picked files were refused because `accept` excluded them. The element renders NO message of its own: it reports the facts (name, media type, whether the kit could have sent it) and what the user should see is the application's call. Only ever fires when `accept` is set. */
|
|
375
381
|
onAttachmentsRejected?: (event: CustomEvent<{ rejected: { filename: string; mediaType: string; reason: "filtered" | "unsupported" }[] }>) => void;
|
|
382
|
+
/** A conversation's history loaded: a row tap in the list, "new conversation," or the visitor's own mount-time auto-restore of their most recent thread (only fires when `conversations` is on and a `store` is set). `detail.id` is that conversation's id, `undefined` for the "new conversation" case (no id exists until the first message mints one, C-6). Set `el.messages = event.detail.messages` (already a fresh array) to actually render it, since this element does not do that for you; `messages` stays your own state like everywhere else on this element. */
|
|
383
|
+
onConversationLoad?: (event: CustomEvent<{ id: string | undefined; messages: { id: string; role: "user" | "assistant"; parts: ({ type: "text"; text: string; raw?: undefined | { source: string; payload: unknown } } | { type: "reasoning"; text: string; label?: undefined | string; index?: undefined | number; streamId?: undefined | string; signature?: undefined | string; raw?: undefined | { source: string; payload: unknown } } | { type: "tool"; tool: { type: string; kind?: undefined | "command" | "file-change" | "search" | "fetch" | "mcp" | "image" | "generic"; state: "input-streaming" | "input-available" | "output-available" | "output-error"; input?: undefined | Record<string, unknown>; rawInput?: undefined | string; output?: undefined | Record<string, unknown>; toolCallId?: undefined | string; errorText?: undefined | string; raw?: undefined | { source: string; payload: unknown } }; raw?: undefined | { source: string; payload: unknown } } | { type: "card"; envelope: { type: string; id: string; data: unknown; title?: undefined | string; resolution?: undefined | { kind: "action"; action: string; payload?: unknown; at?: undefined | string } | { kind: "submit"; data: unknown; at?: undefined | string } | { kind: "dismissed"; at?: undefined | string } | { kind: "expired"; reason?: undefined | string; at?: undefined | string } }; raw?: undefined | { source: string; payload: unknown } } | { type: "source"; source: { id?: undefined | string; url?: undefined | string; title?: undefined | string; snippet?: undefined | string; index?: undefined | number }; raw?: undefined | { source: string; payload: unknown } } | { type: "file"; attachment: { id: string; type: "file" | "source-document"; filename?: undefined | string; mediaType?: undefined | string; url?: undefined | string; title?: undefined | string }; raw?: undefined | { source: string; payload: unknown } })[]; actions?: undefined | ("copy" | "like" | "dislike" | "regenerate" | "edit" | { id: string; label: string; icon?: undefined | string; tooltip?: undefined | string })[]; avatar?: undefined | { src?: undefined | string; fallback?: undefined | string; alt?: undefined | string }; feedback?: undefined | "like" | "dislike" }[] }>) => void;
|
|
384
|
+
/** A `home.links` entry with no `href` was activated (tapped/clicked/Enter). Meaningful only when `home` is set. */
|
|
385
|
+
onHomeLink?: (event: CustomEvent<{ entry: { label: string; href?: undefined | string; description?: undefined | string; icon?: undefined | string } }>) => void;
|
|
376
386
|
/** An action button on a message was clicked. `action` is the built-in name or custom id. `state` is present only for the toggleable feedback votes: `'on'` when a like/dislike is set, `'off'` when re-tapped to clear. */
|
|
377
387
|
onMessageAction?: (event: CustomEvent<{ messageId: string; action: string; state?: undefined | "on" | "off" }>) => void;
|
|
378
388
|
/** The header model switcher changed. */
|
|
@@ -391,8 +401,8 @@ export interface ChatProps extends WebComponentProps {
|
|
|
391
401
|
|
|
392
402
|
export const Chat = /*#__PURE__*/ createWebComponent<ChatProps>(
|
|
393
403
|
'kai-chat',
|
|
394
|
-
["theme","value","placeholder","loading","suggestions","suggestionMode","persistSuggestions","proseSize","codeTheme","codeHighlight","reasoning","reasoningOpen","chatTitle","models","currentModel","context","scrollButton","headerStart","headerEnd","headerFull","sidebar","empty","composer","composerActions","footer","attach","webSearch","voice","triggers","kindIcons","actionsReveal","accept","messages","cardTypes","cardSchemas"],
|
|
395
|
-
{ onAttachmentsChange: 'kai-attachments-change', onAttachmentsRejected: 'kai-attachments-rejected', onMessageAction: 'kai-message-action', onModelChange: 'kai-model-change', onSubmit: 'kai-submit', onSuggestionClick: 'kai-suggestion-click', onValueChange: 'kai-value-change', onVoice: 'kai-voice', onWebSearch: 'kai-web-search' },
|
|
404
|
+
["theme","value","placeholder","loading","suggestions","suggestionMode","persistSuggestions","proseSize","codeTheme","codeHighlight","reasoning","reasoningOpen","chatTitle","models","currentModel","context","scrollButton","headerStart","headerEnd","headerFull","sidebar","empty","composer","composerActions","footer","attach","webSearch","voice","triggers","kindIcons","actionsReveal","accept","messages","cardTypes","cardSchemas","conversations","store","home"],
|
|
405
|
+
{ onAttachmentsChange: 'kai-attachments-change', onAttachmentsRejected: 'kai-attachments-rejected', onConversationLoad: 'kai-conversation-load', onHomeLink: 'kai-home-link', onMessageAction: 'kai-message-action', onModelChange: 'kai-model-change', onSubmit: 'kai-submit', onSuggestionClick: 'kai-suggestion-click', onValueChange: 'kai-value-change', onVoice: 'kai-voice', onWebSearch: 'kai-web-search' },
|
|
396
406
|
() => import('@kitn.ai/ui/elements/chat'),
|
|
397
407
|
);
|
|
398
408
|
|
|
@@ -698,7 +708,7 @@ export interface ConversationsProps extends WebComponentProps {
|
|
|
698
708
|
/** The list's section headers (`{ id, name, sortOrder, createdAt }`), rendered in array order. A group carries no conversations of its own; it is matched against `conversations` by id, so the two props are complementary rather than alternatives. Omit for an ungrouped list. Set as a JS property. */
|
|
699
709
|
groups?: { id: string; userId?: string; teamId?: string; name: string; sortOrder: number; createdAt: string }[];
|
|
700
710
|
/** Every conversation the list renders, flat. Each one is filed under the group whose `id` equals its `groupId`; one with no `groupId`, or with a `groupId` matching no entry in `groups`, falls into a trailing "Ungrouped" section, so nothing you pass in is ever dropped. There is no recency bucketing. Set as a JS property. Omit to supply them as `<kai-conversation>` light-DOM children instead, or for the empty state. A search query that matches nothing shows a visible "No conversations match your search" state, distinct from the zero-conversations empty state. Slotted `<kai-conversation-item>` children switch the list into item mode instead: your own rows win and this array is not rendered. */
|
|
701
|
-
conversations?: { id: string; title: string; groupId?: string; scope?: { type: "document" | "collection"; documentId?: string; filters?: { tags?: string[]; authors?: string[]; contentType?: "transcript" | "markdown"; dateRange?: { from: string; to: string } } }; messageCount: number; lastMessageAt?: string; updatedAt: string; trailing?: string }[];
|
|
711
|
+
conversations?: { id: string; title: string; groupId?: string; scope?: { type: "document" | "collection"; documentId?: string; filters?: { tags?: string[]; authors?: string[]; contentType?: "transcript" | "markdown"; dateRange?: { from: string; to: string } } }; messageCount: number; lastMessageAt?: string; updatedAt: string; trailing?: string; lastReadAt?: string }[];
|
|
702
712
|
/** The id of the currently-open conversation, highlighted in the list. */
|
|
703
713
|
activeId?: string;
|
|
704
714
|
/** Controlled collapsed state. Set as a JS property (`el.collapsed = true`) to drive the rail from your app, updating it in response to `kai-collapse-toggle`. Omit for uncontrolled (the element manages it). Collapsed shrinks the rail to a floating reopen button. */
|