@adea-ai/ui 0.97.2 → 0.97.4

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

@@ -1,16 +1,17 @@
 import { cn } from "../../../lib/utils.js";
 import { Button } from "../../ui/button/button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "../../ui/dropdown-menu/dropdown-menu.js";
-import { PalettePreview } from "./theme-preview.js";
+import { PalettePreview, ThemeMenuPreview } from "./theme-preview.js";
 import { className, createComponent, effect, insert, template, use } from "solid-js/web";
-import { ChevronDown, Palette } from "lucide-solid";
+import { ChevronDown, Palette, SquareTerminal } from "lucide-solid";
 import { For, Show, createMemo, createSignal, onCleanup } from "solid-js";
 //#region src/components/composites/appearance-editor/appearance-rows.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div class="mt-0.5 text-xs text-muted-foreground">`);
 var _tmpl$2 = /*#__PURE__*/ template(`<section><div><span class="flex size-9 shrink-0 items-center justify-center rounded-lg border bg-foreground/5 text-muted-foreground [&amp;_svg]:size-4"aria-hidden=true></span><div class=min-w-0><h3 class="text-sm font-medium"></h3></div></div><div class="min-w-0 max-w-full shrink-0">`);
 var _tmpl$3 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-1 items-center gap-2"><span class="min-w-0 flex-1 truncate">`);
 var _tmpl$4 = /*#__PURE__*/ template(`<div>`);
-var _tmpl$5 = /*#__PURE__*/ template(`<span class="min-w-0 flex-1 truncate">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<span aria-hidden=true class="line-clamp-2 max-w-44 text-2xs text-muted-foreground">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-1 flex-col gap-0.5"><span class=truncate>`);
 var POINTER_FOCUS_TARGET_SELECTOR = "a[href], area[href], button, input, select, textarea, iframe, [tabindex], [contenteditable], details > summary:first-of-type";
 function isTabStop(element) {
 	return (element.tabIndex >= 0 || element.matches("details > summary:first-of-type") && !element.hasAttribute("tabindex")) && !element.matches(":disabled") && element.getAttribute("aria-disabled") !== "true" && element.closest("[hidden], [inert], [aria-hidden=\"true\"]") === null && element.getClientRects().length > 0;
@@ -47,13 +48,15 @@ function SettingsRow(props) {
 	})();
 }
 /**
-* A compact persistent theme choice. Kobalte handles menu navigation and
-* dismissal; this row moves Tab to the adjacent browser-reported stop because
+* The shared theme picker. Kobalte handles menu navigation and dismissal;
+* this component moves Tab to the adjacent browser-reported stop because
 * menus consume Tab by default. Enumerating elements and checking their native
 * tabIndex keeps details summaries in the order while preserving explicit
-* tabindex overrides.
+* tabindex overrides. The menu width follows its content (bounded by the
+* popper's available width) so a long theme name and its description render
+* fully instead of truncating at the trigger's width.
 */
-function ThemeRow(props) {
+function ThemeSelectMenu(props) {
 	const [portalMount, setPortalMount] = createSignal();
 	const [triggerElement, setTriggerElement] = createSignal();
 	const [menuOpen, setMenuOpen] = createSignal(false);
@@ -64,9 +67,7 @@ function ThemeRow(props) {
 	onCleanup(() => {
 		focusLifecycleVersion += 1;
 	});
-	const options = createMemo(() => props.themes.filter((theme) => theme.appearance === props.appearance));
-	const selected = createMemo(() => options().find((theme) => theme.id === props.selectedId) ?? options().find((theme) => theme.id === props.preview.id));
-	const label = () => props.appearance === "light" ? "Light theme" : "Dark theme";
+	const selected = createMemo(() => props.options.find((option) => option.id === props.selectedId) ?? props.options.find((option) => option.id === props.triggerPreview.id));
 	const closeMenu = () => {
 		if (menuOpen()) focusLifecycleVersion += 1;
 		setMenuOpen(false);
@@ -97,6 +98,176 @@ function ThemeRow(props) {
 			closeMenu();
 		}
 	};
+	return (() => {
+		var _el$8 = _tmpl$4();
+		use(setPortalMount, _el$8);
+		insert(_el$8, createComponent(DropdownMenu, {
+			modal: false,
+			get open() {
+				return menuOpen();
+			},
+			onOpenChange: (open) => {
+				if (open !== menuOpen()) focusLifecycleVersion += 1;
+				setMenuOpen(open);
+				if (open) {
+					focusTargetAfterTab = void 0;
+					setFocusOutsideTarget(void 0);
+					setRestoreTriggerFocus(false);
+				}
+			},
+			get children() {
+				return [createComponent(DropdownMenuTrigger, {
+					ref: setTriggerElement,
+					as: Button,
+					variant: "outline",
+					size: "sm",
+					get ["aria-label"]() {
+						return props.label;
+					},
+					get disabled() {
+						return props.disabled || props.options.length === 0;
+					},
+					"class": "w-full justify-between sm:w-52",
+					get children() {
+						return [(() => {
+							var _el$9 = _tmpl$3(), _el$0 = _el$9.firstChild;
+							insert(_el$9, createComponent(PalettePreview, { get theme() {
+								return props.triggerPreview;
+							} }), _el$0);
+							insert(_el$0, () => selected()?.name ?? props.triggerPreview.name);
+							return _el$9;
+						})(), createComponent(ChevronDown, {
+							"aria-hidden": "true",
+							"class": "shrink-0 text-muted-foreground"
+						})];
+					}
+				}), createComponent(DropdownMenuContent, {
+					get portalMount() {
+						return portalMount();
+					},
+					"class": "max-h-(--kb-popper-content-available-height) w-max min-w-(--kb-popper-anchor-width) max-w-(--kb-popper-content-available-width) overflow-x-hidden overflow-y-auto",
+					onInteractOutside: (event) => {
+						if (event.detail.originalEvent.type !== "pointerdown") return;
+						const focusScope = portalMount()?.closest("[role=\"dialog\"]") ?? portalMount()?.ownerDocument.body;
+						const target = event.detail.originalEvent.target;
+						if (!(target instanceof Element) || !focusScope?.contains(target)) return;
+						const focusTarget = target.closest(POINTER_FOCUS_TARGET_SELECTOR);
+						if (focusTarget && isTabStop(focusTarget)) {
+							setRestoreTriggerFocus(false);
+							setFocusOutsideTarget(focusTarget);
+						} else setRestoreTriggerFocus(true);
+					},
+					onFocusOutside: (event) => {
+						const focusScope = portalMount()?.closest("[role=\"dialog\"]") ?? portalMount()?.ownerDocument.body;
+						const target = event.detail.originalEvent.target;
+						if (target === focusScope) event.preventDefault();
+						else if (target instanceof HTMLElement && focusScope?.contains(target)) {
+							setRestoreTriggerFocus(false);
+							setFocusOutsideTarget(target);
+						}
+					},
+					onEscapeKeyDown: () => setRestoreTriggerFocus(true),
+					onCloseAutoFocus: (event) => {
+						if (menuOpen()) {
+							event.preventDefault();
+							return;
+						}
+						const lifecycleVersion = focusLifecycleVersion;
+						const shouldRestore = restoreTriggerFocus();
+						const focusTarget = focusTargetAfterTab ?? focusOutsideTarget();
+						focusTargetAfterTab = void 0;
+						setFocusOutsideTarget(void 0);
+						setRestoreTriggerFocus(false);
+						if (shouldRestore) {
+							event.preventDefault();
+							triggerElement()?.focus({ preventScroll: true });
+							return;
+						}
+						const focusScope = portalMount()?.closest("[role=\"dialog\"]") ?? portalMount()?.ownerDocument.body;
+						if (focusTarget?.isConnected && focusScope?.contains(focusTarget)) {
+							event.preventDefault();
+							queueMicrotask(() => {
+								if (lifecycleVersion !== focusLifecycleVersion || menuOpen()) return;
+								const activeElement = document.activeElement;
+								const isMenuFocus = activeElement instanceof HTMLElement && activeElement.closest("[role=\"menu\"]") !== null;
+								const isTriggerFocus = activeElement === triggerElement();
+								if (activeElement !== focusTarget && (activeElement === document.body || activeElement === focusScope || isMenuFocus || isTriggerFocus)) focusTarget.focus({ preventScroll: true });
+							});
+							return;
+						}
+						const activeElement = document.activeElement;
+						if (focusScope && activeElement instanceof HTMLElement && activeElement !== focusScope && focusScope.contains(activeElement) && activeElement.closest("[role=\"menu\"]") === null) event.preventDefault();
+					},
+					get children() {
+						return createComponent(DropdownMenuRadioGroup, {
+							get value() {
+								return selected()?.id ?? "";
+							},
+							get ["aria-label"]() {
+								return `${props.label} options`;
+							},
+							"on:keydown": moveFocusOnTab,
+							onChange: (id) => {
+								if (!props.disabled && typeof id === "string") props.onSelect(id);
+							},
+							get children() {
+								return createComponent(For, {
+									get each() {
+										return props.options;
+									},
+									children: (option) => createComponent(DropdownMenuRadioItem, {
+										get value() {
+											return option.id;
+										},
+										get textValue() {
+											return option.name;
+										},
+										closeOnSelect: true,
+										get disabled() {
+											return props.disabled;
+										},
+										onSelect: () => setRestoreTriggerFocus(true),
+										get children() {
+											return [createComponent(ThemeMenuPreview, { get theme() {
+												return option.preview;
+											} }), (() => {
+												var _el$1 = _tmpl$6(), _el$10 = _el$1.firstChild;
+												insert(_el$10, () => option.name);
+												insert(_el$1, createComponent(Show, {
+													get when() {
+														return option.description;
+													},
+													get children() {
+														var _el$11 = _tmpl$5();
+														insert(_el$11, () => option.description);
+														return _el$11;
+													}
+												}), null);
+												return _el$1;
+											})()];
+										}
+									})
+								});
+							}
+						});
+					}
+				})];
+			}
+		}));
+		return _el$8;
+	})();
+}
+/**
+* A compact persistent theme choice for one appearance.
+*/
+function ThemeRow(props) {
+	const label = () => props.appearance === "light" ? "Light theme" : "Dark theme";
+	const options = createMemo(() => props.themes.filter((theme) => theme.appearance === props.appearance).map((theme) => ({
+		id: theme.id,
+		name: theme.name,
+		description: theme.description,
+		preview: theme
+	})));
 	return createComponent(SettingsRow, {
 		get title() {
 			return label();
@@ -105,154 +276,80 @@ function ThemeRow(props) {
 			return createComponent(Palette, {});
 		},
 		get children() {
-			var _el$8 = _tmpl$4();
-			use(setPortalMount, _el$8);
-			insert(_el$8, createComponent(DropdownMenu, {
-				modal: false,
-				get open() {
-					return menuOpen();
+			return createComponent(ThemeSelectMenu, {
+				get label() {
+					return label();
 				},
-				onOpenChange: (open) => {
-					if (open !== menuOpen()) focusLifecycleVersion += 1;
-					setMenuOpen(open);
-					if (open) {
-						focusTargetAfterTab = void 0;
-						setFocusOutsideTarget(void 0);
-						setRestoreTriggerFocus(false);
-					}
+				get selectedId() {
+					return props.selectedId;
 				},
-				get children() {
-					return [createComponent(DropdownMenuTrigger, {
-						ref: setTriggerElement,
-						as: Button,
-						variant: "outline",
-						size: "sm",
-						get ["aria-label"]() {
-							return label();
-						},
-						get disabled() {
-							return props.disabled || options().length === 0;
-						},
-						"class": "w-full justify-between sm:w-52",
-						get children() {
-							return [(() => {
-								var _el$9 = _tmpl$3(), _el$0 = _el$9.firstChild;
-								insert(_el$9, createComponent(PalettePreview, { get theme() {
-									return props.preview;
-								} }), _el$0);
-								insert(_el$0, () => selected()?.name ?? props.preview.name);
-								return _el$9;
-							})(), createComponent(ChevronDown, {
-								"aria-hidden": "true",
-								"class": "shrink-0 text-muted-foreground"
-							})];
-						}
-					}), createComponent(DropdownMenuContent, {
-						get portalMount() {
-							return portalMount();
-						},
-						"class": "max-h-(--kb-popper-content-available-height) w-(--kb-popper-anchor-width) min-w-32 overflow-x-hidden overflow-y-auto",
-						onInteractOutside: (event) => {
-							if (event.detail.originalEvent.type !== "pointerdown") return;
-							const focusScope = portalMount()?.closest("[role=\"dialog\"]") ?? portalMount()?.ownerDocument.body;
-							const target = event.detail.originalEvent.target;
-							if (!(target instanceof Element) || !focusScope?.contains(target)) return;
-							const focusTarget = target.closest(POINTER_FOCUS_TARGET_SELECTOR);
-							if (focusTarget && isTabStop(focusTarget)) {
-								setRestoreTriggerFocus(false);
-								setFocusOutsideTarget(focusTarget);
-							} else setRestoreTriggerFocus(true);
-						},
-						onFocusOutside: (event) => {
-							const focusScope = portalMount()?.closest("[role=\"dialog\"]") ?? portalMount()?.ownerDocument.body;
-							const target = event.detail.originalEvent.target;
-							if (target === focusScope) event.preventDefault();
-							else if (target instanceof HTMLElement && focusScope?.contains(target)) {
-								setRestoreTriggerFocus(false);
-								setFocusOutsideTarget(target);
-							}
-						},
-						onEscapeKeyDown: () => setRestoreTriggerFocus(true),
-						onCloseAutoFocus: (event) => {
-							if (menuOpen()) {
-								event.preventDefault();
-								return;
-							}
-							const lifecycleVersion = focusLifecycleVersion;
-							const shouldRestore = restoreTriggerFocus();
-							const focusTarget = focusTargetAfterTab ?? focusOutsideTarget();
-							focusTargetAfterTab = void 0;
-							setFocusOutsideTarget(void 0);
-							setRestoreTriggerFocus(false);
-							if (shouldRestore) {
-								event.preventDefault();
-								triggerElement()?.focus({ preventScroll: true });
-								return;
-							}
-							const focusScope = portalMount()?.closest("[role=\"dialog\"]") ?? portalMount()?.ownerDocument.body;
-							if (focusTarget?.isConnected && focusScope?.contains(focusTarget)) {
-								event.preventDefault();
-								queueMicrotask(() => {
-									if (lifecycleVersion !== focusLifecycleVersion || menuOpen()) return;
-									const activeElement = document.activeElement;
-									const isMenuFocus = activeElement instanceof HTMLElement && activeElement.closest("[role=\"menu\"]") !== null;
-									const isTriggerFocus = activeElement === triggerElement();
-									if (activeElement !== focusTarget && (activeElement === document.body || activeElement === focusScope || isMenuFocus || isTriggerFocus)) focusTarget.focus({ preventScroll: true });
-								});
-								return;
-							}
-							const activeElement = document.activeElement;
-							if (focusScope && activeElement instanceof HTMLElement && activeElement !== focusScope && focusScope.contains(activeElement) && activeElement.closest("[role=\"menu\"]") === null) event.preventDefault();
-						},
-						get children() {
-							return createComponent(DropdownMenuRadioGroup, {
-								get value() {
-									return selected()?.id ?? "";
-								},
-								get ["aria-label"]() {
-									return `${label()} options`;
-								},
-								"on:keydown": moveFocusOnTab,
-								onChange: (id) => {
-									if (!props.disabled && typeof id === "string") props.onSelect(id);
-								},
-								get children() {
-									return createComponent(For, {
-										get each() {
-											return options();
-										},
-										children: (theme) => createComponent(DropdownMenuRadioItem, {
-											get value() {
-												return theme.id;
-											},
-											get textValue() {
-												return theme.name;
-											},
-											closeOnSelect: true,
-											get disabled() {
-												return props.disabled;
-											},
-											onSelect: () => setRestoreTriggerFocus(true),
-											get children() {
-												return [createComponent(PalettePreview, { theme }), (() => {
-													var _el$1 = _tmpl$5();
-													insert(_el$1, () => theme.name);
-													return _el$1;
-												})()];
-											}
-										})
-									});
-								}
-							});
-						}
-					})];
+				get triggerPreview() {
+					return props.preview;
+				},
+				get options() {
+					return options();
+				},
+				get disabled() {
+					return props.disabled;
+				},
+				get onSelect() {
+					return props.onSelect;
+				}
+			});
+		}
+	});
+}
+/**
+* A terminal palette choice independent of the light/dark rows. The first
+* option (`'theme'`) follows the interface theme, painted with the resolved
+* preview; every catalogue record follows, both appearances, because the
+* terminal paints one fixed ANSI palette rather than an appearance axis.
+*/
+function TerminalRow(props) {
+	const options = createMemo(() => [{
+		id: "theme",
+		name: "UI theme",
+		description: "Uses the interface theme.",
+		preview: props.preview
+	}, ...props.themes.map((theme) => ({
+		id: theme.id,
+		name: theme.name,
+		description: theme.description,
+		preview: theme
+	}))]);
+	const selectedOption = () => options().find((option) => option.id === props.selectedId);
+	const description = () => selectedOption() && selectedOption()?.id !== "theme" ? `The terminal follows ${selectedOption()?.name}.` : "The terminal follows the interface theme.";
+	return createComponent(SettingsRow, {
+		title: "Terminal",
+		get icon() {
+			return createComponent(SquareTerminal, {});
+		},
+		get description() {
+			return description();
+		},
+		get children() {
+			return createComponent(ThemeSelectMenu, {
+				label: "Terminal",
+				get selectedId() {
+					return props.selectedId;
+				},
+				get triggerPreview() {
+					return selectedOption()?.preview ?? props.preview;
+				},
+				get options() {
+					return options();
+				},
+				get disabled() {
+					return props.disabled;
+				},
+				get onSelect() {
+					return props.onSelect;
 				}
-			}));
-			return _el$8;
+			});
 		}
 	});
 }
 //#endregion
-export { SettingsRow, ThemeRow };
+export { SettingsRow, TerminalRow, ThemeRow };
 
 //# sourceMappingURL=appearance-rows.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"appearance-rows.js","names":["AdeaTheme","AdeaThemeRecord","For","Show","createMemo","createSignal","onCleanup","JSX","ChevronDown","Palette","cn","Button","DropdownMenu","DropdownMenuContent","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuTrigger","PalettePreview","POINTER_FOCUS_TARGET_SELECTOR","isTabStop","element","HTMLElement","tabIndex","matches","hasAttribute","getAttribute","closest","getClientRects","length","SettingsRow","props","title","icon","Element","description","stacked","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$7","_$insert","_$createComponent","when","_el$6","_tmpl$","_$effect","_p$","_v$","_v$2","e","_$className","t","undefined","ThemeRow","appearance","selectedId","preview","themes","disabled","onSelect","id","portalMount","setPortalMount","HTMLDivElement","triggerElement","setTriggerElement","HTMLButtonElement","menuOpen","setMenuOpen","focusOutsideTarget","setFocusOutsideTarget","restoreTriggerFocus","setRestoreTriggerFocus","focusTargetAfterTab","focusLifecycleVersion","options","filter","theme","selected","find","label","closeMenu","moveFocusOnTab","event","KeyboardEvent","key","isComposing","trigger","parentDialog","focusScope","ownerDocument","body","focusStops","Array","from","querySelectorAll","orderedFocusStops","toSorted","a","b","triggerIndex","indexOf","direction","shiftKey","adjacent","at","stopPropagation","preventDefault","focus","preventScroll","_el$8","_tmpl$4","_$use","modal","open","onOpenChange","ref","as","variant","size","aria-label","_el$9","_tmpl$3","_el$0","name","onInteractOutside","detail","originalEvent","type","target","contains","focusTarget","onFocusOutside","onEscapeKeyDown","onCloseAutoFocus","lifecycleVersion","shouldRestore","isConnected","queueMicrotask","activeElement","document","isMenuFocus","isTriggerFocus","value","onChange","each","textValue","closeOnSelect","_el$1","_tmpl$5","_$createComponent","_$className"],"sources":["../../../../src/components/composites/appearance-editor/appearance-rows.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// Retains the compact divided row and palette-preview selector from the pinned\n// Zeron/Adea composition; Kobalte owns option navigation and nested dismissal.\nimport type { AdeaTheme, AdeaThemeRecord } from '@adea-ai/themes'\nimport { For, Show, createMemo, createSignal, onCleanup, type JSX } from 'solid-js'\nimport { ChevronDown, Palette } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { Button } from '../../ui/button/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { PalettePreview } from './theme-preview'\n\nconst POINTER_FOCUS_TARGET_SELECTOR =\n  'a[href], area[href], button, input, select, textarea, iframe, [tabindex], [contenteditable], details > summary:first-of-type'\n\nfunction isTabStop(element: HTMLElement) {\n  return (\n    (element.tabIndex >= 0 ||\n      (element.matches('details > summary:first-of-type') && !element.hasAttribute('tabindex'))) &&\n    !element.matches(':disabled') &&\n    element.getAttribute('aria-disabled') !== 'true' &&\n    element.closest('[hidden], [inert], [aria-hidden=\"true\"]') === null &&\n    element.getClientRects().length > 0\n  )\n}\n\nexport function SettingsRow(props: {\n  title: string\n  icon: JSX.Element\n  description?: JSX.Element\n  stacked?: boolean\n  children: JSX.Element\n}) {\n  return (\n    <section\n      class={cn('flex gap-3 px-4 py-4', {\n        'flex-col': props.stacked,\n        'flex-wrap items-center': !props.stacked,\n      })}\n    >\n      {/* Reserve readable copy before choosing a side-by-side control row.\n          Wrapping follows the actual host width and enlarged text, rather\n          than a viewport breakpoint that also matches a narrow popover. */}\n      <div class={cn('flex min-w-0 flex-1 items-center gap-3', { 'basis-48': !props.stacked })}>\n        <span\n          class=\"flex size-9 shrink-0 items-center justify-center rounded-lg border bg-foreground/5 text-muted-foreground [&_svg]:size-4\"\n          aria-hidden=\"true\"\n        >\n          {props.icon}\n        </span>\n        <div class=\"min-w-0\">\n          <h3 class=\"text-sm font-medium\">{props.title}</h3>\n          <Show when={props.description}>\n            <div class=\"mt-0.5 text-xs text-muted-foreground\">{props.description}</div>\n          </Show>\n        </div>\n      </div>\n      <div class=\"min-w-0 max-w-full shrink-0\">{props.children}</div>\n    </section>\n  )\n}\n\n/**\n * A compact persistent theme choice. Kobalte handles menu navigation and\n * dismissal; this row moves Tab to the adjacent browser-reported stop because\n * menus consume Tab by default. Enumerating elements and checking their native\n * tabIndex keeps details summaries in the order while preserving explicit\n * tabindex overrides.\n */\nexport function ThemeRow(props: {\n  appearance: 'light' | 'dark'\n  selectedId: string\n  preview: AdeaTheme\n  themes: readonly AdeaThemeRecord[]\n  disabled?: boolean\n  onSelect: (id: string) => void\n}) {\n  const [portalMount, setPortalMount] = createSignal<HTMLDivElement>()\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement>()\n  const [menuOpen, setMenuOpen] = createSignal(false)\n  const [focusOutsideTarget, setFocusOutsideTarget] = createSignal<HTMLElement>()\n  const [restoreTriggerFocus, setRestoreTriggerFocus] = createSignal(false)\n  let focusTargetAfterTab: HTMLElement | undefined\n  let focusLifecycleVersion = 0\n  onCleanup(() => {\n    focusLifecycleVersion += 1\n  })\n  const options = createMemo(() =>\n    props.themes.filter((theme) => theme.appearance === props.appearance)\n  )\n  const selected = createMemo(\n    () =>\n      options().find((theme) => theme.id === props.selectedId) ??\n      options().find((theme) => theme.id === props.preview.id)\n  )\n  const label = () => (props.appearance === 'light' ? 'Light theme' : 'Dark theme')\n  const closeMenu = () => {\n    if (menuOpen()) focusLifecycleVersion += 1\n    setMenuOpen(false)\n  }\n  const moveFocusOnTab = (event: KeyboardEvent) => {\n    if (event.key !== 'Tab' || event.isComposing) return\n\n    const trigger = triggerElement()\n    if (!trigger) return\n    const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n    const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n    if (!focusScope) return\n\n    const focusStops = Array.from(focusScope.querySelectorAll<HTMLElement>('*')).filter(\n      (element) =>\n        isTabStop(element) &&\n        element.closest('[role=\"menu\"], [hidden], [inert], [aria-hidden=\"true\"]') === null\n    )\n    const orderedFocusStops = [\n      ...focusStops\n        .filter((element) => element.tabIndex > 0)\n        .toSorted((a, b) => a.tabIndex - b.tabIndex),\n      ...focusStops.filter((element) => element.tabIndex <= 0),\n    ]\n    const triggerIndex = orderedFocusStops.indexOf(trigger)\n    const direction = event.shiftKey ? -1 : 1\n    const adjacent =\n      orderedFocusStops[triggerIndex + direction] ??\n      (parentDialog ? (direction > 0 ? orderedFocusStops[0] : orderedFocusStops.at(-1)) : undefined)\n\n    event.stopPropagation()\n    setRestoreTriggerFocus(false)\n    if (adjacent) {\n      event.preventDefault()\n      focusTargetAfterTab = adjacent\n      setFocusOutsideTarget(adjacent)\n      closeMenu()\n      adjacent.focus({ preventScroll: true })\n    } else {\n      focusTargetAfterTab = undefined\n      setFocusOutsideTarget(undefined)\n      closeMenu()\n    }\n  }\n  return (\n    <SettingsRow title={label()} icon={<Palette />}>\n      <div ref={setPortalMount}>\n        <DropdownMenu\n          modal={false}\n          open={menuOpen()}\n          onOpenChange={(open) => {\n            if (open !== menuOpen()) focusLifecycleVersion += 1\n            setMenuOpen(open)\n            if (open) {\n              focusTargetAfterTab = undefined\n              setFocusOutsideTarget(undefined)\n              setRestoreTriggerFocus(false)\n            }\n          }}\n        >\n          <DropdownMenuTrigger\n            ref={setTriggerElement}\n            as={Button}\n            variant=\"outline\"\n            size=\"sm\"\n            aria-label={label()}\n            disabled={props.disabled || options().length === 0}\n            class=\"w-full justify-between sm:w-52\"\n          >\n            <span class=\"flex min-w-0 flex-1 items-center gap-2\">\n              <PalettePreview theme={props.preview} />\n              <span class=\"min-w-0 flex-1 truncate\">{selected()?.name ?? props.preview.name}</span>\n            </span>\n            <ChevronDown aria-hidden=\"true\" class=\"shrink-0 text-muted-foreground\" />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            portalMount={portalMount()}\n            class=\"max-h-(--kb-popper-content-available-height) w-(--kb-popper-anchor-width) min-w-32 overflow-x-hidden overflow-y-auto\"\n            onInteractOutside={(event) => {\n              if (event.detail.originalEvent.type !== 'pointerdown') return\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              const target = event.detail.originalEvent.target\n              if (!(target instanceof Element) || !focusScope?.contains(target)) return\n\n              const focusTarget = target.closest<HTMLElement>(POINTER_FOCUS_TARGET_SELECTOR)\n              if (focusTarget && isTabStop(focusTarget)) {\n                setRestoreTriggerFocus(false)\n                setFocusOutsideTarget(focusTarget)\n              } else {\n                setRestoreTriggerFocus(true)\n              }\n            }}\n            onFocusOutside={(event) => {\n              // The containing dialog or document body can briefly reclaim\n              // focus when the menu opens. Keep that handoff from dismissing\n              // it; focus moving to another descendant still closes the menu.\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              const target = event.detail.originalEvent.target\n              if (target === focusScope) {\n                event.preventDefault()\n              } else if (target instanceof HTMLElement && focusScope?.contains(target)) {\n                setRestoreTriggerFocus(false)\n                setFocusOutsideTarget(target)\n              }\n            }}\n            onEscapeKeyDown={() => setRestoreTriggerFocus(true)}\n            onCloseAutoFocus={(event) => {\n              // A prior menu instance can finish its focus cleanup after this\n              // row has already reopened. Do not let that cleanup steal focus.\n              if (menuOpen()) {\n                event.preventDefault()\n                return\n              }\n\n              const lifecycleVersion = focusLifecycleVersion\n              const shouldRestore = restoreTriggerFocus()\n              const focusTarget = focusTargetAfterTab ?? focusOutsideTarget()\n              focusTargetAfterTab = undefined\n              setFocusOutsideTarget(undefined)\n              setRestoreTriggerFocus(false)\n              if (shouldRestore) {\n                // The saved focus may be the containing dialog rather than\n                // the trigger when WebKit opens this menu from a pointer click.\n                event.preventDefault()\n                triggerElement()?.focus({ preventScroll: true })\n                return\n              }\n\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              if (focusTarget?.isConnected && focusScope?.contains(focusTarget)) {\n                // Preserve the intended in-scope destination across\n                // Kobalte's deferred stale-focus restore.\n                event.preventDefault()\n                queueMicrotask(() => {\n                  if (lifecycleVersion !== focusLifecycleVersion || menuOpen()) return\n\n                  const activeElement = document.activeElement\n                  const isMenuFocus =\n                    activeElement instanceof HTMLElement &&\n                    activeElement.closest('[role=\"menu\"]') !== null\n                  const isTriggerFocus = activeElement === triggerElement()\n                  if (\n                    activeElement !== focusTarget &&\n                    (activeElement === document.body ||\n                      activeElement === focusScope ||\n                      isMenuFocus ||\n                      isTriggerFocus)\n                  ) {\n                    focusTarget.focus({ preventScroll: true })\n                  }\n                })\n                return\n              }\n\n              const activeElement = document.activeElement\n              if (\n                focusScope &&\n                activeElement instanceof HTMLElement &&\n                activeElement !== focusScope &&\n                focusScope.contains(activeElement) &&\n                activeElement.closest('[role=\"menu\"]') === null\n              ) {\n                // Preserve a real focus target in this scope instead of\n                // restoring the stale element captured when the menu mounted. A\n                // focused menu item is about to unmount, so Kobalte must restore\n                // focus to the trigger instead.\n                event.preventDefault()\n              }\n            }}\n          >\n            <DropdownMenuRadioGroup\n              value={selected()?.id ?? ''}\n              aria-label={`${label()} options`}\n              on:keydown={moveFocusOnTab}\n              onChange={(id) => {\n                if (!props.disabled && typeof id === 'string') props.onSelect(id)\n              }}\n            >\n              <For each={options()}>\n                {(theme) => (\n                  <DropdownMenuRadioItem\n                    value={theme.id}\n                    textValue={theme.name}\n                    closeOnSelect={true}\n                    disabled={props.disabled}\n                    onSelect={() => setRestoreTriggerFocus(true)}\n                  >\n                    <PalettePreview theme={theme} />\n                    <span class=\"min-w-0 flex-1 truncate\">{theme.name}</span>\n                  </DropdownMenuRadioItem>\n                )}\n              </For>\n            </DropdownMenuRadioGroup>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </SettingsRow>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"appearance-rows.js","names":["AdeaTheme","AdeaThemeRecord","For","Show","createMemo","createSignal","onCleanup","JSX","ChevronDown","Palette","SquareTerminal","cn","Button","DropdownMenu","DropdownMenuContent","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuTrigger","PalettePreview","ThemeMenuPreview","POINTER_FOCUS_TARGET_SELECTOR","isTabStop","element","HTMLElement","tabIndex","matches","hasAttribute","getAttribute","closest","getClientRects","length","SettingsRow","props","title","icon","Element","description","stacked","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$7","_$insert","_$createComponent","when","_el$6","_tmpl$","_$effect","_p$","_v$","_v$2","e","_$className","t","undefined","ThemeOption","id","name","preview","ThemeSelectMenu","label","selectedId","triggerPreview","options","disabled","onSelect","portalMount","setPortalMount","HTMLDivElement","triggerElement","setTriggerElement","HTMLButtonElement","menuOpen","setMenuOpen","focusOutsideTarget","setFocusOutsideTarget","restoreTriggerFocus","setRestoreTriggerFocus","focusTargetAfterTab","focusLifecycleVersion","selected","find","option","closeMenu","moveFocusOnTab","event","KeyboardEvent","key","isComposing","trigger","parentDialog","focusScope","ownerDocument","body","focusStops","Array","from","querySelectorAll","filter","orderedFocusStops","toSorted","a","b","triggerIndex","indexOf","direction","shiftKey","adjacent","at","stopPropagation","preventDefault","focus","preventScroll","_el$8","_tmpl$4","_$use","modal","open","onOpenChange","ref","as","variant","size","aria-label","_el$9","_tmpl$3","_el$0","theme","onInteractOutside","detail","originalEvent","type","target","contains","focusTarget","onFocusOutside","onEscapeKeyDown","onCloseAutoFocus","lifecycleVersion","shouldRestore","isConnected","queueMicrotask","activeElement","document","isMenuFocus","isTriggerFocus","value","onChange","each","textValue","closeOnSelect","_el$1","_tmpl$6","_el$10","_el$11","_tmpl$5","ThemeRow","appearance","themes","map","TerminalRow","selectedOption","_$createComponent","_$className"],"sources":["../../../../src/components/composites/appearance-editor/appearance-rows.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// Retains the compact divided row and palette-preview selector from the pinned\n// Zeron/Adea composition; Kobalte owns option navigation and nested dismissal.\n// One shared menu serves the light, dark, and terminal rows: each option is a\n// compact theme preview with its name and one-line description beside it, and\n// the menu sizes to that content instead of clipping it at the trigger width.\nimport type { AdeaTheme, AdeaThemeRecord } from '@adea-ai/themes'\nimport { For, Show, createMemo, createSignal, onCleanup, type JSX } from 'solid-js'\nimport { ChevronDown, Palette, SquareTerminal } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { Button } from '../../ui/button/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { PalettePreview, ThemeMenuPreview } from './theme-preview'\n\nconst POINTER_FOCUS_TARGET_SELECTOR =\n  'a[href], area[href], button, input, select, textarea, iframe, [tabindex], [contenteditable], details > summary:first-of-type'\n\nfunction isTabStop(element: HTMLElement) {\n  return (\n    (element.tabIndex >= 0 ||\n      (element.matches('details > summary:first-of-type') && !element.hasAttribute('tabindex'))) &&\n    !element.matches(':disabled') &&\n    element.getAttribute('aria-disabled') !== 'true' &&\n    element.closest('[hidden], [inert], [aria-hidden=\"true\"]') === null &&\n    element.getClientRects().length > 0\n  )\n}\n\nexport function SettingsRow(props: {\n  title: string\n  icon: JSX.Element\n  description?: JSX.Element\n  stacked?: boolean\n  children: JSX.Element\n}) {\n  return (\n    <section\n      class={cn('flex gap-3 px-4 py-4', {\n        'flex-col': props.stacked,\n        'flex-wrap items-center': !props.stacked,\n      })}\n    >\n      {/* Reserve readable copy before choosing a side-by-side control row.\n          Wrapping follows the actual host width and enlarged text, rather\n          than a viewport breakpoint that also matches a narrow popover. */}\n      <div class={cn('flex min-w-0 flex-1 items-center gap-3', { 'basis-48': !props.stacked })}>\n        <span\n          class=\"flex size-9 shrink-0 items-center justify-center rounded-lg border bg-foreground/5 text-muted-foreground [&_svg]:size-4\"\n          aria-hidden=\"true\"\n        >\n          {props.icon}\n        </span>\n        <div class=\"min-w-0\">\n          <h3 class=\"text-sm font-medium\">{props.title}</h3>\n          <Show when={props.description}>\n            <div class=\"mt-0.5 text-xs text-muted-foreground\">{props.description}</div>\n          </Show>\n        </div>\n      </div>\n      <div class=\"min-w-0 max-w-full shrink-0\">{props.children}</div>\n    </section>\n  )\n}\n\n/** One selectable palette in a theme menu. */\nexport type ThemeOption = {\n  id: string\n  name: string\n  description?: string\n  preview: AdeaTheme\n}\n\n/**\n * The shared theme picker. Kobalte handles menu navigation and dismissal;\n * this component moves Tab to the adjacent browser-reported stop because\n * menus consume Tab by default. Enumerating elements and checking their native\n * tabIndex keeps details summaries in the order while preserving explicit\n * tabindex overrides. The menu width follows its content (bounded by the\n * popper's available width) so a long theme name and its description render\n * fully instead of truncating at the trigger's width.\n */\nfunction ThemeSelectMenu(props: {\n  /** Row title; also the trigger's accessible name and the group's label. */\n  label: string\n  selectedId: string\n  /** Palette shown on the trigger; hosts pass the accent-applied preview. */\n  triggerPreview: AdeaTheme\n  options: readonly ThemeOption[]\n  disabled?: boolean\n  onSelect: (id: string) => void\n}) {\n  const [portalMount, setPortalMount] = createSignal<HTMLDivElement>()\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement>()\n  const [menuOpen, setMenuOpen] = createSignal(false)\n  const [focusOutsideTarget, setFocusOutsideTarget] = createSignal<HTMLElement>()\n  const [restoreTriggerFocus, setRestoreTriggerFocus] = createSignal(false)\n  let focusTargetAfterTab: HTMLElement | undefined\n  let focusLifecycleVersion = 0\n  onCleanup(() => {\n    focusLifecycleVersion += 1\n  })\n  const selected = createMemo(\n    () =>\n      props.options.find((option) => option.id === props.selectedId) ??\n      props.options.find((option) => option.id === props.triggerPreview.id)\n  )\n  const closeMenu = () => {\n    if (menuOpen()) focusLifecycleVersion += 1\n    setMenuOpen(false)\n  }\n  const moveFocusOnTab = (event: KeyboardEvent) => {\n    if (event.key !== 'Tab' || event.isComposing) return\n\n    const trigger = triggerElement()\n    if (!trigger) return\n    const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n    const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n    if (!focusScope) return\n\n    const focusStops = Array.from(focusScope.querySelectorAll<HTMLElement>('*')).filter(\n      (element) =>\n        isTabStop(element) &&\n        element.closest('[role=\"menu\"], [hidden], [inert], [aria-hidden=\"true\"]') === null\n    )\n    const orderedFocusStops = [\n      ...focusStops\n        .filter((element) => element.tabIndex > 0)\n        .toSorted((a, b) => a.tabIndex - b.tabIndex),\n      ...focusStops.filter((element) => element.tabIndex <= 0),\n    ]\n    const triggerIndex = orderedFocusStops.indexOf(trigger)\n    const direction = event.shiftKey ? -1 : 1\n    const adjacent =\n      orderedFocusStops[triggerIndex + direction] ??\n      (parentDialog ? (direction > 0 ? orderedFocusStops[0] : orderedFocusStops.at(-1)) : undefined)\n\n    event.stopPropagation()\n    setRestoreTriggerFocus(false)\n    if (adjacent) {\n      event.preventDefault()\n      focusTargetAfterTab = adjacent\n      setFocusOutsideTarget(adjacent)\n      closeMenu()\n      adjacent.focus({ preventScroll: true })\n    } else {\n      focusTargetAfterTab = undefined\n      setFocusOutsideTarget(undefined)\n      closeMenu()\n    }\n  }\n  return (\n    <div ref={setPortalMount}>\n      <DropdownMenu\n        modal={false}\n        open={menuOpen()}\n        onOpenChange={(open) => {\n          if (open !== menuOpen()) focusLifecycleVersion += 1\n          setMenuOpen(open)\n          if (open) {\n            focusTargetAfterTab = undefined\n            setFocusOutsideTarget(undefined)\n            setRestoreTriggerFocus(false)\n          }\n        }}\n      >\n        <DropdownMenuTrigger\n          ref={setTriggerElement}\n          as={Button}\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={props.label}\n          disabled={props.disabled || props.options.length === 0}\n          class=\"w-full justify-between sm:w-52\"\n        >\n          <span class=\"flex min-w-0 flex-1 items-center gap-2\">\n            <PalettePreview theme={props.triggerPreview} />\n            <span class=\"min-w-0 flex-1 truncate\">\n              {selected()?.name ?? props.triggerPreview.name}\n            </span>\n          </span>\n          <ChevronDown aria-hidden=\"true\" class=\"shrink-0 text-muted-foreground\" />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          portalMount={portalMount()}\n          // Sized to content (at least the trigger width, never wider than the\n          // popper allows) so long theme names render in full with padding for\n          // the selection indicator instead of truncating at the anchor width.\n          class=\"max-h-(--kb-popper-content-available-height) w-max min-w-(--kb-popper-anchor-width) max-w-(--kb-popper-content-available-width) overflow-x-hidden overflow-y-auto\"\n          onInteractOutside={(event) => {\n            if (event.detail.originalEvent.type !== 'pointerdown') return\n            const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n            const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n            const target = event.detail.originalEvent.target\n            if (!(target instanceof Element) || !focusScope?.contains(target)) return\n\n            const focusTarget = target.closest<HTMLElement>(POINTER_FOCUS_TARGET_SELECTOR)\n            if (focusTarget && isTabStop(focusTarget)) {\n              setRestoreTriggerFocus(false)\n              setFocusOutsideTarget(focusTarget)\n            } else {\n              setRestoreTriggerFocus(true)\n            }\n          }}\n          onFocusOutside={(event) => {\n            // The containing dialog or document body can briefly reclaim\n            // focus when the menu opens. Keep that handoff from dismissing\n            // it; focus moving to another descendant still closes the menu.\n            const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n            const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n            const target = event.detail.originalEvent.target\n            if (target === focusScope) {\n              event.preventDefault()\n            } else if (target instanceof HTMLElement && focusScope?.contains(target)) {\n              setRestoreTriggerFocus(false)\n              setFocusOutsideTarget(target)\n            }\n          }}\n          onEscapeKeyDown={() => setRestoreTriggerFocus(true)}\n          onCloseAutoFocus={(event) => {\n            // A prior menu instance can finish its focus cleanup after this\n            // row has already reopened. Do not let that cleanup steal focus.\n            if (menuOpen()) {\n              event.preventDefault()\n              return\n            }\n\n            const lifecycleVersion = focusLifecycleVersion\n            const shouldRestore = restoreTriggerFocus()\n            const focusTarget = focusTargetAfterTab ?? focusOutsideTarget()\n            focusTargetAfterTab = undefined\n            setFocusOutsideTarget(undefined)\n            setRestoreTriggerFocus(false)\n            if (shouldRestore) {\n              // The saved focus may be the containing dialog rather than\n              // the trigger when WebKit opens this menu from a pointer click.\n              event.preventDefault()\n              triggerElement()?.focus({ preventScroll: true })\n              return\n            }\n\n            const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n            const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n            if (focusTarget?.isConnected && focusScope?.contains(focusTarget)) {\n              // Preserve the intended in-scope destination across\n              // Kobalte's deferred stale-focus restore.\n              event.preventDefault()\n              queueMicrotask(() => {\n                if (lifecycleVersion !== focusLifecycleVersion || menuOpen()) return\n\n                const activeElement = document.activeElement\n                const isMenuFocus =\n                  activeElement instanceof HTMLElement &&\n                  activeElement.closest('[role=\"menu\"]') !== null\n                const isTriggerFocus = activeElement === triggerElement()\n                if (\n                  activeElement !== focusTarget &&\n                  (activeElement === document.body ||\n                    activeElement === focusScope ||\n                    isMenuFocus ||\n                    isTriggerFocus)\n                ) {\n                  focusTarget.focus({ preventScroll: true })\n                }\n              })\n              return\n            }\n\n            const activeElement = document.activeElement\n            if (\n              focusScope &&\n              activeElement instanceof HTMLElement &&\n              activeElement !== focusScope &&\n              focusScope.contains(activeElement) &&\n              activeElement.closest('[role=\"menu\"]') === null\n            ) {\n              // Preserve a real focus target in this scope instead of\n              // restoring the stale element captured when the menu mounted. A\n              // focused menu item is about to unmount, so Kobalte must restore\n              // focus to the trigger instead.\n              event.preventDefault()\n            }\n          }}\n        >\n          <DropdownMenuRadioGroup\n            value={selected()?.id ?? ''}\n            aria-label={`${props.label} options`}\n            on:keydown={moveFocusOnTab}\n            onChange={(id) => {\n              if (!props.disabled && typeof id === 'string') props.onSelect(id)\n            }}\n          >\n            <For each={props.options}>\n              {(option) => (\n                <DropdownMenuRadioItem\n                  value={option.id}\n                  textValue={option.name}\n                  closeOnSelect={true}\n                  disabled={props.disabled}\n                  onSelect={() => setRestoreTriggerFocus(true)}\n                >\n                  <ThemeMenuPreview theme={option.preview} />\n                  <span class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n                    <span class=\"truncate\">{option.name}</span>\n                    {/* Visual affordance only: the accessible name stays the\n                        theme name, which is what keyboard and test callers\n                        match on. */}\n                    <Show when={option.description}>\n                      <span\n                        aria-hidden=\"true\"\n                        class=\"line-clamp-2 max-w-44 text-2xs text-muted-foreground\"\n                      >\n                        {option.description}\n                      </span>\n                    </Show>\n                  </span>\n                </DropdownMenuRadioItem>\n              )}\n            </For>\n          </DropdownMenuRadioGroup>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n\n/**\n * A compact persistent theme choice for one appearance.\n */\nexport function ThemeRow(props: {\n  appearance: 'light' | 'dark'\n  selectedId: string\n  preview: AdeaTheme\n  themes: readonly AdeaThemeRecord[]\n  disabled?: boolean\n  onSelect: (id: string) => void\n}) {\n  const label = () => (props.appearance === 'light' ? 'Light theme' : 'Dark theme')\n  const options = createMemo<ThemeOption[]>(() =>\n    props.themes\n      .filter((theme) => theme.appearance === props.appearance)\n      .map((theme) => ({\n        id: theme.id,\n        name: theme.name,\n        description: theme.description,\n        preview: theme,\n      }))\n  )\n  return (\n    <SettingsRow title={label()} icon={<Palette />}>\n      <ThemeSelectMenu\n        label={label()}\n        selectedId={props.selectedId}\n        triggerPreview={props.preview}\n        options={options()}\n        disabled={props.disabled}\n        onSelect={props.onSelect}\n      />\n    </SettingsRow>\n  )\n}\n\n/**\n * A terminal palette choice independent of the light/dark rows. The first\n * option (`'theme'`) follows the interface theme, painted with the resolved\n * preview; every catalogue record follows, both appearances, because the\n * terminal paints one fixed ANSI palette rather than an appearance axis.\n */\nexport function TerminalRow(props: {\n  selectedId: string\n  /** Resolved interface theme: the `theme` option's palette and the fallback. */\n  preview: AdeaTheme\n  themes: readonly AdeaThemeRecord[]\n  disabled?: boolean\n  onSelect: (id: string) => void\n}) {\n  const options = createMemo<ThemeOption[]>(() => [\n    {\n      id: 'theme',\n      name: 'UI theme',\n      description: 'Uses the interface theme.',\n      preview: props.preview,\n    },\n    ...props.themes.map((theme) => ({\n      id: theme.id,\n      name: theme.name,\n      description: theme.description,\n      preview: theme,\n    })),\n  ])\n  const selectedOption = () => options().find((option) => option.id === props.selectedId)\n  const description = () =>\n    selectedOption() && selectedOption()?.id !== 'theme'\n      ? `The terminal follows ${selectedOption()?.name}.`\n      : 'The terminal follows the interface theme.'\n  return (\n    <SettingsRow title=\"Terminal\" icon={<SquareTerminal />} description={description()}>\n      <ThemeSelectMenu\n        label=\"Terminal\"\n        selectedId={props.selectedId}\n        triggerPreview={selectedOption()?.preview ?? props.preview}\n        options={options()}\n        disabled={props.disabled}\n        onSelect={props.onSelect}\n      />\n    </SettingsRow>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/appearance-editor/appearance-types.d.ts

@@ -3,6 +3,13 @@ export type AppearanceDraft = Readonly<{
     mode: 'system' | 'light' | 'dark';
     lightThemeId: string;
     darkThemeId: string;
+    /**
+     * The terminal palette: `'theme'` follows the interface theme, a theme id
+     * pins that theme's terminal colours. Optional so a host without a terminal
+     * preference renders no terminal row — the row's presence is this field's
+     * presence, not a second prop that could disagree with the draft.
+     */
+    terminalThemeId?: string;
     /** Theme default, a canonical preset id, or the host's custom accent draft. */
     accent: string;
     surface: 'theme' | 'frosted' | 'opaque';

package/dist/components/composites/appearance-editor/appearance-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-types.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/appearance-editor/appearance-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACjC,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvC,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAC,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,eAAe,CAAA;IACtB,8EAA8E;IAC9E,UAAU,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,SAAS,CAAA;IACpB,kBAAkB,EAAE,OAAO,GAAG,MAAM,CAAA;IACpC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC,aAAa,EAAE,SAAS,YAAY,EAAE,CAAA;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACnD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,uBAAuB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1F,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA"}
+{"version":3,"file":"appearance-types.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/appearance-editor/appearance-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACjC,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvC,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAC,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,eAAe,CAAA;IACtB,8EAA8E;IAC9E,UAAU,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,SAAS,CAAA;IACpB,kBAAkB,EAAE,OAAO,GAAG,MAAM,CAAA;IACpC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC,aAAa,EAAE,SAAS,YAAY,EAAE,CAAA;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACnD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,uBAAuB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1F,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA"}

package/dist/components/composites/appearance-editor/theme-preview.d.ts

@@ -10,6 +10,16 @@ export declare function ThemeMiniatureSplit(props: {
     dark: AdeaTheme;
     class?: string;
 }): import("solid-js").JSX.Element;
+/**
+ * The dropdown-item preview: the ThemePreview composition (rail + panel +
+ * text bars + action row) at menu scale, so a menu item carries the theme's
+ * actual chrome rather than the three-band trigger swatch. `aria-hidden` —
+ * the item's accessible name stays the theme name.
+ */
+export declare function ThemeMenuPreview(props: {
+    theme: AdeaTheme;
+    class?: string;
+}): import("solid-js").JSX.Element;
 export declare function PalettePreview(props: {
     theme: AdeaTheme;
     class?: string;

package/dist/components/composites/appearance-editor/theme-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-preview.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/appearance-editor/theme-preview.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAeD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAoCxD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAW/F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAoBzE"}
+{"version":3,"file":"theme-preview.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/appearance-editor/theme-preview.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAeD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAoCxD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAW/F;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAkD3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAoBzE"}