@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/composites/model-selector/model-selector.js

@@ -0,0 +1,490 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../ui/button/button.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../ui/command/command.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "../../ui/dropdown-menu/dropdown-menu.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover/popover.js";
+import { boundText } from "../sources/source.js";
+import { findModel, groupModels, modelSearchValue, needsSearch, normalizeEfforts, resolveEffort } from "./models.js";
+import { className, createComponent, effect, insert, memo, setAttribute, template } from "solid-js/web";
+import { Brain, Check, ChevronsUpDown } from "lucide-solid";
+import { For, Show, createEffect, createMemo, createSignal, createUniqueId, splitProps } from "solid-js";
+//#region src/components/composites/model-selector/model-selector.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p role=status class="m-0 text-xs text-muted-foreground">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=model-selector><div role=group class="flex min-w-0 items-center gap-1">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class="truncate px-2 text-sm text-muted-foreground"><span class=visually-hidden>Model: `);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class="flex items-center gap-1 truncate px-2 text-sm text-muted-foreground"><span class=visually-hidden>Thinking effort: `);
+var _tmpl$5 = /*#__PURE__*/ template(`<span class="text-xs text-muted-foreground [overflow-wrap:anywhere]">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class="text-xs text-muted-foreground [overflow-wrap:anywhere]"><span class=visually-hidden>Unavailable: `);
+var _tmpl$7 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-col"><span class=[overflow-wrap:anywhere]>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<span class="max-w-48 truncate">`);
+var _tmpl$9 = /*#__PURE__*/ template(`<span class=visually-hidden>Current model`);
+var _tmpl$0 = /*#__PURE__*/ template(`<span aria-hidden=true>`);
+var _tmpl$1 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-col"><span>`);
+function ModelSelector(props) {
+	const [local] = splitProps(props, [
+		"models",
+		"value",
+		"effort",
+		"onChange",
+		"onEffortChange",
+		"searchThreshold",
+		"disabledReason",
+		"label",
+		"class"
+	]);
+	const blocked = () => local.disabledReason !== void 0;
+	const selected = () => findModel(local.models, local.value);
+	const efforts = createMemo(() => normalizeEfforts(selected()?.efforts));
+	const effortChoice = () => resolveEffort(selected(), local.effort);
+	const reason = () => local.disabledReason ? boundText(local.disabledReason, 240) : void 0;
+	const reasonId = `${createUniqueId()}-reason`;
+	const describedBy = () => reason() ? reasonId : void 0;
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return local.onChange;
+			},
+			get fallback() {
+				return createComponent(Show, {
+					get when() {
+						return local.value;
+					},
+					get children() {
+						var _el$4 = _tmpl$3();
+						_el$4.firstChild;
+						insert(_el$4, () => triggerText({
+							selected: selected(),
+							value: local.value
+						}), null);
+						return _el$4;
+					}
+				});
+			},
+			get children() {
+				return createComponent(Show, {
+					get when() {
+						return needsSearch(local.models.length, local.searchThreshold);
+					},
+					get fallback() {
+						return createComponent(ModelMenu, {
+							get models() {
+								return local.models;
+							},
+							get selected() {
+								return selected();
+							},
+							get value() {
+								return local.value;
+							},
+							get blocked() {
+								return blocked();
+							},
+							get describedBy() {
+								return describedBy();
+							},
+							onChange: (id) => local.onChange?.(id)
+						});
+					},
+					get children() {
+						return createComponent(ModelSearch, {
+							get models() {
+								return local.models;
+							},
+							get selected() {
+								return selected();
+							},
+							get value() {
+								return local.value;
+							},
+							get blocked() {
+								return blocked();
+							},
+							get describedBy() {
+								return describedBy();
+							},
+							onChange: (id) => local.onChange?.(id)
+						});
+					}
+				});
+			}
+		}), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return efforts().length > 0;
+			},
+			get children() {
+				return createComponent(Show, {
+					get when() {
+						return local.onEffortChange;
+					},
+					get fallback() {
+						return createComponent(Show, {
+							get when() {
+								return effortChoice();
+							},
+							children: (choice) => (() => {
+								var _el$6 = _tmpl$4(), _el$7 = _el$6.firstChild;
+								insert(_el$6, createComponent(Brain, {
+									"aria-hidden": "true",
+									"class": "size-3.5 shrink-0"
+								}), _el$7);
+								insert(_el$6, () => choice().label, null);
+								return _el$6;
+							})()
+						});
+					},
+					get children() {
+						return createComponent(EffortMenu, {
+							get efforts() {
+								return efforts();
+							},
+							get value() {
+								return effortChoice()?.id;
+							},
+							get blocked() {
+								return blocked();
+							},
+							get describedBy() {
+								return describedBy();
+							},
+							onChange: (id) => local.onEffortChange?.(id)
+						});
+					}
+				});
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return reason();
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				setAttribute(_el$3, "id", reasonId);
+				insert(_el$3, reason);
+				return _el$3;
+			}
+		}), null);
+		effect((_p$) => {
+			var _v$ = cn("flex min-w-0 flex-col gap-1", local.class), _v$2 = local.label ?? "Model and thinking effort";
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$2, "aria-label", _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
+}
+function triggerText(props) {
+	if (props.selected) return boundText(props.selected.label, 60);
+	return props.value ? boundText(props.value, 60) : "Choose a model";
+}
+function ModelOptionBody(props) {
+	return (() => {
+		var _el$8 = _tmpl$7(), _el$9 = _el$8.firstChild;
+		insert(_el$9, () => boundText(props.model.label, 60));
+		insert(_el$8, createComponent(Show, {
+			get when() {
+				return props.model.description;
+			},
+			get children() {
+				var _el$0 = _tmpl$5();
+				insert(_el$0, () => boundText(props.model.description ?? "", 160));
+				return _el$0;
+			}
+		}), null);
+		insert(_el$8, createComponent(Show, {
+			get when() {
+				return props.model.disabledReason;
+			},
+			get children() {
+				var _el$1 = _tmpl$6();
+				_el$1.firstChild;
+				insert(_el$1, () => boundText(props.model.disabledReason ?? "", 160), null);
+				return _el$1;
+			}
+		}), null);
+		return _el$8;
+	})();
+}
+function ModelTrigger(props) {
+	return [(() => {
+		var _el$11 = _tmpl$8();
+		insert(_el$11, (() => {
+			var _c$ = memo(() => !!props.empty);
+			return () => _c$() ? "No models available" : triggerText(props);
+		})());
+		return _el$11;
+	})(), createComponent(ChevronsUpDown, { "aria-hidden": "true" })];
+}
+function ModelMenu(props) {
+	const [open, setOpen] = createSignal(false);
+	const groups = createMemo(() => groupModels(props.models));
+	const inert = () => props.blocked || props.models.length === 0;
+	createEffect(() => {
+		if (inert()) setOpen(false);
+	});
+	return createComponent(DropdownMenu, {
+		get open() {
+			return open();
+		},
+		onOpenChange: (next) => setOpen(next && !inert()),
+		placement: "top-start",
+		gutter: 6,
+		get children() {
+			return [createComponent(DropdownMenuTrigger, {
+				as: Button,
+				variant: "ghost",
+				size: "sm",
+				get ["aria-label"]() {
+					return `Model: ${props.models.length === 0 ? "none available" : triggerText(props)}`;
+				},
+				get ["aria-disabled"]() {
+					return inert() || void 0;
+				},
+				get ["aria-describedby"]() {
+					return props.describedBy;
+				},
+				get children() {
+					return createComponent(ModelTrigger, {
+						get selected() {
+							return props.selected;
+						},
+						get value() {
+							return props.value;
+						},
+						get empty() {
+							return props.models.length === 0;
+						}
+					});
+				}
+			}), createComponent(DropdownMenuContent, {
+				hideArrow: true,
+				"class": "w-72 max-w-full",
+				get children() {
+					return createComponent(DropdownMenuRadioGroup, {
+						get value() {
+							return props.value ?? "";
+						},
+						onChange: (id) => {
+							const model = typeof id === "string" ? findModel(props.models, id) : void 0;
+							if (!props.blocked && model && model.disabledReason === void 0) props.onChange(model.id);
+						},
+						get children() {
+							return createComponent(For, {
+								get each() {
+									return groups();
+								},
+								children: (group) => createComponent(DropdownMenuGroup, { get children() {
+									return [createComponent(DropdownMenuLabel, { get children() {
+										return group.provider;
+									} }), createComponent(For, {
+										get each() {
+											return group.models;
+										},
+										children: (model) => createComponent(DropdownMenuRadioItem, {
+											get value() {
+												return model.id;
+											},
+											get disabled() {
+												return inert() || model.disabledReason !== void 0;
+											},
+											get children() {
+												return createComponent(ModelOptionBody, { model });
+											}
+										})
+									})];
+								} })
+							});
+						}
+					});
+				}
+			})];
+		}
+	});
+}
+function ModelSearch(props) {
+	const [open, setOpen] = createSignal(false);
+	const groups = createMemo(() => groupModels(props.models));
+	createEffect(() => {
+		if (props.blocked) setOpen(false);
+	});
+	return createComponent(Popover, {
+		get open() {
+			return open();
+		},
+		onOpenChange: (next) => setOpen(next && !props.blocked),
+		placement: "top-start",
+		gutter: 6,
+		get children() {
+			return [createComponent(PopoverTrigger, {
+				as: Button,
+				variant: "ghost",
+				size: "sm",
+				get ["aria-label"]() {
+					return `Model: ${triggerText(props)}`;
+				},
+				get ["aria-disabled"]() {
+					return props.blocked || void 0;
+				},
+				get ["aria-describedby"]() {
+					return props.describedBy;
+				},
+				get children() {
+					return createComponent(ModelTrigger, {
+						get selected() {
+							return props.selected;
+						},
+						get value() {
+							return props.value;
+						},
+						empty: false
+					});
+				}
+			}), createComponent(PopoverContent, {
+				"class": "w-80 max-w-full",
+				get children() {
+					return createComponent(Command, {
+						label: "Choose a model",
+						get children() {
+							return [createComponent(CommandInput, { placeholder: "Search models" }), createComponent(CommandList, { get children() {
+								return [createComponent(CommandEmpty, { children: "No model matches." }), createComponent(For, {
+									get each() {
+										return groups();
+									},
+									children: (group) => createComponent(CommandGroup, {
+										get heading() {
+											return group.provider;
+										},
+										get children() {
+											return createComponent(For, {
+												get each() {
+													return group.models;
+												},
+												children: (model) => createComponent(CommandItem, {
+													get value() {
+														return modelSearchValue(model);
+													},
+													get disabled() {
+														return props.blocked || model.disabledReason !== void 0;
+													},
+													onSelect: () => {
+														if (props.blocked || model.disabledReason !== void 0) return;
+														props.onChange(model.id);
+														setOpen(false);
+													},
+													get children() {
+														return [createComponent(ModelOptionBody, { model }), createComponent(Show, {
+															get when() {
+																return model.id === props.value;
+															},
+															get children() {
+																return [createComponent(Check, {
+																	"aria-hidden": "true",
+																	"class": "ms-auto text-primary"
+																}), _tmpl$9()];
+															}
+														})];
+													}
+												})
+											});
+										}
+									})
+								})];
+							} })];
+						}
+					});
+				}
+			})];
+		}
+	});
+}
+function EffortMenu(props) {
+	const [open, setOpen] = createSignal(false);
+	const label = () => props.efforts.find((effort) => effort.id === props.value)?.label;
+	createEffect(() => {
+		if (props.blocked) setOpen(false);
+	});
+	return createComponent(DropdownMenu, {
+		get open() {
+			return open();
+		},
+		onOpenChange: (next) => setOpen(next && !props.blocked),
+		placement: "top-start",
+		gutter: 6,
+		get children() {
+			return [createComponent(DropdownMenuTrigger, {
+				as: Button,
+				variant: "ghost",
+				size: "sm",
+				get ["aria-label"]() {
+					return `Thinking effort: ${label() ?? "not set"}`;
+				},
+				get ["aria-disabled"]() {
+					return props.blocked || void 0;
+				},
+				get ["aria-describedby"]() {
+					return props.describedBy;
+				},
+				get children() {
+					return [createComponent(Brain, { "aria-hidden": "true" }), (() => {
+						var _el$13 = _tmpl$0();
+						insert(_el$13, () => label() ?? "Effort");
+						return _el$13;
+					})()];
+				}
+			}), createComponent(DropdownMenuContent, {
+				hideArrow: true,
+				"class": "w-56 max-w-full",
+				get children() {
+					return createComponent(DropdownMenuRadioGroup, {
+						get value() {
+							return props.value ?? "";
+						},
+						onChange: (id) => {
+							if (!props.blocked && typeof id === "string") props.onChange(id);
+						},
+						get children() {
+							return createComponent(DropdownMenuGroup, { get children() {
+								return [createComponent(DropdownMenuLabel, { children: "Thinking effort" }), createComponent(For, {
+									get each() {
+										return props.efforts;
+									},
+									children: (effort) => createComponent(DropdownMenuRadioItem, {
+										get value() {
+											return effort.id;
+										},
+										get disabled() {
+											return props.blocked;
+										},
+										get children() {
+											var _el$14 = _tmpl$1(), _el$15 = _el$14.firstChild;
+											insert(_el$15, () => effort.label);
+											insert(_el$14, createComponent(Show, {
+												get when() {
+													return effort.description;
+												},
+												get children() {
+													var _el$16 = _tmpl$5();
+													insert(_el$16, () => effort.description);
+													return _el$16;
+												}
+											}), null);
+											return _el$14;
+										}
+									})
+								})];
+							} });
+						}
+					});
+				}
+			})];
+		}
+	});
+}
+//#endregion
+export { ModelSelector };
+
+//# sourceMappingURL=model-selector.js.map

package/dist/components/composites/model-selector/model-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-selector.js","names":["Brain","Check","ChevronsUpDown","createEffect","createMemo","createSignal","createUniqueId","For","Show","splitProps","cn","Button","Command","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","DropdownMenu","DropdownMenuContent","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuTrigger","Popover","PopoverContent","PopoverTrigger","boundText","findModel","groupModels","modelSearchValue","needsSearch","normalizeEfforts","resolveEffort","ModelOption","ModelSelectorProps","models","value","effort","onChange","id","onEffortChange","searchThreshold","disabledReason","label","class","ModelSelector","props","local","blocked","undefined","selected","efforts","effortChoice","reason","reasonId","describedBy","_el$","_tmpl$2","_el$2","firstChild","_$insert","_$createComponent","when","fallback","children","_el$4","_tmpl$3","_el$5","triggerText","length","ModelMenu","ModelSearch","choice","_el$6","_tmpl$4","_el$7","EffortMenu","_el$3","_tmpl$","_$setAttribute","_$effect","_p$","_v$","_v$2","e","_$className","t","ModelOptionBody","model","_el$8","_tmpl$7","_el$9","description","_el$0","_tmpl$5","_el$1","_tmpl$6","_el$10","PickerProps","ModelTrigger","empty","_el$11","_tmpl$8","_c$","_$memo","open","setOpen","groups","inert","onOpenChange","next","placement","gutter","as","variant","size","aria-label","aria-disabled","aria-describedby","hideArrow","each","group","provider","disabled","placeholder","heading","onSelect","_tmpl$9","ReturnType","find","_el$13","_tmpl$0","_el$14","_tmpl$1","_el$15","_el$16","_$createComponent","_$className","_$setAttribute","_$memo"],"sources":["../../../../src/components/composites/model-selector/model-selector.tsx"],"sourcesContent":["import { Brain, Check, ChevronsUpDown } from 'lucide-solid'\nimport {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  Show,\n  splitProps,\n} from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button } from '../../ui/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../ui/command'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu'\nimport { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover'\nimport { boundText } from '../sources/source'\nimport {\n  findModel,\n  groupModels,\n  modelSearchValue,\n  needsSearch,\n  normalizeEfforts,\n  resolveEffort,\n  type ModelOption,\n} from './models'\n\n/**\n * ModelSelector.\n *\n * Two controls in one group beside the composer: *which model*, and *how hard it\n * thinks*. They are one component because the second depends on the first — an\n * effort level belongs to a model, and switching model can make the chosen effort\n * meaningless — so a host should not have to keep two menus consistent by hand.\n *\n * ## What it takes and what it will not decide\n *\n * `models` carries each option's provider, optional description and optional\n * `disabledReason`; `value` and `effort` are the current choice; `onChange` and\n * `onEffortChange` report a new one. The component holds no selection of its own\n * (the host may veto, persist or reset it) and never decides what is allowed:\n *\n * - **An unavailable model stays in the list**, disabled, with the host's reason\n *   beside it in words. Hiding it would leave the person guessing where it went.\n * - **No `onChange`, no menu.** The model is then plain text — a read-only\n *   statement of what is running — not a button that does nothing. The same holds\n *   for effort and `onEffortChange`.\n * - **Effort renders only when the selected model advertises `efforts`.** A model\n *   that does not has no effort control, and a stored `effort` the model does not\n *   offer is shown as unset rather than as a level the model never had.\n * - **A `value` that is not in the list is shown as given**, not swapped for a\n *   model the person did not choose.\n * - `disabledReason` disables both and says why under the group.\n *\n * ## Short list or long\n *\n * Up to `searchThreshold` models (7) the model picker is a `DropdownMenu` with\n * radio rows grouped by provider: arrows, typeahead and Escape come from the menu\n * contract. Beyond it the list is a `Popover` holding a `Command` palette with a\n * search box, because scanning thirty rows is slower than typing four letters.\n * Both close on choice and return focus to the trigger. Triggers use\n * `aria-disabled` so a blocked control is still reachable and its reason read.\n */\nexport type ModelSelectorProps = {\n  models: readonly ModelOption[]\n  /** The selected model's id. */\n  value?: string\n  /** The selected effort's id. */\n  effort?: string\n  onChange?: (id: string) => void\n  onEffortChange?: (effort: string) => void\n  /** Show a search box above this many models. Default 7. */\n  searchThreshold?: number\n  /** Why neither control can be used right now. */\n  disabledReason?: string\n  /** The group's accessible name. */\n  label?: string\n  class?: string\n}\n\nexport function ModelSelector(props: ModelSelectorProps) {\n  const [local] = splitProps(props, [\n    'models',\n    'value',\n    'effort',\n    'onChange',\n    'onEffortChange',\n    'searchThreshold',\n    'disabledReason',\n    'label',\n    'class',\n  ])\n  const blocked = () => local.disabledReason !== undefined\n  const selected = () => findModel(local.models, local.value)\n  const efforts = createMemo(() => normalizeEfforts(selected()?.efforts))\n  const effortChoice = () => resolveEffort(selected(), local.effort)\n  const reason = () => (local.disabledReason ? boundText(local.disabledReason, 240) : undefined)\n  const reasonId = `${createUniqueId()}-reason`\n  const describedBy = () => (reason() ? reasonId : undefined)\n\n  return (\n    <div data-slot=\"model-selector\" class={cn('flex min-w-0 flex-col gap-1', local.class)}>\n      <div\n        role=\"group\"\n        aria-label={local.label ?? 'Model and thinking effort'}\n        class=\"flex min-w-0 items-center gap-1\"\n      >\n        <Show\n          when={local.onChange}\n          fallback={\n            <Show when={local.value}>\n              <span class=\"truncate px-2 text-sm text-muted-foreground\">\n                <span class=\"visually-hidden\">Model: </span>\n                {triggerText({ selected: selected(), value: local.value })}\n              </span>\n            </Show>\n          }\n        >\n          <Show\n            when={needsSearch(local.models.length, local.searchThreshold)}\n            fallback={\n              <ModelMenu\n                models={local.models}\n                selected={selected()}\n                value={local.value}\n                blocked={blocked()}\n                describedBy={describedBy()}\n                onChange={(id) => local.onChange?.(id)}\n              />\n            }\n          >\n            <ModelSearch\n              models={local.models}\n              selected={selected()}\n              value={local.value}\n              blocked={blocked()}\n              describedBy={describedBy()}\n              onChange={(id) => local.onChange?.(id)}\n            />\n          </Show>\n        </Show>\n        <Show when={efforts().length > 0}>\n          <Show\n            when={local.onEffortChange}\n            fallback={\n              <Show when={effortChoice()}>\n                {(choice) => (\n                  <span class=\"flex items-center gap-1 truncate px-2 text-sm text-muted-foreground\">\n                    <Brain aria-hidden=\"true\" class=\"size-3.5 shrink-0\" />\n                    <span class=\"visually-hidden\">Thinking effort: </span>\n                    {choice().label}\n                  </span>\n                )}\n              </Show>\n            }\n          >\n            <EffortMenu\n              efforts={efforts()}\n              value={effortChoice()?.id}\n              blocked={blocked()}\n              describedBy={describedBy()}\n              onChange={(id) => local.onEffortChange?.(id)}\n            />\n          </Show>\n        </Show>\n      </div>\n      <Show when={reason()}>\n        <p id={reasonId} role=\"status\" class=\"m-0 text-xs text-muted-foreground\">\n          {reason()}\n        </p>\n      </Show>\n    </div>\n  )\n}\n\nfunction triggerText(props: { selected?: ModelOption; value?: string }): string {\n  if (props.selected) return boundText(props.selected.label, 60)\n  return props.value ? boundText(props.value, 60) : 'Choose a model'\n}\n\nfunction ModelOptionBody(props: { model: ModelOption }) {\n  return (\n    <span class=\"flex min-w-0 flex-col\">\n      <span class=\"[overflow-wrap:anywhere]\">{boundText(props.model.label, 60)}</span>\n      <Show when={props.model.description}>\n        <span class=\"text-xs text-muted-foreground [overflow-wrap:anywhere]\">\n          {boundText(props.model.description ?? '', 160)}\n        </span>\n      </Show>\n      <Show when={props.model.disabledReason}>\n        <span class=\"text-xs text-muted-foreground [overflow-wrap:anywhere]\">\n          <span class=\"visually-hidden\">Unavailable: </span>\n          {boundText(props.model.disabledReason ?? '', 160)}\n        </span>\n      </Show>\n    </span>\n  )\n}\n\ntype PickerProps = {\n  models: readonly ModelOption[]\n  selected?: ModelOption\n  value?: string\n  blocked: boolean\n  describedBy?: string\n  onChange: (id: string) => void\n}\n\nfunction ModelTrigger(props: { selected?: ModelOption; value?: string; empty: boolean }) {\n  return (\n    <>\n      <span class=\"max-w-48 truncate\">\n        {props.empty ? 'No models available' : triggerText(props)}\n      </span>\n      <ChevronsUpDown aria-hidden=\"true\" />\n    </>\n  )\n}\n\nfunction ModelMenu(props: PickerProps) {\n  const [open, setOpen] = createSignal(false)\n  const groups = createMemo(() => groupModels(props.models))\n  const inert = () => props.blocked || props.models.length === 0\n\n  createEffect(() => {\n    if (inert()) setOpen(false)\n  })\n\n  return (\n    <DropdownMenu\n      open={open()}\n      onOpenChange={(next) => setOpen(next && !inert())}\n      placement=\"top-start\"\n      gutter={6}\n    >\n      <DropdownMenuTrigger\n        as={Button}\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-label={`Model: ${props.models.length === 0 ? 'none available' : triggerText(props)}`}\n        aria-disabled={inert() || undefined}\n        aria-describedby={props.describedBy}\n      >\n        <ModelTrigger\n          selected={props.selected}\n          value={props.value}\n          empty={props.models.length === 0}\n        />\n      </DropdownMenuTrigger>\n      <DropdownMenuContent hideArrow class=\"w-72 max-w-full\">\n        <DropdownMenuRadioGroup\n          value={props.value ?? ''}\n          onChange={(id: unknown) => {\n            // Disabled rows cannot be activated, but the guard is the contract.\n            const model = typeof id === 'string' ? findModel(props.models, id) : undefined\n            if (!props.blocked && model && model.disabledReason === undefined) {\n              props.onChange(model.id)\n            }\n          }}\n        >\n          <For each={groups()}>\n            {(group) => (\n              <DropdownMenuGroup>\n                <DropdownMenuLabel>{group.provider}</DropdownMenuLabel>\n                <For each={group.models}>\n                  {(model) => (\n                    <DropdownMenuRadioItem\n                      value={model.id}\n                      disabled={inert() || model.disabledReason !== undefined}\n                    >\n                      <ModelOptionBody model={model} />\n                    </DropdownMenuRadioItem>\n                  )}\n                </For>\n              </DropdownMenuGroup>\n            )}\n          </For>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nfunction ModelSearch(props: PickerProps) {\n  const [open, setOpen] = createSignal(false)\n  const groups = createMemo(() => groupModels(props.models))\n\n  createEffect(() => {\n    if (props.blocked) setOpen(false)\n  })\n\n  return (\n    <Popover\n      open={open()}\n      onOpenChange={(next) => setOpen(next && !props.blocked)}\n      placement=\"top-start\"\n      gutter={6}\n    >\n      <PopoverTrigger\n        as={Button}\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-label={`Model: ${triggerText(props)}`}\n        aria-disabled={props.blocked || undefined}\n        aria-describedby={props.describedBy}\n      >\n        <ModelTrigger selected={props.selected} value={props.value} empty={false} />\n      </PopoverTrigger>\n      <PopoverContent class=\"w-80 max-w-full\">\n        <Command label=\"Choose a model\">\n          <CommandInput placeholder=\"Search models\" />\n          <CommandList>\n            <CommandEmpty>No model matches.</CommandEmpty>\n            <For each={groups()}>\n              {(group) => (\n                <CommandGroup heading={group.provider}>\n                  <For each={group.models}>\n                    {(model) => (\n                      <CommandItem\n                        value={modelSearchValue(model)}\n                        disabled={props.blocked || model.disabledReason !== undefined}\n                        onSelect={() => {\n                          if (props.blocked || model.disabledReason !== undefined) return\n                          props.onChange(model.id)\n                          setOpen(false)\n                        }}\n                      >\n                        <ModelOptionBody model={model} />\n                        <Show when={model.id === props.value}>\n                          <Check aria-hidden=\"true\" class=\"ms-auto text-primary\" />\n                          <span class=\"visually-hidden\">Current model</span>\n                        </Show>\n                      </CommandItem>\n                    )}\n                  </For>\n                </CommandGroup>\n              )}\n            </For>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nfunction EffortMenu(props: {\n  efforts: ReturnType<typeof normalizeEfforts>\n  value?: string\n  blocked: boolean\n  describedBy?: string\n  onChange: (id: string) => void\n}) {\n  const [open, setOpen] = createSignal(false)\n  const label = () => props.efforts.find((effort) => effort.id === props.value)?.label\n\n  createEffect(() => {\n    if (props.blocked) setOpen(false)\n  })\n\n  return (\n    <DropdownMenu\n      open={open()}\n      onOpenChange={(next) => setOpen(next && !props.blocked)}\n      placement=\"top-start\"\n      gutter={6}\n    >\n      <DropdownMenuTrigger\n        as={Button}\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-label={`Thinking effort: ${label() ?? 'not set'}`}\n        aria-disabled={props.blocked || undefined}\n        aria-describedby={props.describedBy}\n      >\n        <Brain aria-hidden=\"true\" />\n        <span aria-hidden=\"true\">{label() ?? 'Effort'}</span>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent hideArrow class=\"w-56 max-w-full\">\n        <DropdownMenuRadioGroup\n          value={props.value ?? ''}\n          onChange={(id: unknown) => {\n            if (!props.blocked && typeof id === 'string') props.onChange(id)\n          }}\n        >\n          <DropdownMenuGroup>\n            <DropdownMenuLabel>Thinking effort</DropdownMenuLabel>\n            <For each={props.efforts}>\n              {(effort) => (\n                <DropdownMenuRadioItem value={effort.id} disabled={props.blocked}>\n                  <span class=\"flex min-w-0 flex-col\">\n                    <span>{effort.label}</span>\n                    <Show when={effort.description}>\n                      <span class=\"text-xs text-muted-foreground [overflow-wrap:anywhere]\">\n                        {effort.description}\n                      </span>\n                    </Show>\n                  </span>\n                </DropdownMenuRadioItem>\n              )}\n            </For>\n          </DropdownMenuGroup>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/model-selector/models.d.ts

@@ -0,0 +1,51 @@
+/**
+ * An effort level a model supports: just its id (`'high'`), or an id with the
+ * words to show. A bare id is labelled by capitalising it, which is right for
+ * `low` / `medium` / `high` and wrong for anything else — pass a label then.
+ */
+export type ModelEffort = string | Readonly<{
+    id: string;
+    label?: string;
+    description?: string;
+}>;
+export type EffortOption = Readonly<{
+    id: string;
+    label: string;
+    description?: string;
+}>;
+/**
+ * A model the person may pick. `efforts` lists the effort levels *this* model
+ * advertises; a model without it has no effort control, because showing one would
+ * claim the model can be told how hard to think. `disabledReason` is the host's
+ * authority speaking (plan, quota, region): the model stays in the list, disabled,
+ * with the reason beside it.
+ */
+export type ModelOption = Readonly<{
+    /** Unique within the list. */
+    id: string;
+    label: string;
+    provider: string;
+    description?: string;
+    disabledReason?: string;
+    efforts?: readonly ModelEffort[];
+}>;
+/** Efforts as options: blanks dropped, duplicate ids kept once (first wins), text bounded. */
+export declare function normalizeEfforts(efforts: readonly ModelEffort[] | undefined): EffortOption[];
+export declare function findModel(models: readonly ModelOption[], id: string | undefined): ModelOption | undefined;
+/** The selected effort, only if the selected model actually offers it. */
+export declare function resolveEffort(model: ModelOption | undefined, effort: string | undefined): EffortOption | undefined;
+export type ModelGroup = Readonly<{
+    provider: string;
+    models: readonly ModelOption[];
+}>;
+/** Group by provider, in the order providers first appear, so the host controls ranking. */
+export declare function groupModels(models: readonly ModelOption[]): ModelGroup[];
+/** Past this many models the list gets a search box; a short list is quicker to read. */
+export declare const MODEL_SEARCH_THRESHOLD = 7;
+export declare function needsSearch(count: number, threshold?: number): boolean;
+/**
+ * What the search matches against: everything a person might type to find a model
+ * — its name, its provider, its id, and its description.
+ */
+export declare function modelSearchValue(model: ModelOption): string;
+//# sourceMappingURL=models.d.ts.map

package/dist/components/composites/model-selector/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/model-selector/models.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAEjG,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAExF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IACjC,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;CACjC,CAAC,CAAA;AAUF,8FAA8F;AAC9F,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,GAAG,SAAS,GAAG,YAAY,EAAE,CAoB5F;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,WAAW,EAAE,EAC9B,EAAE,EAAE,MAAM,GAAG,SAAS,GACrB,WAAW,GAAG,SAAS,CAEzB;AAED,0EAA0E;AAC1E,wBAAgB,aAAa,CAC3B,KAAK,EAAE,WAAW,GAAG,SAAS,EAC9B,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,YAAY,GAAG,SAAS,CAG1B;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,WAAW,EAAE,CAAA;CAAE,CAAC,CAAA;AAEvF,4FAA4F;AAC5F,wBAAgB,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,UAAU,EAAE,CASxE;AAED,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,IAAI,CAAA;AAEvC,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAyB,GAAG,OAAO,CAEtF;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAE3D"}

package/dist/components/composites/model-selector/models.js

@@ -0,0 +1,71 @@
+import { boundText } from "../sources/source.js";
+//#region src/components/composites/model-selector/models.ts
+var LABEL_LIMIT = 60;
+var DESCRIPTION_LIMIT = 160;
+function titleCase(id) {
+	const clean = boundText(id, LABEL_LIMIT);
+	return clean.charAt(0).toUpperCase() + clean.slice(1);
+}
+/** Efforts as options: blanks dropped, duplicate ids kept once (first wins), text bounded. */
+function normalizeEfforts(efforts) {
+	const seen = /* @__PURE__ */ new Set();
+	const out = [];
+	for (const effort of efforts ?? []) {
+		const id = typeof effort === "string" ? effort : effort.id;
+		if (id.trim() === "" || seen.has(id)) continue;
+		seen.add(id);
+		if (typeof effort === "string") out.push({
+			id,
+			label: titleCase(id)
+		});
+		else out.push({
+			id,
+			label: (effort.label ? boundText(effort.label, LABEL_LIMIT) : "") || titleCase(id),
+			description: effort.description ? boundText(effort.description, DESCRIPTION_LIMIT) : void 0
+		});
+	}
+	return out;
+}
+function findModel(models, id) {
+	return id === void 0 ? void 0 : models.find((model) => model.id === id);
+}
+/** The selected effort, only if the selected model actually offers it. */
+function resolveEffort(model, effort) {
+	if (!model || effort === void 0) return void 0;
+	return normalizeEfforts(model.efforts).find((option) => option.id === effort);
+}
+/** Group by provider, in the order providers first appear, so the host controls ranking. */
+function groupModels(models) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const model of models) {
+		const provider = boundText(model.provider, LABEL_LIMIT) || "Other";
+		const bucket = groups.get(provider);
+		if (bucket) bucket.push(model);
+		else groups.set(provider, [model]);
+	}
+	return [...groups].map(([provider, list]) => ({
+		provider,
+		models: list
+	}));
+}
+/** Past this many models the list gets a search box; a short list is quicker to read. */
+var MODEL_SEARCH_THRESHOLD = 7;
+function needsSearch(count, threshold = 7) {
+	return count > threshold;
+}
+/**
+* What the search matches against: everything a person might type to find a model
+* — its name, its provider, its id, and its description.
+*/
+function modelSearchValue(model) {
+	return [
+		model.label,
+		model.provider,
+		model.id,
+		model.description ?? ""
+	].join(" ");
+}
+//#endregion
+export { MODEL_SEARCH_THRESHOLD, findModel, groupModels, modelSearchValue, needsSearch, normalizeEfforts, resolveEffort };
+
+//# sourceMappingURL=models.js.map