@opengeni/react 3.1.0 → 3.1.2

package/dist/chunk-47CKUXTW.js

@@ -0,0 +1,293 @@
+"use client";
+import {
+  BillingClassMark,
+  ModelMark,
+  PickerNavRow
+} from "./chunk-XDA5QJE7.js";
+import {
+  MENU_CHECK_CLASS,
+  MENU_LABEL_CLASS,
+  MENU_NOTE_CLASS,
+  MENU_SURFACE_CLASS
+} from "./chunk-PMV53IMM.js";
+import {
+  compactEffortLabel,
+  defaultModelPolicyPickerMessages,
+  groupPresentationFor,
+  modelPickerChoice,
+  modelPickerMenuView
+} from "./chunk-ZOZAPAUO.js";
+import {
+  labelReasoningEffort
+} from "./chunk-KF33GTWN.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/components/model-policy-picker-menu.tsx
+import { ArrowRightIcon, CheckIcon, SearchIcon, ZapIcon } from "lucide-react";
+import { useRef, useState } from "react";
+import { Popover, RadioGroup } from "radix-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ModelPolicyPickerMenu(props) {
+  const [query, setQuery] = useState("");
+  const view = modelPickerMenuView(props, query);
+  const { messages, rows, groups } = view;
+  const selected = view.selected;
+  const choose = (row) => {
+    if (props.disabled) return;
+    const choice = modelPickerChoice(props, row);
+    if (!choice) return;
+    if (choice.model !== null) props.onModelChange(choice.model);
+    props.onEffortChange(choice.effort);
+    if (choice.latencyMode !== null) props.onLatencyModeChange(choice.latencyMode);
+  };
+  const modelRow = (row) => /* @__PURE__ */ jsx(
+    PickerNavRow,
+    {
+      icon: props.collapseScopes === false ? void 0 : /* @__PURE__ */ jsx(ModelMark, { model: row.catalog, className: "size-4 text-og-fg-muted" }),
+      label: row.label,
+      hint: row.unavailableReason ?? row.fundingHint,
+      disabled: props.disabled || !row.selectable,
+      title: [row.label, row.unavailableReason ?? row.fundingHint].filter(Boolean).join(" \xB7 "),
+      active: row.selectable && row.id === props.model,
+      showChevron: false,
+      trailing: row.catalog.cost === "free" || row.id === props.model ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+        row.catalog.cost === "free" ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-og-surface-2 px-1.5 py-0.5 text-og-control text-og-fg-muted", children: messages.free }) : null,
+        row.id === props.model ? /* @__PURE__ */ jsx(CheckIcon, { className: MENU_CHECK_CLASS, "aria-label": messages.selected }) : null
+      ] }) : null,
+      testId: `model-picker-choice-${row.id}`,
+      onClick: () => choose(row)
+    },
+    row.id
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "model-picker-menu",
+      className: "flex min-h-0 flex-col",
+      onKeyDown: (event) => {
+        if (!(event.target instanceof HTMLButtonElement) || !["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key))
+          return;
+        const buttons = Array.from(
+          event.currentTarget.querySelectorAll(
+            '[data-testid^="model-picker-choice-"]:not(:disabled)'
+          )
+        );
+        const index = buttons.indexOf(event.target);
+        if (index < 0) return;
+        event.preventDefault();
+        const next = event.key === "Home" ? 0 : event.key === "End" ? buttons.length - 1 : (index + (event.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
+        buttons[next]?.focus();
+      },
+      children: [
+        rows.some((row) => row.selectable) ? /* @__PURE__ */ jsx("div", { className: "border-b border-og-border py-1", children: /* @__PURE__ */ jsxs("label", { className: "og-model-policy-search flex items-center gap-2 px-2.5 py-0.5", children: [
+          /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 text-og-fg-subtle", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              "aria-label": messages.searchLabel,
+              placeholder: messages.searchPlaceholder,
+              value: query,
+              onChange: (event) => setQuery(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key !== "Escape" && event.key !== "Tab") event.stopPropagation();
+                if (event.key === "ArrowDown") {
+                  event.preventDefault();
+                  event.currentTarget.closest('[data-testid="model-picker-menu"]')?.querySelector("button:not(:disabled)")?.focus();
+                }
+              },
+              className: "og-model-policy-search-input h-8 min-w-0 flex-1 bg-transparent text-og-menu text-og-fg outline-hidden placeholder:text-og-fg-subtle"
+            }
+          )
+        ] }) }) : null,
+        props.error ? /* @__PURE__ */ jsx("p", { className: cn(MENU_NOTE_CLASS, "text-og-sm text-og-status-failed"), role: "alert", children: props.error }) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "min-h-0 flex-1 overflow-y-auto overscroll-contain py-1",
+            "data-testid": "model-picker-models",
+            children: props.loading ? (
+              // Rows at the menu's row height, never a sentence, so nothing jumps.
+              /* @__PURE__ */ jsx("div", { role: "status", "aria-label": messages.loading, children: [58, 44, 66, 50].map((width) => /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "flex h-8 items-center gap-3 px-2.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "size-4 shrink-0 animate-pulse rounded bg-og-surface-2" }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "h-2.5 animate-pulse rounded bg-og-surface-2",
+                    style: { width: `${width}%` }
+                  }
+                )
+              ] }, width)) })
+            ) : rows.some((row) => row.selectable) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              groups.map((group) => /* @__PURE__ */ jsxs(
+                "section",
+                {
+                  "aria-label": group.label,
+                  className: "[&+section]:mt-1.5 [&+section]:border-t [&+section]:border-og-border [&+section]:pt-1.5",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: cn(MENU_LABEL_CLASS, "flex items-center gap-2"), children: [
+                      /* @__PURE__ */ jsx(
+                        BillingClassMark,
+                        {
+                          billingClass: group.billingClass,
+                          presentation: groupPresentationFor(props, group.billingClass),
+                          "aria-label": ""
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: group.label })
+                    ] }),
+                    group.description ? /* @__PURE__ */ jsx("p", { className: "break-words px-2.5 pb-1 text-og-sm text-og-fg-muted", children: group.description }) : null,
+                    group.rows.map(modelRow)
+                  ]
+                },
+                group.billingClass
+              )),
+              view.matchCount === 0 ? /* @__PURE__ */ jsx("p", { className: MENU_NOTE_CLASS, children: view.searching ? messages.noMatches : messages.noModels }) : null
+            ] }) : props.connectModelsHref || rows.length > 0 ? /* @__PURE__ */ jsx(ConnectModelsPanel, { href: props.connectModelsHref, messages }) : /* @__PURE__ */ jsx("p", { className: MENU_NOTE_CLASS, children: messages.noModels })
+          }
+        ),
+        view.anySelectable && selected && (view.unsupportedAttachments || props.allowModelOptions !== false && view.thinking) ? /* @__PURE__ */ jsxs("div", { className: "border-t border-og-border px-2.5 py-2.5", children: [
+          view.unsupportedAttachments ? /* @__PURE__ */ jsx("p", { className: "pb-1.5 text-og-control leading-relaxed text-og-fg-subtle", children: messages.unsupportedAttachments }) : null,
+          props.allowModelOptions !== false ? /* @__PURE__ */ jsx(ModelThinkingControls, { ...props }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+var CONNECT_MODEL_OPTIONS = [
+  { billingClass: "codex_subscription", title: "Codex", detail: "ChatGPT" },
+  { billingClass: "supergrok_subscription", title: "SuperGrok", detail: "xAI" },
+  { billingClass: "byok", title: "AI Gateway", detail: "Vercel" },
+  { billingClass: "external", title: "OpenRouter", detail: "API key" }
+];
+function ConnectModelsPanel(props) {
+  return /* @__PURE__ */ jsxs("div", { className: "px-1.5 pb-1.5 pt-2", "data-testid": "model-picker-connect", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-1.5 pb-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-og-menu font-medium tracking-tight text-og-fg", children: props.messages.connectTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-og-control leading-snug text-og-fg-subtle", children: props.messages.connectBody })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1", children: CONNECT_MODEL_OPTIONS.map((option) => {
+      const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-surface-2 text-og-fg", children: /* @__PURE__ */ jsx(
+          BillingClassMark,
+          {
+            billingClass: option.billingClass,
+            "aria-label": "",
+            className: "size-4 text-og-fg"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-og-control font-medium text-og-fg", children: option.title }),
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-og-control text-og-fg-subtle", children: option.detail })
+        ] })
+      ] });
+      const className = "flex min-w-0 items-center gap-2 rounded-og-md px-1.5 py-1.5 outline-hidden transition-colors hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40";
+      return props.href ? /* @__PURE__ */ jsx("a", { href: props.href, className, children: content }, option.title) : /* @__PURE__ */ jsx("div", { className, children: content }, option.title);
+    }) }),
+    props.href ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: props.href,
+        className: "mt-2 flex h-9 w-full items-center justify-center gap-1.5 rounded-og-md border border-og-primary-border bg-og-primary text-og-primary-fg hover:bg-og-primary-hover text-og-control font-medium outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-og-accent/40",
+        children: [
+          props.messages.connectAction,
+          /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-3.5", "aria-hidden": true })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("p", { className: "px-1.5 pt-3 text-og-control text-og-fg-subtle", children: props.messages.noModels })
+  ] });
+}
+function ModelThinkingControls(props) {
+  const view = modelPickerMenuView(props, "");
+  const thinking = view.thinking;
+  if (!view.selected || !thinking) return null;
+  const messages = view.messages;
+  const efforts = thinking.efforts;
+  const showThinking = thinking.showThinking;
+  const showFast = thinking.showFast;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-og-control", "data-testid": "model-picker-reasoning", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-7 items-center justify-between gap-3", children: [
+      showThinking ? /* @__PURE__ */ jsx("span", { className: "text-og-fg-subtle", children: messages.thinking }) : /* @__PURE__ */ jsx("span", {}),
+      showFast ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-testid": "model-picker-fast",
+          disabled: props.disabled || thinking.disabled,
+          "aria-pressed": props.latencyMode === "fast",
+          title: messages.fast + " \xB7 " + messages.fastRateHint,
+          onClick: () => props.onLatencyModeChange(props.latencyMode === "fast" ? "standard" : "fast"),
+          className: "flex min-h-8 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-og-sm px-2 text-og-fg-muted hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(ZapIcon, { className: cn("size-3.5", props.latencyMode === "fast" && "fill-current") }),
+            messages.fast,
+            /* @__PURE__ */ jsx("span", { className: "text-og-fg-subtle", children: messages.fastRateHint })
+          ]
+        }
+      ) : null
+    ] }),
+    showThinking ? /* @__PURE__ */ jsx(
+      RadioGroup.Root,
+      {
+        "aria-label": messages.thinkingEffort,
+        value: thinking.value,
+        disabled: props.disabled || thinking.disabled,
+        onValueChange: (value) => props.onEffortChange(value),
+        orientation: "horizontal",
+        className: "flex flex-wrap gap-0.5 rounded-og-md bg-og-surface-2 p-0.5",
+        children: efforts.map((effort) => /* @__PURE__ */ jsx(
+          RadioGroup.Item,
+          {
+            value: effort,
+            "aria-label": labelReasoningEffort(effort),
+            title: labelReasoningEffort(effort),
+            className: "min-h-8 min-w-10 flex-1 cursor-pointer whitespace-nowrap rounded-og-sm px-1.5 text-og-control text-og-fg-muted outline-hidden transition-colors hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 data-[state=checked]:bg-og-surface-1 data-[state=checked]:text-og-fg data-[state=checked]:shadow-sm disabled:cursor-not-allowed disabled:opacity-50",
+            children: compactEffortLabel(effort, labelReasoningEffort(effort))
+          },
+          effort
+        ))
+      }
+    ) : null
+  ] });
+}
+function ModelPolicyPickerPopover(props) {
+  const outside = useRef(false);
+  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };
+  return /* @__PURE__ */ jsxs(Popover.Root, { open: true, onOpenChange: (open) => props.onOpenChange?.(open), children: [
+    /* @__PURE__ */ jsx(Popover.Anchor, { virtualRef: props.anchor }),
+    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+      Popover.Content,
+      {
+        id: props.contentId,
+        "aria-label": messages.label,
+        align: "start",
+        side: props.menuSide ?? "bottom",
+        sideOffset: 8,
+        collisionPadding: 12,
+        onInteractOutside: (event) => {
+          if (props.anchor.current?.contains(event.target)) event.preventDefault();
+          else outside.current = true;
+        },
+        onCloseAutoFocus: (event) => {
+          event.preventDefault();
+          if (!outside.current) props.anchor.current?.focus();
+        },
+        className: cn(
+          MENU_SURFACE_CLASS,
+          "og-root og-model-policy-menu z-50 flex max-h-[min(32rem,var(--radix-popover-content-available-height))] w-[22rem] max-w-[calc(100vw-16px)] flex-col overflow-hidden p-[var(--og-model-picker-menu-padding)]",
+          props.contentClassName
+        ),
+        style: { ...props.portalStyle, ...props.contentStyle },
+        "data-testid": "model-picker-content",
+        children: /* @__PURE__ */ jsx(ModelPolicyPickerMenu, { ...props })
+      }
+    ) })
+  ] });
+}
+
+export {
+  ModelPolicyPickerMenu,
+  ModelPolicyPickerPopover
+};
+//# sourceMappingURL=chunk-47CKUXTW.js.map

package/dist/chunk-47CKUXTW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/model-policy-picker-menu.tsx"],"sourcesContent":["import type { ClientModel, ReasoningEffort } from \"@opengeni/sdk\";\nimport { ArrowRightIcon, CheckIcon, SearchIcon, ZapIcon } from \"lucide-react\";\nimport { useRef, useState, type RefObject, type CSSProperties } from \"react\";\nimport { Popover, RadioGroup } from \"radix-ui\";\nimport { cn } from \"../lib/cn\";\nimport {\n  MENU_CHECK_CLASS,\n  MENU_LABEL_CLASS,\n  MENU_NOTE_CLASS,\n  MENU_SURFACE_CLASS,\n} from \"../lib/menu-styles\";\nimport { labelReasoningEffort, type PickerModelRow } from \"../model-policy\";\nimport {\n  compactEffortLabel,\n  groupPresentationFor,\n  modelPickerChoice,\n  modelPickerMenuView,\n} from \"../model-picker-model\";\nimport {\n  BillingClassMark,\n  defaultModelPolicyPickerMessages,\n  PickerNavRow,\n  type ModelPolicyPickerProps,\n} from \"./model-policy-picker\";\nimport { ModelMark } from \"./model-mark\";\ntype ClientPickerModelRow = PickerModelRow<ClientModel>;\n\n/** Model selection stays flat; reasoning never becomes a navigation destination. */\nexport function ModelPolicyPickerMenu(props: ModelPolicyPickerProps) {\n  const [query, setQuery] = useState(\"\");\n  const view = modelPickerMenuView(props, query);\n  const { messages, rows, groups } = view;\n  const selected = view.selected;\n  const choose = (row: ClientPickerModelRow) => {\n    if (props.disabled) return;\n    const choice = modelPickerChoice(props, row);\n    if (!choice) return;\n    if (choice.model !== null) props.onModelChange(choice.model);\n    // Hosts may commit the combined model/effort draft through this callback.\n    props.onEffortChange(choice.effort);\n    if (choice.latencyMode !== null) props.onLatencyModeChange(choice.latencyMode);\n  };\n  const modelRow = (row: ClientPickerModelRow) => (\n    <PickerNavRow\n      key={row.id}\n      icon={\n        props.collapseScopes === false ? undefined : (\n          <ModelMark model={row.catalog} className=\"size-4 text-og-fg-muted\" />\n        )\n      }\n      label={row.label}\n      hint={row.unavailableReason ?? row.fundingHint}\n      disabled={props.disabled || !row.selectable}\n      title={[row.label, row.unavailableReason ?? row.fundingHint].filter(Boolean).join(\" · \")}\n      active={row.selectable && row.id === props.model}\n      showChevron={false}\n      trailing={\n        row.catalog.cost === \"free\" || row.id === props.model ? (\n          <span className=\"flex items-center gap-2\">\n            {row.catalog.cost === \"free\" ? (\n              <span className=\"rounded-full bg-og-surface-2 px-1.5 py-0.5 text-og-control text-og-fg-muted\">\n                {messages.free}\n              </span>\n            ) : null}\n            {row.id === props.model ? (\n              <CheckIcon className={MENU_CHECK_CLASS} aria-label={messages.selected} />\n            ) : null}\n          </span>\n        ) : null\n      }\n      testId={`model-picker-choice-${row.id}`}\n      onClick={() => choose(row)}\n    />\n  );\n  return (\n    <div\n      data-testid=\"model-picker-menu\"\n      className=\"flex min-h-0 flex-col\"\n      onKeyDown={(event) => {\n        if (\n          !(event.target instanceof HTMLButtonElement) ||\n          ![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)\n        )\n          return;\n        const buttons = Array.from(\n          event.currentTarget.querySelectorAll<HTMLButtonElement>(\n            '[data-testid^=\"model-picker-choice-\"]:not(:disabled)',\n          ),\n        );\n        const index = buttons.indexOf(event.target);\n        if (index < 0) return;\n        event.preventDefault();\n        const next =\n          event.key === \"Home\"\n            ? 0\n            : event.key === \"End\"\n              ? buttons.length - 1\n              : (index + (event.key === \"ArrowDown\" ? 1 : -1) + buttons.length) % buttons.length;\n        buttons[next]?.focus();\n      }}\n    >\n      {rows.some((row) => row.selectable) ? (\n        <div className=\"border-b border-og-border py-1\">\n          <label className=\"og-model-policy-search flex items-center gap-2 px-2.5 py-0.5\">\n            <SearchIcon className=\"size-4 shrink-0 text-og-fg-subtle\" aria-hidden />\n            <input\n              aria-label={messages.searchLabel}\n              placeholder={messages.searchPlaceholder}\n              value={query}\n              onChange={(event) => setQuery(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key !== \"Escape\" && event.key !== \"Tab\") event.stopPropagation();\n                if (event.key === \"ArrowDown\") {\n                  event.preventDefault();\n                  event.currentTarget\n                    .closest('[data-testid=\"model-picker-menu\"]')\n                    ?.querySelector<HTMLButtonElement>(\"button:not(:disabled)\")\n                    ?.focus();\n                }\n              }}\n              className=\"og-model-policy-search-input h-8 min-w-0 flex-1 bg-transparent text-og-menu text-og-fg outline-hidden placeholder:text-og-fg-subtle\"\n            />\n          </label>\n        </div>\n      ) : null}\n      {props.error ? (\n        <p className={cn(MENU_NOTE_CLASS, \"text-og-sm text-og-status-failed\")} role=\"alert\">\n          {props.error}\n        </p>\n      ) : null}\n      <div\n        className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain py-1\"\n        data-testid=\"model-picker-models\"\n      >\n        {props.loading ? (\n          // Rows at the menu's row height, never a sentence, so nothing jumps.\n          <div role=\"status\" aria-label={messages.loading}>\n            {[58, 44, 66, 50].map((width) => (\n              <div key={width} aria-hidden=\"true\" className=\"flex h-8 items-center gap-3 px-2.5\">\n                <span className=\"size-4 shrink-0 animate-pulse rounded bg-og-surface-2\" />\n                <span\n                  className=\"h-2.5 animate-pulse rounded bg-og-surface-2\"\n                  style={{ width: `${width}%` }}\n                />\n              </div>\n            ))}\n          </div>\n        ) : rows.some((row) => row.selectable) ? (\n          <>\n            {groups.map((group) => (\n              <section\n                key={group.billingClass}\n                aria-label={group.label}\n                className=\"[&+section]:mt-1.5 [&+section]:border-t [&+section]:border-og-border [&+section]:pt-1.5\"\n              >\n                <div className={cn(MENU_LABEL_CLASS, \"flex items-center gap-2\")}>\n                  <BillingClassMark\n                    billingClass={group.billingClass}\n                    presentation={groupPresentationFor(props, group.billingClass)}\n                    aria-label=\"\"\n                  />\n                  <span className=\"min-w-0 break-words\">{group.label}</span>\n                </div>\n                {group.description ? (\n                  <p className=\"break-words px-2.5 pb-1 text-og-sm text-og-fg-muted\">\n                    {group.description}\n                  </p>\n                ) : null}\n                {group.rows.map(modelRow)}\n              </section>\n            ))}\n            {view.matchCount === 0 ? (\n              <p className={MENU_NOTE_CLASS}>\n                {view.searching ? messages.noMatches : messages.noModels}\n              </p>\n            ) : null}\n          </>\n        ) : props.connectModelsHref || rows.length > 0 ? (\n          <ConnectModelsPanel href={props.connectModelsHref} messages={messages} />\n        ) : (\n          <p className={MENU_NOTE_CLASS}>{messages.noModels}</p>\n        )}\n      </div>\n      {view.anySelectable &&\n      selected &&\n      (view.unsupportedAttachments || (props.allowModelOptions !== false && view.thinking)) ? (\n        <div className=\"border-t border-og-border px-2.5 py-2.5\">\n          {view.unsupportedAttachments ? (\n            <p className=\"pb-1.5 text-og-control leading-relaxed text-og-fg-subtle\">\n              {messages.unsupportedAttachments}\n            </p>\n          ) : null}\n          {props.allowModelOptions !== false ? <ModelThinkingControls {...props} /> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nconst CONNECT_MODEL_OPTIONS: Array<{\n  billingClass: \"codex_subscription\" | \"supergrok_subscription\" | \"byok\" | \"external\";\n  title: string;\n  detail: string;\n}> = [\n  { billingClass: \"codex_subscription\", title: \"Codex\", detail: \"ChatGPT\" },\n  { billingClass: \"supergrok_subscription\", title: \"SuperGrok\", detail: \"xAI\" },\n  { billingClass: \"byok\", title: \"AI Gateway\", detail: \"Vercel\" },\n  { billingClass: \"external\", title: \"OpenRouter\", detail: \"API key\" },\n];\n\nfunction ConnectModelsPanel(props: {\n  href: string | undefined;\n  messages: typeof defaultModelPolicyPickerMessages;\n}) {\n  return (\n    <div className=\"px-1.5 pb-1.5 pt-2\" data-testid=\"model-picker-connect\">\n      <div className=\"px-1.5 pb-3\">\n        <p className=\"text-og-menu font-medium tracking-tight text-og-fg\">\n          {props.messages.connectTitle}\n        </p>\n        <p className=\"mt-1 text-og-control leading-snug text-og-fg-subtle\">\n          {props.messages.connectBody}\n        </p>\n      </div>\n      <div className=\"grid grid-cols-2 gap-1\">\n        {CONNECT_MODEL_OPTIONS.map((option) => {\n          const content = (\n            <>\n              <span className=\"flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-surface-2 text-og-fg\">\n                <BillingClassMark\n                  billingClass={option.billingClass}\n                  aria-label=\"\"\n                  className=\"size-4 text-og-fg\"\n                />\n              </span>\n              <span className=\"min-w-0\">\n                <span className=\"block truncate text-og-control font-medium text-og-fg\">\n                  {option.title}\n                </span>\n                <span className=\"block truncate text-og-control text-og-fg-subtle\">\n                  {option.detail}\n                </span>\n              </span>\n            </>\n          );\n          const className =\n            \"flex min-w-0 items-center gap-2 rounded-og-md px-1.5 py-1.5 outline-hidden transition-colors hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40\";\n          return props.href ? (\n            <a key={option.title} href={props.href} className={className}>\n              {content}\n            </a>\n          ) : (\n            <div key={option.title} className={className}>\n              {content}\n            </div>\n          );\n        })}\n      </div>\n      {props.href ? (\n        <a\n          href={props.href}\n          className=\"mt-2 flex h-9 w-full items-center justify-center gap-1.5 rounded-og-md border border-og-primary-border bg-og-primary text-og-primary-fg hover:bg-og-primary-hover text-og-control font-medium outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-og-accent/40\"\n        >\n          {props.messages.connectAction}\n          <ArrowRightIcon className=\"size-3.5\" aria-hidden />\n        </a>\n      ) : (\n        <p className=\"px-1.5 pt-3 text-og-control text-og-fg-subtle\">{props.messages.noModels}</p>\n      )}\n    </div>\n  );\n}\n\nfunction ModelThinkingControls(props: ModelPolicyPickerProps) {\n  const view = modelPickerMenuView(props, \"\");\n  const thinking = view.thinking;\n  if (!view.selected || !thinking) return null;\n  const messages = view.messages;\n  const efforts = thinking.efforts;\n  const showThinking = thinking.showThinking;\n  const showFast = thinking.showFast;\n  return (\n    <div className=\"space-y-2 text-og-control\" data-testid=\"model-picker-reasoning\">\n      <div className=\"flex min-h-7 items-center justify-between gap-3\">\n        {showThinking ? <span className=\"text-og-fg-subtle\">{messages.thinking}</span> : <span />}\n        {showFast ? (\n          <button\n            type=\"button\"\n            data-testid=\"model-picker-fast\"\n            disabled={props.disabled || thinking.disabled}\n            aria-pressed={props.latencyMode === \"fast\"}\n            title={messages.fast + \" · \" + messages.fastRateHint}\n            onClick={() =>\n              props.onLatencyModeChange(props.latencyMode === \"fast\" ? \"standard\" : \"fast\")\n            }\n            className=\"flex min-h-8 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-og-sm px-2 text-og-fg-muted hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50\"\n          >\n            <ZapIcon className={cn(\"size-3.5\", props.latencyMode === \"fast\" && \"fill-current\")} />\n            {messages.fast}\n            <span className=\"text-og-fg-subtle\">{messages.fastRateHint}</span>\n          </button>\n        ) : null}\n      </div>\n      {showThinking ? (\n        <RadioGroup.Root\n          aria-label={messages.thinkingEffort}\n          value={thinking.value}\n          disabled={props.disabled || thinking.disabled}\n          onValueChange={(value) => props.onEffortChange(value as ReasoningEffort)}\n          orientation=\"horizontal\"\n          className=\"flex flex-wrap gap-0.5 rounded-og-md bg-og-surface-2 p-0.5\"\n        >\n          {efforts.map((effort) => (\n            <RadioGroup.Item\n              key={effort}\n              value={effort}\n              aria-label={labelReasoningEffort(effort)}\n              title={labelReasoningEffort(effort)}\n              className=\"min-h-8 min-w-10 flex-1 cursor-pointer whitespace-nowrap rounded-og-sm px-1.5 text-og-control text-og-fg-muted outline-hidden transition-colors hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 data-[state=checked]:bg-og-surface-1 data-[state=checked]:text-og-fg data-[state=checked]:shadow-sm disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {compactEffortLabel(effort, labelReasoningEffort(effort))}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      ) : null}\n    </div>\n  );\n}\n\nexport function ModelPolicyPickerPopover(\n  props: ModelPolicyPickerProps & {\n    anchor: RefObject<HTMLButtonElement | null>;\n    contentId: string;\n    portalStyle: CSSProperties;\n  },\n) {\n  const outside = useRef(false);\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  return (\n    <Popover.Root open onOpenChange={(open) => props.onOpenChange?.(open)}>\n      <Popover.Anchor virtualRef={props.anchor} />\n      <Popover.Portal>\n        <Popover.Content\n          id={props.contentId}\n          aria-label={messages.label}\n          align=\"start\"\n          side={props.menuSide ?? \"bottom\"}\n          sideOffset={8}\n          collisionPadding={12}\n          onInteractOutside={(event) => {\n            if (props.anchor.current?.contains(event.target as Node)) event.preventDefault();\n            else outside.current = true;\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (!outside.current) props.anchor.current?.focus();\n          }}\n          className={cn(\n            MENU_SURFACE_CLASS,\n            \"og-root og-model-policy-menu z-50 flex max-h-[min(32rem,var(--radix-popover-content-available-height))] w-[22rem] max-w-[calc(100vw-16px)] flex-col overflow-hidden p-[var(--og-model-picker-menu-padding)]\",\n            props.contentClassName,\n          )}\n          style={{ ...props.portalStyle, ...props.contentStyle }}\n          data-testid=\"model-picker-content\"\n        >\n          <ModelPolicyPickerMenu {...props} />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-4QYP6QUI.js

@@ -0,0 +1,109 @@
+"use client";
+
+// src/components/open-geni-links.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var OpenGeniLinkContext = createContext(null);
+function chainLinkResolvers(...resolvers) {
+  const active = resolvers.filter(
+    (resolver) => Boolean(resolver)
+  );
+  if (active.length === 0) return null;
+  if (active.length === 1) return active[0];
+  return (target) => {
+    for (const resolver of active) {
+      const resolution = resolver(target);
+      if (resolution) return resolution;
+    }
+    return null;
+  };
+}
+function OpenGeniLinkProvider({
+  resolveLink,
+  children
+}) {
+  const parent = useContext(OpenGeniLinkContext);
+  const value = useMemo(() => chainLinkResolvers(resolveLink, parent), [resolveLink, parent]);
+  return /* @__PURE__ */ jsx(OpenGeniLinkContext.Provider, { value, children });
+}
+function useOpenGeniLinkResolver() {
+  return useContext(OpenGeniLinkContext);
+}
+var SANDBOX_DOWNLOAD_MAX_BYTES = 25 * 1024 * 1024;
+function saveBlob(blob, filename) {
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  link.rel = "noopener";
+  document.body.append(link);
+  link.click();
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 6e4);
+}
+function openUrl(url) {
+  const link = document.createElement("a");
+  link.href = url;
+  link.rel = "noopener noreferrer";
+  link.target = "_blank";
+  document.body.append(link);
+  link.click();
+  link.remove();
+}
+function base64Bytes(content) {
+  const binary = atob(content);
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+  return bytes;
+}
+function sessionLinkResolver(input) {
+  const { client, workspaceId, sessionId } = input;
+  return (target) => {
+    if (target.kind === "file") {
+      if (target.workspaceId !== null && target.workspaceId !== workspaceId) return null;
+      if (typeof client.createFileDownloadUrl !== "function") return null;
+      return {
+        open: async () => {
+          const { url } = await client.createFileDownloadUrl(workspaceId, target.fileId, {
+            sessionId
+          });
+          openUrl(url);
+        }
+      };
+    }
+    if (target.kind === "sandbox-file") {
+      if (input.sandboxFiles === false) return null;
+      if (typeof client.fsRead !== "function") return null;
+      return {
+        open: async () => {
+          const file = await client.fsRead(workspaceId, sessionId, {
+            path: target.path,
+            encoding: "base64",
+            maxBytes: SANDBOX_DOWNLOAD_MAX_BYTES
+          });
+          if (file.truncated) throw new Error("File is too large to download here.");
+          const name = file.path.split(/[\\/]/u).at(-1) || "download";
+          const bytes = file.encoding === "base64" ? base64Bytes(file.content) : new TextEncoder().encode(file.content);
+          saveBlob(new Blob([bytes], { type: "application/octet-stream" }), name);
+        }
+      };
+    }
+    return null;
+  };
+}
+function viewerLinkResolver(input) {
+  return (target) => {
+    if (target.kind !== "editable-artifact" && target.kind !== "site") return null;
+    if (target.workspaceId !== input.workspaceId) return null;
+    return { open: () => input.open({ kind: target.kind, artifactId: target.artifactId }) };
+  };
+}
+
+export {
+  chainLinkResolvers,
+  OpenGeniLinkProvider,
+  useOpenGeniLinkResolver,
+  sessionLinkResolver,
+  viewerLinkResolver
+};
+//# sourceMappingURL=chunk-4QYP6QUI.js.map

package/dist/chunk-4QYP6QUI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/open-geni-links.tsx"],"sourcesContent":["import type { OpenGeniClient, OpenGeniLinkTarget } from \"@opengeni/sdk\";\nimport { createContext, useContext, useMemo, type ReactNode } from \"react\";\n\nexport type { OpenGeniLinkTarget };\n\n/**\n * How the host opens one Opengeni object an agent linked in chat Markdown.\n *\n * - `{ href }` renders a real link (new tab) — use it for a host page URL.\n * - `{ open }` renders a button that runs the action (download, open a panel,\n *   client-side navigation) with loading and retry states.\n * - `null` / `undefined` means \"not handled here\": the next resolver is asked,\n *   and when none handles it the text renders as an unavailable reference —\n *   never as a navigation that would 404 inside the host.\n */\nexport type OpenGeniLinkResolution =\n  | { href: string; open?: undefined }\n  | { open: () => void | Promise<void>; href?: undefined };\n\nexport type OpenGeniLinkResolver = (\n  target: OpenGeniLinkTarget,\n) => OpenGeniLinkResolution | null | undefined;\n\nconst OpenGeniLinkContext = createContext<OpenGeniLinkResolver | null>(null);\n\n/** First resolver that handles a target wins. */\nexport function chainLinkResolvers(\n  ...resolvers: ReadonlyArray<OpenGeniLinkResolver | null | undefined>\n): OpenGeniLinkResolver | null {\n  const active = resolvers.filter((resolver): resolver is OpenGeniLinkResolver =>\n    Boolean(resolver),\n  );\n  if (active.length === 0) return null;\n  if (active.length === 1) return active[0]!;\n  return (target) => {\n    for (const resolver of active) {\n      const resolution = resolver(target);\n      if (resolution) return resolution;\n    }\n    return null;\n  };\n}\n\n/**\n * Resolve Opengeni object links (`artifact:`, `sandbox:`, editable artifacts,\n * Sites) for every {@link Markdown} body below. An inner provider is asked\n * before an outer one, so a host can override a single kind and keep defaults.\n */\nexport function OpenGeniLinkProvider({\n  resolveLink,\n  children,\n}: {\n  resolveLink: OpenGeniLinkResolver | null | undefined;\n  children: ReactNode;\n}) {\n  const parent = useContext(OpenGeniLinkContext);\n  const value = useMemo(() => chainLinkResolvers(resolveLink, parent), [resolveLink, parent]);\n  return <OpenGeniLinkContext.Provider value={value}>{children}</OpenGeniLinkContext.Provider>;\n}\n\n/** The effective resolver from the nearest {@link OpenGeniLinkProvider}. */\nexport function useOpenGeniLinkResolver(): OpenGeniLinkResolver | null {\n  return useContext(OpenGeniLinkContext);\n}\n\n// Every sandbox read the proxy forwards is bounded by the API's own maximum.\nconst SANDBOX_DOWNLOAD_MAX_BYTES = 25 * 1024 * 1024;\n\ntype SessionLinkClient = Partial<Pick<OpenGeniClient, \"createFileDownloadUrl\" | \"fsRead\">>;\n\nfunction saveBlob(blob: Blob, filename: string): void {\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = filename;\n  link.rel = \"noopener\";\n  document.body.append(link);\n  link.click();\n  link.remove();\n  setTimeout(() => URL.revokeObjectURL(url), 60_000);\n}\n\nfunction openUrl(url: string): void {\n  // A signed download URL is attachment-disposition; an anchor click keeps the\n  // page and survives popup blockers after the awaited URL request.\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.rel = \"noopener noreferrer\";\n  link.target = \"_blank\";\n  document.body.append(link);\n  link.click();\n  link.remove();\n}\n\nfunction base64Bytes(content: string): Uint8Array<ArrayBuffer> {\n  const binary = atob(content);\n  const bytes = new Uint8Array(binary.length);\n  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);\n  return bytes;\n}\n\n/**\n * Default resolver for a session conversation that talks to Opengeni through\n * the normal SDK client (for example behind `createSessionProxyHandler`):\n *\n * - `artifact:<file>` downloads the retained file through a short-lived URL.\n * - `sandbox:<path>` downloads when enabled by the host proxy capability.\n *\n * Editable artifacts and Sites have no default: they need a host surface\n * (see `@opengeni/react/artifacts/*` and `@opengeni/react/sites`), so they stay\n * unavailable until the host resolves them.\n */\nexport function sessionLinkResolver(input: {\n  client: SessionLinkClient;\n  workspaceId: string;\n  sessionId: string;\n  sandboxFiles?: boolean;\n}): OpenGeniLinkResolver {\n  const { client, workspaceId, sessionId } = input;\n  return (target) => {\n    if (target.kind === \"file\") {\n      if (target.workspaceId !== null && target.workspaceId !== workspaceId) return null;\n      if (typeof client.createFileDownloadUrl !== \"function\") return null;\n      return {\n        open: async () => {\n          const { url } = await client.createFileDownloadUrl!(workspaceId, target.fileId, {\n            sessionId,\n          });\n          openUrl(url);\n        },\n      };\n    }\n    if (target.kind === \"sandbox-file\") {\n      if (input.sandboxFiles === false) return null;\n      if (typeof client.fsRead !== \"function\") return null;\n      return {\n        open: async () => {\n          const file = await client.fsRead!(workspaceId, sessionId, {\n            path: target.path,\n            encoding: \"base64\",\n            maxBytes: SANDBOX_DOWNLOAD_MAX_BYTES,\n          });\n          if (file.truncated) throw new Error(\"File is too large to download here.\");\n          const name = file.path.split(/[\\\\/]/u).at(-1) || \"download\";\n          const bytes =\n            file.encoding === \"base64\"\n              ? base64Bytes(file.content)\n              : new TextEncoder().encode(file.content);\n          saveBlob(new Blob([bytes], { type: \"application/octet-stream\" }), name);\n        },\n      };\n    }\n    return null;\n  };\n}\n\n/** An editable artifact or Site to open in a host-mounted viewer. */\nexport type OpenGeniViewerTarget = Readonly<{\n  kind: \"editable-artifact\" | \"site\";\n  artifactId: string;\n  /** The link text the agent wrote, until the viewer loads the real title. */\n  title?: string | undefined;\n}>;\n\n/**\n * \"Open in host viewer\": resolve agent links to editable artifacts and Sites\n * in this workspace to `open(target)`, for example to mount\n * `SessionArtifactViewer` beside the conversation. Other targets fall through.\n */\nexport function viewerLinkResolver(input: {\n  workspaceId: string;\n  open: (target: OpenGeniViewerTarget) => void;\n}): OpenGeniLinkResolver {\n  return (target) => {\n    if (target.kind !== \"editable-artifact\" && target.kind !== \"site\") return null;\n    if (target.workspaceId !== input.workspaceId) return null;\n    return { open: () => input.open({ kind: target.kind, artifactId: target.artifactId }) };\n  };\n}\n"],"mappings":"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","names":[]}