@kitn.ai/ui 0.28.0 → 0.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/agent-tooling/construct/public.d.ts +15 -0
- package/dist/agent-tooling/construct/schema.d.ts +111 -0
- package/dist/construct-cli.es.js +3 -3
- package/dist/construct.d.ts +5 -0
- package/dist/construct.js +327 -0
- package/dist/core-C8fzo39E.js +1 -12
- package/dist/engine-javascript-C1x7zo1_.js +1 -141
- package/dist/mcp.es.js +1 -1
- package/package.json +16 -16
- package/bin/route.test.js +0 -58
- package/src/agent-tooling/README.md +0 -192
- package/src/agent-tooling/archetypes.ts +0 -205
- package/src/agent-tooling/catalog/README.md +0 -676
- package/src/agent-tooling/catalog/catalog-types.ts +0 -231
- package/src/agent-tooling/catalog/fabrications.ts +0 -96
- package/src/agent-tooling/catalog/invariants.ts +0 -284
- package/src/agent-tooling/catalog/labs-titles.ts +0 -114
- package/src/agent-tooling/catalog/scenarios.ts +0 -87
- package/src/agent-tooling/catalog/surfaces.ts +0 -347
- package/src/agent-tooling/construct/cli-entry.ts +0 -8
- package/src/agent-tooling/construct/cli.ts +0 -147
- package/src/agent-tooling/construct/codegen.ts +0 -1635
- package/src/agent-tooling/construct/construct.v1.schema.json +0 -319
- package/src/agent-tooling/construct/dev.ts +0 -148
- package/src/agent-tooling/construct/fixtures/demo-widget.construct.json +0 -7
- package/src/agent-tooling/construct/fixtures/ops-console.construct.json +0 -44
- package/src/agent-tooling/construct/fixtures/owner-widget.construct.json +0 -32
- package/src/agent-tooling/construct/schema.ts +0 -452
- package/src/agent-tooling/integrations/anthropic.ts +0 -442
- package/src/agent-tooling/integrations/cloudflare.ts +0 -218
- package/src/agent-tooling/integrations/langgraph.ts +0 -133
- package/src/agent-tooling/integrations/mastra.ts +0 -182
- package/src/agent-tooling/integrations/mock.ts +0 -148
- package/src/agent-tooling/integrations/ollama.ts +0 -97
- package/src/agent-tooling/integrations/openai.ts +0 -95
- package/src/agent-tooling/integrations/openrouter.ts +0 -82
- package/src/agent-tooling/integrations/pi.ts +0 -176
- package/src/agent-tooling/integrations/pydantic-ai.ts +0 -108
- package/src/agent-tooling/integrations/vercel-ai-sdk.ts +0 -398
- package/src/agent-tooling/mcp/css-raw.d.ts +0 -12
- package/src/agent-tooling/mcp/manifest.ts +0 -422
- package/src/agent-tooling/mcp/server.ts +0 -116
- package/src/agent-tooling/mcp/stdio.ts +0 -18
- package/src/agent-tooling/mcp/tools/construct.ts +0 -130
- package/src/agent-tooling/mcp/tools/debug.ts +0 -621
- package/src/agent-tooling/mcp/tools/reference.ts +0 -980
- package/src/agent-tooling/mcp/tools/scaffold.ts +0 -6708
- package/src/agent-tooling/mcp/tools/theme.ts +0 -456
- package/src/agent-tooling/mcp/tools/types.ts +0 -14
- package/src/agent-tooling/mcp/validate-args.ts +0 -141
- package/src/agent-tooling/recipes/composed-thread.ts +0 -714
- package/src/agent-tooling/recipes/index.ts +0 -22
- package/src/agent-tooling/recipes/types.ts +0 -32
- package/src/agent-tooling/registry.ts +0 -132
- package/src/agent-tooling/route-emit.ts +0 -305
- package/src/agent-tooling/types.ts +0 -390
- package/src/components/artifact-card.tsx +0 -120
- package/src/components/artifact.tsx +0 -914
- package/src/components/attachment-types.ts +0 -66
- package/src/components/attachments.tsx +0 -536
- package/src/components/audio-visualizer/audio-visualizer.voice-fixture.ts +0 -257
- package/src/components/audio-visualizer/aurora.glsl.ts +0 -330
- package/src/components/audio-visualizer/fit-scale.ts +0 -112
- package/src/components/audio-visualizer/index.tsx +0 -528
- package/src/components/audio-visualizer/labs/lab-choreography.ts +0 -187
- package/src/components/audio-visualizer/labs/lab-shaders.ts +0 -363
- package/src/components/audio-visualizer/labs/lab-visualizer.tsx +0 -102
- package/src/components/audio-visualizer/shader-canvas.tsx +0 -876
- package/src/components/audio-visualizer/sizes.ts +0 -54
- package/src/components/audio-visualizer/variant-aurora.tsx +0 -305
- package/src/components/audio-visualizer/variant-bar.tsx +0 -175
- package/src/components/audio-visualizer/variant-custom.tsx +0 -344
- package/src/components/audio-visualizer/variant-grid.tsx +0 -175
- package/src/components/audio-visualizer/variant-radial.tsx +0 -163
- package/src/components/audio-visualizer/variant-wave.tsx +0 -130
- package/src/components/audio-visualizer/wave.glsl.ts +0 -130
- package/src/components/card-fallback.tsx +0 -60
- package/src/components/card-renderer.tsx +0 -220
- package/src/components/card.tsx +0 -212
- package/src/components/chain-of-thought.tsx +0 -348
- package/src/components/chat-container.tsx +0 -89
- package/src/components/chat-scope-picker.tsx +0 -57
- package/src/components/chat-thread.tsx +0 -1014
- package/src/components/checkpoint.tsx +0 -88
- package/src/components/choice-card.tsx +0 -743
- package/src/components/coachmark.tsx +0 -249
- package/src/components/code-block.tsx +0 -181
- package/src/components/composer-dom.ts +0 -159
- package/src/components/composer-highlight.ts +0 -242
- package/src/components/composer-history.ts +0 -82
- package/src/components/composer.tsx +0 -1075
- package/src/components/confirm-card.tsx +0 -402
- package/src/components/context.tsx +0 -377
- package/src/components/conversation-item.tsx +0 -241
- package/src/components/conversation-list.tsx +0 -429
- package/src/components/conversation-panel.tsx +0 -118
- package/src/components/dismissed-stub.tsx +0 -80
- package/src/components/embed.tsx +0 -200
- package/src/components/empty.tsx +0 -177
- package/src/components/feedback-bar.tsx +0 -166
- package/src/components/file-tree.tsx +0 -530
- package/src/components/file-upload.tsx +0 -167
- package/src/components/form-widgets.tsx +0 -525
- package/src/components/form.tsx +0 -1296
- package/src/components/home-panel.tsx +0 -159
- package/src/components/image.tsx +0 -65
- package/src/components/link-preview.tsx +0 -195
- package/src/components/loader.tsx +0 -367
- package/src/components/markdown.tsx +0 -162
- package/src/components/message-skills.tsx +0 -40
- package/src/components/message.tsx +0 -765
- package/src/components/model-switcher.tsx +0 -132
- package/src/components/prompt-input.tsx +0 -188
- package/src/components/prompt-suggestion.tsx +0 -150
- package/src/components/reasoning.tsx +0 -293
- package/src/components/response-compare-types.ts +0 -152
- package/src/components/response-compare.tsx +0 -455
- package/src/components/response-stream.tsx +0 -109
- package/src/components/screen.tsx +0 -181
- package/src/components/scroll-button.tsx +0 -93
- package/src/components/source.tsx +0 -192
- package/src/components/tasks-card.tsx +0 -801
- package/src/components/text-shimmer.tsx +0 -37
- package/src/components/thinking-bar.tsx +0 -50
- package/src/components/thread.tsx +0 -228
- package/src/components/toast.tsx +0 -503
- package/src/components/tool-classify.ts +0 -26
- package/src/components/tool-types.ts +0 -49
- package/src/components/tool.tsx +0 -190
- package/src/components/use-card-resolution.ts +0 -44
- package/src/components/voice-input.tsx +0 -222
- package/src/components/voice-output.tsx +0 -242
- package/src/components/widget-tab-bar.tsx +0 -73
- package/src/components/workspace-shell.tsx +0 -285
- package/src/diagnostics/hook.ts +0 -352
- package/src/diagnostics/index.ts +0 -82
- package/src/diagnostics/report-request.ts +0 -296
- package/src/elements/agent-card.tsx +0 -67
- package/src/elements/artifact.tsx +0 -194
- package/src/elements/attachments.tsx +0 -140
- package/src/elements/audio-visualizer.tsx +0 -227
- package/src/elements/autoloader.ts +0 -89
- package/src/elements/avatar.tsx +0 -33
- package/src/elements/badge.tsx +0 -32
- package/src/elements/button.tsx +0 -149
- package/src/elements/card.tsx +0 -133
- package/src/elements/cards.tsx +0 -266
- package/src/elements/chain-of-thought.tsx +0 -141
- package/src/elements/chat-scope-picker.tsx +0 -65
- package/src/elements/chat-types.ts +0 -102
- package/src/elements/chat-workspace.tsx +0 -188
- package/src/elements/chat.tsx +0 -304
- package/src/elements/checkbox-group.tsx +0 -164
- package/src/elements/checkbox.tsx +0 -134
- package/src/elements/checkpoint.tsx +0 -47
- package/src/elements/choice.tsx +0 -100
- package/src/elements/coachmark.tsx +0 -90
- package/src/elements/code-block.tsx +0 -60
- package/src/elements/command.tsx +0 -197
- package/src/elements/compare.tsx +0 -111
- package/src/elements/compiled.css +0 -2
- package/src/elements/composer.tsx +0 -162
- package/src/elements/confirm-card.tsx +0 -76
- package/src/elements/context-meter.tsx +0 -107
- package/src/elements/conversation-item.tsx +0 -120
- package/src/elements/conversation-list.tsx +0 -203
- package/src/elements/css.ts +0 -5
- package/src/elements/default-input.tsx +0 -392
- package/src/elements/define-entry.ts +0 -12
- package/src/elements/define.tsx +0 -563
- package/src/elements/diagnostic-events.ts +0 -114
- package/src/elements/dialog.tsx +0 -145
- package/src/elements/disclosure.ts +0 -95
- package/src/elements/dock.tsx +0 -215
- package/src/elements/dropdown.tsx +0 -123
- package/src/elements/editable-label.tsx +0 -140
- package/src/elements/element-data-types.ts +0 -152
- package/src/elements/element-diagnostics.ts +0 -392
- package/src/elements/element-manifest.json +0 -354
- package/src/elements/element-nonscalar.json +0 -187
- package/src/elements/element-types.d.ts +0 -4353
- package/src/elements/embed.tsx +0 -35
- package/src/elements/empty.tsx +0 -29
- package/src/elements/feedback-bar.tsx +0 -66
- package/src/elements/file-tree.tsx +0 -62
- package/src/elements/file-upload.tsx +0 -44
- package/src/elements/form.tsx +0 -94
- package/src/elements/hover-card.tsx +0 -80
- package/src/elements/icon.tsx +0 -41
- package/src/elements/image.tsx +0 -32
- package/src/elements/input.tsx +0 -492
- package/src/elements/kbd.tsx +0 -45
- package/src/elements/link-preview.tsx +0 -34
- package/src/elements/loader.tsx +0 -25
- package/src/elements/markdown.tsx +0 -38
- package/src/elements/menu.tsx +0 -241
- package/src/elements/message-skills.tsx +0 -83
- package/src/elements/message.tsx +0 -361
- package/src/elements/model-switcher.tsx +0 -121
- package/src/elements/nav.tsx +0 -87
- package/src/elements/notice.tsx +0 -53
- package/src/elements/pane-grid.tsx +0 -111
- package/src/elements/pane-group.tsx +0 -119
- package/src/elements/pane.tsx +0 -129
- package/src/elements/popover.tsx +0 -81
- package/src/elements/progress-bar.tsx +0 -39
- package/src/elements/prompt-dock.tsx +0 -82
- package/src/elements/prompt-input.tsx +0 -240
- package/src/elements/prompt-suggestions.tsx +0 -113
- package/src/elements/radio-group.tsx +0 -129
- package/src/elements/reasoning.tsx +0 -71
- package/src/elements/register-impl.ts +0 -148
- package/src/elements/register.ts +0 -76
- package/src/elements/remote.tsx +0 -225
- package/src/elements/resizable.globals.d.ts +0 -36
- package/src/elements/resizable.tsx +0 -704
- package/src/elements/response-stream.tsx +0 -40
- package/src/elements/screen.tsx +0 -90
- package/src/elements/scroll-area.tsx +0 -33
- package/src/elements/scroll-button.tsx +0 -179
- package/src/elements/search.tsx +0 -185
- package/src/elements/segmented.tsx +0 -129
- package/src/elements/select.tsx +0 -165
- package/src/elements/separator.tsx +0 -36
- package/src/elements/setting-item.tsx +0 -50
- package/src/elements/settings-group.tsx +0 -37
- package/src/elements/skeleton.tsx +0 -45
- package/src/elements/slider.tsx +0 -171
- package/src/elements/slot-text.ts +0 -73
- package/src/elements/slots.ts +0 -787
- package/src/elements/source.tsx +0 -126
- package/src/elements/status.tsx +0 -42
- package/src/elements/styles.css +0 -328
- package/src/elements/switch.tsx +0 -118
- package/src/elements/tabs.tsx +0 -95
- package/src/elements/tasks.tsx +0 -103
- package/src/elements/text-shimmer.tsx +0 -28
- package/src/elements/thinking-bar.tsx +0 -43
- package/src/elements/thread.tsx +0 -139
- package/src/elements/toast.tsx +0 -106
- package/src/elements/tool.tsx +0 -78
- package/src/elements/tooltip.tsx +0 -85
- package/src/elements/validate-messages.ts +0 -76
- package/src/elements/voice-input.tsx +0 -100
- package/src/elements/voice-output.tsx +0 -82
- package/src/index.ts +0 -430
- package/src/primitives/audio-bands.ts +0 -174
- package/src/primitives/card-component-types.ts +0 -63
- package/src/primitives/card-contract.ts +0 -80
- package/src/primitives/card-data-types.ts +0 -361
- package/src/primitives/card-host.tsx +0 -37
- package/src/primitives/card-recovery.ts +0 -160
- package/src/primitives/card-registry.tsx +0 -78
- package/src/primitives/card-resolution.ts +0 -36
- package/src/primitives/card-routing.ts +0 -85
- package/src/primitives/card-schemas/artifact.schema.json +0 -92
- package/src/primitives/card-schemas/card-envelope.schema.json +0 -14
- package/src/primitives/card-schemas/card-event.schema.json +0 -12
- package/src/primitives/card-schemas/choice.schema.json +0 -75
- package/src/primitives/card-schemas/confirm.schema.json +0 -65
- package/src/primitives/card-schemas/embed.schema.json +0 -63
- package/src/primitives/card-schemas/form.result.schema.json +0 -7
- package/src/primitives/card-schemas/form.schema.json +0 -53
- package/src/primitives/card-schemas/link.schema.json +0 -54
- package/src/primitives/card-schemas/tasks.result.schema.json +0 -16
- package/src/primitives/card-schemas/tasks.schema.json +0 -83
- package/src/primitives/card-tags.ts +0 -61
- package/src/primitives/card-validate-cards.ts +0 -255
- package/src/primitives/card-validate-schemas.ts +0 -58
- package/src/primitives/card-validate.ts +0 -131
- package/src/primitives/chat-config.tsx +0 -103
- package/src/primitives/composer-model.ts +0 -49
- package/src/primitives/composer-triggers.ts +0 -35
- package/src/primitives/controllable.ts +0 -21
- package/src/primitives/conversation-store.ts +0 -248
- package/src/primitives/create-kai-chat.ts +0 -66
- package/src/primitives/create-tween.ts +0 -266
- package/src/primitives/embed-providers.ts +0 -254
- package/src/primitives/field-mask.ts +0 -256
- package/src/primitives/field-semantics.ts +0 -115
- package/src/primitives/highlighter.ts +0 -157
- package/src/primitives/input-mask.ts +0 -853
- package/src/primitives/link-preview.ts +0 -87
- package/src/primitives/message-feedback.ts +0 -124
- package/src/primitives/pdf-preview.ts +0 -121
- package/src/primitives/toast-store.ts +0 -338
- package/src/primitives/url-scheme-policy.ts +0 -70
- package/src/primitives/use-audio-analysis.ts +0 -340
- package/src/primitives/use-auto-resize.ts +0 -31
- package/src/primitives/use-resize-observer.ts +0 -45
- package/src/primitives/use-sequencer.ts +0 -72
- package/src/primitives/use-speech-recognition.ts +0 -146
- package/src/primitives/use-stick-to-bottom.ts +0 -75
- package/src/primitives/use-text-stream.ts +0 -143
- package/src/primitives/use-voice-recorder.ts +0 -62
- package/src/primitives/visualizer-sequences.ts +0 -350
- package/src/remote/host-embed.ts +0 -345
- package/src/remote/index.ts +0 -2
- package/src/remote/origin.ts +0 -30
- package/src/remote/provider-runtime.ts +0 -262
- package/src/remote/provider.ts +0 -2
- package/src/remote/validate.ts +0 -22
- package/src/remote/version.ts +0 -12
- package/src/remote/wire.ts +0 -48
- package/src/schemas/from-tool-call.ts +0 -151
- package/src/schemas/index.ts +0 -341
- package/src/schemas/provider-subsets.ts +0 -538
- package/src/schemas/registry.ts +0 -355
- package/src/schemas/tool-defs.ts +0 -793
- package/src/solid.ts +0 -173
- package/src/state/index.ts +0 -44
- package/src/state/messages.ts +0 -53
- package/src/state/mock.ts +0 -297
- package/src/state/parts.ts +0 -295
- package/src/state/persistence.ts +0 -180
- package/src/state/stream.ts +0 -246
- package/src/state/suggestions.ts +0 -9
- package/src/state/threads.ts +0 -142
- package/src/test-utils/fake-clock.ts +0 -88
- package/src/types.ts +0 -95
- package/src/ui/action-icons.ts +0 -53
- package/src/ui/agent-card.tsx +0 -218
- package/src/ui/avatar.tsx +0 -23
- package/src/ui/badge.tsx +0 -21
- package/src/ui/button.tsx +0 -49
- package/src/ui/card.tsx +0 -245
- package/src/ui/checkbox-group.tsx +0 -153
- package/src/ui/checkbox.tsx +0 -63
- package/src/ui/collapsible.tsx +0 -163
- package/src/ui/command.tsx +0 -103
- package/src/ui/dialog.tsx +0 -223
- package/src/ui/dock.tsx +0 -630
- package/src/ui/dropdown.tsx +0 -636
- package/src/ui/editable-label.tsx +0 -112
- package/src/ui/hover-card.tsx +0 -345
- package/src/ui/icon.tsx +0 -167
- package/src/ui/input.tsx +0 -391
- package/src/ui/kbd.tsx +0 -118
- package/src/ui/nav.tsx +0 -282
- package/src/ui/notice.tsx +0 -84
- package/src/ui/overlay.tsx +0 -277
- package/src/ui/pane-grid.tsx +0 -117
- package/src/ui/pane-group.tsx +0 -291
- package/src/ui/pane.tsx +0 -193
- package/src/ui/popover.tsx +0 -106
- package/src/ui/progress-bar.tsx +0 -83
- package/src/ui/prompt-dock.tsx +0 -145
- package/src/ui/radio.tsx +0 -150
- package/src/ui/resizable.tsx +0 -693
- package/src/ui/scroll-area.tsx +0 -26
- package/src/ui/segmented.tsx +0 -109
- package/src/ui/select.tsx +0 -168
- package/src/ui/separator.tsx +0 -10
- package/src/ui/settings-group.tsx +0 -67
- package/src/ui/skeleton.tsx +0 -73
- package/src/ui/slider.tsx +0 -178
- package/src/ui/status.tsx +0 -48
- package/src/ui/switch.tsx +0 -119
- package/src/ui/tabs.tsx +0 -168
- package/src/ui/textarea.tsx +0 -21
- package/src/ui/tooltip.tsx +0 -118
- package/src/utils/cn.ts +0 -30
- package/src/wire/chunk.ts +0 -248
- package/src/wire/consume.ts +0 -599
- package/src/wire/diagnostics.ts +0 -727
- package/src/wire/encode-probe.ts +0 -214
- package/src/wire/encode.ts +0 -947
- package/src/wire/files.ts +0 -342
- package/src/wire/formats/anthropic.ts +0 -274
- package/src/wire/formats/openai.ts +0 -228
- package/src/wire/index.ts +0 -95
- package/src/wire/media-types.ts +0 -344
- package/src/wire/read.ts +0 -396
- package/src/wire/sink-helpers.ts +0 -50
- package/src/wire/sse.ts +0 -153
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
// src/primitives/card-contract.ts
|
|
2
|
-
// The frozen Card Contract: the one typed contract every card speaks across both
|
|
3
|
-
// transports (native <kai-*> + remote iframe). Pure types only — no runtime, no DOM.
|
|
4
|
-
// See docs/superpowers/specs/2026-06-13-card-contract-design.md.
|
|
5
|
-
|
|
6
|
-
/** Bumped on any BREAKING change to the shapes below. Additive/optional fields do not bump it. */
|
|
7
|
-
export const CARD_CONTRACT_VERSION = '1' as const;
|
|
8
|
-
|
|
9
|
-
/** A card the agent/server asks the chat to render. `data` conforms to the card
|
|
10
|
-
* type's own published JSON Schema (one schema per `type`). */
|
|
11
|
-
export interface CardEnvelope<TType extends string = string, TData = unknown> {
|
|
12
|
-
type: TType;
|
|
13
|
-
id: string;
|
|
14
|
-
data: TData;
|
|
15
|
-
title?: string;
|
|
16
|
-
/** Set when the user has resolved this card; renders the chromed read-only view. */
|
|
17
|
-
resolution?: CardResolution;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/** Context the host pushes to every card; updated when it changes (theme, etc.). */
|
|
21
|
-
export interface CardContext {
|
|
22
|
-
theme: { mode: 'light' | 'dark'; tokens?: Record<string, string> };
|
|
23
|
-
locale: string;
|
|
24
|
-
conversationId?: string;
|
|
25
|
-
/** Remote (iframe) cards only: short-lived signed token. Never long-lived. */
|
|
26
|
-
authToken?: string;
|
|
27
|
-
/** Host-resolved a11y prefs (e.g. reduced-motion, which doesn't cross the iframe). */
|
|
28
|
-
a11y?: { reducedMotion?: boolean };
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/** Everything a card can ask the host to do. The host authorizes + routes each. */
|
|
32
|
-
export type CardEvent =
|
|
33
|
-
| { kind: 'ready'; cardId: string }
|
|
34
|
-
| { kind: 'submit'; cardId: string; data: unknown }
|
|
35
|
-
| { kind: 'action'; cardId: string; action: string; payload?: unknown }
|
|
36
|
-
| { kind: 'send-prompt'; cardId: string; text: string; mode?: 'compose' | 'send'; context?: unknown }
|
|
37
|
-
| { kind: 'open'; cardId: string; url: string; target?: 'tab' | 'artifact' }
|
|
38
|
-
| { kind: 'resize'; cardId: string; height: number }
|
|
39
|
-
| { kind: 'state'; cardId: string; patch: unknown }
|
|
40
|
-
| { kind: 'dismiss'; cardId: string }
|
|
41
|
-
| { kind: 'reopen'; cardId: string }
|
|
42
|
-
| { kind: 'error'; cardId: string; message: string };
|
|
43
|
-
|
|
44
|
-
export type CardEventKind = CardEvent['kind'];
|
|
45
|
-
|
|
46
|
-
/** How a card was resolved by the user — the re-hydration channel for the chromed
|
|
47
|
-
* read-only state. The terminal kinds (`action`/`submit`) mirror the two terminal
|
|
48
|
-
* CardEvents (minus `cardId`): the resolution is just the event that resolved the
|
|
49
|
-
* card. `dismissed` is a DEFERRED (non-terminal) state — the user set the card
|
|
50
|
-
* aside; it can be re-opened. `expired` is terminal — a dismissed card the host
|
|
51
|
-
* decided can no longer be re-opened (e.g. the agent proceeded, or it went stale).
|
|
52
|
-
* `at` is optional ISO-8601 provenance (data only; never rendered). Additive —
|
|
53
|
-
* does not bump the contract version. */
|
|
54
|
-
export type CardResolution =
|
|
55
|
-
| { kind: 'action'; action: string; payload?: unknown; at?: string }
|
|
56
|
-
| { kind: 'submit'; data: unknown; at?: string }
|
|
57
|
-
| { kind: 'dismissed'; at?: string }
|
|
58
|
-
| { kind: 'expired'; reason?: string; at?: string };
|
|
59
|
-
|
|
60
|
-
/** What every card is handed (via native context or the iframe bridge). */
|
|
61
|
-
export interface CardHost {
|
|
62
|
-
context(): CardContext;
|
|
63
|
-
emit(event: CardEvent): void;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
/** How the host routes each verb. Consumers supply handlers; defaults applied otherwise. */
|
|
67
|
-
export interface CardPolicy {
|
|
68
|
-
onSubmit?: (cardId: string, data: unknown) => void;
|
|
69
|
-
onAction?: (cardId: string, action: string, payload?: unknown) => void;
|
|
70
|
-
onSendPrompt?: (text: string, opts: { mode: 'compose' | 'send'; context?: unknown }) => void;
|
|
71
|
-
onOpen?: (url: string, target: 'tab' | 'artifact') => void;
|
|
72
|
-
onState?: (cardId: string, patch: unknown) => void;
|
|
73
|
-
onDismiss?: (cardId: string) => void;
|
|
74
|
-
/** A dismissed card asked to be re-opened. The host decides whether it can come
|
|
75
|
-
* back (clear the resolution → live again) or has expired (stamp `expired`). */
|
|
76
|
-
onReopen?: (cardId: string) => void;
|
|
77
|
-
onError?: (cardId: string, message: string) => void;
|
|
78
|
-
/** Cap on send-prompt: 'compose' (default) forbids silent sends. 'send' to allow. */
|
|
79
|
-
maxSendPromptMode?: 'compose' | 'send';
|
|
80
|
-
}
|
|
@@ -1,361 +0,0 @@
|
|
|
1
|
-
// src/primitives/card-data-types.ts
|
|
2
|
-
// The five built-in card PAYLOAD types — `CardEnvelope.data`, one per card type —
|
|
3
|
-
// authored beside the schemas they mirror rather than inside the components that
|
|
4
|
-
// render them.
|
|
5
|
-
//
|
|
6
|
-
// THE FOURTH INSTANCE OF ONE DEFECT, AND THE LAST ONE THAT WAS LEFT
|
|
7
|
-
// -----------------------------------------------------------------
|
|
8
|
-
// `BUILTIN_CARD_TAGS` (card-tags.ts), `CardComponentMap` (card-component-types.ts)
|
|
9
|
-
// and the tag map before it were each pulled out of a `.tsx` for the same reason,
|
|
10
|
-
// and each header says so. Read card-tags.ts first; this is the same problem one
|
|
11
|
-
// layer further out, and the reason it is worth a fourth file rather than a fourth
|
|
12
|
-
// exception is that these are the types a BACKEND names, which makes them the ones
|
|
13
|
-
// with the least business living under a Solid component.
|
|
14
|
-
//
|
|
15
|
-
// `tsconfig.mcp.json` is Node-only — `lib: ["ESNext"]`, no `jsx` — and a type import
|
|
16
|
-
// still has to RESOLVE even though it erases. While `ConfirmCardData` and friends
|
|
17
|
-
// lived in components/confirm-card.tsx, any Node/no-DOM project that named one got
|
|
18
|
-
//
|
|
19
|
-
// error TS6142: Module '../../components/choice-card' was resolved to
|
|
20
|
-
// '.../src/components/choice-card.tsx', but '--jsx' is not set.
|
|
21
|
-
//
|
|
22
|
-
// measured on this tree, and `@kitn.ai/ui/schemas` — the server-safe entry that
|
|
23
|
-
// exists precisely so a route can hand a model tool definitions — could not
|
|
24
|
-
// re-export them at all without dragging the Solid tree into that pass. So the one
|
|
25
|
-
// language the kit is AUTHORED in was the only one that could not name the contract
|
|
26
|
-
// it publishes: Python and Go read `./schemas/*.json` and get the full shape, while
|
|
27
|
-
// a TypeScript backend building a card envelope got `data: unknown`.
|
|
28
|
-
//
|
|
29
|
-
// Relaxing tsconfig.mcp.json is not the alternative, and that is measured rather
|
|
30
|
-
// than recalled: granting it `jsx: "preserve"` + `jsxImportSource: "solid-js"` takes
|
|
31
|
-
// it from 0 errors to 130 on this exact case (838 without the import source, and
|
|
32
|
-
// card-tags.ts records 1364 for the broader one), almost all `TS2304: Cannot find
|
|
33
|
-
// name 'HTMLDivElement' / 'window'`, because a `jsx` setting drags the whole Solid
|
|
34
|
-
// component tree into a Node-only pass. The Node/no-DOM boundary is load-bearing.
|
|
35
|
-
//
|
|
36
|
-
// WHY THEY ARE `type` ALIASES AND NOT `interface`S — DO NOT "TIDY" THIS BACK
|
|
37
|
-
// --------------------------------------------------------------------------
|
|
38
|
-
// This is the other half of the same story and it is not a style preference.
|
|
39
|
-
// TypeScript gives an object TYPE ALIAS an implicit index signature and gives an
|
|
40
|
-
// INTERFACE none. Measured, both directions, on a two-line file:
|
|
41
|
-
//
|
|
42
|
-
// interface IFace { a: string }
|
|
43
|
-
// type TAlias = { a: string }
|
|
44
|
-
// const r1: Record<string, unknown> = iface; // TS2322: Index signature for type
|
|
45
|
-
// // 'string' is missing in type 'IFace'
|
|
46
|
-
// const r2: Record<string, unknown> = alias; // OK
|
|
47
|
-
//
|
|
48
|
-
// Every card element's `data` prop is a `Record<string, unknown>` at some point in
|
|
49
|
-
// the chain — the generated `element-types.d.ts` used to declare it that way
|
|
50
|
-
// outright, and `renderType` in scripts/_ts-helpers.mjs still emits exactly that
|
|
51
|
-
// string as its cycle placeholder when it inlines a self-referential type (which
|
|
52
|
-
// `FormField` is). So as interfaces these types were not assignable to the very
|
|
53
|
-
// property each one's own doc comment tells a consumer to assign it to:
|
|
54
|
-
// `el.data = myChoiceCardData` was TS2322 while `<kai-choice>`'s JSDoc said "Import
|
|
55
|
-
// `ChoiceCardData` from `@kitn.ai/ui` for the full shape".
|
|
56
|
-
//
|
|
57
|
-
// Aliases fix that at the root instead of at each of the four call sites, and they
|
|
58
|
-
// are what makes `FormDefinition` work at all: it is self-referential, so the
|
|
59
|
-
// generator can only inline it down to a `Record<string, unknown>` placeholder, and
|
|
60
|
-
// an interface would fail against that placeholder no matter what the elements
|
|
61
|
-
// declare.
|
|
62
|
-
//
|
|
63
|
-
// Nothing here merges declarations, so the one capability `interface` has that
|
|
64
|
-
// `type` lacks is not in use.
|
|
65
|
-
//
|
|
66
|
-
// WHAT THIS FILE MAY CONTAIN
|
|
67
|
-
// --------------------------
|
|
68
|
-
// Types only, and only types with no DOM and no Solid below them. It must stay
|
|
69
|
-
// importable from a Node process with no `jsx`, which is the whole point; the
|
|
70
|
-
// discriminating check is `tsc --noEmit -p tsconfig.mcp.json` on a tree with no
|
|
71
|
-
// `dist/` present, and nothing else is evidence for it. `CardEnvelope` below comes
|
|
72
|
-
// from ./card-contract, which is already a `.ts` for the same reason.
|
|
73
|
-
//
|
|
74
|
-
// Each component re-exports its own types from here, so every existing importer of
|
|
75
|
-
// `components/confirm-card` etc. is unaffected, and `@kitn.ai/ui/schemas` exports
|
|
76
|
-
// them too so a backend route can finally name what it is building.
|
|
77
|
-
|
|
78
|
-
import type { CardEnvelope } from './card-contract';
|
|
79
|
-
|
|
80
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
81
|
-
// confirm (confirm.schema.json)
|
|
82
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
83
|
-
|
|
84
|
-
export type ConfirmActionStyle = 'primary' | 'default' | 'destructive';
|
|
85
|
-
export type ConfirmTone = 'default' | 'warning' | 'danger';
|
|
86
|
-
|
|
87
|
-
export type ConfirmAction = {
|
|
88
|
-
id: string;
|
|
89
|
-
label: string;
|
|
90
|
-
style?: ConfirmActionStyle;
|
|
91
|
-
payload?: unknown;
|
|
92
|
-
default?: boolean;
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
export type ConfirmCardData = {
|
|
96
|
-
heading?: string;
|
|
97
|
-
body?: string;
|
|
98
|
-
tone?: ConfirmTone;
|
|
99
|
-
actions: ConfirmAction[]; // 1..4
|
|
100
|
-
dismissible?: boolean;
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
export type ConfirmCardEnvelope = CardEnvelope<'confirm', ConfirmCardData>;
|
|
104
|
-
|
|
105
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
106
|
-
// choice (choice.schema.json)
|
|
107
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
108
|
-
|
|
109
|
-
export type ChoiceOptionMedia = {
|
|
110
|
-
image?: string;
|
|
111
|
-
imageAlt?: string;
|
|
112
|
-
icon?: string;
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
export type ChoiceOption = {
|
|
116
|
-
id: string; // required, unique within the card
|
|
117
|
-
label: string; // required
|
|
118
|
-
description?: string;
|
|
119
|
-
media?: ChoiceOptionMedia;
|
|
120
|
-
meta?: string; // trailing freeform text (e.g. price/badge)
|
|
121
|
-
recommended?: boolean; // renders a "Recommended" pill
|
|
122
|
-
disabled?: boolean; // not selectable; skipped in keyboard nav
|
|
123
|
-
payload?: unknown; // echoed back in the emitted action
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
export type ChoiceAllowOther = boolean | { label?: string; placeholder?: string };
|
|
127
|
-
|
|
128
|
-
export type ChoiceCardData = {
|
|
129
|
-
prompt?: string; // optional question/body above the options
|
|
130
|
-
options: ChoiceOption[]; // 1..N
|
|
131
|
-
allowOther?: ChoiceAllowOther; // free-text escape
|
|
132
|
-
submitLabel?: string; // label for the Submit button (default 'Submit')
|
|
133
|
-
dismissible?: boolean; // show a close affordance that emits `dismiss`
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
export type ChoiceCardEnvelope = CardEnvelope<'choice', ChoiceCardData>;
|
|
137
|
-
|
|
138
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
139
|
-
// tasks (tasks.schema.json)
|
|
140
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
141
|
-
|
|
142
|
-
export type TasksTask = {
|
|
143
|
-
id: string;
|
|
144
|
-
label: string;
|
|
145
|
-
description?: string;
|
|
146
|
-
checked?: boolean;
|
|
147
|
-
disabled?: boolean;
|
|
148
|
-
};
|
|
149
|
-
|
|
150
|
-
export type TasksCardData = {
|
|
151
|
-
/**
|
|
152
|
-
* `select` (default) = checkbox rows + a confirm button that emits the contract
|
|
153
|
-
* `submit`. `progress` = an onboarding/checklist look: a header `done / total`
|
|
154
|
-
* count, circular indicators, per-item title + muted description, and NO confirm
|
|
155
|
-
* button (checking a row is itself the terminal action). Both share the same
|
|
156
|
-
* selection model (toggle by id, the `max` gate, `kai-value-change`); `progress`
|
|
157
|
-
* is purely a presentational variant.
|
|
158
|
-
*/
|
|
159
|
-
mode?: 'select' | 'progress';
|
|
160
|
-
heading?: string;
|
|
161
|
-
tasks: TasksTask[]; // >=1
|
|
162
|
-
selectAll?: boolean;
|
|
163
|
-
confirmLabel?: string;
|
|
164
|
-
allowEmpty?: boolean;
|
|
165
|
-
min?: number;
|
|
166
|
-
max?: number;
|
|
167
|
-
dismissible?: boolean; // show a close affordance that emits `dismiss`
|
|
168
|
-
};
|
|
169
|
-
|
|
170
|
-
export type TasksCardResult = {
|
|
171
|
-
selected: string[];
|
|
172
|
-
};
|
|
173
|
-
|
|
174
|
-
export type TasksCardEnvelope = CardEnvelope<'tasks', TasksCardData>;
|
|
175
|
-
|
|
176
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
177
|
-
// form (form.schema.json)
|
|
178
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
179
|
-
|
|
180
|
-
/** A field definition (the JSON Schema subset kai-form renders). */
|
|
181
|
-
export type FormField = {
|
|
182
|
-
type: 'string' | 'number' | 'integer' | 'boolean' | 'array' | 'object';
|
|
183
|
-
title?: string;
|
|
184
|
-
description?: string;
|
|
185
|
-
default?: unknown;
|
|
186
|
-
enum?: unknown[];
|
|
187
|
-
format?: 'email' | 'uri' | 'url' | 'date' | 'date-time' | 'time';
|
|
188
|
-
minimum?: number;
|
|
189
|
-
maximum?: number;
|
|
190
|
-
minLength?: number;
|
|
191
|
-
maxLength?: number;
|
|
192
|
-
pattern?: string;
|
|
193
|
-
minItems?: number;
|
|
194
|
-
maxItems?: number;
|
|
195
|
-
items?: FormField | { enum: unknown[] };
|
|
196
|
-
properties?: Record<string, FormField>;
|
|
197
|
-
required?: string[];
|
|
198
|
-
readOnly?: boolean;
|
|
199
|
-
'x-kai-widget'?:
|
|
200
|
-
| 'textarea'
|
|
201
|
-
| 'slider'
|
|
202
|
-
| 'rating'
|
|
203
|
-
| 'radio'
|
|
204
|
-
| 'select'
|
|
205
|
-
| 'checkbox'
|
|
206
|
-
| 'password'
|
|
207
|
-
| 'switch';
|
|
208
|
-
'x-kai-placeholder'?: string;
|
|
209
|
-
'x-kai-step'?: number;
|
|
210
|
-
/**
|
|
211
|
-
* Display format for a string field. `tel` / `ssn` / `credit-card`
|
|
212
|
-
* apply that type's standard mask and submit digits only; `custom` masks with
|
|
213
|
-
* `x-kai-mask` and submits the formatted value.
|
|
214
|
-
*
|
|
215
|
-
* NOT the JSON Schema `format` keyword, and deliberately not an extension of it:
|
|
216
|
-
* `format` has a registered vocabulary with assertion semantics, `widgetFor()`
|
|
217
|
-
* already switches on it to pick a widget, and `toJsonSchema()` turns it into a
|
|
218
|
-
* validation pattern. This is a UI hint, so it lives in the `x-kai-*` namespace
|
|
219
|
-
* with the other UI hints — and it selects FORMATTING, never a widget.
|
|
220
|
-
*
|
|
221
|
-
* Typed as the semantic-type union for a consumer authoring a form definition by
|
|
222
|
-
* hand. A value arriving from a MODEL is untrusted and may be anything at all;
|
|
223
|
-
* `resolveFieldMask()` degrades an unrecognised one to an unmasked text field with
|
|
224
|
-
* a console warning rather than trusting this declaration.
|
|
225
|
-
*
|
|
226
|
-
* SPELLED OUT HERE RATHER THAN IMPORTED, and that is not laziness. `FieldSemanticType`
|
|
227
|
-
* is declared in `./field-semantics`, which carries the semantics TABLE and its
|
|
228
|
-
* `console.warn` — and this file's whole reason for existing is that a Node/no-DOM
|
|
229
|
-
* backend can name a card payload with `lib: ["ESNext"]` and `types: []`, where
|
|
230
|
-
* `console` does not exist (measured: TS2584, by
|
|
231
|
-
* `tests/schemas/card-data-types-node-safe.test.ts`, which is what caught the import).
|
|
232
|
-
* A type import still has to RESOLVE, so importing the union would drag the engine into
|
|
233
|
-
* the server-safe entry's graph.
|
|
234
|
-
*
|
|
235
|
-
* AN APP CANNOT PIN THIS ON THE MODEL TODAY.
|
|
236
|
-
* `cardTools({ require })` narrows a projected tool schema by dot-path, but there is
|
|
237
|
-
* no path that reaches a form FIELD: a form card's payload is itself a JSON Schema, so
|
|
238
|
-
* `form.schema.json` describes `properties` as a map of field definitions rather than
|
|
239
|
-
* as a node per field, and `require: { form: [{ path: 'properties.ticketId' }] }` is a
|
|
240
|
-
* TypeError naming a path that does not resolve. "Force the model to mask the ticket
|
|
241
|
-
* field" is therefore not expressible; the enum above is what makes it LIKELY, and an
|
|
242
|
-
* app that needs a guarantee validates the arriving envelope itself.
|
|
243
|
-
*
|
|
244
|
-
* It is therefore a REGISTERED COPY of `FIELD_SEMANTIC_TYPES`: the two are pinned
|
|
245
|
-
* mutually assignable at compile time in
|
|
246
|
-
* `tests/components/form-field-formats.test.tsx`, so adding a fifth token to the enum
|
|
247
|
-
* without adding it here fails `nx typecheck ui` rather than shipping a form card that
|
|
248
|
-
* cannot name it.
|
|
249
|
-
*/
|
|
250
|
-
'x-kai-format'?: 'tel' | 'ssn' | 'credit-card' | 'custom';
|
|
251
|
-
/** The mask pattern, read only when `x-kai-format` is `custom`: `#` a digit, `@` an
|
|
252
|
-
* alphanumeric, `*` an obscurable alphanumeric, everything else a literal
|
|
253
|
-
* (`CHG-####`). Capped at the mask engine's own limit; a longer one is refused. */
|
|
254
|
-
'x-kai-mask'?: string;
|
|
255
|
-
/** Placeholder text for the mask's unfilled positions, aligned character for
|
|
256
|
-
* character with the pattern (`mm/dd/yyyy`). Derived from the pattern when absent;
|
|
257
|
-
* a misaligned one is dropped, loudly, and the mask survives. */
|
|
258
|
-
'x-kai-mask-guide'?: string;
|
|
259
|
-
};
|
|
260
|
-
|
|
261
|
-
/** The form definition = CardEnvelope.data for type:'form'. */
|
|
262
|
-
export type FormDefinition = {
|
|
263
|
-
type: 'object';
|
|
264
|
-
title?: string;
|
|
265
|
-
description?: string;
|
|
266
|
-
required?: string[];
|
|
267
|
-
properties: Record<string, FormField>;
|
|
268
|
-
'x-kai-order'?: string[];
|
|
269
|
-
'x-kai-inlineMax'?: number;
|
|
270
|
-
'x-kai-submitLabel'?: string;
|
|
271
|
-
'x-kai-dismissible'?: boolean;
|
|
272
|
-
'x-kai-actions'?: { id: string; label: string; variant?: 'default' | 'ghost' | 'outline' }[];
|
|
273
|
-
};
|
|
274
|
-
|
|
275
|
-
export type FormCardEnvelope = CardEnvelope<'form', FormDefinition>;
|
|
276
|
-
|
|
277
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
278
|
-
// artifact (artifact.schema.json)
|
|
279
|
-
// ─────────────────────────────────────────────────────────────────────────────
|
|
280
|
-
|
|
281
|
-
/**
|
|
282
|
-
* One file behind an artifact card: the Code tab's tree row, plus where the
|
|
283
|
-
* preview loads it.
|
|
284
|
-
*
|
|
285
|
-
* The SAME declaration the `FileTree` primitive uses — `components/file-tree.tsx`
|
|
286
|
-
* re-exports this as `FileTreeFile` and `components/artifact.tsx` aliases that to
|
|
287
|
-
* `ArtifactFile`, so there is one shape here and not a copy of one. It is authored
|
|
288
|
-
* in this file rather than in file-tree.tsx for this module's whole reason: it is
|
|
289
|
-
* reachable from `ArtifactCardData`, so leaving it in a `.tsx` would put TS6142
|
|
290
|
-
* back on any Node/no-DOM project that names an artifact card payload, and the
|
|
291
|
-
* extraction would have moved four of five types and quietly failed on the fifth.
|
|
292
|
-
* It mirrors `artifact.schema.json`'s `files[].items`, which carries the same
|
|
293
|
-
* fields with `additionalProperties: false`.
|
|
294
|
-
*/
|
|
295
|
-
export type ArtifactCardFile = {
|
|
296
|
-
/** Tree label/key. Folders are built from `/`-delimited segments. */
|
|
297
|
-
path: string;
|
|
298
|
-
/** Where the preview loads it (CDN/S3/dev-server/API). */
|
|
299
|
-
url?: string;
|
|
300
|
-
/** Source for the Code tab. */
|
|
301
|
-
code?: string;
|
|
302
|
-
/** Language id for syntax highlighting (e.g. `html`, `css`, `tsx`). */
|
|
303
|
-
language?: string;
|
|
304
|
-
/** Kind — drives the icon + whether Code applies. */
|
|
305
|
-
type?: 'html' | 'pdf' | 'image' | 'other';
|
|
306
|
-
/** Lines added vs the base. Rendered as a trailing `+N` stat (success hue,
|
|
307
|
-
* tabular-nums). Only shown when present; omit for a plain file row. */
|
|
308
|
-
additions?: number;
|
|
309
|
-
/** Lines removed vs the base. Rendered as a trailing `-N` stat (error hue). */
|
|
310
|
-
deletions?: number;
|
|
311
|
-
/** Change status vs the base. Drives a small trailing status letter in the
|
|
312
|
-
* conventional VCS hue (added=green, modified=amber, deleted=red,
|
|
313
|
-
* renamed=blue, untracked=muted). Only shown when present. */
|
|
314
|
-
status?: 'added' | 'modified' | 'deleted' | 'renamed' | 'untracked';
|
|
315
|
-
};
|
|
316
|
-
|
|
317
|
-
/** Which view an artifact card opens on. */
|
|
318
|
-
export type ArtifactCardTab = 'preview' | 'code';
|
|
319
|
-
|
|
320
|
-
/** The `artifact` card payload: a deliberately NARROW subset of `ArtifactProps`.
|
|
321
|
-
*
|
|
322
|
-
* A card envelope is written by a model, so the surface it can reach has to be
|
|
323
|
-
* the part that describes WHAT to show, not how the viewer behaves. Toolbar
|
|
324
|
-
* composition (`showNav`/`showTabs`/…), view-state (`maximized`), the iframe
|
|
325
|
-
* `sandbox` and the imperative `controllerRef` are all host concerns and stay
|
|
326
|
-
* off the wire — a model must not be able to widen its own sandbox or hide the
|
|
327
|
-
* chrome the user needs to inspect what it built. */
|
|
328
|
-
export type ArtifactCardData = {
|
|
329
|
-
/** URL the preview iframe frames. */
|
|
330
|
-
src?: string;
|
|
331
|
-
/** Files for the Code tab's tree (+ each file's preview `url`). */
|
|
332
|
-
files?: ArtifactCardFile[];
|
|
333
|
-
/** Which view the card OPENS on: `preview` (default) or `code`.
|
|
334
|
-
*
|
|
335
|
-
* Seed only, and deliberately so. This card exists to be revised — `addCard`
|
|
336
|
-
* upserts on `envelope.id` — and a revision hands the same live component a
|
|
337
|
-
* new envelope. Were this wired to `Artifact`'s CONTROLLED `tab` prop, every
|
|
338
|
-
* revision would re-assert it and yank a user who had switched views back to
|
|
339
|
-
* the model's choice. A model cannot move the user between tabs after the
|
|
340
|
-
* first render; the user's choice wins. */
|
|
341
|
-
tab?: ArtifactCardTab;
|
|
342
|
-
/** Path of the file selected in the tree when the card first renders.
|
|
343
|
-
*
|
|
344
|
-
* Seed only, for the same reason as `tab`, but achieved differently:
|
|
345
|
-
* `Artifact` has a `defaultTab` prop to seed the tab and no `defaultActiveFile`
|
|
346
|
-
* counterpart, so this is read ONCE via `untrack` at setup and handed over as
|
|
347
|
-
* a static value. That leaves `Artifact`'s unconditional
|
|
348
|
-
* `createEffect(() => setActiveFile(local.activeFile))` with nothing reactive
|
|
349
|
-
* to track, so it runs once instead of resetting the user's selection on
|
|
350
|
-
* every revision. Keep it static — passing `props.data.activeFile` straight
|
|
351
|
-
* through would silently restore that bug. */
|
|
352
|
-
activeFile?: string;
|
|
353
|
-
/** Friendly address shown INSTEAD of the real url. Use when `src` is not
|
|
354
|
-
* consumer-facing (e.g. a `data:` blob) so a clean address is shown. */
|
|
355
|
-
displayUrl?: string;
|
|
356
|
-
/** Frame height. A bare number is px; a string is any CSS length. Defaults to
|
|
357
|
-
* `DEFAULT_ARTIFACT_CARD_HEIGHT` — see the note on ArtifactCard. */
|
|
358
|
-
height?: number | string;
|
|
359
|
-
};
|
|
360
|
-
|
|
361
|
-
export type ArtifactCardEnvelope = CardEnvelope<'artifact', ArtifactCardData>;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
// src/primitives/card-host.tsx
|
|
2
|
-
// The native transport: a Solid context exposing a CardHost (context() + emit()).
|
|
3
|
-
// emit() routes through the contract policy via the shared routeCardEvent. Cards
|
|
4
|
-
// inside a <CardProvider> use this; cards inside <kai-chat>/<kai-message>/
|
|
5
|
-
// <kai-thread> (and bare cards given a hostElement) fall back to the bubbling
|
|
6
|
-
// kai-card event off the host element (see card-routing.listenForCardEvents and
|
|
7
|
-
// CardRenderer's hostElement prop).
|
|
8
|
-
import { createContext, useContext, type JSX } from 'solid-js';
|
|
9
|
-
import type { CardContext, CardEvent, CardHost, CardPolicy } from './card-contract';
|
|
10
|
-
import { routeCardEvent } from './card-routing';
|
|
11
|
-
|
|
12
|
-
const CardHostContext = createContext<CardHost>();
|
|
13
|
-
|
|
14
|
-
export interface CardProviderProps {
|
|
15
|
-
/** Ambient context, static or a reactive getter. */
|
|
16
|
-
context: CardContext | (() => CardContext);
|
|
17
|
-
/** Routing policy applied to every emitted event. */
|
|
18
|
-
policy?: CardPolicy;
|
|
19
|
-
children: JSX.Element;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export function CardProvider(props: CardProviderProps): JSX.Element {
|
|
23
|
-
// Never destructure props (Solid norm). Resolve context lazily so a getter stays reactive.
|
|
24
|
-
const host: CardHost = {
|
|
25
|
-
context: () =>
|
|
26
|
-
typeof props.context === 'function'
|
|
27
|
-
? (props.context as () => CardContext)()
|
|
28
|
-
: props.context,
|
|
29
|
-
emit: (event: CardEvent) => routeCardEvent(props.policy, event),
|
|
30
|
-
};
|
|
31
|
-
return <CardHostContext.Provider value={host}>{props.children}</CardHostContext.Provider>;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
/** Read the current CardHost. `undefined` when no provider is present (bare card). */
|
|
35
|
-
export function useCardHost(): CardHost | undefined {
|
|
36
|
-
return useContext(CardHostContext);
|
|
37
|
-
}
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
// src/primitives/card-recovery.ts
|
|
2
|
-
// Recovery glue for the card dismiss/reopen flow. `dismissRecovery` builds the
|
|
3
|
-
// `{ onDismiss, onReopen }` half of a CardPolicy for a host that keeps its cards in
|
|
4
|
-
// some store: it writes a `dismissed` resolution onto the matching envelope (a NEW
|
|
5
|
-
// array reference, never an in-place mutation, so a Solid/React host re-renders),
|
|
6
|
-
// optionally shows an injected "Dismissed · Undo" toast (Undo restores the prior
|
|
7
|
-
// resolution), and on reopen decides — via `isReopenable` — whether the card comes
|
|
8
|
-
// back live (resolution cleared) or `expired`.
|
|
9
|
-
//
|
|
10
|
-
// The toast is an INJECTED ADAPTER, never an import — cards (and this helper) stay
|
|
11
|
-
// decoupled from the toast module. The re-appear rule is the host's: "the agent
|
|
12
|
-
// already proceeded" is a host fact, surfaced through `isReopenable`.
|
|
13
|
-
import type { CardEnvelope, CardPolicy, CardResolution } from './card-contract';
|
|
14
|
-
|
|
15
|
-
/** The minimal toast surface this helper needs. Inject a real adapter (e.g. one
|
|
16
|
-
* backed by `kai-toast-region`) — this module never imports the toast itself. */
|
|
17
|
-
export interface RecoveryToast {
|
|
18
|
-
show(opts: {
|
|
19
|
-
message: string;
|
|
20
|
-
action?: { label: string; onClick: () => void };
|
|
21
|
-
durationMs?: number;
|
|
22
|
-
}): { dismiss(): void };
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
/** Context handed to a custom `isReopenable` predicate. */
|
|
26
|
-
export interface ReopenEnv {
|
|
27
|
-
cardId: string;
|
|
28
|
-
/** The card's current resolution at reopen time (should be `dismissed`). */
|
|
29
|
-
resolution: CardResolution | undefined;
|
|
30
|
-
/** `Date.now()` at reopen time (injected for testability). */
|
|
31
|
-
now: number;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export interface DismissRecoveryOptions {
|
|
35
|
-
/** Read the current cards array. */
|
|
36
|
-
get: () => CardEnvelope[];
|
|
37
|
-
/** Write the next cards array (a NEW reference). */
|
|
38
|
-
set: (next: CardEnvelope[]) => void;
|
|
39
|
-
/** Optional injected toast adapter for the "Dismissed · Undo" affordance. */
|
|
40
|
-
toast?: RecoveryToast;
|
|
41
|
-
/** Override the default re-openable rule. Return false to expire instead. */
|
|
42
|
-
isReopenable?: (env: ReopenEnv) => boolean;
|
|
43
|
-
/** A dismissed card older than this (ms since `dismissed.at`) is no longer
|
|
44
|
-
* re-openable (→ expired). Omit/Infinity = never stale. */
|
|
45
|
-
staleAfterMs?: number;
|
|
46
|
-
/** Auto-dismiss the Undo toast after this long. Default 6000ms. */
|
|
47
|
-
undoMs?: number;
|
|
48
|
-
/** Injected clock (defaults to Date.now); keeps the helper testable. */
|
|
49
|
-
now?: () => number;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
/** The terminal resolution kinds that block a reopen (a finished card can't come back). */
|
|
53
|
-
const TERMINAL_KINDS = new Set<CardResolution['kind']>(['action', 'submit', 'expired']);
|
|
54
|
-
|
|
55
|
-
/** Default re-openable rule: a card can come back unless it carries a terminal
|
|
56
|
-
* resolution OR it has gone stale (`staleAfterMs` elapsed since `dismissed.at`).
|
|
57
|
-
* A `dismissed` card with no/invalid `at` is always re-openable. */
|
|
58
|
-
export function defaultIsReopenable(env: ReopenEnv, staleAfterMs?: number): boolean {
|
|
59
|
-
const r = env.resolution;
|
|
60
|
-
if (r && TERMINAL_KINDS.has(r.kind)) return false;
|
|
61
|
-
if (
|
|
62
|
-
staleAfterMs !== undefined &&
|
|
63
|
-
Number.isFinite(staleAfterMs) &&
|
|
64
|
-
r?.kind === 'dismissed' &&
|
|
65
|
-
typeof r.at === 'string'
|
|
66
|
-
) {
|
|
67
|
-
const at = Date.parse(r.at);
|
|
68
|
-
if (!Number.isNaN(at) && env.now - at >= staleAfterMs) return false;
|
|
69
|
-
}
|
|
70
|
-
return true;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
/** Return a new cards array with `cardId`'s envelope stamped with `resolution`
|
|
74
|
-
* (or cleared when `resolution` is undefined). Same reference if nothing changed. */
|
|
75
|
-
function withResolution(
|
|
76
|
-
cards: CardEnvelope[],
|
|
77
|
-
cardId: string,
|
|
78
|
-
resolution: CardResolution | undefined,
|
|
79
|
-
): CardEnvelope[] {
|
|
80
|
-
let changed = false;
|
|
81
|
-
const next = cards.map((c) => {
|
|
82
|
-
if (c.id !== cardId) return c;
|
|
83
|
-
changed = true;
|
|
84
|
-
if (resolution === undefined) {
|
|
85
|
-
if (c.resolution === undefined) return c;
|
|
86
|
-
const { resolution: _drop, ...rest } = c;
|
|
87
|
-
return rest;
|
|
88
|
-
}
|
|
89
|
-
return { ...c, resolution };
|
|
90
|
-
});
|
|
91
|
-
return changed ? next : cards;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
/** The current resolution on `cardId`, if any. */
|
|
95
|
-
function resolutionOf(cards: CardEnvelope[], cardId: string): CardResolution | undefined {
|
|
96
|
-
return cards.find((c) => c.id === cardId)?.resolution;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
// On the return type — `Required<Pick<…>>`, not a bare `Pick`. Both members are
|
|
100
|
-
// optional on CardPolicy, which is right there, where a host supplies one, the other,
|
|
101
|
-
// or neither; but `Pick` carries the `?` across even though the body below returns
|
|
102
|
-
// both handlers on every path, so the declaration said "may be missing" about two
|
|
103
|
-
// things that never are. That was consumer-facing, not internal tidiness: this
|
|
104
|
-
// function is exported from src/index.ts and the MCP scaffolder emits
|
|
105
|
-
// `const { onDismiss, onReopen } = dismissRecovery({…})`, so anyone who destructured
|
|
106
|
-
// and then INVOKED a handler hit TS2722 in code we generated for them. Assigning the
|
|
107
|
-
// result straight into a CardPolicy stays fine either way, both fields being optional
|
|
108
|
-
// there, which is why it stayed invisible. tests/primitives/card-recovery.test.ts pins
|
|
109
|
-
// the runtime side over the full cross-product of the optional options.
|
|
110
|
-
/**
|
|
111
|
-
* Build the `{ onDismiss, onReopen }` policy handlers for the card dismiss/recovery
|
|
112
|
-
* flow over a host store (`get`/`set`). Both handlers are always returned.
|
|
113
|
-
*
|
|
114
|
-
* - `onDismiss(cardId)` — stamps `{ kind:'dismissed', at }` immutably and, when a
|
|
115
|
-
* `toast` is injected, shows "Dismissed" with an Undo that restores the card's
|
|
116
|
-
* prior resolution (live again when there was none).
|
|
117
|
-
* - `onReopen(cardId)` — clears the resolution (live) when `isReopenable`, else
|
|
118
|
-
* stamps `{ kind:'expired', at }`.
|
|
119
|
-
*/
|
|
120
|
-
export function dismissRecovery(
|
|
121
|
-
opts: DismissRecoveryOptions,
|
|
122
|
-
): Required<Pick<CardPolicy, 'onDismiss' | 'onReopen'>> {
|
|
123
|
-
const now = opts.now ?? (() => Date.now());
|
|
124
|
-
const reopenable = opts.isReopenable ?? ((env: ReopenEnv) => defaultIsReopenable(env, opts.staleAfterMs));
|
|
125
|
-
const undoMs = opts.undoMs ?? 6000;
|
|
126
|
-
|
|
127
|
-
const onDismiss = (cardId: string): void => {
|
|
128
|
-
const before = opts.get();
|
|
129
|
-
const prior = resolutionOf(before, cardId);
|
|
130
|
-
const dismissed: CardResolution = { kind: 'dismissed', at: new Date(now()).toISOString() };
|
|
131
|
-
opts.set(withResolution(before, cardId, dismissed));
|
|
132
|
-
|
|
133
|
-
opts.toast?.show({
|
|
134
|
-
message: 'Dismissed',
|
|
135
|
-
durationMs: undoMs,
|
|
136
|
-
action: {
|
|
137
|
-
label: 'Undo',
|
|
138
|
-
onClick: () => {
|
|
139
|
-
// Restore the prior resolution (undefined → live again). Read fresh in
|
|
140
|
-
// case the store moved on; only touch this card.
|
|
141
|
-
opts.set(withResolution(opts.get(), cardId, prior));
|
|
142
|
-
},
|
|
143
|
-
},
|
|
144
|
-
});
|
|
145
|
-
};
|
|
146
|
-
|
|
147
|
-
const onReopen = (cardId: string): void => {
|
|
148
|
-
const before = opts.get();
|
|
149
|
-
const current = resolutionOf(before, cardId);
|
|
150
|
-
const env: ReopenEnv = { cardId, resolution: current, now: now() };
|
|
151
|
-
if (reopenable(env)) {
|
|
152
|
-
opts.set(withResolution(before, cardId, undefined));
|
|
153
|
-
} else {
|
|
154
|
-
const expired: CardResolution = { kind: 'expired', at: new Date(now()).toISOString() };
|
|
155
|
-
opts.set(withResolution(before, cardId, expired));
|
|
156
|
-
}
|
|
157
|
-
};
|
|
158
|
-
|
|
159
|
-
return { onDismiss, onReopen };
|
|
160
|
-
}
|