@hanzo/ui 8.27.20 → 8.27.23

package/dist/masthead.css

@@ -0,0 +1,502 @@
+/* hanzo.ai's header (Masthead, @hanzo/ui/masthead): the bar, a menu's plane,
+   Log in ▾, and the phone sheet. Imported once by every site that wears it.
+
+   The bar reads the theme's tokens (@hanzo/design via @hanzo/ui/theme.css), so
+   light and dark need no second copy of any of it. The three below are the
+   chrome's own; a site that states them at :root wins, since these sit at zero
+   specificity. */
+:where(:root) {
+  /* The header's height. */
+  --header: 60px;
+  /* One inset for the chrome and the page under it, the shell's GUTTER. */
+  --page-gutter: clamp(20px, 4vw, 72px);
+  /* The ground every chrome menu stands on: @hanzo/design's dropdown panel,
+     opaque, a shade above --background in either theme. */
+  --chrome-panel: var(--popover);
+}
+/* The bar's ink on a light page. The shell writes its inks as
+   `var(--white-92, …)` with white only as the fallback, so stating these names
+   on the bar turns every inline use black at once. Scoped to the bar: the names
+   mean a hue, and a page's own glows and hover fills stay white.
+
+   --white-45 is pushed to .56 rather than mirrored: black on white reads fainter
+   than white on black at the same alpha, and .56 is 4.5:1 on both the bar and
+   the panel. The panel under these inks is --chrome-panel, which flips with the
+   theme at `.light` wherever a menu is mounted. */
+.light .hz-masthead {
+  --white-92: rgb(0 0 0 / 0.92);
+  --white-60: rgb(0 0 0 / 0.6);
+  --white-45: rgb(0 0 0 / 0.56);
+  --white-10: rgb(0 0 0 / 0.1);
+}
+
+/* ==========================================================================
+   THE BAR AND THE SHEET
+
+   One nav tree, two drawings: the bar and the phone sheet. The bar's geometry
+   is @hanzogui/shell's — a 60px row, 34px pills, 13px labels, a 16px mark
+   before each, a 12px chevron after — so it reads as the same chrome the rest
+   of the estate wears. Every ink and ground is a theme token.
+
+   THREE GROUNDS for the bar. Clear over the top of a page; glass once the page
+   moves under it; and the plane's own opaque ground while a menu or the sheet
+   hangs from it, so bar and plane are one surface. The open bar carries no
+   backdrop filter on purpose: a filtered element is a backdrop root, and the
+   veil inside it would then blur the bar instead of the page.
+   ========================================================================== */
+
+.hz-masthead {
+  --wash: color-mix(in srgb, var(--foreground) 6%, transparent);
+  --hairline: color-mix(in srgb, var(--foreground) 10%, transparent);
+  position: sticky;
+  top: 0;
+  z-index: var(--z-header);
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  box-sizing: content-box;
+  height: var(--header);
+  padding: env(safe-area-inset-top) var(--page-gutter) 0;
+  font-family: var(--font-sans);
+  /* The type the chrome is set in: @hanzo/gui's body, 16px on a 20px line. A
+     fixed line, so every row keeps its height whatever the host's body type. */
+  font-size: 16px;
+  line-height: 20px;
+  color: var(--foreground);
+  transition: background-color 160ms ease;
+}
+
+.hz-masthead[data-grounded] {
+  background: color-mix(in srgb, var(--background) 72%, transparent);
+  backdrop-filter: blur(20px) saturate(1.8);
+  -webkit-backdrop-filter: blur(20px) saturate(1.8);
+}
+
+.hz-masthead:has([aria-expanded='true']) {
+  background: var(--chrome-panel);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+
+.hz-masthead a,
+.hz-masthead button {
+  font-family: inherit;
+  text-decoration: none;
+}
+
+/* ------------------------------------------------------------------ pills */
+
+.hz-masthead .hz-trigger,
+.hz-masthead .hz-find,
+.hz-masthead .hz-brand {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  height: 34px;
+  border: 0;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  transition: color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
+}
+
+.hz-masthead .hz-trigger {
+  gap: 6px;
+  padding: 0 12px;
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  white-space: nowrap;
+}
+
+.hz-masthead .hz-trigger:hover,
+.hz-masthead .hz-trigger[aria-expanded='true'],
+.hz-masthead .hz-find:hover,
+.hz-masthead .hz-brand:hover,
+.hz-masthead .hz-brand:has([aria-expanded='true']) {
+  color: var(--foreground);
+  background: var(--wash);
+  box-shadow: inset 0 0 0 1px var(--hairline);
+}
+
+:is(.hz-masthead, .hz-sheet) .hz-mark {
+  display: inline-flex;
+  opacity: 0.9;
+}
+
+:is(.hz-masthead, .hz-sheet) .hz-chevron {
+  flex-shrink: 0;
+  transition: transform 150ms ease;
+}
+
+[aria-expanded='true'] > .hz-chevron,
+details[open] > summary > .hz-chevron {
+  transform: rotate(180deg);
+}
+
+/* The name of the place is never dim, and the chevron beside it is its own stop:
+   the name goes home, the chevron opens the company. */
+.hz-masthead .hz-brand {
+  margin-left: -4px;
+  color: var(--foreground);
+}
+
+.hz-masthead .hz-brand .hz-wordmark {
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+  padding-left: 12px;
+  color: inherit;
+}
+
+.hz-masthead .hz-brand .hz-company {
+  display: inline-grid;
+  place-items: center;
+  width: 30px;
+  height: 100%;
+  padding: 0 6px 0 0;
+  border: 0;
+  border-radius: 0 999px 999px 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+}
+
+.hz-masthead .hz-nav {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.hz-masthead .hz-find {
+  justify-content: center;
+  width: 34px;
+}
+
+.hz-masthead .hz-end {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+}
+
+.hz-masthead .hz-menu {
+  position: relative;
+  display: inline-flex;
+}
+
+/* The one filled control in the bar. */
+:is(.hz-masthead, .hz-sheet) .hz-try {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  box-sizing: border-box;
+  height: 34px;
+  padding: 0 14px;
+  border-radius: 999px;
+  background: var(--foreground);
+  color: var(--background);
+  font-size: var(--text-sm);
+  font-weight: var(--weight-semibold);
+  white-space: nowrap;
+  text-decoration: none;
+  transition: opacity 120ms ease;
+}
+
+:is(.hz-masthead, .hz-sheet) .hz-try:hover {
+  opacity: 0.88;
+}
+
+:is(.hz-masthead, .hz-sheet) .hz-out {
+  display: inline-block;
+  margin-left: 0.28em;
+  vertical-align: middle;
+  opacity: 0.7;
+}
+
+.hz-masthead .hz-toggle {
+  display: none;
+  place-items: center;
+  width: 44px;
+  height: 44px;
+  margin-right: -10px;
+  border: 0;
+  background: transparent;
+  color: var(--foreground);
+  cursor: pointer;
+}
+
+/* ------------------------------------------------------------------ plane */
+
+/* A menu's panel spans the window under the bar and lays its columns out from
+   the wordmark's column. */
+.hz-masthead .hz-plane {
+  position: fixed;
+  top: calc(var(--header) + env(safe-area-inset-top));
+  left: 0;
+  right: 0;
+  z-index: calc(var(--z-base) + 1);
+  max-height: calc(100dvh - var(--header));
+  overflow-y: auto;
+  background: var(--chrome-panel);
+  box-shadow: 0 24px 60px -16px color-mix(in srgb, var(--pure-black) 75%, transparent);
+  animation: hz-plane-in 160ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
+}
+
+@keyframes hz-plane-in {
+  from { opacity: 0; transform: translateY(-4px); }
+  to { opacity: 1; transform: none; }
+}
+
+.hz-masthead .hz-veil {
+  position: fixed;
+  top: calc(var(--header) + env(safe-area-inset-top));
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: var(--z-base);
+  background: color-mix(in srgb, var(--pure-black) 40%, transparent);
+  backdrop-filter: blur(24px) saturate(1.2);
+  -webkit-backdrop-filter: blur(24px) saturate(1.2);
+}
+
+.hz-masthead .hz-columns {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  justify-content: start;
+  gap: clamp(24px, 3vw, 64px);
+  padding: 36px calc(var(--page-gutter) + 8px) 48px;
+}
+
+:is(.hz-masthead, .hz-sheet) .hz-column {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  transition: opacity 160ms ease;
+}
+
+/* The column under the pointer is the one being read; the others step back. */
+.hz-masthead .hz-columns:has(> .hz-column:hover) > .hz-column:not(:hover) {
+  opacity: 0.45;
+}
+
+:is(.hz-masthead, .hz-sheet) .hz-column-title {
+  margin: 0 0 10px;
+  font-size: var(--text-sm);
+  font-weight: var(--weight-semibold);
+  color: var(--foreground);
+  text-decoration: none;
+}
+
+/* `justify-content` is stated on every row: this sheet centres any link whose
+   one element child is an svg, and ↗ is exactly that. A row is as wide as its
+   words, so a keyboard ring hugs the words it names rather than the column. */
+:is(.hz-masthead, .hz-sheet) .hz-column a {
+  display: block;
+  width: fit-content;
+  justify-content: flex-start;
+  margin: 0 -8px;
+  padding: 5px 8px;
+  border-radius: 8px;
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--muted-foreground);
+  white-space: nowrap;
+  text-decoration: none;
+  transition: color 120ms ease;
+}
+
+:is(.hz-masthead, .hz-sheet) .hz-column a:hover,
+:is(.hz-masthead, .hz-sheet) .hz-column a:focus-visible {
+  color: var(--foreground);
+}
+
+/* The destinations someone arrives wanting, in display type. */
+.hz-masthead .hz-column[data-lead] a {
+  padding: 2px 8px;
+  font-size: var(--text-3xl);
+  font-weight: var(--weight-normal);
+  line-height: 1.28;
+  letter-spacing: -0.01em;
+  color: var(--foreground);
+}
+
+/* ------------------------------------------------------------------ log in */
+
+.hz-masthead .hz-card {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  display: grid;
+  gap: 2px;
+  min-width: 240px;
+  padding: 6px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  background: var(--chrome-panel);
+  box-shadow: 0 24px 60px -16px color-mix(in srgb, var(--pure-black) 75%, transparent);
+  animation: hz-plane-in 160ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
+}
+
+.hz-masthead .hz-card a {
+  display: grid;
+  gap: 2px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  color: var(--foreground);
+  font-size: var(--text-sm);
+  font-weight: var(--weight-semibold);
+}
+
+.hz-masthead .hz-card a:hover,
+.hz-masthead .hz-card a:focus-visible {
+  background: color-mix(in srgb, var(--foreground) 6%, transparent);
+}
+
+.hz-masthead .hz-card small {
+  font-size: var(--text-xs);
+  font-weight: var(--weight-normal);
+  color: var(--muted-foreground);
+}
+
+/* ------------------------------------------------------------------ phone */
+
+.hz-sheet {
+  position: fixed;
+  top: calc(var(--header) + env(safe-area-inset-top));
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: var(--z-overlay);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding: 4px var(--page-gutter) calc(24px + env(safe-area-inset-bottom));
+  background: var(--chrome-panel);
+  font-family: var(--font-sans);
+  font-size: 16px;
+  line-height: 20px;
+  animation: hz-plane-in 160ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
+}
+
+.hz-sheet details {
+  border-bottom: 1px solid var(--border);
+}
+
+.hz-sheet summary {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 56px;
+  list-style: none;
+  font-size: var(--text-xl);
+  font-weight: var(--weight-medium);
+  color: var(--foreground);
+  cursor: pointer;
+}
+
+.hz-sheet summary::-webkit-details-marker {
+  display: none;
+}
+
+.hz-sheet summary .hz-chevron {
+  margin-left: auto;
+}
+
+.hz-sheet .hz-column {
+  padding: 0 0 16px;
+}
+
+.hz-sheet .hz-column-title {
+  margin: 4px 0 2px;
+  font-size: var(--text-xs);
+  color: var(--text-tertiary);
+}
+
+.hz-sheet .hz-column a,
+.hz-sheet .hz-column[data-lead] a {
+  display: flex;
+  width: auto;
+  align-items: center;
+  justify-content: flex-start;
+  min-height: 44px;
+  margin: 0;
+  padding: 0;
+  font-size: var(--text-lg);
+  font-weight: var(--weight-normal);
+  letter-spacing: 0;
+  line-height: 1.2;
+  white-space: normal;
+}
+
+.hz-sheet .hz-column[data-lead] a {
+  font-size: var(--text-xl);
+}
+
+.hz-sheet .hz-doors {
+  display: grid;
+  gap: 4px;
+  padding-top: 20px;
+}
+
+.hz-sheet .hz-door {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  min-height: 44px;
+  font-size: var(--text-lg);
+  color: var(--foreground);
+  text-decoration: none;
+}
+
+.hz-sheet .hz-try {
+  height: 48px;
+  margin-top: 12px;
+  font-size: var(--text-base);
+}
+
+/* One compact bar on a phone and a tablet: the name, search, and the menu. */
+@media (max-width: 1023px) {
+  .hz-masthead .hz-nav,
+  .hz-masthead .hz-login,
+  .hz-masthead .hz-end > .hz-try,
+  .hz-masthead .hz-brand .hz-company {
+    display: none;
+  }
+
+  .hz-masthead .hz-brand .hz-wordmark {
+    padding-right: 12px;
+  }
+
+  .hz-masthead .hz-find {
+    width: 44px;
+    height: 44px;
+    margin-left: auto;
+  }
+
+  .hz-masthead .hz-end {
+    margin-left: 0;
+  }
+
+  .hz-masthead .hz-toggle {
+    display: inline-grid;
+  }
+}
+
+/* Between a tablet and a wide laptop the row keeps its labels and drops its marks. */
+@media (min-width: 1024px) and (max-width: 1199px) {
+  .hz-masthead .hz-nav .hz-mark {
+    display: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .hz-masthead .hz-plane,
+  .hz-masthead .hz-card,
+  .hz-sheet {
+    animation: none;
+  }
+}

package/dist/models/ModelSelector.cjs

@@ -30,13 +30,25 @@ function fmtContext(ctx) {
  * family headers, premium markers, context suffixes, keyboard navigation, and
  * type-to-filter search for large catalogs.
  *
+ * A model with `access` is listed and never chosen: its row is disabled, says
+ * why, and links to where a person asks for access. The link sits inside a
+ * list item rather than an option, so it is a control of its own and not one
+ * nested in another; it keeps Enter to itself, which the list would otherwise
+ * take as a pick.
+ *
  * Styling is gui style props and tokens throughout — no class strings. The panel
  * matches the trigger's MEASURED width (`onLayout`, which gui implements on web
  * too), never a Radix `--radix-popover-trigger-width` custom property: nothing
  * defines that variable now that Radix is gone.
  */
-function ModelSelector({ models, value, onChange, disabled = false, size = 'md', placeholder = 'Select model', chatOnly = true, className, }) {
-    const [open, setOpen] = (0, react_1.useState)(false);
+function ModelSelector({ models, value, onChange, disabled = false, size = 'md', placeholder = 'Select model', chatOnly = true, className, open: openProp, onOpenChange, }) {
+    const [own, setOwn] = (0, react_1.useState)(false);
+    const open = openProp ?? own;
+    const setOpen = (next) => {
+        if (openProp === undefined)
+            setOwn(next);
+        onOpenChange?.(next);
+    };
     const [triggerW, setTriggerW] = (0, react_1.useState)(0);
     const visible = (0, react_1.useMemo)(() => (chatOnly ? (0, catalog_1.filterChatModels)(models) : models), [models, chatOnly]);
     const groups = (0, react_1.useMemo)(() => (0, catalog_1.groupModelsByFamily)(visible), [visible]);
@@ -50,10 +62,13 @@ function ModelSelector({ models, value, onChange, disabled = false, size = 'md',
     return ((0, jsx_runtime_1.jsxs)(gui_2.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { onLayout: (e) => setTriggerW(e.nativeEvent.layout.width), children: (0, jsx_runtime_1.jsx)(gui_2.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(gui_2.Button, { variant: "outline", size: isSm ? 'sm' : 'default', role: "combobox", "aria-expanded": open, disabled: disabled, justify: "flex-start", ...(0, sx_1.sx)(className), children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { numberOfLines: 1, size: isSm ? '$1' : '$2', color: "$color12", children: selectedLabel }), selectedFamily && ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { numberOfLines: 1, size: isSm ? '$1' : '$2', color: "$color11", children: selectedFamily })), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronsUpDown, { size: isSm ? 12 : 14, ml: "auto", shrink: 0, opacity: 0.5 })] }) }) }), (0, jsx_runtime_1.jsx)(gui_2.PopoverContent, { align: "start", p: 0, width: Math.max(triggerW, MIN_W), children: (0, jsx_runtime_1.jsxs)(gui_2.Command, { children: [showSearch && (0, jsx_runtime_1.jsx)(gui_2.CommandInput, { placeholder: "Search models\u2026" }), (0, jsx_runtime_1.jsxs)(gui_2.CommandList, { maxH: MAX_H, children: [(0, jsx_runtime_1.jsx)(gui_2.CommandEmpty, { children: "No models found." }), groups.map((group) => ((0, jsx_runtime_1.jsx)(gui_2.CommandGroup, { heading: group.family, children: group.models.map((m) => {
                                         const label = m.label ?? m.id;
                                         const ctx = fmtContext(m.context_window);
-                                        return ((0, jsx_runtime_1.jsxs)(gui_2.CommandItem, { value: `${group.family} ${label} ${m.id}`, onSelect: () => {
+                                        const locked = m.access === 'research';
+                                        return ((0, jsx_runtime_1.jsxs)(gui_2.CommandItem, { value: `${group.family} ${label} ${m.id}`, disabled: locked, "aria-disabled": locked || undefined, onSelect: () => {
                                                 onChange(m.id);
                                                 setOpen(false);
-                                            }, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 14, shrink: 0, opacity: m.id === value ? 1 : 0 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { numberOfLines: 1, size: "$2", children: label }), m.premium && ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$color11", "aria-label": "Premium", children: "\u2726" })), ctx && ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ml: "auto", shrink: 0, pl: "$2", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color11", fontVariant: ['tabular-nums'], children: ctx }) }))] }, m.id));
+                                            }, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 14, shrink: 0, opacity: m.id === value ? 1 : 0 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { numberOfLines: 1, size: "$2", children: label }), m.premium && ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$color11", "aria-label": "Premium", children: "\u2726" })), locked ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ml: "auto", shrink: 0, pl: "$2", gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color11", children: "Research preview" }), m.request && ((0, jsx_runtime_1.jsx)(gui_2.Anchor, { href: m.request, target: "_blank", rel: "noopener noreferrer", size: "$1", color: "$color12", textDecorationLine: "underline", 
+                                                            // The row takes no pointer while disabled; its link does.
+                                                            pointerEvents: "auto", onKeyDown: (e) => e.stopPropagation(), children: "Request access" }))] })) : ctx && ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ml: "auto", shrink: 0, pl: "$2", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color11", fontVariant: ['tabular-nums'], children: ctx }) }))] }, m.id));
                                     }) }, group.family)))] })] }) })] }));
 }
 exports.default = ModelSelector;

package/dist/models/ModelSelector.d.ts

@@ -9,6 +9,9 @@ export interface ModelSelectorProps {
     /** Default true: filter to chat-capable models (exclude embedding/image/etc.). */
     chatOnly?: boolean;
     className?: string;
+    /** Open state, when the host owns it. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
 /**
  * ModelSelector — the one unified model picker for every Hanzo app.
@@ -17,11 +20,17 @@ export interface ModelSelectorProps {
  * family headers, premium markers, context suffixes, keyboard navigation, and
  * type-to-filter search for large catalogs.
  *
+ * A model with `access` is listed and never chosen: its row is disabled, says
+ * why, and links to where a person asks for access. The link sits inside a
+ * list item rather than an option, so it is a control of its own and not one
+ * nested in another; it keeps Enter to itself, which the list would otherwise
+ * take as a pick.
+ *
  * Styling is gui style props and tokens throughout — no class strings. The panel
  * matches the trigger's MEASURED width (`onLayout`, which gui implements on web
  * too), never a Radix `--radix-popover-trigger-width` custom property: nothing
  * defines that variable now that Radix is gone.
  */
-export declare function ModelSelector({ models, value, onChange, disabled, size, placeholder, chatOnly, className, }: ModelSelectorProps): import("react").JSX.Element;
+export declare function ModelSelector({ models, value, onChange, disabled, size, placeholder, chatOnly, className, open: openProp, onOpenChange, }: ModelSelectorProps): import("react").JSX.Element;
 export default ModelSelector;
 //# sourceMappingURL=ModelSelector.d.ts.map

package/dist/models/ModelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../src/models/ModelSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAmD,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAenG,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,IAAW,EACX,WAA4B,EAC5B,QAAe,EACf,SAAS,GACV,EAAE,kBAAkB,+BA0FpB;eAEc,aAAa"}
+{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../src/models/ModelSelector.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAmD,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAenG,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,IAAW,EACX,WAA4B,EAC5B,QAAe,EACf,SAAS,EACT,IAAI,EAAE,QAAQ,EACd,YAAY,GACb,EAAE,kBAAkB,+BAuHpB;eAEc,aAAa"}

package/dist/models/ModelSelector.js

@@ -4,7 +4,7 @@ import { useMemo, useState } from 'react';
 import { sx } from '../sx.js';
 import { Check, ChevronsUpDown } from '@hanzogui/lucide-icons-2';
 import { SizableText, XStack } from '@hanzo/gui';
-import { Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, } from '../backends/gui/index.js';
+import { Anchor, Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, } from '../backends/gui/index.js';
 import { familyOf, filterChatModels, groupModelsByFamily } from './catalog.js';
 /** Show the search input once a catalog gets this large. */
 const SEARCH_THRESHOLD = 12;
@@ -27,13 +27,25 @@ function fmtContext(ctx) {
  * family headers, premium markers, context suffixes, keyboard navigation, and
  * type-to-filter search for large catalogs.
  *
+ * A model with `access` is listed and never chosen: its row is disabled, says
+ * why, and links to where a person asks for access. The link sits inside a
+ * list item rather than an option, so it is a control of its own and not one
+ * nested in another; it keeps Enter to itself, which the list would otherwise
+ * take as a pick.
+ *
  * Styling is gui style props and tokens throughout — no class strings. The panel
  * matches the trigger's MEASURED width (`onLayout`, which gui implements on web
  * too), never a Radix `--radix-popover-trigger-width` custom property: nothing
  * defines that variable now that Radix is gone.
  */
-export function ModelSelector({ models, value, onChange, disabled = false, size = 'md', placeholder = 'Select model', chatOnly = true, className, }) {
-    const [open, setOpen] = useState(false);
+export function ModelSelector({ models, value, onChange, disabled = false, size = 'md', placeholder = 'Select model', chatOnly = true, className, open: openProp, onOpenChange, }) {
+    const [own, setOwn] = useState(false);
+    const open = openProp ?? own;
+    const setOpen = (next) => {
+        if (openProp === undefined)
+            setOwn(next);
+        onOpenChange?.(next);
+    };
     const [triggerW, setTriggerW] = useState(0);
     const visible = useMemo(() => (chatOnly ? filterChatModels(models) : models), [models, chatOnly]);
     const groups = useMemo(() => groupModelsByFamily(visible), [visible]);
@@ -47,10 +59,13 @@ export function ModelSelector({ models, value, onChange, disabled = false, size
     return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(XStack, { onLayout: (e) => setTriggerW(e.nativeEvent.layout.width), children: _jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: isSm ? 'sm' : 'default', role: "combobox", "aria-expanded": open, disabled: disabled, justify: "flex-start", ...sx(className), children: [_jsx(SizableText, { numberOfLines: 1, size: isSm ? '$1' : '$2', color: "$color12", children: selectedLabel }), selectedFamily && (_jsx(SizableText, { numberOfLines: 1, size: isSm ? '$1' : '$2', color: "$color11", children: selectedFamily })), _jsx(ChevronsUpDown, { size: isSm ? 12 : 14, ml: "auto", shrink: 0, opacity: 0.5 })] }) }) }), _jsx(PopoverContent, { align: "start", p: 0, width: Math.max(triggerW, MIN_W), children: _jsxs(Command, { children: [showSearch && _jsx(CommandInput, { placeholder: "Search models\u2026" }), _jsxs(CommandList, { maxH: MAX_H, children: [_jsx(CommandEmpty, { children: "No models found." }), groups.map((group) => (_jsx(CommandGroup, { heading: group.family, children: group.models.map((m) => {
                                         const label = m.label ?? m.id;
                                         const ctx = fmtContext(m.context_window);
-                                        return (_jsxs(CommandItem, { value: `${group.family} ${label} ${m.id}`, onSelect: () => {
+                                        const locked = m.access === 'research';
+                                        return (_jsxs(CommandItem, { value: `${group.family} ${label} ${m.id}`, disabled: locked, "aria-disabled": locked || undefined, onSelect: () => {
                                                 onChange(m.id);
                                                 setOpen(false);
-                                            }, children: [_jsx(Check, { size: 14, shrink: 0, opacity: m.id === value ? 1 : 0 }), _jsx(SizableText, { numberOfLines: 1, size: "$2", children: label }), m.premium && (_jsx(SizableText, { size: "$2", color: "$color11", "aria-label": "Premium", children: "\u2726" })), ctx && (_jsx(XStack, { ml: "auto", shrink: 0, pl: "$2", children: _jsx(SizableText, { size: "$1", color: "$color11", fontVariant: ['tabular-nums'], children: ctx }) }))] }, m.id));
+                                            }, children: [_jsx(Check, { size: 14, shrink: 0, opacity: m.id === value ? 1 : 0 }), _jsx(SizableText, { numberOfLines: 1, size: "$2", children: label }), m.premium && (_jsx(SizableText, { size: "$2", color: "$color11", "aria-label": "Premium", children: "\u2726" })), locked ? (_jsxs(XStack, { ml: "auto", shrink: 0, pl: "$2", gap: "$2", items: "center", children: [_jsx(SizableText, { size: "$1", color: "$color11", children: "Research preview" }), m.request && (_jsx(Anchor, { href: m.request, target: "_blank", rel: "noopener noreferrer", size: "$1", color: "$color12", textDecorationLine: "underline", 
+                                                            // The row takes no pointer while disabled; its link does.
+                                                            pointerEvents: "auto", onKeyDown: (e) => e.stopPropagation(), children: "Request access" }))] })) : ctx && (_jsx(XStack, { ml: "auto", shrink: 0, pl: "$2", children: _jsx(SizableText, { size: "$1", color: "$color11", fontVariant: ['tabular-nums'], children: ctx }) }))] }, m.id));
                                     }) }, group.family)))] })] }) })] }));
 }
 export default ModelSelector;

package/dist/models/ModelSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSelector.js","sourceRoot":"","sources":["../../src/models/ModelSelector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ModelSelector.js","sourceRoot":"","sources":["../../src/models/ModelSelector.tsx"],"names":[],"mappings":"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"}