@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/composites/appearance-editor/appearance-editor.js

@@ -3,7 +3,7 @@ import { Button } from "../../ui/button/button.js";
 import { ActionButton } from "../action-button/action-button.js";
 import { Input } from "../../ui/input/input.js";
 import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "../../ui/sheet/sheet.js";
-import { Switch } from "../../ui/switch/switch.js";
+import { Switch as Switch$1 } from "../../ui/switch/switch.js";
 import { DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS } from "../../../lib/appearance-font-settings.js";
 import { AppearanceFontSettingsGroup } from "./font-settings-group.js";
 import { AccentChoices, GlassChoices, ModeChoices, isCustomAccent } from "./appearance-choices.js";
@@ -204,7 +204,7 @@ function AppearanceEditor(props) {
 			},
 			description: "Prefer solid surfaces, including during live preview.",
 			get children() {
-				return createComponent(Switch, {
+				return createComponent(Switch$1, {
 					get checked() {
 						return props.draft.reduceTransparency;
 					},

package/dist/components/composites/appearance-editor/appearance-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-editor.js","names":["EyeOff","Palette","PanelsTopLeft","SlidersHorizontal","Show","createSignal","createUniqueId","cn","ActionButton","Button","Input","AppearanceFontSettingsGroup","DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS","Switch","Sheet","SheetBody","SheetContent","SheetDescription","SheetFooter","SheetHeader","SheetTitle","SheetTrigger","AppearanceEditorProps","AppearancePopoverProps","ModeChoices","AccentChoices","GlassChoices","isCustomAccent","SettingsRow","TerminalRow","ThemeRow","AppearanceEditor","props","errorId","custom","accentDescription","draft","accent","preset","accentOptions","find","option","id","label","offered","themeAccentOptions","toLowerCase","glassDescription","surface","surfaceCapability","themeDefaultDescription","_el$","_tmpl$6","_el$3","firstChild","_$insert","_$createComponent","when","recoveryNotice","children","_el$2","_tmpl$","appearance","selectedId","lightThemeId","preview","lightTheme","themes","disabled","saving","onSelect","onChange","darkThemeId","darkTheme","terminalThemeId","undefined","_$memo","resolvedAppearance","title","icon","description","_el$4","_tmpl$3","_el$5","_$setAttribute","value","aria-invalid","customAccentError","aria-describedby","onInput","event","currentTarget","_el$6","_tmpl$2","fontSettingsPlacement","settings","fonts","menuPortalMount","frosted","reason","_el$7","_tmpl$4","checked","reduceTransparency","onManageThemes","type","size","variant","onClick","hideActions","_el$8","_tmpl$5","AppearanceEditorActions","_$effect","_$className","class","saveReasonId","_el$9","_tmpl$8","_el$1","_el$10","saveDisabledReason","_el$0","_tmpl$7","onReset","onCancel","aria-busy","onSave","AppearancePopover","setMenuPortalMount","HTMLElement","open","onOpenChange","onOpen","onDismiss","as","triggerVariant","tooltip","tooltipIcon","side","closeLabel","ref","_$mergeProps","_$createComponent","_$memo","_$className","_$mergeProps"],"sources":["../../../../src/components/composites/appearance-editor/appearance-editor.tsx"],"sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2026 Wing\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/*\n * Composition substantially translated from Zeron settings/appearance.rs and\n * settings/widgets.rs, pinned at 30a9a9537c5ec96226c87f4bf349b6f77c5dfb59,\n * preserving Adea's existing appearance-surface.tsx port: System/Light/Dark\n * miniatures, compact independent theme rows, accent swatches and helper copy,\n * glass chips, and theme library affordance. Kobalte replaces the port's manual\n * radio keyboard model. The controlled draft and explicit action ports replace\n * GPUI globals and app-specific storage/native authority. Save/Cancel/Reset and\n * custom accent/reduced-transparency are accepted Adea divergences (#425).\n */\nimport { EyeOff, Palette, PanelsTopLeft, SlidersHorizontal } from 'lucide-solid'\nimport { Show, createSignal, createUniqueId } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { ActionButton } from '../action-button'\nimport { Button } from '../../ui/button/button'\nimport { Input } from '../../ui/input/input'\nimport { AppearanceFontSettingsGroup } from './font-settings-group'\nimport { DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS } from '#lib/appearance-font-settings'\n\nimport { Switch } from '../../ui/switch/switch'\nimport {\n  Sheet,\n  SheetBody,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '../../ui/sheet/sheet'\nimport type { AppearanceEditorProps, AppearancePopoverProps } from './appearance-types'\nimport { ModeChoices, AccentChoices, GlassChoices, isCustomAccent } from './appearance-choices'\nimport { SettingsRow, TerminalRow, ThemeRow } from './appearance-rows'\n\n/**\n * A live editor whose persistence and preview authority belong to its host.\n * No ThemeProvider is required, and no catalogue, renderer engine or storage is\n * imported. Hosts normalize unknown IDs and custom colors, report recovery,\n * snapshot on open, preview on changes, commit on Save, and restore on dismissal.\n * Both theme rows remain mounted when mode changes. Density remains outside the\n * accepted appearance surface; typeface settings are shared and host-persisted.\n */\nexport function AppearanceEditor(props: AppearanceEditorProps) {\n  const errorId = createUniqueId()\n  const custom = () => isCustomAccent(props)\n  const accentDescription = () => {\n    if (props.draft.accent === 'theme') return \"Theme default · Uses the palette's intended color.\"\n    const preset = props.accentOptions.find((option) => option.id === props.draft.accent)\n    if (preset) return `${preset.label} · Controls, glyphs, selections, code, and activity.`\n    if (custom()) return 'Custom · Controls, glyphs, selections, code, and activity.'\n    const offered = props.themeAccentOptions?.find((option) => option.id === props.draft.accent)\n    // A stored theme accent survives a theme switch by id; when the new pair\n    // cannot offer that slot the host falls back to the theme's own primary,\n    // and the description says so rather than naming a colour not on screen.\n    return offered\n      ? `Theme ${offered.label.toLowerCase()} · The theme's own color, on controls and activity.`\n      : \"Theme default · This theme does not carry that accent, so it uses the palette's intended color.\"\n  }\n  const glassDescription = () =>\n    props.draft.surface === 'opaque'\n      ? 'Solid surfaces for every theme.'\n      : props.draft.surface === 'frosted'\n        ? 'Theme-colored glass where supported.'\n        : (props.surfaceCapability.themeDefaultDescription ?? \"Uses this theme's default surface.\")\n  return (\n    <div data-appearance-editor class={cn('min-w-0', props.class)}>\n      <Show when={props.recoveryNotice}>\n        <p role=\"status\" class=\"px-4 py-2 text-sm text-muted-foreground\">\n          {props.recoveryNotice}\n        </p>\n      </Show>\n      <ModeChoices {...props} />\n      <div class=\"divide-y divide-border rounded-lg border\">\n        <ThemeRow\n          appearance=\"light\"\n          selectedId={props.draft.lightThemeId}\n          preview={props.lightTheme}\n          themes={props.themes}\n          disabled={props.saving}\n          onSelect={(lightThemeId) => props.onChange({ lightThemeId })}\n        />\n        <ThemeRow\n          appearance=\"dark\"\n          selectedId={props.draft.darkThemeId}\n          preview={props.darkTheme}\n          themes={props.themes}\n          disabled={props.saving}\n          onSelect={(darkThemeId) => props.onChange({ darkThemeId })}\n        />\n        {/* The row exists only when the host carries a terminal preference:\n            the draft field is the show/hide switch, so the editor can never\n            render a terminal row that writes nothing. */}\n        <Show when={props.draft.terminalThemeId !== undefined}>\n          <TerminalRow\n            selectedId={props.draft.terminalThemeId ?? 'theme'}\n            preview={props.resolvedAppearance === 'dark' ? props.darkTheme : props.lightTheme}\n            themes={props.themes}\n            disabled={props.saving}\n            onSelect={(terminalThemeId) => props.onChange({ terminalThemeId })}\n          />\n        </Show>\n        <SettingsRow title=\"Accent\" icon={<SlidersHorizontal />} description={accentDescription()}>\n          <AccentChoices {...props} />\n        </SettingsRow>\n        <Show when={custom()}>\n          <div class=\"px-4 py-3\">\n            <label class=\"mb-2 block text-xs font-medium\" for={`${errorId}-input`}>\n              Custom accent\n            </label>\n            <Input\n              id={`${errorId}-input`}\n              value={props.draft.accent}\n              disabled={props.saving}\n              aria-invalid={!!props.customAccentError}\n              aria-describedby={props.customAccentError ? errorId : undefined}\n              onInput={(event) => props.onChange({ accent: event.currentTarget.value })}\n            />\n            <Show when={props.customAccentError}>\n              <p id={errorId} role=\"alert\" class=\"mt-1 text-xs text-foreground\">\n                {props.customAccentError}\n              </p>\n            </Show>\n          </div>\n        </Show>\n        {/* Inline, the typefaces read as one more palette choice; `end` hands\n            the closing slot to them for hosts whose order is palette and\n            surface first, text last. */}\n        <Show when={props.fontSettingsPlacement !== 'end'}>\n          <AppearanceFontSettingsGroup\n            settings={props.draft.fonts ?? DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS}\n            menuPortalMount={props.menuPortalMount}\n            disabled={props.saving}\n            onChange={(fonts) => props.onChange({ fonts })}\n          />\n        </Show>\n        <SettingsRow title=\"Glass\" icon={<PanelsTopLeft />} description={glassDescription()}>\n          <GlassChoices {...props} />\n        </SettingsRow>\n        <Show when={!props.surfaceCapability.frosted && props.surfaceCapability.reason}>\n          <p role=\"status\" class=\"px-4 py-2 text-xs text-muted-foreground\">\n            {props.surfaceCapability.reason}\n          </p>\n        </Show>\n        <SettingsRow\n          title=\"Reduce transparency\"\n          icon={<EyeOff />}\n          description=\"Prefer solid surfaces, including during live preview.\"\n        >\n          <Switch\n            checked={props.draft.reduceTransparency}\n            disabled={props.saving}\n            onChange={(reduceTransparency: boolean) => props.onChange({ reduceTransparency })}\n            aria-label=\"Reduce transparency\"\n          />\n        </SettingsRow>\n        <SettingsRow\n          title=\"Theme library\"\n          icon={<Palette />}\n          description={\n            props.onManageThemes\n              ? 'Manage themes through the application.'\n              : 'Theme import is unavailable.'\n          }\n        >\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={!props.onManageThemes || props.saving}\n            onClick={() => props.onManageThemes?.()}\n          >\n            Manage themes\n          </Button>\n        </SettingsRow>\n        <Show when={props.fontSettingsPlacement === 'end'}>\n          <AppearanceFontSettingsGroup\n            settings={props.draft.fonts ?? DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS}\n            menuPortalMount={props.menuPortalMount}\n            disabled={props.saving}\n            onChange={(fonts) => props.onChange({ fonts })}\n          />\n        </Show>\n      </div>\n      <Show when={!props.hideActions}>\n        {/* Sticky so Save/Cancel stay reachable in a tall scroll container: the\n            editor scrolls with its host panel, and actions parked at the bottom\n            of a long form were unreachable without scrolling past every row. */}\n        <div class=\"sticky bottom-0 z-10 mt-2 border-t bg-background px-4 py-3\">\n          <AppearanceEditorActions {...props} />\n        </div>\n      </Show>\n    </div>\n  )\n}\n\n/**\n * Reset, Cancel and Save, with the reason Save is unavailable. Rendered by the\n * editor itself, or — with `hideActions` — by a host that pins them in its own\n * footer, as `AppearancePopover` does.\n */\nexport function AppearanceEditorActions(props: AppearanceEditorProps) {\n  const saveReasonId = createUniqueId()\n  return (\n    <div class=\"flex w-full flex-col gap-2\">\n      <Show when={props.saveDisabledReason}>\n        <p id={saveReasonId} role=\"status\" class=\"text-xs text-muted-foreground\">\n          {props.saveDisabledReason}\n        </p>\n      </Show>\n      {/* `global-appearance-editor-actions` lets these buttons grow with the UI\n          font preference, like the rest of Appearance's own controls. */}\n      <div class=\"global-appearance-editor-actions flex flex-wrap items-center gap-2\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"ghost\"\n          disabled={props.saving}\n          onClick={() => props.onReset()}\n        >\n          Reset\n        </Button>\n        <div class=\"ml-auto flex gap-2\">\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={props.saving}\n            onClick={() => props.onCancel()}\n          >\n            Cancel\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            disabled={props.saving || !!props.customAccentError || !!props.saveDisabledReason}\n            aria-busy={props.saving}\n            aria-describedby={props.saveDisabledReason ? saveReasonId : undefined}\n            onClick={() => props.onSave()}\n          >\n            {props.saving ? 'Saving…' : 'Save'}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/** The editor in an inset Sheet docked beside the main view: the body scrolls and\n * Reset/Cancel/Save sit in the panel's full-width footer, always reachable.\n * Dismissal (Escape, the close button, an outside click) is `onDismiss`. */\nexport function AppearancePopover(props: AppearancePopoverProps) {\n  const [menuPortalMount, setMenuPortalMount] = createSignal<HTMLElement>()\n\n  return (\n    <Sheet open={props.open} onOpenChange={(open) => (open ? props.onOpen() : props.onDismiss())}>\n      {/* The trigger is an icon-only action, so it explains itself through the\n          shared ActionButton's tooltip (keyboard focus included) rather than a\n          bare aria-label. `toolbar` also holds the pressed rung while Kobalte\n          marks the trigger `data-expanded`, and repeats the glyph in the\n          tooltip like the other toolbar actions. */}\n      <SheetTrigger\n        as={ActionButton}\n        variant={props.triggerVariant === 'toolbar' ? 'toolbar' : 'ghost'}\n        size=\"icon-sm\"\n        tooltip=\"Open appearance settings\"\n        tooltipIcon={\n          props.triggerVariant === 'toolbar' ? <Palette aria-hidden=\"true\" /> : undefined\n        }\n        aria-label=\"Appearance settings\"\n      >\n        <Palette />\n      </SheetTrigger>\n      <SheetContent side=\"end\" closeLabel=\"Close appearance settings\" ref={setMenuPortalMount}>\n        <SheetHeader>\n          <SheetTitle>Appearance</SheetTitle>\n          <SheetDescription>\n            Changes preview immediately. Save keeps them; Cancel restores the previous appearance.\n          </SheetDescription>\n        </SheetHeader>\n        <SheetBody>\n          <AppearanceEditor {...props} menuPortalMount={menuPortalMount()} hideActions />\n        </SheetBody>\n        <SheetFooter>\n          <AppearanceEditorActions {...props} />\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"appearance-editor.js","names":["EyeOff","Palette","PanelsTopLeft","SlidersHorizontal","Show","createSignal","createUniqueId","cn","ActionButton","Button","Input","AppearanceFontSettingsGroup","DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS","Switch","Sheet","SheetBody","SheetContent","SheetDescription","SheetFooter","SheetHeader","SheetTitle","SheetTrigger","AppearanceEditorProps","AppearancePopoverProps","ModeChoices","AccentChoices","GlassChoices","isCustomAccent","SettingsRow","TerminalRow","ThemeRow","AppearanceEditor","props","errorId","custom","accentDescription","draft","accent","preset","accentOptions","find","option","id","label","offered","themeAccentOptions","toLowerCase","glassDescription","surface","surfaceCapability","themeDefaultDescription","_el$","_tmpl$6","_el$3","firstChild","_$insert","_$createComponent","when","recoveryNotice","children","_el$2","_tmpl$","appearance","selectedId","lightThemeId","preview","lightTheme","themes","disabled","saving","onSelect","onChange","darkThemeId","darkTheme","terminalThemeId","undefined","_$memo","resolvedAppearance","title","icon","description","_el$4","_tmpl$3","_el$5","_$setAttribute","value","aria-invalid","customAccentError","aria-describedby","onInput","event","currentTarget","_el$6","_tmpl$2","fontSettingsPlacement","settings","fonts","menuPortalMount","frosted","reason","_el$7","_tmpl$4","checked","reduceTransparency","onManageThemes","type","size","variant","onClick","hideActions","_el$8","_tmpl$5","AppearanceEditorActions","_$effect","_$className","class","saveReasonId","_el$9","_tmpl$8","_el$1","_el$10","saveDisabledReason","_el$0","_tmpl$7","onReset","onCancel","aria-busy","onSave","AppearancePopover","setMenuPortalMount","HTMLElement","open","onOpenChange","onOpen","onDismiss","as","triggerVariant","tooltip","tooltipIcon","side","closeLabel","ref","_$mergeProps","_$createComponent","_$memo","Switch","_$className","_$mergeProps"],"sources":["../../../../src/components/composites/appearance-editor/appearance-editor.tsx"],"sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2026 Wing\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/*\n * Composition substantially translated from Zeron settings/appearance.rs and\n * settings/widgets.rs, pinned at 30a9a9537c5ec96226c87f4bf349b6f77c5dfb59,\n * preserving Adea's existing appearance-surface.tsx port: System/Light/Dark\n * miniatures, compact independent theme rows, accent swatches and helper copy,\n * glass chips, and theme library affordance. Kobalte replaces the port's manual\n * radio keyboard model. The controlled draft and explicit action ports replace\n * GPUI globals and app-specific storage/native authority. Save/Cancel/Reset and\n * custom accent/reduced-transparency are accepted Adea divergences (#425).\n */\nimport { EyeOff, Palette, PanelsTopLeft, SlidersHorizontal } from 'lucide-solid'\nimport { Show, createSignal, createUniqueId } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { ActionButton } from '../action-button'\nimport { Button } from '../../ui/button/button'\nimport { Input } from '../../ui/input/input'\nimport { AppearanceFontSettingsGroup } from './font-settings-group'\nimport { DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS } from '#lib/appearance-font-settings'\n\nimport { Switch } from '../../ui/switch/switch'\nimport {\n  Sheet,\n  SheetBody,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '../../ui/sheet/sheet'\nimport type { AppearanceEditorProps, AppearancePopoverProps } from './appearance-types'\nimport { ModeChoices, AccentChoices, GlassChoices, isCustomAccent } from './appearance-choices'\nimport { SettingsRow, TerminalRow, ThemeRow } from './appearance-rows'\n\n/**\n * A live editor whose persistence and preview authority belong to its host.\n * No ThemeProvider is required, and no catalogue, renderer engine or storage is\n * imported. Hosts normalize unknown IDs and custom colors, report recovery,\n * snapshot on open, preview on changes, commit on Save, and restore on dismissal.\n * Both theme rows remain mounted when mode changes. Density remains outside the\n * accepted appearance surface; typeface settings are shared and host-persisted.\n */\nexport function AppearanceEditor(props: AppearanceEditorProps) {\n  const errorId = createUniqueId()\n  const custom = () => isCustomAccent(props)\n  const accentDescription = () => {\n    if (props.draft.accent === 'theme') return \"Theme default · Uses the palette's intended color.\"\n    const preset = props.accentOptions.find((option) => option.id === props.draft.accent)\n    if (preset) return `${preset.label} · Controls, glyphs, selections, code, and activity.`\n    if (custom()) return 'Custom · Controls, glyphs, selections, code, and activity.'\n    const offered = props.themeAccentOptions?.find((option) => option.id === props.draft.accent)\n    // A stored theme accent survives a theme switch by id; when the new pair\n    // cannot offer that slot the host falls back to the theme's own primary,\n    // and the description says so rather than naming a colour not on screen.\n    return offered\n      ? `Theme ${offered.label.toLowerCase()} · The theme's own color, on controls and activity.`\n      : \"Theme default · This theme does not carry that accent, so it uses the palette's intended color.\"\n  }\n  const glassDescription = () =>\n    props.draft.surface === 'opaque'\n      ? 'Solid surfaces for every theme.'\n      : props.draft.surface === 'frosted'\n        ? 'Theme-colored glass where supported.'\n        : (props.surfaceCapability.themeDefaultDescription ?? \"Uses this theme's default surface.\")\n  return (\n    <div data-appearance-editor class={cn('min-w-0', props.class)}>\n      <Show when={props.recoveryNotice}>\n        <p role=\"status\" class=\"px-4 py-2 text-sm text-muted-foreground\">\n          {props.recoveryNotice}\n        </p>\n      </Show>\n      <ModeChoices {...props} />\n      <div class=\"divide-y divide-border rounded-lg border\">\n        <ThemeRow\n          appearance=\"light\"\n          selectedId={props.draft.lightThemeId}\n          preview={props.lightTheme}\n          themes={props.themes}\n          disabled={props.saving}\n          onSelect={(lightThemeId) => props.onChange({ lightThemeId })}\n        />\n        <ThemeRow\n          appearance=\"dark\"\n          selectedId={props.draft.darkThemeId}\n          preview={props.darkTheme}\n          themes={props.themes}\n          disabled={props.saving}\n          onSelect={(darkThemeId) => props.onChange({ darkThemeId })}\n        />\n        {/* The row exists only when the host carries a terminal preference:\n            the draft field is the show/hide switch, so the editor can never\n            render a terminal row that writes nothing. */}\n        <Show when={props.draft.terminalThemeId !== undefined}>\n          <TerminalRow\n            selectedId={props.draft.terminalThemeId ?? 'theme'}\n            preview={props.resolvedAppearance === 'dark' ? props.darkTheme : props.lightTheme}\n            themes={props.themes}\n            disabled={props.saving}\n            onSelect={(terminalThemeId) => props.onChange({ terminalThemeId })}\n          />\n        </Show>\n        <SettingsRow title=\"Accent\" icon={<SlidersHorizontal />} description={accentDescription()}>\n          <AccentChoices {...props} />\n        </SettingsRow>\n        <Show when={custom()}>\n          <div class=\"px-4 py-3\">\n            <label class=\"mb-2 block text-xs font-medium\" for={`${errorId}-input`}>\n              Custom accent\n            </label>\n            <Input\n              id={`${errorId}-input`}\n              value={props.draft.accent}\n              disabled={props.saving}\n              aria-invalid={!!props.customAccentError}\n              aria-describedby={props.customAccentError ? errorId : undefined}\n              onInput={(event) => props.onChange({ accent: event.currentTarget.value })}\n            />\n            <Show when={props.customAccentError}>\n              <p id={errorId} role=\"alert\" class=\"mt-1 text-xs text-foreground\">\n                {props.customAccentError}\n              </p>\n            </Show>\n          </div>\n        </Show>\n        {/* Inline, the typefaces read as one more palette choice; `end` hands\n            the closing slot to them for hosts whose order is palette and\n            surface first, text last. */}\n        <Show when={props.fontSettingsPlacement !== 'end'}>\n          <AppearanceFontSettingsGroup\n            settings={props.draft.fonts ?? DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS}\n            menuPortalMount={props.menuPortalMount}\n            disabled={props.saving}\n            onChange={(fonts) => props.onChange({ fonts })}\n          />\n        </Show>\n        <SettingsRow title=\"Glass\" icon={<PanelsTopLeft />} description={glassDescription()}>\n          <GlassChoices {...props} />\n        </SettingsRow>\n        <Show when={!props.surfaceCapability.frosted && props.surfaceCapability.reason}>\n          <p role=\"status\" class=\"px-4 py-2 text-xs text-muted-foreground\">\n            {props.surfaceCapability.reason}\n          </p>\n        </Show>\n        <SettingsRow\n          title=\"Reduce transparency\"\n          icon={<EyeOff />}\n          description=\"Prefer solid surfaces, including during live preview.\"\n        >\n          <Switch\n            checked={props.draft.reduceTransparency}\n            disabled={props.saving}\n            onChange={(reduceTransparency: boolean) => props.onChange({ reduceTransparency })}\n            aria-label=\"Reduce transparency\"\n          />\n        </SettingsRow>\n        <SettingsRow\n          title=\"Theme library\"\n          icon={<Palette />}\n          description={\n            props.onManageThemes\n              ? 'Manage themes through the application.'\n              : 'Theme import is unavailable.'\n          }\n        >\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={!props.onManageThemes || props.saving}\n            onClick={() => props.onManageThemes?.()}\n          >\n            Manage themes\n          </Button>\n        </SettingsRow>\n        <Show when={props.fontSettingsPlacement === 'end'}>\n          <AppearanceFontSettingsGroup\n            settings={props.draft.fonts ?? DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS}\n            menuPortalMount={props.menuPortalMount}\n            disabled={props.saving}\n            onChange={(fonts) => props.onChange({ fonts })}\n          />\n        </Show>\n      </div>\n      <Show when={!props.hideActions}>\n        {/* Sticky so Save/Cancel stay reachable in a tall scroll container: the\n            editor scrolls with its host panel, and actions parked at the bottom\n            of a long form were unreachable without scrolling past every row. */}\n        <div class=\"sticky bottom-0 z-10 mt-2 border-t bg-background px-4 py-3\">\n          <AppearanceEditorActions {...props} />\n        </div>\n      </Show>\n    </div>\n  )\n}\n\n/**\n * Reset, Cancel and Save, with the reason Save is unavailable. Rendered by the\n * editor itself, or — with `hideActions` — by a host that pins them in its own\n * footer, as `AppearancePopover` does.\n */\nexport function AppearanceEditorActions(props: AppearanceEditorProps) {\n  const saveReasonId = createUniqueId()\n  return (\n    <div class=\"flex w-full flex-col gap-2\">\n      <Show when={props.saveDisabledReason}>\n        <p id={saveReasonId} role=\"status\" class=\"text-xs text-muted-foreground\">\n          {props.saveDisabledReason}\n        </p>\n      </Show>\n      {/* `global-appearance-editor-actions` lets these buttons grow with the UI\n          font preference, like the rest of Appearance's own controls. */}\n      <div class=\"global-appearance-editor-actions flex flex-wrap items-center gap-2\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"ghost\"\n          disabled={props.saving}\n          onClick={() => props.onReset()}\n        >\n          Reset\n        </Button>\n        <div class=\"ml-auto flex gap-2\">\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={props.saving}\n            onClick={() => props.onCancel()}\n          >\n            Cancel\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            disabled={props.saving || !!props.customAccentError || !!props.saveDisabledReason}\n            aria-busy={props.saving}\n            aria-describedby={props.saveDisabledReason ? saveReasonId : undefined}\n            onClick={() => props.onSave()}\n          >\n            {props.saving ? 'Saving…' : 'Save'}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/** The editor in an inset Sheet docked beside the main view: the body scrolls and\n * Reset/Cancel/Save sit in the panel's full-width footer, always reachable.\n * Dismissal (Escape, the close button, an outside click) is `onDismiss`. */\nexport function AppearancePopover(props: AppearancePopoverProps) {\n  const [menuPortalMount, setMenuPortalMount] = createSignal<HTMLElement>()\n\n  return (\n    <Sheet open={props.open} onOpenChange={(open) => (open ? props.onOpen() : props.onDismiss())}>\n      {/* The trigger is an icon-only action, so it explains itself through the\n          shared ActionButton's tooltip (keyboard focus included) rather than a\n          bare aria-label. `toolbar` also holds the pressed rung while Kobalte\n          marks the trigger `data-expanded`, and repeats the glyph in the\n          tooltip like the other toolbar actions. */}\n      <SheetTrigger\n        as={ActionButton}\n        variant={props.triggerVariant === 'toolbar' ? 'toolbar' : 'ghost'}\n        size=\"icon-sm\"\n        tooltip=\"Open appearance settings\"\n        tooltipIcon={\n          props.triggerVariant === 'toolbar' ? <Palette aria-hidden=\"true\" /> : undefined\n        }\n        aria-label=\"Appearance settings\"\n      >\n        <Palette />\n      </SheetTrigger>\n      <SheetContent side=\"end\" closeLabel=\"Close appearance settings\" ref={setMenuPortalMount}>\n        <SheetHeader>\n          <SheetTitle>Appearance</SheetTitle>\n          <SheetDescription>\n            Changes preview immediately. Save keeps them; Cancel restores the previous appearance.\n          </SheetDescription>\n        </SheetHeader>\n        <SheetBody>\n          <AppearanceEditor {...props} menuPortalMount={menuPortalMount()} hideActions />\n        </SheetBody>\n        <SheetFooter>\n          <AppearanceEditorActions {...props} />\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/catalog-browser/catalog-browser-group.js

@@ -1,5 +1,5 @@
-import { Badge } from "../../ui/badge/badge.js";
 import { Button } from "../../ui/button/button.js";
+import { Badge } from "../../ui/badge/badge.js";
 import { Skeleton } from "../../ui/skeleton/skeleton.js";
 import { keyedRows } from "../../../lib/keyed-rows.js";
 import { createComponent, effect, insert, memo, setAttribute, template } from "solid-js/web";

package/dist/components/composites/chain-of-thought/chain-of-thought.d.ts

@@ -0,0 +1,56 @@
+import { type ComponentProps, type JSX } from 'solid-js';
+import { type TraceLineProps } from '../../ui/trace';
+/**
+ * ChainOfThought.
+ *
+ * A summary line that opens onto the steps behind it: "Searched 3 sources and
+ * compared them", then each source and each comparison as its own line. Reach for
+ * `Reasoning` when the thinking is prose, for `Plan` when the steps are a
+ * proposal still to be carried out, and for a plain `Trace` when each line is a
+ * tool call — a step here is a statement about the agent's *method*, whatever
+ * the host chooses to put in it.
+ *
+ * Nothing here knows how the steps were produced. The host passes the summary and
+ * the steps it wants shown; the component does not imply there is more, and a
+ * summary with no steps is a plain line.
+ *
+ * ## Steps
+ *
+ * A `ChainOfThoughtStep` is a `TraceLine` with a three-state `status` — `complete`
+ * (keeps its own icon, or a tick), `active` (running mark and shimmer) and
+ * `pending` (dashed mark). Every status is also spoken. A step without a status
+ * makes no claim at all. A step's `children` are its evidence — search-result
+ * badges, a snippet — and are open by default: someone who unfolded the summary
+ * to see the working wants to see what the working found, and one more click per
+ * step to read it defeats the point of the summary.
+ *
+ * `description` is a single truncated row beside the label. Anything longer
+ * belongs in `children`.
+ *
+ * Both parts are lines: put a `ChainOfThought` inside a `Trace`, next to the
+ * other activity of the turn.
+ */
+export type ChainOfThoughtStepStatus = 'complete' | 'active' | 'pending';
+/** The words spoken for each step status. */
+export declare const CHAIN_OF_THOUGHT_STATUS_LABELS: Readonly<Record<ChainOfThoughtStepStatus, string>>;
+export type ChainOfThoughtProps = Omit<TraceLineProps, 'title' | 'href' | 'onSelect' | 'selectHaspopup'> & {
+    /** The one-line account of what the steps add up to. */
+    summary?: JSX.Element;
+    /** The steps' accessible name. */
+    stepsLabel?: string;
+};
+export declare function ChainOfThought(props: ChainOfThoughtProps): JSX.Element;
+export type ChainOfThoughtStepProps = Omit<TraceLineProps, 'title' | 'status' | 'href' | 'onSelect' | 'selectHaspopup'> & {
+    label: JSX.Element;
+    status?: ChainOfThoughtStepStatus;
+};
+export declare function ChainOfThoughtStep(props: ChainOfThoughtStepProps): JSX.Element;
+/** Evidence for a step: the sources it searched, as a wrapping row of badges. */
+export declare function ChainOfThoughtResults(props: ComponentProps<'ul'>): JSX.Element;
+export type ChainOfThoughtResultProps = Omit<ComponentProps<'li'>, 'children'> & {
+    /** Rendered as text. A long label truncates and keeps its full text in `title`. */
+    label: string;
+    icon?: JSX.Element;
+};
+export declare function ChainOfThoughtResult(props: ChainOfThoughtResultProps): JSX.Element;
+//# sourceMappingURL=chain-of-thought.d.ts.map

package/dist/components/composites/chain-of-thought/chain-of-thought.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/chain-of-thought/chain-of-thought.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2C,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAGjG,OAAO,EAAoB,KAAK,cAAc,EAAoB,MAAM,gBAAgB,CAAA;AAKxF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,MAAM,wBAAwB,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAA;AAExE,6CAA6C;AAC7C,eAAO,MAAM,8BAA8B,EAAE,QAAQ,CAAC,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAI7F,CAAA;AAQD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,EACd,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,gBAAgB,CACjD,GAAG;IACF,wDAAwD;IACxD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAkBxD;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,EACd,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,gBAAgB,CAC5D,GAAG;IACF,KAAK,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,wBAAwB,CAAA;CAClC,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAehE;AAED,iFAAiF;AACjF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,eAYhE;AAED,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAUpE"}

package/dist/components/composites/chain-of-thought/chain-of-thought.js

@@ -0,0 +1,117 @@
+import { cn } from "../../../lib/utils.js";
+import { Badge } from "../../ui/badge/badge.js";
+import { Trace, TraceLine } from "../../ui/trace/trace.js";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { ListOrdered } from "lucide-solid";
+import { children, splitProps } from "solid-js";
+//#region src/components/composites/chain-of-thought/chain-of-thought.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<ul role=list data-slot=chain-of-thought-results>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=truncate>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<li data-slot=chain-of-thought-result>`);
+var deferred = (render) => render;
+/** The words spoken for each step status. */
+var CHAIN_OF_THOUGHT_STATUS_LABELS = {
+	complete: "Done",
+	active: "In progress",
+	pending: "Pending"
+};
+var TRACE_STATUS = {
+	complete: "success",
+	active: "running",
+	pending: "pending"
+};
+function ChainOfThought(props) {
+	const [local, rest] = splitProps(props, [
+		"summary",
+		"stepsLabel",
+		"icon",
+		"children"
+	]);
+	const steps = children(() => local.children);
+	const hasSteps = () => steps.toArray().length > 0;
+	const stepList = () => createComponent(Trace, {
+		size: "sm",
+		get ["aria-label"]() {
+			return local.stepsLabel ?? "Steps";
+		},
+		get children() {
+			return steps();
+		}
+	});
+	return createComponent(TraceLine, mergeProps({
+		get icon() {
+			return local.icon ?? createComponent(ListOrdered, {});
+		},
+		get title() {
+			return local.summary ?? "Steps";
+		}
+	}, rest, { get children() {
+		return memo(() => !!hasSteps())() ? deferred(stepList) : void 0;
+	} }));
+}
+function ChainOfThoughtStep(props) {
+	const [local, rest] = splitProps(props, [
+		"label",
+		"status",
+		"statusLabel",
+		"defaultOpen"
+	]);
+	return createComponent(TraceLine, mergeProps({
+		get title() {
+			return local.label;
+		},
+		get status() {
+			return memo(() => !!local.status)() ? TRACE_STATUS[local.status] : void 0;
+		},
+		get statusLabel() {
+			return memo(() => !!local.status)() ? local.statusLabel ?? CHAIN_OF_THOUGHT_STATUS_LABELS[local.status] : void 0;
+		},
+		get defaultOpen() {
+			return local.defaultOpen ?? true;
+		}
+	}, rest));
+}
+/** Evidence for a step: the sources it searched, as a wrapping row of badges. */
+function ChainOfThoughtResults(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("m-0 flex min-w-0 list-none flex-wrap gap-1.5 p-0", local.class);
+		} }, rest), false, true);
+		insert(_el$, () => local.children);
+		return _el$;
+	})();
+}
+function ChainOfThoughtResult(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"label",
+		"icon"
+	]);
+	return (() => {
+		var _el$2 = _tmpl$3();
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("min-w-0 max-w-full", local.class);
+		} }, rest), false, true);
+		insert(_el$2, createComponent(Badge, {
+			variant: "outline",
+			"class": "max-w-full min-w-0",
+			get title() {
+				return local.label;
+			},
+			get children() {
+				return [memo(() => local.icon), (() => {
+					var _el$3 = _tmpl$2();
+					insert(_el$3, () => local.label);
+					return _el$3;
+				})()];
+			}
+		}));
+		return _el$2;
+	})();
+}
+//#endregion
+export { CHAIN_OF_THOUGHT_STATUS_LABELS, ChainOfThought, ChainOfThoughtResult, ChainOfThoughtResults, ChainOfThoughtStep };
+
+//# sourceMappingURL=chain-of-thought.js.map

package/dist/components/composites/chain-of-thought/chain-of-thought.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought.js","names":["ListOrdered","children","resolveChildren","splitProps","ComponentProps","JSX","cn","Badge","Trace","TraceLine","TraceLineProps","TraceStatus","deferred","render","Element","ChainOfThoughtStepStatus","CHAIN_OF_THOUGHT_STATUS_LABELS","Readonly","Record","complete","active","pending","TRACE_STATUS","ChainOfThoughtProps","Omit","summary","stepsLabel","ChainOfThought","props","local","rest","steps","hasSteps","toArray","length","stepList","_$createComponent","size","aria-label","_$mergeProps","icon","title","_$memo","undefined","ChainOfThoughtStepProps","label","status","ChainOfThoughtStep","statusLabel","defaultOpen","ChainOfThoughtResults","_el$","_tmpl$","_$spread","class","_$insert","ChainOfThoughtResultProps","ChainOfThoughtResult","_el$2","_tmpl$3","variant","_el$3","_tmpl$2","resolveChildren","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/composites/chain-of-thought/chain-of-thought.tsx"],"sourcesContent":["import { ListOrdered } from 'lucide-solid'\nimport { children as resolveChildren, splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Badge } from '../../ui/badge'\nimport { Trace, TraceLine, type TraceLineProps, type TraceStatus } from '../../ui/trace'\n\n// A function child runs once, when the content mounts (see `deferred` in `tool.tsx`).\nconst deferred = (render: () => JSX.Element) => render as unknown as JSX.Element\n\n/**\n * ChainOfThought.\n *\n * A summary line that opens onto the steps behind it: \"Searched 3 sources and\n * compared them\", then each source and each comparison as its own line. Reach for\n * `Reasoning` when the thinking is prose, for `Plan` when the steps are a\n * proposal still to be carried out, and for a plain `Trace` when each line is a\n * tool call — a step here is a statement about the agent's *method*, whatever\n * the host chooses to put in it.\n *\n * Nothing here knows how the steps were produced. The host passes the summary and\n * the steps it wants shown; the component does not imply there is more, and a\n * summary with no steps is a plain line.\n *\n * ## Steps\n *\n * A `ChainOfThoughtStep` is a `TraceLine` with a three-state `status` — `complete`\n * (keeps its own icon, or a tick), `active` (running mark and shimmer) and\n * `pending` (dashed mark). Every status is also spoken. A step without a status\n * makes no claim at all. A step's `children` are its evidence — search-result\n * badges, a snippet — and are open by default: someone who unfolded the summary\n * to see the working wants to see what the working found, and one more click per\n * step to read it defeats the point of the summary.\n *\n * `description` is a single truncated row beside the label. Anything longer\n * belongs in `children`.\n *\n * Both parts are lines: put a `ChainOfThought` inside a `Trace`, next to the\n * other activity of the turn.\n */\nexport type ChainOfThoughtStepStatus = 'complete' | 'active' | 'pending'\n\n/** The words spoken for each step status. */\nexport const CHAIN_OF_THOUGHT_STATUS_LABELS: Readonly<Record<ChainOfThoughtStepStatus, string>> = {\n  complete: 'Done',\n  active: 'In progress',\n  pending: 'Pending',\n}\n\nconst TRACE_STATUS: Readonly<Record<ChainOfThoughtStepStatus, TraceStatus>> = {\n  complete: 'success',\n  active: 'running',\n  pending: 'pending',\n}\n\nexport type ChainOfThoughtProps = Omit<\n  TraceLineProps,\n  'title' | 'href' | 'onSelect' | 'selectHaspopup'\n> & {\n  /** The one-line account of what the steps add up to. */\n  summary?: JSX.Element\n  /** The steps' accessible name. */\n  stepsLabel?: string\n}\n\nexport function ChainOfThought(props: ChainOfThoughtProps) {\n  const [local, rest] = splitProps(props, ['summary', 'stepsLabel', 'icon', 'children'])\n  // Resolved once so the steps are created once: a step keeps its own open state\n  // and its DOM while the summary is folded and unfolded.\n  const steps = resolveChildren(() => local.children)\n  const hasSteps = () => steps.toArray().length > 0\n  // A function child runs only when the content mounts, and once.\n  const stepList = () => (\n    <Trace size=\"sm\" aria-label={local.stepsLabel ?? 'Steps'}>\n      {steps()}\n    </Trace>\n  )\n\n  return (\n    <TraceLine icon={local.icon ?? <ListOrdered />} title={local.summary ?? 'Steps'} {...rest}>\n      {hasSteps() ? deferred(stepList) : undefined}\n    </TraceLine>\n  )\n}\n\nexport type ChainOfThoughtStepProps = Omit<\n  TraceLineProps,\n  'title' | 'status' | 'href' | 'onSelect' | 'selectHaspopup'\n> & {\n  label: JSX.Element\n  status?: ChainOfThoughtStepStatus\n}\n\nexport function ChainOfThoughtStep(props: ChainOfThoughtStepProps) {\n  const [local, rest] = splitProps(props, ['label', 'status', 'statusLabel', 'defaultOpen'])\n  return (\n    <TraceLine\n      title={local.label}\n      status={local.status ? TRACE_STATUS[local.status] : undefined}\n      statusLabel={\n        local.status\n          ? (local.statusLabel ?? CHAIN_OF_THOUGHT_STATUS_LABELS[local.status])\n          : undefined\n      }\n      defaultOpen={local.defaultOpen ?? true}\n      {...rest}\n    />\n  )\n}\n\n/** Evidence for a step: the sources it searched, as a wrapping row of badges. */\nexport function ChainOfThoughtResults(props: ComponentProps<'ul'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <ul\n      role=\"list\"\n      data-slot=\"chain-of-thought-results\"\n      class={cn('m-0 flex min-w-0 list-none flex-wrap gap-1.5 p-0', local.class)}\n      {...rest}\n    >\n      {local.children}\n    </ul>\n  )\n}\n\nexport type ChainOfThoughtResultProps = Omit<ComponentProps<'li'>, 'children'> & {\n  /** Rendered as text. A long label truncates and keeps its full text in `title`. */\n  label: string\n  icon?: JSX.Element\n}\n\nexport function ChainOfThoughtResult(props: ChainOfThoughtResultProps) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'icon'])\n  return (\n    <li data-slot=\"chain-of-thought-result\" class={cn('min-w-0 max-w-full', local.class)} {...rest}>\n      <Badge variant=\"outline\" class=\"max-w-full min-w-0\" title={local.label}>\n        {local.icon}\n        <span class=\"truncate\">{local.label}</span>\n      </Badge>\n    </li>\n  )\n}\n"],"mappings":";;;;;;;;;;AAOA,IAAMY,YAAYC,WAA8BA;;AAmChD,IAAaG,iCAAqF;CAChGG,UAAU;CACVC,QAAQ;CACRC,SAAS;AACX;AAEA,IAAMC,eAAwE;CAC5EH,UAAU;CACVC,QAAQ;CACRC,SAAS;AACX;AAYA,SAAgBM,eAAeC,OAA4B;CACzD,MAAM,CAACC,OAAOC,QAAQ3B,WAAWyB,OAAO;EAAC;EAAW;EAAc;EAAQ;CAAU,CAAC;CAGrF,MAAMG,QAAQ7B,eAAsB2B,MAAM5B,QAAQ;CAClD,MAAM+B,iBAAiBD,MAAME,QAAQ,CAAC,CAACC,SAAS;CAEhD,MAAMC,iBAAWC,gBACd5B,OAAK;EAAC6B,MAAI;EAAA,KAAA,gBAAA;GAAA,OAAkBR,MAAMH,cAAc;EAAO;EAAA,IAAAzB,WAAA;GAAA,OACrD8B,MAAM;EAAC;CAAA,CAAA;CAIZ,OAAAK,gBACG3B,WAAS8B,WAAA;EAAA,IAACC,OAAI;GAAA,OAAEX,MAAMW,QAAIJ,gBAAKpC,aAAW,CAAA,CAAA;EAAG;EAAA,IAAEyC,QAAK;GAAA,OAAEZ,MAAMJ,WAAW;EAAO;CAAA,GAAMK,MAAI,EAAA,IAAA7B,WAAA;EAAA,OACtFyC,WAAA,CAAA,CAAAV,SAAS,CAAC,CAAA,CAAA,IAAGpB,SAASuB,QAAQ,IAAIQ,KAAAA;CAAS,EAAA,CAAA,CAAA;AAGlD;AAUA,SAAgBI,mBAAmBnB,OAAgC;CACjE,MAAM,CAACC,OAAOC,QAAQ3B,WAAWyB,OAAO;EAAC;EAAS;EAAU;EAAe;CAAa,CAAC;CACzF,OAAAQ,gBACG3B,WAAS8B,WAAA;EAAA,IACRE,QAAK;GAAA,OAAEZ,MAAMgB;EAAK;EAAA,IAClBC,SAAM;GAAA,OAAEJ,WAAA,CAAA,CAAAb,MAAMiB,MAAM,CAAA,CAAA,IAAGxB,aAAaO,MAAMiB,UAAUH,KAAAA;EAAS;EAAA,IAC7DK,cAAW;GAAA,OACTN,WAAA,CAAA,CAAAb,MAAMiB,MAAM,CAAA,CAAA,IACPjB,MAAMmB,eAAehC,+BAA+Ba,MAAMiB,UAC3DH,KAAAA;EAAS;EAAA,IAEfM,cAAW;GAAA,OAAEpB,MAAMoB,eAAe;EAAI;CAAA,GAClCnB,IAAI,CAAA;AAGd;;AAGA,SAAgBoB,sBAAsBtB,OAA6B;CACjE,MAAM,CAACC,OAAOC,QAAQ3B,WAAWyB,OAAO,CAAC,SAAS,UAAU,CAAC;CAC7D,cAAA;EAAA,IAAAuB,OAAAC,OAAA;EAAAC,OAAAF,MAAAZ,WAAA,EAAA,KAAA,WAAA;GAAA,OAIWjC,GAAG,oDAAoDuB,MAAMyB,KAAK;EAAC,EAAA,GACtExB,IAAI,GAAA,OAAA,IAAA;EAAAyB,OAAAJ,YAEPtB,MAAM5B,QAAQ;EAAA,OAAAkD;CAAA,EAAA,CAAA;AAGrB;AAQA,SAAgBM,qBAAqB7B,OAAkC;CACrE,MAAM,CAACC,OAAOC,QAAQ3B,WAAWyB,OAAO;EAAC;EAAS;EAAS;CAAM,CAAC;CAClE,cAAA;EAAA,IAAA8B,QAAAC,QAAA;EAAAN,OAAAK,OAAAnB,WAAA,EAAA,KAAA,WAAA;GAAA,OACiDjC,GAAG,sBAAsBuB,MAAMyB,KAAK;EAAC,EAAA,GAAMxB,IAAI,GAAA,OAAA,IAAA;EAAAyB,OAAAG,OAAAtB,gBAC3F7B,OAAK;GAACqD,SAAO;GAAA,SAAA;GAAA,IAAsCnB,QAAK;IAAA,OAAEZ,MAAMgB;GAAK;GAAA,IAAA5C,WAAA;IAAA,OAAA,CAAAyC,WACnEb,MAAMW,IAAI,UAAA;KAAA,IAAAqB,QAAAC,QAAA;KAAAP,OAAAM,aACahC,MAAMgB,KAAK;KAAA,OAAAgB;IAAA,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA;EAAA,OAAAH;CAAA,EAAA,CAAA;AAI3C"}

package/dist/components/composites/chain-of-thought/index.d.ts

@@ -0,0 +1,2 @@
+export { CHAIN_OF_THOUGHT_STATUS_LABELS, ChainOfThought, ChainOfThoughtResult, ChainOfThoughtResults, ChainOfThoughtStep, type ChainOfThoughtProps, type ChainOfThoughtResultProps, type ChainOfThoughtStepProps, type ChainOfThoughtStepStatus, } from './chain-of-thought';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/chain-of-thought/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/chain-of-thought/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,GAC9B,MAAM,oBAAoB,CAAA"}

package/dist/components/composites/chain-of-thought/index.js

@@ -0,0 +1,2 @@
+import { CHAIN_OF_THOUGHT_STATUS_LABELS, ChainOfThought, ChainOfThoughtResult, ChainOfThoughtResults, ChainOfThoughtStep } from "./chain-of-thought.js";
+export { CHAIN_OF_THOUGHT_STATUS_LABELS, ChainOfThought, ChainOfThoughtResult, ChainOfThoughtResults, ChainOfThoughtStep };

package/dist/components/composites/chat/chat.d.ts

@@ -0,0 +1,67 @@
+import { type ComponentProps, type JSX } from 'solid-js';
+import { type VariantProps } from '#lib/variants';
+/**
+ * Chat.
+ *
+ * The frame a conversation lives in: a header, a strip for things the reader
+ * must know before reading anything else, the thread, and the composer. It is a
+ * layout and nothing more — the thread is a `MessageScroller`, the input is a
+ * composer, and what happens in between is the host's — which is why it takes
+ * slots instead of data.
+ *
+ * ## Why notices have their own row
+ *
+ * "The connection dropped", "this transcript has a gap", "this session is
+ * read-only" are about the whole conversation, not about a turn, and they must
+ * not scroll away with the turns. They sit between the header and the thread in
+ * their own grid track, so a notice appearing never steals the thread's row and
+ * collapses to zero height when there are none. Each notice states its cause in
+ * words and carries its own remedy (`action`); one that reports a *change*
+ * (`live`) is announced, one that describes a standing condition is not.
+ *
+ * ## Layout
+ *
+ * `h-full min-h-0`, so the thread scrolls inside the frame rather than the page
+ * growing, and a `min-w-0` track, so a long unbroken token in a turn cannot widen
+ * the whole conversation. Nothing here sets a width: the reading column is the
+ * turn's, and the composer sets its own measure.
+ */
+export type ChatProps = ComponentProps<'section'> & {
+    header?: JSX.Element;
+    /** `ChatNotice`s. The row collapses when this is empty. */
+    notices?: JSX.Element;
+    /** The composer. */
+    composer?: JSX.Element;
+};
+export declare function Chat(props: ChatProps): JSX.Element;
+export type ChatHeaderProps = Omit<ComponentProps<'header'>, 'title'> & {
+    title: JSX.Element;
+    /** One line under the title: identity, scope, generation. */
+    subtitle?: JSX.Element;
+    /** The conversation's state in words (a `StatusChip`). */
+    status?: JSX.Element;
+    /** Host actions: rename, archive, hand off. */
+    actions?: JSX.Element;
+};
+export declare function ChatHeader(props: ChatHeaderProps): JSX.Element;
+export declare const chatNoticeVariants: (props?: ({
+    tone?: "warning" | "info" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ChatNoticeProps = Omit<ComponentProps<'div'>, 'title'> & VariantProps<typeof chatNoticeVariants> & {
+    title: JSX.Element;
+    description?: JSX.Element;
+    /** The remedy: Reconnect, Jump to terminal. */
+    action?: JSX.Element;
+    /** Announce it. Use for a change (connection lost), not a standing condition. */
+    live?: 'polite' | 'assertive';
+};
+export declare function ChatNotice(props: ChatNoticeProps): JSX.Element;
+export type ChatEmptyProps = Omit<ComponentProps<'div'>, 'title'> & {
+    title: JSX.Element;
+    description?: JSX.Element;
+    /** Prompt chips (`Suggestions`), shown only when the host has real ones. */
+    suggestions?: JSX.Element;
+};
+/** A conversation with no turns yet. Centred in the thread, never in a card. */
+export declare function ChatEmpty(props: ChatEmptyProps): JSX.Element;
+//# sourceMappingURL=chat.d.ts.map

package/dist/components/composites/chat/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/chat/chat.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAG1E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAClD,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eAiBpC;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACtE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACtB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAuBhD;AAED,eAAO,MAAM,kBAAkB;;8EAY9B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAChE,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACxC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,iFAAiF;IACjF,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAC9B,CAAA;AAEH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAyChD;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC1B,CAAA;AAED,gFAAgF;AAChF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAoB9C"}

package/dist/components/composites/chat/chat.js

@@ -0,0 +1,179 @@
+import { cn } from "../../../lib/utils.js";
+import { cva } from "../../../lib/variants.js";
+import { Dynamic, className, createComponent, effect, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { CircleAlert, Info, TriangleAlert } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+//#region src/components/composites/chat/chat.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<section data-slot=chat><div class="row-start-1 min-w-0"></div><div class="row-start-2 flex min-w-0 flex-col"></div><div class="row-start-3 flex min-h-0 min-w-0 flex-col"></div><div class="row-start-4 min-w-0">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<p class="m-0 truncate text-xs text-muted-foreground">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class="flex shrink-0 items-center gap-1">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<header data-slot=chat-header><div class="flex min-w-0 flex-1 flex-col"><h2 class="m-0 truncate text-sm font-semibold tracking-tight">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<p class="m-0 text-xs text-muted-foreground [overflow-wrap:anywhere]">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div class="flex shrink-0 items-center gap-1.5">`);
+var _tmpl$7 = /*#__PURE__*/ template(`<div data-slot=chat-notice><span aria-hidden=true></span><div class="min-w-0 flex-1"><p class="m-0 font-medium [overflow-wrap:anywhere]">`);
+var _tmpl$8 = /*#__PURE__*/ template(`<p class="m-0 text-sm text-muted-foreground text-balance">`);
+var _tmpl$9 = /*#__PURE__*/ template(`<div data-slot=chat-empty><div class="flex flex-col gap-1"><h3 class="m-0 text-base font-semibold tracking-tight text-balance">`);
+function Chat(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"header",
+		"notices",
+		"composer",
+		"children"
+	]);
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("grid h-full min-h-0 min-w-0 grid-cols-[minmax(0,1fr)] grid-rows-[auto_auto_minmax(0,1fr)_auto] bg-background text-foreground", local.class);
+		} }, rest), false, true);
+		insert(_el$2, () => local.header);
+		insert(_el$3, () => local.notices);
+		insert(_el$4, () => local.children);
+		insert(_el$5, () => local.composer);
+		return _el$;
+	})();
+}
+function ChatHeader(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"title",
+		"subtitle",
+		"status",
+		"actions"
+	]);
+	return (() => {
+		var _el$6 = _tmpl$4(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild;
+		spread(_el$6, mergeProps({ get ["class"]() {
+			return cn("flex min-h-topbar min-w-0 items-center gap-3 border-b border-border px-4 py-2", local.class);
+		} }, rest), false, true);
+		insert(_el$8, () => local.title);
+		insert(_el$7, createComponent(Show, {
+			get when() {
+				return local.subtitle;
+			},
+			get children() {
+				var _el$9 = _tmpl$2();
+				insert(_el$9, () => local.subtitle);
+				return _el$9;
+			}
+		}), null);
+		insert(_el$6, createComponent(Show, {
+			get when() {
+				return local.status;
+			},
+			get children() {
+				return local.status;
+			}
+		}), null);
+		insert(_el$6, createComponent(Show, {
+			get when() {
+				return local.actions;
+			},
+			get children() {
+				var _el$0 = _tmpl$3();
+				insert(_el$0, () => local.actions);
+				return _el$0;
+			}
+		}), null);
+		return _el$6;
+	})();
+}
+var chatNoticeVariants = cva("flex min-w-0 items-start gap-2.5 border-b px-4 py-2 text-sm", {
+	variants: { tone: {
+		info: "border-border bg-muted/40",
+		warning: "border-warning/30 bg-warning-subtle",
+		danger: "border-destructive/30 bg-destructive-subtle"
+	} },
+	defaultVariants: { tone: "info" }
+});
+function ChatNotice(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"tone",
+		"title",
+		"description",
+		"action",
+		"live"
+	]);
+	const Glyph = () => local.tone === "danger" ? CircleAlert : local.tone === "warning" ? TriangleAlert : Info;
+	return (() => {
+		var _el$1 = _tmpl$7(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.firstChild;
+		spread(_el$1, mergeProps({
+			get role() {
+				return memo(() => local.live === "assertive")() ? "alert" : local.live === "polite" ? "status" : void 0;
+			},
+			get ["class"]() {
+				return cn(chatNoticeVariants({ tone: local.tone }), local.class);
+			}
+		}, rest), false, true);
+		insert(_el$10, createComponent(Dynamic, { get component() {
+			return Glyph();
+		} }));
+		insert(_el$12, () => local.title);
+		insert(_el$11, createComponent(Show, {
+			get when() {
+				return local.description;
+			},
+			get children() {
+				var _el$13 = _tmpl$5();
+				insert(_el$13, () => local.description);
+				return _el$13;
+			}
+		}), null);
+		insert(_el$1, createComponent(Show, {
+			get when() {
+				return local.action;
+			},
+			get children() {
+				var _el$14 = _tmpl$6();
+				insert(_el$14, () => local.action);
+				return _el$14;
+			}
+		}), null);
+		effect(() => className(_el$10, cn("mt-0.5 shrink-0 [&_svg]:size-4", {
+			"text-muted-foreground": (local.tone ?? "info") === "info",
+			"text-warning": local.tone === "warning",
+			"text-destructive": local.tone === "danger"
+		})));
+		return _el$1;
+	})();
+}
+/** A conversation with no turns yet. Centred in the thread, never in a card. */
+function ChatEmpty(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"title",
+		"description",
+		"suggestions"
+	]);
+	return (() => {
+		var _el$15 = _tmpl$9(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild;
+		spread(_el$15, mergeProps({ get ["class"]() {
+			return cn("mx-auto flex min-h-full w-full max-w-xl flex-col items-center justify-center gap-4 px-6 py-10 text-center", local.class);
+		} }, rest), false, true);
+		insert(_el$17, () => local.title);
+		insert(_el$16, createComponent(Show, {
+			get when() {
+				return local.description;
+			},
+			get children() {
+				var _el$18 = _tmpl$8();
+				insert(_el$18, () => local.description);
+				return _el$18;
+			}
+		}), null);
+		insert(_el$15, createComponent(Show, {
+			get when() {
+				return local.suggestions;
+			},
+			get children() {
+				return local.suggestions;
+			}
+		}), null);
+		return _el$15;
+	})();
+}
+//#endregion
+export { Chat, ChatEmpty, ChatHeader, ChatNotice, chatNoticeVariants };
+
+//# sourceMappingURL=chat.js.map