@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-AFBJTUFK.js

@@ -1,202 +0,0 @@
-"use client";
-import {
-  scheduledTaskIdOf
-} from "./chunk-RIPS7GFR.js";
-import {
-  sessionDescendantCountText
-} from "./chunk-XVVJBNUQ.js";
-import {
-  sessionSiteOrigin
-} from "./chunk-K3TJNJSU.js";
-import {
-  sessionStatusLabel
-} from "./chunk-JCY4CMDH.js";
-import {
-  t
-} from "./chunk-GE33BGB7.js";
-import {
-  sessionAutomationWaitWords
-} from "./chunk-2RREGDQH.js";
-import {
-  formatAbsoluteTime,
-  inSentence
-} from "./chunk-ELL6HSYR.js";
-import {
-  sessionInputWait
-} from "./chunk-6AHATAAY.js";
-import {
-  sessionAdmissionBlocked,
-  sessionDisplayStatus
-} from "./chunk-TSENLSW6.js";
-import {
-  labelReasoningEffort
-} from "./chunk-ZHC47M2B.js";
-
-// src/app/lib/session-hover-facts.tsx
-import { modelDisplayName } from "@opengeni/sdk/model-display";
-var MINUTE = 6e4;
-var HOUR = 60 * MINUTE;
-var DAY = 24 * HOUR;
-function plural(count, singular, pluralForm = `${singular}s`) {
-  return `${count.toLocaleString("en-US")} ${count === 1 ? singular : pluralForm}`;
-}
-function formatWaitDuration(iso, now) {
-  const since = Date.parse(iso);
-  if (Number.isNaN(since)) return null;
-  const elapsed = Math.max(0, now - since);
-  if (elapsed < MINUTE) return "<1 min";
-  if (elapsed < HOUR) return `${Math.floor(elapsed / MINUTE)} min`;
-  if (elapsed < 2 * DAY) return plural(Math.floor(elapsed / HOUR), "hour");
-  return plural(Math.floor(elapsed / DAY), "day");
-}
-function nextCheckLabel(deadlineAt, now) {
-  const deadline = new Date(deadlineAt);
-  if (Number.isNaN(deadline.getTime())) return null;
-  if (deadline.getTime() <= now) return "Next check due now";
-  const absolute = formatAbsoluteTime(deadline, { now });
-  return absolute.startsWith("Today, ") ? `Next check at ${absolute.slice("Today, ".length)}` : `Next check ${inSentence(absolute)}`;
-}
-function lifecycleStatus(session, waiting) {
-  switch (sessionDisplayStatus(session)) {
-    case "blocked":
-      return { label: "Stuck", tone: "danger", live: false };
-    case "requires_action":
-      return { label: "Needs you", tone: "attention", live: false };
-    case "failed":
-      return { label: "Failed", tone: "danger", live: false };
-    case "cancelled":
-      return { label: "Cancelled", tone: "neutral", live: false };
-    case "running":
-    case "recovering":
-      return { label: sessionStatusLabel(session.status), tone: "progress", live: true };
-    case "queued":
-    case "waiting_capacity":
-      return { label: sessionStatusLabel(session.status), tone: "neutral", live: false };
-    default:
-      return waiting ? { label: "Waiting", tone: "progress", live: false } : { label: "Idle", tone: "success", live: false };
-  }
-}
-function pauseContext(session) {
-  const control = session.effectiveControl;
-  if (!control || control.state !== "paused" || session.status === "cancelled") return null;
-  if (control.settlement) return "Pausing";
-  const blocker = control.primaryBlocker;
-  if (blocker?.kind === "workspace") return "Workspace paused";
-  if (control.directState === "paused" || !blocker || blocker.sessionId === session.id) {
-    return "Paused directly";
-  }
-  return `Paused through ${blocker.displayName}`;
-}
-function subAgentFacts(session, descendantCount, truncated) {
-  if (descendantCount <= 0) return null;
-  const stats = session.treeStats;
-  const bound = truncated ? "+" : "";
-  const part = (count, label) => count && count > 0 ? `${count.toLocaleString("en-US")}${bound} ${label(count)}` : null;
-  const parts = [];
-  const push = (label, tone = null) => {
-    if (label) parts.push({ label, tone });
-  };
-  push(
-    part(
-      stats?.attentionDescendants,
-      (count) => count === 1 && !truncated ? "needs you" : "need you"
-    ),
-    "attention"
-  );
-  push(
-    part(
-      stats?.unreadFailedDescendants,
-      (count) => count === 1 && !truncated ? "unread failure" : "unread failures"
-    ),
-    "danger"
-  );
-  push(part(stats?.runningDescendants, () => "running"));
-  push(part(stats?.waitingDescendants, () => "waiting"));
-  push(part(stats?.queuedDescendants, () => "queued"));
-  push(part(stats?.pausedDescendants, () => "paused"));
-  return {
-    total: `${sessionDescendantCountText(descendantCount, truncated)} ${descendantCount === 1 && !truncated ? "sub-agent" : "sub-agents"}`,
-    parts
-  };
-}
-function commandFacts(session) {
-  const activity = session.backgroundCommandActivity;
-  if (!activity || activity.count <= 0) return null;
-  const unavailable = Math.min(activity.count, activity.unavailableCount ?? 0);
-  const known = activity.count - unavailable;
-  const unknown = unavailable === 0 ? null : unavailable === 1 ? "1 command status unavailable" : `${unavailable.toLocaleString("en-US")} command statuses unavailable`;
-  if (known > 0) {
-    const main = activity.state === "stopping" ? `${plural(known, "background command")} \xB7 Stop requested` : `${plural(known, "background command")} running`;
-    return unknown ? `${main} \xB7 ${unknown}` : main;
-  }
-  if (!unknown) return null;
-  return activity.state === "stopping" ? `Stop requested \xB7 ${unknown}` : `${unknown.charAt(0).toUpperCase()}${unknown.slice(1)}`;
-}
-function sessionHoverFacts(session, {
-  descendantCount,
-  descendantCountTruncated,
-  now = Date.now()
-}) {
-  const wait = sessionInputWait(session);
-  const paused = pauseContext(session);
-  const lifecycle = lifecycleStatus(session, Boolean(wait));
-  const status = paused && session.status !== "requires_action" && session.status !== "failed" ? {
-    label: paused === "Pausing" ? "Pausing" : "Paused",
-    tone: "neutral",
-    live: false
-  } : lifecycle;
-  const context = [];
-  if (session.status === "requires_action" && session.requiresActionSince) {
-    const waited = formatWaitDuration(session.requiresActionSince, now);
-    if (waited) {
-      context.push(
-        sessionAdmissionBlocked(session) ? `Could not start its next step for ${waited}` : `Waiting on you for ${waited}`
-      );
-    }
-  }
-  if (wait) {
-    const nextCheck = nextCheckLabel(wait.deadlineAt, now);
-    if (nextCheck) context.push(nextCheck);
-  }
-  if (paused && (paused !== "Pausing" || status.label !== "Pausing")) context.push(paused);
-  const pauseReason = paused ? session.effectiveControl?.primaryBlocker?.reason?.trim() : null;
-  const reason = wait?.reason.trim() || pauseReason || null;
-  const site = sessionSiteOrigin(session);
-  const automationWait = sessionAutomationWaitWords(t, session, { now: new Date(now) });
-  const origin = site ? { kind: "site", label: `Started from ${site.title}` } : automationWait ? { kind: automationWait.kind, label: automationWait.label } : scheduledTaskIdOf(session) ? { kind: "automation", label: "Started by an automation" } : null;
-  const modelId = session.model?.trim();
-  const effort = session.reasoningEffort;
-  return {
-    status,
-    context,
-    reason,
-    origin,
-    model: modelId ? {
-      id: modelId,
-      effort: effort && effort !== "none" ? `${labelReasoningEffort(t, effort)} reasoning` : null
-    } : null,
-    subAgents: subAgentFacts(session, descendantCount, descendantCountTruncated),
-    commands: commandFacts(session)
-  };
-}
-function sessionHoverDescription(facts) {
-  const model = facts.model ? [modelDisplayName(facts.model.id), facts.model.effort].filter(Boolean).join(", ") : null;
-  const subAgents = facts.subAgents ? [facts.subAgents.total, ...facts.subAgents.parts.map((part) => part.label)].join(", ") : null;
-  const parts = [
-    ...facts.context,
-    facts.reason,
-    facts.origin?.label,
-    model,
-    subAgents,
-    facts.commands
-  ].filter((part) => Boolean(part));
-  return parts.map((part) => part.replace(/[.\s]+$/u, "")).join(". ");
-}
-
-export {
-  formatWaitDuration,
-  nextCheckLabel,
-  sessionHoverFacts,
-  sessionHoverDescription
-};
-//# sourceMappingURL=chunk-AFBJTUFK.js.map

package/dist/chunk-ALVRWCXE.js

@@ -1,61 +0,0 @@
-"use client";
-import {
-  sessionSiteOrigin
-} from "./chunk-K3TJNJSU.js";
-import {
-  Link
-} from "./chunk-U5EFEMYU.js";
-import {
-  DropdownMenuItem
-} from "./chunk-GM3LG6BG.js";
-
-// src/app/components/session/site-origin-link.tsx
-import { PanelsTopLeftIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function siteOriginTarget(session) {
-  const origin = sessionSiteOrigin(session);
-  if (!origin) return null;
-  return {
-    origin,
-    link: {
-      to: "/workspaces/$workspaceId/sites/$siteId",
-      params: { workspaceId: session.workspaceId, siteId: origin.siteId },
-      search: session.parentSessionId === null ? { conversation: session.id } : void 0
-    }
-  };
-}
-function SiteOriginLink({
-  session,
-  compact = false
-}) {
-  const target = siteOriginTarget(session);
-  if (!target) return null;
-  const { origin, link } = target;
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      ...link,
-      title: `Created through ${origin.title}`,
-      "aria-label": `Created through ${origin.title}. Open Site`,
-      className: "inline-flex shrink-0 items-center gap-1 rounded px-1 py-1 text-xs text-fg-muted hover:bg-surface-2 hover:text-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent",
-      children: [
-        /* @__PURE__ */ jsx(PanelsTopLeftIcon, { "aria-hidden": "true", className: "size-3.5" }),
-        !compact && /* @__PURE__ */ jsx("span", { className: "max-w-40 truncate max-sm:hidden @max-[34rem]/titlebar:hidden", children: origin.title })
-      ]
-    }
-  );
-}
-function SiteOriginMenuItem({ session }) {
-  const target = siteOriginTarget(session);
-  if (!target) return null;
-  return /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { ...target.link, "aria-label": `Created through ${target.origin.title}. Open Site`, children: [
-    /* @__PURE__ */ jsx(PanelsTopLeftIcon, { "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: target.origin.title })
-  ] }) });
-}
-
-export {
-  SiteOriginLink,
-  SiteOriginMenuItem
-};
-//# sourceMappingURL=chunk-ALVRWCXE.js.map

package/dist/chunk-AOHU6O3M.js

@@ -1,247 +0,0 @@
-"use client";
-import {
-  useMergedRefs
-} from "./chunk-EDYVC3U3.js";
-import {
-  cn
-} from "./chunk-TXS65BB2.js";
-import {
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.js";
-
-// src/ui/field.tsx
-import {
-  createContext,
-  forwardRef,
-  useContext,
-  useId,
-  useLayoutEffect,
-  useMemo,
-  useRef
-} from "react";
-import { CheckIcon, CircleAlertIcon, MinusIcon } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var FieldContext = createContext(null);
-function useField() {
-  return useContext(FieldContext);
-}
-function useFieldControlProps() {
-  const field = useField();
-  if (!field) return {};
-  return {
-    id: field.controlId,
-    "aria-describedby": field.describedBy,
-    "aria-invalid": field.invalid ? true : void 0,
-    "aria-required": field.required ? true : void 0,
-    disabled: field.disabled ? true : void 0
-  };
-}
-function Field({
-  label,
-  hint,
-  error,
-  optional = false,
-  required = false,
-  disabled = false,
-  aside,
-  group = false,
-  id,
-  className,
-  children
-}) {
-  const generatedId = useId();
-  const t = useOpenGeniText();
-  const controlId = id ?? `${generatedId}-control`;
-  const labelId = `${generatedId}-label`;
-  const hintId = `${generatedId}-hint`;
-  const errorId = `${generatedId}-error`;
-  const invalid = Boolean(error);
-  const showHint = Boolean(hint) && !invalid;
-  const describedBy = invalid ? errorId : showHint ? hintId : void 0;
-  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    label,
-    optional ? /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-xs font-normal text-fg-subtle", children: t("field.optional") }) : null
-  ] });
-  const context = useMemo(
-    () => ({ controlId, labelId, describedBy, invalid, required, disabled }),
-    [controlId, labelId, describedBy, invalid, required, disabled]
-  );
-  return /* @__PURE__ */ jsx(FieldContext.Provider, { value: context, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: group ? "group" : void 0,
-      "aria-labelledby": group ? labelId : void 0,
-      "aria-describedby": group ? describedBy : void 0,
-      "data-invalid": invalid || void 0,
-      "data-disabled": disabled || void 0,
-      className: cn("flex min-w-0 flex-col", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex min-w-0 items-baseline justify-between gap-3", children: [
-          group ? /* @__PURE__ */ jsx("span", { id: labelId, className: "min-w-0 text-sm font-medium text-fg", children: labelContent }) : /* @__PURE__ */ jsx("label", { id: labelId, htmlFor: controlId, className: "min-w-0 text-sm font-medium text-fg", children: labelContent }),
-          aside ? /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs text-fg-subtle", children: aside }) : null
-        ] }),
-        children,
-        invalid ? /* @__PURE__ */ jsxs(
-          "p",
-          {
-            id: errorId,
-            className: "mt-1.5 flex min-w-0 items-start gap-1.5 text-xs leading-4.5 text-danger",
-            children: [
-              /* @__PURE__ */ jsx(CircleAlertIcon, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: error })
-            ]
-          }
-        ) : showHint ? /* @__PURE__ */ jsx("p", { id: hintId, className: "mt-1.5 min-w-0 text-xs leading-4.5 break-words text-fg-muted", children: hint }) : null
-      ]
-    }
-  ) });
-}
-function FieldStack({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 flex-col gap-6", className), children });
-}
-var controlBase = "block w-full min-w-0 rounded-md! border border-border bg-surface text-sm text-fg transition-colors duration-[120ms] outline-offset-2 placeholder:text-fg-subtle hover:border-border-strong focus-visible:border-brand disabled:cursor-not-allowed disabled:border-border disabled:bg-surface-2 disabled:text-fg-muted read-only:bg-surface-2 read-only:hover:border-border aria-invalid:border-danger aria-invalid:hover:border-danger pointer-coarse:text-base";
-var TextInput = /* @__PURE__ */ forwardRef(function TextInput2({ className, mono = false, suppressAutofill = false, type = "text", ...props }, ref) {
-  const fieldProps = useFieldControlProps();
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      ref,
-      type,
-      "data-slot": "text-input",
-      ...fieldProps,
-      ...props,
-      ...suppressAutofill ? { autoComplete: "off", "data-1p-ignore": true, "data-lpignore": "true" } : {},
-      className: cn(
-        controlBase,
-        "h-9 px-3 pointer-coarse:h-11",
-        mono && "font-mono text-xs pointer-coarse:text-base",
-        className
-      )
-    }
-  );
-});
-var TextArea = /* @__PURE__ */ forwardRef(function TextArea2({ className, mono = false, rows = 3, style, ...props }, ref) {
-  const fieldProps = useFieldControlProps();
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    {
-      ref,
-      rows,
-      "data-slot": "text-area",
-      ...fieldProps,
-      ...props,
-      style: { minHeight: `calc(${rows} * ${mono ? 18 : 20}px + 18px)`, ...style },
-      className: cn(
-        controlBase,
-        "field-sizing-content max-h-60 resize-y px-3 py-2 leading-5",
-        mono && "font-mono text-xs leading-4.5 pointer-coarse:text-base",
-        className
-      )
-    }
-  );
-});
-var Checkbox = /* @__PURE__ */ forwardRef(function Checkbox2({ onCheckedChange, className, indeterminate = false, ...props }, forwardedRef) {
-  const inputRef = useRef(null);
-  const ref = useMergedRefs(inputRef, forwardedRef);
-  useLayoutEffect(() => {
-    if (inputRef.current) inputRef.current.indeterminate = indeterminate;
-  }, [indeterminate]);
-  return /* @__PURE__ */ jsxs("span", { className: cn("relative grid size-4 shrink-0 place-items-center", className), children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type: "checkbox",
-        ...props,
-        onChange: (event) => onCheckedChange?.(indeterminate ? true : event.target.checked),
-        className: "peer size-4 appearance-none rounded-[4px]! border border-border-strong bg-surface transition-colors duration-[120ms] checked:border-brand-strong checked:bg-brand-strong indeterminate:border-brand-strong indeterminate:bg-brand-strong hover:border-fg-subtle disabled:cursor-not-allowed pointer-coarse:after:absolute pointer-coarse:after:-inset-3.5 pointer-coarse:after:content-['']"
-      }
-    ),
-    indeterminate ? /* @__PURE__ */ jsx(
-      MinusIcon,
-      {
-        "aria-hidden": "true",
-        strokeWidth: 3,
-        className: "pointer-events-none absolute size-3 text-brand-fg"
-      }
-    ) : /* @__PURE__ */ jsx(
-      CheckIcon,
-      {
-        "aria-hidden": "true",
-        strokeWidth: 3,
-        className: "pointer-events-none absolute size-3 text-brand-fg opacity-0 peer-checked:opacity-100"
-      }
-    )
-  ] });
-});
-function CheckboxField({
-  label,
-  description,
-  disabledReason,
-  checked,
-  defaultChecked,
-  onCheckedChange,
-  disabled = false,
-  name,
-  className
-}) {
-  const id = useId();
-  const descriptionId = `${id}-description`;
-  const reason = disabled ? disabledReason : void 0;
-  const note = reason ?? description;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-disabled": disabled || void 0,
-      className: cn("flex min-w-0 items-start gap-3 pointer-coarse:py-1", className),
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            id,
-            name,
-            checked,
-            defaultChecked,
-            disabled,
-            "aria-describedby": note ? descriptionId : void 0,
-            onCheckedChange,
-            className: cn("mt-0.5", disabled && "opacity-60")
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx(
-            "label",
-            {
-              htmlFor: id,
-              className: cn("block text-sm font-medium text-fg", disabled && "opacity-60"),
-              children: label
-            }
-          ),
-          note ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              id: descriptionId,
-              className: cn(
-                "mt-0.5 block text-xs leading-4.5 text-fg-muted",
-                disabled && !reason && "opacity-60"
-              ),
-              children: note
-            }
-          ) : null
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  useField,
-  useFieldControlProps,
-  Field,
-  FieldStack,
-  TextInput,
-  TextArea,
-  Checkbox,
-  CheckboxField
-};
-//# sourceMappingURL=chunk-AOHU6O3M.js.map

package/dist/chunk-AOHU6O3M.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/field.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport { CheckIcon, CircleAlertIcon, MinusIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { useMergedRefs } from \"../lib/refs\";\nimport { useOpenGeniText } from \"../messages/runtime\";\n\n/* ----------------------------------------------------------------------------\n   Field - one labelled control in a vertical form (brief 7.15).\n\n   Label 14/500 bound to the control, an optional \"Optional\" marker, a 12px\n   hint, and an inline error that replaces the hint and sets aria-invalid on\n   the control. Controls inside a Field pick up their id, aria-describedby,\n   aria-invalid and aria-required from context, so a form never needs to wire\n   ids by hand.\n   -------------------------------------------------------------------------- */\n\ninterface FieldContextValue {\n  controlId: string;\n  labelId: string;\n  /** Ids of the visible hint or error, for aria-describedby. */\n  describedBy: string | undefined;\n  invalid: boolean;\n  required: boolean;\n  disabled: boolean;\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null);\n\n/** The enclosing Field, or null. Use it to label custom group controls. */\nexport function useField(): FieldContextValue | null {\n  return useContext(FieldContext);\n}\n\n/** Accessibility props for the control inside a Field. Explicit props win. */\nexport function useFieldControlProps(): {\n  id?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-invalid\"?: true | undefined;\n  \"aria-required\"?: true | undefined;\n  disabled?: true | undefined;\n} {\n  const field = useField();\n  if (!field) return {};\n  return {\n    id: field.controlId,\n    \"aria-describedby\": field.describedBy,\n    \"aria-invalid\": field.invalid ? true : undefined,\n    \"aria-required\": field.required ? true : undefined,\n    disabled: field.disabled ? true : undefined,\n  };\n}\n\nexport function Field({\n  label,\n  hint,\n  error,\n  optional = false,\n  required = false,\n  disabled = false,\n  aside,\n  group = false,\n  id,\n  className,\n  children,\n}: {\n  /** 14/500, sentence case, names what is being entered. */\n  label: ReactNode;\n  /** One 12px line under the control. Hidden while an error shows. */\n  hint?: ReactNode | undefined;\n  /** Inline error: what is wrong and how to fix it. Sets aria-invalid. */\n  error?: ReactNode | undefined;\n  /** Shows a quiet \"Optional\" marker after the label. */\n  optional?: boolean | undefined;\n  required?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Right-aligned next to the label, for example a character count. */\n  aside?: ReactNode | undefined;\n  /**\n   * For controls that are a group (segmented control, radio cards): the label\n   * becomes the group's name through aria-labelledby instead of htmlFor.\n   */\n  group?: boolean | undefined;\n  /** Control id. Generated when omitted. */\n  id?: string | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  const generatedId = useId();\n  const t = useOpenGeniText();\n  const controlId = id ?? `${generatedId}-control`;\n  const labelId = `${generatedId}-label`;\n  const hintId = `${generatedId}-hint`;\n  const errorId = `${generatedId}-error`;\n  const invalid = Boolean(error);\n  const showHint = Boolean(hint) && !invalid;\n  const describedBy = invalid ? errorId : showHint ? hintId : undefined;\n\n  const labelContent = (\n    <>\n      {label}\n      {optional ? (\n        <span className=\"ml-1.5 text-xs font-normal text-fg-subtle\">{t(\"field.optional\")}</span>\n      ) : null}\n    </>\n  );\n\n  const context = useMemo(\n    () => ({ controlId, labelId, describedBy, invalid, required, disabled }),\n    [controlId, labelId, describedBy, invalid, required, disabled],\n  );\n\n  return (\n    <FieldContext.Provider value={context}>\n      <div\n        role={group ? \"group\" : undefined}\n        aria-labelledby={group ? labelId : undefined}\n        aria-describedby={group ? describedBy : undefined}\n        data-invalid={invalid || undefined}\n        data-disabled={disabled || undefined}\n        className={cn(\"flex min-w-0 flex-col\", className)}\n      >\n        <div className=\"mb-2 flex min-w-0 items-baseline justify-between gap-3\">\n          {group ? (\n            <span id={labelId} className=\"min-w-0 text-sm font-medium text-fg\">\n              {labelContent}\n            </span>\n          ) : (\n            <label id={labelId} htmlFor={controlId} className=\"min-w-0 text-sm font-medium text-fg\">\n              {labelContent}\n            </label>\n          )}\n          {aside ? <div className=\"shrink-0 text-xs text-fg-subtle\">{aside}</div> : null}\n        </div>\n        {children}\n        {invalid ? (\n          <p\n            id={errorId}\n            className=\"mt-1.5 flex min-w-0 items-start gap-1.5 text-xs leading-4.5 text-danger\"\n          >\n            <CircleAlertIcon aria-hidden=\"true\" className=\"mt-0.5 size-3.5 shrink-0\" />\n            <span className=\"min-w-0 break-words\">{error}</span>\n          </p>\n        ) : showHint ? (\n          <p id={hintId} className=\"mt-1.5 min-w-0 text-xs leading-4.5 break-words text-fg-muted\">\n            {hint}\n          </p>\n        ) : null}\n      </div>\n    </FieldContext.Provider>\n  );\n}\n\n/** Vertical rhythm for a form: 24px between fields. */\nexport function FieldStack({ className, children }: { className?: string; children: ReactNode }) {\n  return <div className={cn(\"flex min-w-0 flex-col gap-6\", className)}>{children}</div>;\n}\n\n/* ----------------------------------------------------------------------------\n   Controls. Token styled; they read their Field for ids and aria.\n   `rounded-md!` keeps the 10px radius when the global focus outline applies.\n   -------------------------------------------------------------------------- */\n\nconst controlBase =\n  \"block w-full min-w-0 rounded-md! border border-border bg-surface text-sm text-fg transition-colors duration-[120ms] outline-offset-2 placeholder:text-fg-subtle hover:border-border-strong focus-visible:border-brand disabled:cursor-not-allowed disabled:border-border disabled:bg-surface-2 disabled:text-fg-muted read-only:bg-surface-2 read-only:hover:border-border aria-invalid:border-danger aria-invalid:hover:border-danger pointer-coarse:text-base\";\n\nexport const TextInput = /* @__PURE__ */ forwardRef<\n  HTMLInputElement,\n  ComponentPropsWithoutRef<\"input\"> & {\n    /** JetBrains Mono, for names, IDs and code. */\n    mono?: boolean | undefined;\n    /** Resource names are not a person's identity or a saved credential. */\n    suppressAutofill?: boolean | undefined;\n  }\n>(function TextInput(\n  { className, mono = false, suppressAutofill = false, type = \"text\", ...props },\n  ref,\n) {\n  const fieldProps = useFieldControlProps();\n  return (\n    <input\n      ref={ref}\n      type={type}\n      data-slot=\"text-input\"\n      {...fieldProps}\n      {...props}\n      {...(suppressAutofill\n        ? { autoComplete: \"off\", \"data-1p-ignore\": true, \"data-lpignore\": \"true\" }\n        : {})}\n      className={cn(\n        controlBase,\n        \"h-9 px-3 pointer-coarse:h-11\",\n        mono && \"font-mono text-xs pointer-coarse:text-base\",\n        className,\n      )}\n    />\n  );\n});\n\nexport const TextArea = /* @__PURE__ */ forwardRef<\n  HTMLTextAreaElement,\n  ComponentPropsWithoutRef<\"textarea\"> & {\n    mono?: boolean | undefined;\n  }\n>(function TextArea({ className, mono = false, rows = 3, style, ...props }, ref) {\n  const fieldProps = useFieldControlProps();\n  return (\n    <textarea\n      ref={ref}\n      rows={rows}\n      data-slot=\"text-area\"\n      {...fieldProps}\n      {...props}\n      // Grows with its content from `rows` lines (18px mono, 20px text) up to 240px.\n      style={{ minHeight: `calc(${rows} * ${mono ? 18 : 20}px + 18px)`, ...style }}\n      className={cn(\n        controlBase,\n        \"field-sizing-content max-h-60 resize-y px-3 py-2 leading-5\",\n        mono && \"font-mono text-xs leading-4.5 pointer-coarse:text-base\",\n        className,\n      )}\n    />\n  );\n});\n\n/**\n * The bare 16px checkbox, for rows that carry their own label (a model in\n * Allowed models). Wrap the row in a <label> so the whole row toggles it.\n * `indeterminate` shows a dash for a group checkbox whose items are mixed;\n * clicking it reports `checked: true` (select all).\n */\nexport const Checkbox = /* @__PURE__ */ forwardRef<\n  HTMLInputElement,\n  Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"onChange\" | \"className\"> & {\n    onCheckedChange?: ((checked: boolean) => void) | undefined;\n    className?: string | undefined;\n    indeterminate?: boolean | undefined;\n  }\n>(function Checkbox({ onCheckedChange, className, indeterminate = false, ...props }, forwardedRef) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const ref = useMergedRefs(inputRef, forwardedRef);\n  useLayoutEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = indeterminate;\n  }, [indeterminate]);\n  return (\n    <span className={cn(\"relative grid size-4 shrink-0 place-items-center\", className)}>\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        {...props}\n        onChange={(event) => onCheckedChange?.(indeterminate ? true : event.target.checked)}\n        className=\"peer size-4 appearance-none rounded-[4px]! border border-border-strong bg-surface transition-colors duration-[120ms] checked:border-brand-strong checked:bg-brand-strong indeterminate:border-brand-strong indeterminate:bg-brand-strong hover:border-fg-subtle disabled:cursor-not-allowed pointer-coarse:after:absolute pointer-coarse:after:-inset-3.5 pointer-coarse:after:content-['']\"\n      />\n      {indeterminate ? (\n        <MinusIcon\n          aria-hidden=\"true\"\n          strokeWidth={3}\n          className=\"pointer-events-none absolute size-3 text-brand-fg\"\n        />\n      ) : (\n        <CheckIcon\n          aria-hidden=\"true\"\n          strokeWidth={3}\n          className=\"pointer-events-none absolute size-3 text-brand-fg opacity-0 peer-checked:opacity-100\"\n        />\n      )}\n    </span>\n  );\n});\n\n/**\n * A single yes/no choice inside a form with a Save button. For on/off that\n * saves immediately, use a switch instead.\n */\nexport function CheckboxField({\n  label,\n  description,\n  disabledReason,\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  disabled = false,\n  name,\n  className,\n}: {\n  label: ReactNode;\n  /** One 12px line under the label. */\n  description?: ReactNode | undefined;\n  /** Why a disabled choice can't change: shown in the description's place, and stays legible. */\n  disabledReason?: ReactNode | undefined;\n  checked?: boolean | undefined;\n  defaultChecked?: boolean | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  className?: string | undefined;\n}) {\n  const id = useId();\n  const descriptionId = `${id}-description`;\n  // A disabled choice dims, all but the reason it is disabled.\n  const reason = disabled ? disabledReason : undefined;\n  const note = reason ?? description;\n  return (\n    <div\n      data-disabled={disabled || undefined}\n      className={cn(\"flex min-w-0 items-start gap-3 pointer-coarse:py-1\", className)}\n    >\n      <Checkbox\n        id={id}\n        name={name}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        aria-describedby={note ? descriptionId : undefined}\n        onCheckedChange={onCheckedChange}\n        className={cn(\"mt-0.5\", disabled && \"opacity-60\")}\n      />\n      <span className=\"min-w-0\">\n        <label\n          htmlFor={id}\n          className={cn(\"block text-sm font-medium text-fg\", disabled && \"opacity-60\")}\n        >\n          {label}\n        </label>\n        {note ? (\n          <span\n            id={descriptionId}\n            className={cn(\n              \"mt-0.5 block text-xs leading-4.5 text-fg-muted\",\n              disabled && !reason && \"opacity-60\",\n            )}\n          >\n            {note}\n          </span>\n        ) : null}\n      </span>\n    </div>\n  );\n}\n"],"mappings":"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","names":["TextInput","TextArea","Checkbox"]}