@flanksource/clicky-ui 0.3.40 → 0.3.42

package/dist/data/har/HarPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"HarPanel.js","sources":["../../../src/data/har/HarPanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { DataTable, type DataTableColumn } from \"../DataTable\";\nimport { JsonView } from \"../JsonView\";\nimport type { HAREntry } from \"./types\";\n\nexport type HarPanelProps = {\n  /** HAR entries to render. */\n  entries: HAREntry[];\n  /** Optional external search term. When omitted, the internal DataTable search is shown. */\n  search?: string;\n  /** Empty-state label for no entries or no matches. */\n  emptyLabel?: string;\n  /** Classes applied to the panel root. */\n  className?: string;\n};\n\nconst COLS: DataTableColumn<HAREntry>[] = [\n  {\n    key: \"request.method\",\n    label: \"Method\",\n    shrink: true,\n  },\n  {\n    key: \"request.url\",\n    label: \"URL\",\n    grow: true,\n    render: (value) => <span title={String(value ?? \"\")}>{String(value ?? \"\")}</span>,\n  },\n  {\n    key: \"response.status\",\n    label: \"Status\",\n    shrink: true,\n    render: (value) => (\n      <span className={statusColor(Number(value ?? 0))}>{String(value ?? \"\")}</span>\n    ),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"time\",\n    label: \"Time\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => `${Number(value ?? 0).toFixed(0)}ms`,\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.bodySize\",\n    label: \"Size\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => formatBytes(Number(value ?? 0)),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.content.mimeType\",\n    label: \"Type\",\n    shrink: true,\n  },\n];\n\nexport function HarPanel({\n  entries,\n  search,\n  emptyLabel = \"No HTTP traffic captured\",\n  className,\n}: HarPanelProps) {\n  const filteredEntries = useMemo(() => {\n    if (search === undefined || search.trim() === \"\") return entries;\n    return entries.filter((entry) => matchesSearch(search.trim().toLowerCase(), entry));\n  }, [entries, search]);\n\n  if (!entries || entries.length === 0) {\n    return (\n      <div className=\"p-density-6 text-center text-muted-foreground text-sm\">{emptyLabel}</div>\n    );\n  }\n\n  return (\n    // A flex column, not a plain block: DataTable sizes itself as `flex-1\n    // min-h-0` so its own scroll region can be bounded, and in a block parent\n    // that resolves to content height — the table grows past the panel and\n    // nothing scrolls.\n    <div className={`flex h-full min-h-0 flex-col ${className ?? \"\"}`}>\n      <DataTable\n        data={filteredEntries}\n        columns={COLS}\n        autoFilter\n        showGlobalFilter={search === undefined}\n        globalFilterPlaceholder=\"Filter URL, method, or body…\"\n        defaultSort={{ key: \"time\", dir: \"asc\" }}\n        emptyMessage={emptyLabel}\n        getRowId={(entry, index) =>\n          `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`\n        }\n        renderExpandedRow={(entry) => <HarRowDetails entry={entry} />}\n      />\n    </div>\n  );\n}\n\nfunction HarRowDetails({ entry }: { entry: HAREntry }) {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-density-4\">\n        <div>\n          <HeaderList\n            title=\"Request Headers\"\n            {...(entry.request.headers ? { headers: entry.request.headers } : {})}\n          />\n          {entry.request.postData?.text && (\n            <div className=\"mt-density-2\">\n              <div className=\"font-semibold text-foreground mb-1\">Request Body</div>\n              <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-48\">\n                <BodyView\n                  text={entry.request.postData.text}\n                  {...(entry.request.postData.mimeType\n                    ? { mimeType: entry.request.postData.mimeType }\n                    : {})}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        <div>\n          <HeaderList\n            title=\"Response Headers\"\n            {...(entry.response.headers ? { headers: entry.response.headers } : {})}\n          />\n        </div>\n      </div>\n      {entry.response.content?.text && (\n        <div className=\"mt-density-3\">\n          <div className=\"font-semibold text-foreground mb-1\">Response Body</div>\n          <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-64\">\n            <BodyView\n              text={entry.response.content.text}\n              {...(entry.response.content.mimeType\n                ? { mimeType: entry.response.content.mimeType }\n                : {})}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction HeaderList({\n  title,\n  headers,\n}: {\n  title: string;\n  headers?: { name: string; value: string }[];\n}) {\n  return (\n    <>\n      <div className=\"font-semibold text-foreground mb-1\">{title}</div>\n      <div className=\"space-y-0.5\">\n        {headers?.map((h, i) => (\n          <div key={i} className=\"whitespace-nowrap\">\n            <span className=\"text-purple-600 dark:text-purple-400\">{h.name}:</span> {h.value}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction BodyView({ text, mimeType }: { text: string; mimeType?: string }) {\n  if (isJsonType(mimeType)) {\n    const parsed = tryParseJson(text);\n    if (parsed !== null) return <JsonView data={parsed} />;\n  }\n  return <pre className=\"whitespace-pre-wrap break-all\">{text}</pre>;\n}\n\nfunction tryParseJson(text: string): unknown | null {\n  try {\n    return JSON.parse(text);\n  } catch {\n    return null;\n  }\n}\n\nfunction isJsonType(mime?: string): boolean {\n  return !!mime && (mime.includes(\"json\") || mime.includes(\"javascript\"));\n}\n\nfunction matchesSearch(needle: string, entry: HAREntry): boolean {\n  return [\n    entry.request.method,\n    entry.request.url,\n    entry.request.postData?.text,\n    entry.response.content?.text,\n  ].some((value) => !!value && value.toLowerCase().includes(needle));\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 0) return \"\";\n  if (bytes < 1024) return `${bytes}B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;\n  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;\n}\n\nfunction statusColor(status: number): string {\n  if (status >= 500) return \"text-red-600\";\n  if (status >= 400) return \"text-amber-600\";\n  if (status >= 300) return \"text-blue-600\";\n  if (status >= 200) return \"text-green-600\";\n  return \"text-muted-foreground\";\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"HarPanel.js","sources":["../../../src/data/har/HarPanel.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { useResourceClock } from \"../../hooks/use-resource-clock\";\nimport { UiLoader } from \"../../icons\";\nimport { formatDuration } from \"../../lib/format\";\nimport { DataTable, type DataTableColumn, type DataTableFooterContext } from \"../DataTable\";\nimport { Icon } from \"../Icon\";\nimport { JsonView } from \"../JsonView\";\nimport type { HAREntry } from \"./types\";\n\nconst ERROR_PREVIEW_CHARS = 80;\n\n/** Wall-clock ms shared by every in-flight row, ticking only while one exists. */\nconst HarClockContext = createContext<number | undefined>(undefined);\n\nexport type HarPanelProps = {\n  /** HAR entries to render. */\n  entries: HAREntry[];\n  /** Optional external search term. When omitted, the internal DataTable search is shown. */\n  search?: string;\n  /** Empty-state label for no entries or no matches. */\n  emptyLabel?: string;\n  /** Classes applied to the panel root. */\n  className?: string;\n  /** Optional private body store used only when an expanded row needs a preview. */\n  bodySource?: HarPanelBodySource;\n};\n\nexport type HarPanelBodySource = {\n  hasBody: (entry: HAREntry, part: \"request\" | \"response\") => boolean;\n  preview: (requestId: string, part: \"request\" | \"response\") => Promise<string>;\n  downloadHref: (entry: HAREntry, part: \"request\" | \"response\") => string;\n};\n\nexport type HarEntryDetailsProps = { entry: HAREntry; bodySource?: HarPanelBodySource | undefined };\n\nconst COLS: DataTableColumn<HAREntry>[] = [\n  {\n    key: \"request.method\",\n    label: \"Method\",\n    shrink: true,\n  },\n  {\n    key: \"request.url\",\n    label: \"URL\",\n    grow: true,\n    render: (value, entry) => (\n      <span className=\"inline-flex min-w-0 items-baseline gap-density-2\">\n        <span title={String(value ?? \"\")}>{String(value ?? \"\")}</span>\n        {entry._error ? (\n          <span className=\"text-destructive text-xs\" title={entry._error}>\n            {previewError(entry._error)}\n          </span>\n        ) : null}\n      </span>\n    ),\n  },\n  {\n    key: \"response.status\",\n    label: \"Status\",\n    shrink: true,\n    render: (value, entry) => <HarStatus status={Number(value ?? 0)} entry={entry} />,\n    sortValue: (value) => Number(value ?? 0),\n    filterValue: (value, entry) => harStatusLabel(Number(value ?? 0), entry),\n  },\n  {\n    key: \"time\",\n    label: \"Time\",\n    align: \"right\",\n    shrink: true,\n    render: (value, entry) =>\n      entry._pending ? <PendingElapsed entry={entry} /> : `${Number(value ?? 0).toFixed(0)}ms`,\n    sortValue: (value, entry) =>\n      entry._pending ? pendingElapsedMs(entry, Date.now()) : Number(value ?? 0),\n  },\n  {\n    key: \"response.bodySize\",\n    label: \"Size\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => formatBytes(Number(value ?? 0)),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.content.mimeType\",\n    label: \"Type\",\n    shrink: true,\n  },\n];\n\nexport function HarPanel({\n  entries,\n  search,\n  emptyLabel = \"No HTTP traffic captured\",\n  className,\n  bodySource,\n}: HarPanelProps) {\n  const filteredEntries = useMemo(() => {\n    if (search === undefined || search.trim() === \"\") return entries;\n    return entries.filter((entry) => matchesSearch(search.trim().toLowerCase(), entry));\n  }, [entries, search]);\n  const runningCount = useMemo(() => entries.filter((entry) => entry._pending).length, [entries]);\n  const now = useResourceClock(runningCount > 0);\n\n  if (!entries || entries.length === 0) {\n    return (\n      <div className=\"p-density-6 text-center text-muted-foreground text-sm\">{emptyLabel}</div>\n    );\n  }\n\n  return (\n    // A flex column, not a plain block: DataTable sizes itself as `flex-1\n    // min-h-0` so its own scroll region can be bounded, and in a block parent\n    // that resolves to content height — the table grows past the panel and\n    // nothing scrolls.\n    <div className={`flex h-full min-h-0 flex-col ${className ?? \"\"}`}>\n      <HarClockContext.Provider value={now}>\n        <DataTable\n          data={filteredEntries}\n          columns={COLS}\n          autoFilter\n          showGlobalFilter={search === undefined}\n          globalFilterPlaceholder=\"Filter URL, method, or body…\"\n          defaultSort={{ key: \"time\", dir: \"asc\" }}\n          emptyMessage={emptyLabel}\n          {...(runningCount > 0\n            ? {\n                footer: ({ visibleRowCount, totalRowCount }: DataTableFooterContext) =>\n                  `${visibleRowCount} of ${totalRowCount} row${totalRowCount === 1 ? \"\" : \"s\"} · ${runningCount} running`,\n              }\n            : {})}\n          getRowId={(entry, index) =>\n            // `_id` is the same on a request's pending and completed snapshots,\n            // so an expanded row survives the transition. Without it, leave out\n            // an in-flight entry's `time`, which grows with every snapshot.\n            entry._id ??\n            `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}${entry._pending ? \"-pending\" : `-${entry.time}`}`\n          }\n          renderExpandedRow={(entry) => <HarEntryDetails entry={entry} bodySource={bodySource} />}\n        />\n      </HarClockContext.Provider>\n    </div>\n  );\n}\n\nfunction HarStatus({ status, entry }: { status: number; entry: HAREntry }) {\n  if (entry._pending) {\n    return (\n      <span className=\"inline-flex items-center gap-1 text-muted-foreground\">\n        <Icon icon={UiLoader} className=\"animate-spin\" />\n        running\n      </span>\n    );\n  }\n  if (entry._error) return <span className=\"font-semibold text-destructive\">ERR</span>;\n  return <span className={statusColor(status)}>{String(status)}</span>;\n}\n\nfunction PendingElapsed({ entry }: { entry: HAREntry }) {\n  const now = useContext(HarClockContext);\n  if (now === undefined) throw new Error(\"PendingElapsed must render inside HarPanel's clock\");\n  return <span className=\"tabular-nums\">{formatDuration(pendingElapsedMs(entry, now))}</span>;\n}\n\n/**\n * Elapsed time of an in-flight request, measured from `startedDateTime` so it\n * keeps ticking between snapshots. The snapshot's `time` is only used when the\n * start timestamp cannot be parsed.\n */\nfunction pendingElapsedMs(entry: HAREntry, now: number): number {\n  const started = Date.parse(entry.startedDateTime ?? \"\");\n  if (Number.isNaN(started)) return entry.time;\n  // Server and browser clocks can disagree by a little; a negative elapsed is noise.\n  return Math.max(0, now - started);\n}\n\nfunction harStatusLabel(status: number, entry: HAREntry): string {\n  if (entry._pending) return \"running\";\n  if (entry._error) return \"ERR\";\n  return String(status);\n}\n\nfunction previewError(error: string): string {\n  return error.length > ERROR_PREVIEW_CHARS ? `${error.slice(0, ERROR_PREVIEW_CHARS)}…` : error;\n}\n\nexport function HarEntryDetails({ entry, bodySource }: HarEntryDetailsProps) {\n  const parentNow = useContext(HarClockContext);\n  const ownNow = useResourceClock(Boolean(entry._pending) && parentNow === undefined);\n  return <HarClockContext.Provider value={parentNow ?? ownNow}><HarRowDetails entry={entry} bodySource={bodySource} /></HarClockContext.Provider>;\n}\n\nfunction HarRowDetails({ entry, bodySource }: HarEntryDetailsProps) {\n  return (\n    <>\n      {entry._error && (\n        <div className=\"mb-density-3\">\n          <div className=\"font-semibold text-foreground mb-1\">Transport Error</div>\n          <pre className=\"whitespace-pre-wrap break-all text-destructive\">{entry._error}</pre>\n        </div>\n      )}\n      {entry._pending && (\n        <div className=\"mb-density-3 text-muted-foreground\">\n          Waiting for response — in flight for <PendingElapsed entry={entry} />\n        </div>\n      )}\n      <div className=\"grid grid-cols-2 gap-density-4\">\n        <div>\n          <HeaderList\n            title=\"Request Headers\"\n            {...(entry.request.headers ? { headers: entry.request.headers } : {})}\n          />\n          {(entry.request.postData?.text || bodySource?.hasBody(entry, \"request\")) && (\n            <BodySection entry={entry} part=\"request\" text={entry.request.postData?.text}\n              mimeType={entry.request.postData?.mimeType} bodySource={bodySource} />\n          )}\n        </div>\n        <div>\n          <HeaderList\n            title=\"Response Headers\"\n            {...(entry.response.headers ? { headers: entry.response.headers } : {})}\n          />\n        </div>\n      </div>\n      {(entry.response.content?.text || bodySource?.hasBody(entry, \"response\")) && (\n        <BodySection entry={entry} part=\"response\" text={entry.response.content?.text}\n          mimeType={entry.response.content?.mimeType} bodySource={bodySource} />\n      )}\n    </>\n  );\n}\n\nfunction BodySection({ entry, part, text, mimeType, bodySource }: {\n  entry: HAREntry;\n  part: \"request\" | \"response\";\n  text?: string | undefined;\n  mimeType?: string | undefined;\n  bodySource?: HarPanelBodySource | undefined;\n}) {\n  const remote = !text && bodySource?.hasBody(entry, part);\n  const requestId = entry._id;\n  if (remote && !requestId) throw new Error(\"Private HAR body requires a request ID\");\n  const [preview, setPreview] = useState<string | undefined>();\n  const [error, setError] = useState<Error | undefined>();\n  useEffect(() => {\n    if (!remote || !bodySource || !requestId) return;\n    let active = true;\n    setPreview(undefined);\n    setError(undefined);\n    bodySource.preview(requestId, part).then(\n      (value) => { if (active) setPreview(value); },\n      (reason: unknown) => { if (active) setError(reason instanceof Error ? reason : new Error(String(reason))); },\n    );\n    return () => { active = false; };\n  }, [bodySource, requestId, part, remote]);\n  return (\n    <div className=\"mt-density-3\">\n      <div className=\"mb-1 flex items-center gap-2 font-semibold text-foreground\">\n        {part === \"request\" ? \"Request Body\" : \"Response Body\"}\n        {remote && bodySource && <a className=\"text-sm font-normal text-primary underline\" href={bodySource.downloadHref(entry, part)} download>Download full body</a>}\n      </div>\n      <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-64\">\n        {error ? <span role=\"alert\" className=\"text-destructive\">{error.message}</span>\n          : remote && preview === undefined ? <span className=\"text-muted-foreground\">Loading preview…</span>\n          : <BodyView text={text || preview || \"\"} {...(mimeType ? { mimeType } : {})} />}\n      </div>\n      {remote && <p className=\"mt-1 text-xs text-muted-foreground\">Preview shows at most the first 64 KiB.</p>}\n    </div>\n  );\n}\n\nfunction HeaderList({\n  title,\n  headers,\n}: {\n  title: string;\n  headers?: { name: string; value: string }[];\n}) {\n  return (\n    <>\n      <div className=\"font-semibold text-foreground mb-1\">{title}</div>\n      <div className=\"space-y-0.5\">\n        {headers?.map((h, i) => (\n          <div key={i} className=\"whitespace-nowrap\">\n            <span className=\"text-purple-600 dark:text-purple-400\">{h.name}:</span> {h.value}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction BodyView({ text, mimeType }: { text: string; mimeType?: string }) {\n  if (isJsonType(mimeType)) {\n    const parsed = tryParseJson(text);\n    if (parsed !== null) return <JsonView data={parsed} />;\n  }\n  return <pre className=\"whitespace-pre-wrap break-all\">{text}</pre>;\n}\n\nfunction tryParseJson(text: string): unknown | null {\n  try {\n    return JSON.parse(text);\n  } catch {\n    return null;\n  }\n}\n\nfunction isJsonType(mime?: string): boolean {\n  return !!mime && (mime.includes(\"json\") || mime.includes(\"javascript\"));\n}\n\nfunction matchesSearch(needle: string, entry: HAREntry): boolean {\n  return [\n    entry.request.method,\n    entry.request.url,\n    entry.request.postData?.text,\n    entry.response.content?.text,\n    entry._error,\n  ].some((value) => !!value && value.toLowerCase().includes(needle));\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 0) return \"\";\n  if (bytes < 1024) return `${bytes}B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;\n  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;\n}\n\nfunction statusColor(status: number): string {\n  if (status >= 500) return \"text-red-600\";\n  if (status >= 400) return \"text-amber-600\";\n  if (status >= 300) return \"text-blue-600\";\n  if (status >= 200) return \"text-green-600\";\n  return \"text-muted-foreground\";\n}\n"],"names":[],"mappings":"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"}

package/dist/data/har/fixtures.d.ts

@@ -1,3 +1,15 @@
 import { HAREntry } from './types.js';
+/**
+ * An in-flight request as the commons/har collector snapshots it: `_pending`,
+ * a zeroed response, and `time` holding the elapsed ms at snapshot time.
+ */
+export declare function pendingHarEntry(startedAt: Date, snapshotElapsedMs: number): HAREntry;
+/**
+ * The later snapshot of the same request once its response arrived: same `_id`
+ * and start, `_pending` gone, a real response and final `time`.
+ */
+export declare function completedHarEntry(pending: HAREntry, responseText: string): HAREntry;
+/** A request that never got a response: status 0 plus the transport error. */
+export declare function transportErrorHarEntry(startedAt: Date, error: string): HAREntry;
 export declare const sampleHarEntries: HAREntry[];
 //# sourceMappingURL=fixtures.d.ts.map

package/dist/data/har/fixtures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/har/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,gBAAgB,EAAE,QAAQ,EA+EtC,CAAC"}
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../src/data/har/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,GAAG,QAAQ,CAepF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,GAAG,QAAQ,CAanF;AAED,8EAA8E;AAC9E,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,CAc/E;AAED,eAAO,MAAM,gBAAgB,EAAE,QAAQ,EA+EtC,CAAC"}

package/dist/data/har/types.d.ts

@@ -43,6 +43,18 @@ export interface HAREntry extends Record<string, unknown> {
         wait?: number;
         receive?: number;
     };
+    /**
+     * HAR 1.2 custom field: a stable per-request id, identical on the pending and
+     * completed snapshots of one request.
+     */
+    _id?: string;
+    /**
+     * HAR 1.2 custom field: the request is still in flight. `response` is empty
+     * (status 0) and `time` is the elapsed ms when the snapshot was taken.
+     */
+    _pending?: boolean;
+    /** HAR 1.2 custom field: the transport error of a request that got no response (status 0). */
+    _error?: string;
 }
 export interface HARCreator {
     name: string;

package/dist/data/har/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/har/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAS,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9D;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,MAAM;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,EAAE,QAAQ,EAAE,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/har/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAS,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,MAAM;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,EAAE,QAAQ,EAAE,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;CACb"}

package/dist/data/runtime/RuntimeBar.cjs

@@ -3,11 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const effortIcons = require("../chat/effort-icons.cjs");
-const utils = require("../../lib/utils.cjs");
 const RuntimeBar_limits = require("./RuntimeBar.limits.cjs");
 const RuntimeBar_model = require("./RuntimeBar.model.cjs");
-const RuntimeBarCombo = require("./RuntimeBarCombo.cjs");
-const RuntimeBarSegments = require("./RuntimeBarSegments.cjs");
+const RuntimeBarLayout = require("./RuntimeBarLayout.cjs");
+const RuntimeBar_fields = require("./RuntimeBar.fields.cjs");
+const RuntimeBar_selection = require("./RuntimeBar.selection.cjs");
 const RuntimeBar_context = require("./RuntimeBar.context.cjs");
 const availability = require("./availability.cjs");
 const modelCapabilities = require("./model-capabilities.cjs");
@@ -31,24 +31,32 @@ function RuntimeBar({
   ariaLabel = "Runtime",
   className
 }) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const [preference, setPreference] = react.useState({ model: effectiveModel, family: void 0 });
   if (preference.model !== effectiveModel) {
     setPreference({ model: effectiveModel, family: void 0 });
   }
   const preferredFamily = preference.model === effectiveModel ? preference.family : void 0;
-  const specMode = runtimeFamily.runtimeModeFromModel(value.model) || ((_a = value.mode) == null ? void 0 : _a.trim()) || (effectiveMode == null ? void 0 : effectiveMode.trim());
+  const specMode = ((_a = value.mode) == null ? void 0 : _a.trim()) || runtimeFamily.runtimeModeFromModel(value.model) || (effectiveMode == null ? void 0 : effectiveMode.trim());
   const selection = runtimeMode.selectionForRuntime(
     families,
     specMode,
-    value.model || (preferredFamily ? void 0 : effectiveModel),
+    value.id || value.model || (preferredFamily ? void 0 : effectiveModel),
     models,
     preferredFamily
   );
   const family = runtimeMode.familyById(families, selection.family);
-  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? runtimeMode.firstMode(family);
-  const modelOptions = runtimeMode.modelsForFamily(models, family, specMode);
-  const resolvedModel = RuntimeBar_model.runtimeModelForValue(models, value, availability.isSelectableModel);
+  const modes = RuntimeBar_selection.runtimeModes(families);
+  const mode = modes.find((entry) => entry.id === selection.mode);
+  if (!mode)
+    throw new Error(
+      `No available runtime mode for ${JSON.stringify(selection.mode)}`
+    );
+  const groups = RuntimeBar_selection.modelGroupsForMode({ models, families, mode: mode.id });
+  const resolvedModel = RuntimeBar_model.runtimeModelForValue(
+    groups.flatMap((group) => group.models),
+    value
+  );
   const selectedModelUnavailable = Boolean(
     !resolvedModel && (value.id || value.model) && RuntimeBar_model.runtimeModelForValue(models, value, (entry) => !availability.isSelectableModel(entry))
   );
@@ -63,14 +71,13 @@ function RuntimeBar({
   )) == null ? void 0 : _b.label) ?? effectiveModel;
   const applyMode = (familyId, modeId) => {
     setPreference({ model: effectiveModel, family: familyId });
-    const next = RuntimeBar_model.applyRuntimeMode(
+    const next = RuntimeBar_selection.withRuntimeMode({
       value,
       models,
       families,
-      familyId,
-      modeId,
+      mode: modeId,
       reasoningEfforts
-    );
+    });
     if (next !== value) onChange(next);
   };
   const applyCustomModel = (model) => {
@@ -91,80 +98,56 @@ function RuntimeBar({
     onChange(withoutCatalogModel(value));
   };
   const applyEffort = (effort) => onChange(withOptionalRuntimeValue(value, "effort", effort));
-  if (variant === "combo") {
-    return /* @__PURE__ */ jsxRuntime.jsx(RuntimeBar_context.RuntimeBarVariantContext.Provider, { value: "combo", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        role: "group",
-        "aria-label": ariaLabel,
-        "data-runtime-bar-variant": "combo",
-        className: utils.cn("inline-flex max-w-full flex-wrap items-stretch gap-1", className),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RuntimeBarCombo.RuntimeBarCombo,
-            {
-              value,
-              families,
-              family,
-              mode,
-              selectedMode: selection.mode,
-              models: modelOptions,
-              selectedModel: resolvedModel,
-              selectedModelUnavailable,
-              inheritedModelLabel,
-              supportedEfforts,
-              locked,
-              showModel,
-              showEffort,
-              showTimeout,
-              showCost,
-              ariaLabel,
-              className: "max-w-full",
-              onFamilyChange: (familyId) => applyMode(familyId, selection.mode),
-              onModeChange: (modeId) => applyMode(family.id, modeId),
-              onModelSelect: applyModel,
-              onModelClear: clearModel,
-              onCustomModel: applyCustomModel,
-              onEffortChange: applyEffort,
-              onTimeoutChange: (timeout) => onChange(RuntimeBar_limits.withBudgetLimit(value, "timeout", timeout)),
-              onCostChange: (cost) => onChange(RuntimeBar_limits.withBudgetLimit(value, "cost", cost))
-            }
-          ),
-          actions
-        ]
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(RuntimeBar_context.RuntimeBarVariantContext.Provider, { value: "segmented", children: /* @__PURE__ */ jsxRuntime.jsx(
-    RuntimeBarSegments.RuntimeBarSegments,
+  const fields = [
+    ...showEffort && supportedEfforts.length > 0 ? [
+      RuntimeBar_fields.effortField({
+        value: value.effort,
+        offered: reasoningEfforts,
+        supported: supportedEfforts,
+        onChange: applyEffort
+      })
+    ] : [],
+    ...(actions == null ? void 0 : actions.fields) ?? [],
+    ...showCost ? [
+      RuntimeBar_fields.budgetField({
+        value: (_c = value.budget) == null ? void 0 : _c.cost,
+        onChange: (cost) => onChange(RuntimeBar_limits.withBudgetLimit(value, "cost", cost))
+      })
+    ] : [],
+    ...showTimeout ? [
+      RuntimeBar_fields.timeoutField({
+        value: (_d = value.budget) == null ? void 0 : _d.timeout,
+        onChange: (timeout) => onChange(RuntimeBar_limits.withBudgetLimit(value, "timeout", timeout))
+      })
+    ] : []
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(RuntimeBar_context.RuntimeBarVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx(
+    RuntimeBarLayout.RuntimeBarLayout,
     {
-      value,
-      models,
-      modelOptions,
-      resolvedModel,
-      selectedModelUnavailable,
-      inheritedModelLabel,
-      families,
-      family,
-      mode,
-      selectedMode: selection.mode,
-      reasoningEfforts,
-      supportedEfforts,
-      locked,
-      showModel,
-      showEffort,
-      showTimeout,
-      showCost,
-      actions,
       ariaLabel,
       className,
-      onModeChange: applyMode,
-      onCustomModel: applyCustomModel,
-      onModelSelect: applyModel,
-      onModelClear: clearModel,
-      onEffortChange: applyEffort,
-      onTimeoutChange: (timeout) => onChange(RuntimeBar_limits.withBudgetLimit(value, "timeout", timeout)),
-      onCostChange: (cost) => onChange(RuntimeBar_limits.withBudgetLimit(value, "cost", cost))
+      actions: { ...actions, fields },
+      identity: {
+        family,
+        mode,
+        modes,
+        groups,
+        selectedModel: resolvedModel,
+        model: value.model,
+        unavailable: selectedModelUnavailable,
+        inheritedModelLabel,
+        locked,
+        showModel,
+        variant,
+        onModeChange: (modeId) => applyMode(family.id, modeId),
+        onCustomModel: applyCustomModel,
+        onModelSelect: applyModel,
+        onModelClear: clearModel,
+        onFamilySelect: (familyId) => {
+          setPreference({ model: effectiveModel, family: familyId });
+          onChange(withoutCatalogModel(value));
+        }
+      }
     }
   ) });
 }

package/dist/data/runtime/RuntimeBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.cjs","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { applyRuntimeMode, runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  firstMode,\n  modelsForFamily,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?: ReactNode | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily = preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    runtimeModeFromModel(value.model) ||\n    value.mode?.trim() ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, specMode);\n  const resolvedModel = runtimeModelForValue(models, value, isSelectableModel);\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = applyRuntimeMode(\n      value,\n      models,\n      families,\n      familyId,\n      modeId,\n      reasoningEfforts,\n    );\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarVariantContext.Provider value=\"combo\">\n        <div\n          role=\"group\"\n          aria-label={ariaLabel}\n          data-runtime-bar-variant=\"combo\"\n          className={cn(\"inline-flex max-w-full flex-wrap items-stretch gap-1\", className)}\n        >\n          <RuntimeBarCombo\n            value={value}\n            families={families}\n            family={family}\n            mode={mode}\n            selectedMode={selection.mode}\n            models={modelOptions}\n            selectedModel={resolvedModel}\n            selectedModelUnavailable={selectedModelUnavailable}\n            inheritedModelLabel={inheritedModelLabel}\n            supportedEfforts={supportedEfforts}\n            locked={locked}\n            showModel={showModel}\n            showEffort={showEffort}\n            showTimeout={showTimeout}\n            showCost={showCost}\n            ariaLabel={ariaLabel}\n            className=\"max-w-full\"\n            onFamilyChange={(familyId) => applyMode(familyId, selection.mode)}\n            onModeChange={(modeId) => applyMode(family.id, modeId)}\n            onModelSelect={applyModel}\n            onModelClear={clearModel}\n            onCustomModel={applyCustomModel}\n            onEffortChange={applyEffort}\n            onTimeoutChange={(timeout) => onChange(withBudgetLimit(value, \"timeout\", timeout))}\n            onCostChange={(cost) => onChange(withBudgetLimit(value, \"cost\", cost))}\n          />\n          {actions}\n        </div>\n      </RuntimeBarVariantContext.Provider>\n    );\n  }\n\n  return (\n    <RuntimeBarVariantContext.Provider value=\"segmented\">\n      <RuntimeBarSegments\n        value={value}\n        models={models}\n        modelOptions={modelOptions}\n        resolvedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        inheritedModelLabel={inheritedModelLabel}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        reasoningEfforts={reasoningEfforts}\n        supportedEfforts={supportedEfforts}\n        locked={locked}\n        showModel={showModel}\n        showEffort={showEffort}\n        showTimeout={showTimeout}\n        showCost={showCost}\n        actions={actions}\n        ariaLabel={ariaLabel}\n        className={className}\n        onModeChange={applyMode}\n        onCustomModel={applyCustomModel}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n        onTimeoutChange={(timeout) => onChange(withBudgetLimit(value, \"timeout\", timeout))}\n        onCostChange={(cost) => onChange(withBudgetLimit(value, \"cost\", cost))}\n      />\n    </RuntimeBarVariantContext.Provider>\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","DEFAULT_REASONING_EFFORTS","useState","runtimeModeFromModel","selectionForRuntime","familyById","firstMode","modelsForFamily","runtimeModelForValue","isSelectableModel","effortOptionsForModel","applyRuntimeMode","reconcileModelCapabilities","jsx","RuntimeBarVariantContext","jsxs","cn","RuntimeBarCombo","withBudgetLimit","RuntimeBarSegments"],"mappings":"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"}
+{"version":3,"file":"RuntimeBar.cjs","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarLayout } from \"./RuntimeBarLayout\";\nimport type { RuntimeBarActionsProps } from \"./RuntimeBarActions\";\nimport { timeoutField, budgetField, effortField } from \"./RuntimeBar.fields\";\nimport {\n  modelGroupsForMode,\n  runtimeModes,\n  withRuntimeMode,\n} from \"./RuntimeBar.selection\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** Fused field triggers or individually bordered controls. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog grouped by family and filtered by the selected mode. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?:\n    | Pick<RuntimeBarActionsProps, \"fields\" | \"menu\" | \"menuLabel\">\n    | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily =\n    preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    value.mode?.trim() ||\n    runtimeModeFromModel(value.model) ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.id || value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const modes = runtimeModes(families);\n  const mode = modes.find((entry) => entry.id === selection.mode);\n  if (!mode)\n    throw new Error(\n      `No available runtime mode for ${JSON.stringify(selection.mode)}`,\n    );\n  const groups = modelGroupsForMode({ models, families, mode: mode.id });\n  const resolvedModel = runtimeModelForValue(\n    groups.flatMap((group) => group.models),\n    value,\n  );\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = withRuntimeMode({\n      value,\n      models,\n      families,\n      mode: modeId,\n      reasoningEfforts,\n    });\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  const fields = [\n    ...(showEffort && supportedEfforts.length > 0\n      ? [\n          effortField({\n            value: value.effort,\n            offered: reasoningEfforts,\n            supported: supportedEfforts,\n            onChange: applyEffort,\n          }),\n        ]\n      : []),\n    ...(actions?.fields ?? []),\n    ...(showCost\n      ? [\n          budgetField({\n            value: value.budget?.cost,\n            onChange: (cost) => onChange(withBudgetLimit(value, \"cost\", cost)),\n          }),\n        ]\n      : []),\n    ...(showTimeout\n      ? [\n          timeoutField({\n            value: value.budget?.timeout,\n            onChange: (timeout) =>\n              onChange(withBudgetLimit(value, \"timeout\", timeout)),\n          }),\n        ]\n      : []),\n  ];\n  return (\n    <RuntimeBarVariantContext.Provider value={variant}>\n      <RuntimeBarLayout\n        ariaLabel={ariaLabel}\n        className={className}\n        actions={{ ...actions, fields }}\n        identity={{\n          family,\n          mode,\n          modes,\n          groups,\n          selectedModel: resolvedModel,\n          model: value.model,\n          unavailable: selectedModelUnavailable,\n          inheritedModelLabel,\n          locked,\n          showModel,\n          variant,\n          onModeChange: (modeId) => applyMode(family.id, modeId),\n          onCustomModel: applyCustomModel,\n          onModelSelect: applyModel,\n          onModelClear: clearModel,\n          onFamilySelect: (familyId) => {\n            setPreference({ model: effectiveModel, family: familyId });\n            onChange(withoutCatalogModel(value));\n          },\n        }}\n      />\n    </RuntimeBarVariantContext.Provider>\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","DEFAULT_REASONING_EFFORTS","useState","runtimeModeFromModel","selectionForRuntime","familyById","runtimeModes","modelGroupsForMode","runtimeModelForValue","isSelectableModel","effortOptionsForModel","withRuntimeMode","reconcileModelCapabilities","effortField","budgetField","withBudgetLimit","timeoutField","jsx","RuntimeBarVariantContext","RuntimeBarLayout"],"mappings":"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"}

package/dist/data/runtime/RuntimeBar.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
 import { ChatModel, ChatModelRuntime } from '../chat/types.js';
 import { RuntimeBarBudget } from './RuntimeBar.limits.js';
+import { RuntimeBarActionsProps } from './RuntimeBarActions.js';
 import { SpecRuntimeFamily } from './runtime-mode.js';
 export type RuntimeBarValue = ChatModelRuntime & {
     cliArgs?: Record<string, unknown>;
@@ -10,10 +10,9 @@ export type RuntimeBarValue = ChatModelRuntime & {
 export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
     value: T;
     onChange: (value: T) => void;
-    /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */
+    /** Fused field triggers or individually bordered controls. */
     variant?: "combo" | "segmented";
-    /** Model catalog. Only the selected family's models are listed; a family the
-     *  catalog does not describe is served by the segment's free-text entry. */
+    /** Model catalog grouped by family and filtered by the selected mode. */
     models?: ChatModel[] | undefined;
     families?: SpecRuntimeFamily[] | undefined;
     /** Resolved mode shown when the editable value inherits it from another layer. */
@@ -33,7 +32,7 @@ export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
     /** Opt-in control for `budget.cost`. */
     showCost?: boolean | undefined;
     /** Host-level settings belonging to the surrounding spec rather than this runtime row. */
-    actions?: ReactNode | undefined;
+    actions?: Pick<RuntimeBarActionsProps, "fields" | "menu" | "menuLabel"> | undefined;
     ariaLabel?: string | undefined;
     className?: string | undefined;
 };

package/dist/data/runtime/RuntimeBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAU7E,OAAO,EAOL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAChC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,MAAW,EACX,QAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAA4C,EAC5C,MAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,WAAmB,EACnB,QAAgB,EAChB,OAAO,EACP,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BA4JpB"}
+{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAalE,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAChC,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,OAAO,CAAC,EACJ,IAAI,CAAC,sBAAsB,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC,GAC7D,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,MAAW,EACX,QAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAA4C,EAC5C,MAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,WAAmB,EACnB,QAAgB,EAChB,OAAO,EACP,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BAmJpB"}

package/dist/data/runtime/RuntimeBar.fields.cjs

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const effortIcons = require("../chat/effort-icons.cjs");
+const RuntimeBar_limits = require("./RuntimeBar.limits.cjs");
+const RuntimeLimitInput = require("./RuntimeLimitInput.cjs");
+const RuntimeBarSegment = require("./RuntimeBarSegment.cjs");
+const unspecified = require("./unspecified.cjs");
+const UiBrain = require("../../icons/components/UiBrain.cjs");
+const UiTimer = require("../../icons/components/UiTimer.cjs");
+const UiCurrencyDollar = require("../../icons/components/UiCurrencyDollar.cjs");
+function timeoutField({
+  value,
+  onChange
+}) {
+  return limitField({
+    id: "budget.timeout",
+    label: "Timeout",
+    inputLabel: "Timeout duration",
+    icon: UiTimer.UiTimer,
+    current: value,
+    text: value ?? "",
+    placeholder: "45m",
+    presets: RuntimeBar_limits.TIMEOUT_PRESETS.map((timeout) => ({
+      label: timeout,
+      value: timeout
+    })),
+    parse: RuntimeBar_limits.parseTimeout,
+    onChange
+  });
+}
+function budgetField({
+  value,
+  onChange
+}) {
+  return limitField({
+    id: "budget.cost",
+    label: "Budget",
+    inputLabel: "Budget (USD)",
+    icon: UiCurrencyDollar.UiCurrencyDollar,
+    current: RuntimeBar_limits.formatCost(value),
+    text: value === void 0 ? "" : String(value),
+    placeholder: "2.50",
+    presets: RuntimeBar_limits.COST_PRESETS.map((cost) => ({
+      label: RuntimeBar_limits.formatCost(cost),
+      value: cost
+    })),
+    parse: RuntimeBar_limits.parseCost,
+    onChange
+  });
+}
+function limitField({
+  id,
+  label,
+  inputLabel,
+  icon,
+  current,
+  text,
+  placeholder,
+  presets,
+  parse,
+  onChange
+}) {
+  return {
+    id,
+    label,
+    icon,
+    isSet: current !== void 0,
+    title: `${label} — ${current ?? "no limit"}`,
+    caption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_CAPTION_CLASS, children: current })
+    ] }),
+    header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_KEY_CLASS, children: inputLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RuntimeLimitInput.RuntimeLimitInput,
+        {
+          inputLabel,
+          text,
+          placeholder,
+          parse,
+          current,
+          onChange
+        }
+      )
+    ] }),
+    items: [
+      {
+        label: /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarSegment.SegmentItemLabel, { text: "No limit", selected: current === void 0 }),
+        onSelect: () => onChange(void 0)
+      },
+      ...presets.map((preset) => ({
+        label: /* @__PURE__ */ jsxRuntime.jsx(
+          RuntimeBarSegment.SegmentItemLabel,
+          {
+            text: preset.label,
+            selected: preset.label === current
+          }
+        ),
+        onSelect: () => onChange(preset.value)
+      }))
+    ]
+  };
+}
+function effortField({
+  value,
+  offered,
+  supported,
+  onChange
+}) {
+  const glyph = value ? effortIcons.effortLevelIcon(value) : void 0;
+  return {
+    id: "effort",
+    label: "Effort",
+    title: "Reasoning effort",
+    isSet: Boolean(value),
+    icon: UiBrain.UiBrain,
+    iconClassName: "text-muted-foreground",
+    caption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_KEY_CLASS, children: "Effort" }),
+      glyph && /* @__PURE__ */ jsxRuntime.jsx(
+        Icon.Icon,
+        {
+          icon: glyph,
+          className: utils.cn("size-4 shrink-0", effortIcons.effortLevelColor(value))
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: RuntimeBarSegment.SEGMENT_CAPTION_CLASS, children: value ? effortIcons.effortLevelLabel(value) : unspecified.UNSPECIFIED_LABEL })
+    ] }),
+    items: [
+      {
+        label: /* @__PURE__ */ jsxRuntime.jsx(
+          RuntimeBarSegment.SegmentItemLabel,
+          {
+            text: unspecified.UNSPECIFIED_LABEL,
+            hint: unspecified.UNSPECIFIED_HINT,
+            selected: !value
+          }
+        ),
+        onSelect: () => onChange("")
+      },
+      ...[
+        .../* @__PURE__ */ new Set([...offered, ...supported, ...value ? [value] : []])
+      ].map((effort) => {
+        const icon = effortIcons.effortLevelIcon(effort);
+        return {
+          label: /* @__PURE__ */ jsxRuntime.jsx(
+            RuntimeBarSegment.SegmentItemLabel,
+            {
+              text: effortIcons.effortLevelLabel(effort),
+              selected: value === effort,
+              ...supported.includes(effort) ? {} : { hint: "unsupported" }
+            }
+          ),
+          ...icon ? { icon } : {},
+          iconClassName: effortIcons.effortLevelColor(effort),
+          disabled: !supported.includes(effort),
+          onSelect: () => onChange(effort)
+        };
+      })
+    ]
+  };
+}
+exports.budgetField = budgetField;
+exports.effortField = effortField;
+exports.timeoutField = timeoutField;
+//# sourceMappingURL=RuntimeBar.fields.cjs.map

package/dist/data/runtime/RuntimeBar.fields.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.fields.cjs","sources":["../../../src/data/runtime/RuntimeBar.fields.tsx"],"sourcesContent":["import { UiBrain, UiCurrencyDollar, UiTimer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../chat/effort-icons\";\nimport type { RuntimeBarAction } from \"./RuntimeBarActions\";\nimport {\n  COST_PRESETS,\n  TIMEOUT_PRESETS,\n  formatCost,\n  parseCost,\n  parseTimeout,\n} from \"./RuntimeBar.limits\";\nimport { RuntimeLimitInput } from \"./RuntimeLimitInput\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"./RuntimeBarSegment\";\nimport { UNSPECIFIED_LABEL, UNSPECIFIED_HINT } from \"./unspecified\";\n\nexport function timeoutField({\n  value,\n  onChange,\n}: {\n  value: string | undefined;\n  onChange: (next: string | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.timeout\",\n    label: \"Timeout\",\n    inputLabel: \"Timeout duration\",\n    icon: UiTimer,\n    current: value,\n    text: value ?? \"\",\n    placeholder: \"45m\",\n    presets: TIMEOUT_PRESETS.map((timeout) => ({\n      label: timeout,\n      value: timeout,\n    })),\n    parse: parseTimeout,\n    onChange,\n  });\n}\n\nexport function budgetField({\n  value,\n  onChange,\n}: {\n  value: number | undefined;\n  onChange: (next: number | undefined) => void;\n}): RuntimeBarAction {\n  return limitField({\n    id: \"budget.cost\",\n    label: \"Budget\",\n    inputLabel: \"Budget (USD)\",\n    icon: UiCurrencyDollar,\n    current: formatCost(value),\n    text: value === undefined ? \"\" : String(value),\n    placeholder: \"2.50\",\n    presets: COST_PRESETS.map((cost) => ({\n      label: formatCost(cost)!,\n      value: cost,\n    })),\n    parse: parseCost,\n    onChange,\n  });\n}\n\nfunction limitField<V extends string | number>({\n  id,\n  label,\n  inputLabel,\n  icon,\n  current,\n  text,\n  placeholder,\n  presets,\n  parse,\n  onChange,\n}: {\n  id: string;\n  label: string;\n  inputLabel: string;\n  icon: StaticIconComponent;\n  current: string | undefined;\n  text: string;\n  placeholder: string;\n  presets: { label: string; value: V }[];\n  parse: (text: string) => V | undefined;\n  onChange: (next: V | undefined) => void;\n}): RuntimeBarAction {\n  return {\n    id,\n    label,\n    icon,\n    isSet: current !== undefined,\n    title: `${label} — ${current ?? \"no limit\"}`,\n    caption: (\n      <>\n        <Icon icon={icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n        <span className={SEGMENT_CAPTION_CLASS}>{current}</span>\n      </>\n    ),\n    header: (\n      <div className=\"grid gap-1\">\n        <span className={SEGMENT_KEY_CLASS}>{inputLabel}</span>\n        <RuntimeLimitInput\n          inputLabel={inputLabel}\n          text={text}\n          placeholder={placeholder}\n          parse={parse}\n          current={current}\n          onChange={onChange}\n        />\n      </div>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel text=\"No limit\" selected={current === undefined} />\n        ),\n        onSelect: () => onChange(undefined),\n      },\n      ...presets.map((preset) => ({\n        label: (\n          <SegmentItemLabel\n            text={preset.label}\n            selected={preset.label === current}\n          />\n        ),\n        onSelect: () => onChange(preset.value),\n      })),\n    ],\n  };\n}\n\nexport function effortField({\n  value,\n  offered,\n  supported,\n  onChange,\n}: {\n  value: string | undefined;\n  offered: string[];\n  supported: string[];\n  onChange: (next: string) => void;\n}): RuntimeBarAction {\n  const glyph = value ? effortLevelIcon(value) : undefined;\n  return {\n    id: \"effort\",\n    label: \"Effort\",\n    title: \"Reasoning effort\",\n    isSet: Boolean(value),\n    icon: UiBrain,\n    iconClassName: \"text-muted-foreground\",\n    caption: (\n      <>\n        <span className={SEGMENT_KEY_CLASS}>Effort</span>\n        {glyph && (\n          <Icon\n            icon={glyph}\n            className={cn(\"size-4 shrink-0\", effortLevelColor(value!))}\n          />\n        )}\n        <span className={SEGMENT_CAPTION_CLASS}>\n          {value ? effortLevelLabel(value) : UNSPECIFIED_LABEL}\n        </span>\n      </>\n    ),\n    items: [\n      {\n        label: (\n          <SegmentItemLabel\n            text={UNSPECIFIED_LABEL}\n            hint={UNSPECIFIED_HINT}\n            selected={!value}\n          />\n        ),\n        onSelect: () => onChange(\"\"),\n      },\n      ...[\n        ...new Set([...offered, ...supported, ...(value ? [value] : [])]),\n      ].map((effort) => {\n        const icon = effortLevelIcon(effort);\n        return {\n          label: (\n            <SegmentItemLabel\n              text={effortLevelLabel(effort)}\n              selected={value === effort}\n              {...(supported.includes(effort) ? {} : { hint: \"unsupported\" })}\n            />\n          ),\n          ...(icon ? { icon } : {}),\n          iconClassName: effortLevelColor(effort),\n          disabled: !supported.includes(effort),\n          onSelect: () => onChange(effort),\n        };\n      }),\n    ],\n  };\n}\n"],"names":["UiTimer","TIMEOUT_PRESETS","parseTimeout","UiCurrencyDollar","formatCost","COST_PRESETS","parseCost","jsxs","Fragment","jsx","Icon","SEGMENT_CAPTION_CLASS","SEGMENT_KEY_CLASS","RuntimeLimitInput","SegmentItemLabel","effortLevelIcon","UiBrain","cn","effortLevelColor","effortLevelLabel","UNSPECIFIED_LABEL","UNSPECIFIED_HINT"],"mappings":";;;;;;;;;;;;;AAwBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGqB;AACnB,SAAO,WAAW;AAAA,IAChB,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,MAAMA,QAAAA;AAAAA,IACN,SAAS;AAAA,IACT,MAAM,SAAS;AAAA,IACf,aAAa;AAAA,IACb,SAASC,kBAAAA,gBAAgB,IAAI,CAAC,aAAa;AAAA,MACzC,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,EACP;AAAA,IACF,OAAOC,kBAAAA;AAAAA,IACP;AAAA,EAAA,CACD;AACH;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGqB;AACnB,SAAO,WAAW;AAAA,IAChB,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,MAAMC,iBAAAA;AAAAA,IACN,SAASC,kBAAAA,WAAW,KAAK;AAAA,IACzB,MAAM,UAAU,SAAY,KAAK,OAAO,KAAK;AAAA,IAC7C,aAAa;AAAA,IACb,SAASC,kBAAAA,aAAa,IAAI,CAAC,UAAU;AAAA,MACnC,OAAOD,kBAAAA,WAAW,IAAI;AAAA,MACtB,OAAO;AAAA,IAAA,EACP;AAAA,IACF,OAAOE,kBAAAA;AAAAA,IACP;AAAA,EAAA,CACD;AACH;AAEA,SAAS,WAAsC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAWqB;AACnB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,YAAY;AAAA,IACnB,OAAO,GAAG,KAAK,MAAM,WAAW,UAAU;AAAA,IAC1C,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,MAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAY,WAAU,wCAAA,CAAwC;AAAA,MACpED,2BAAAA,IAAC,QAAA,EAAK,WAAWE,kBAAAA,uBAAwB,UAAA,QAAA,CAAQ;AAAA,IAAA,GACnD;AAAA,IAEF,QACEJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,MAAAE,2BAAAA,IAAC,QAAA,EAAK,WAAWG,kBAAAA,mBAAoB,UAAA,YAAW;AAAA,MAChDH,2BAAAA;AAAAA,QAACI,kBAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,QACE,OACEJ,2BAAAA,IAACK,kBAAAA,kBAAA,EAAiB,MAAK,YAAW,UAAU,YAAY,QAAW;AAAA,QAErE,UAAU,MAAM,SAAS,MAAS;AAAA,MAAA;AAAA,MAEpC,GAAG,QAAQ,IAAI,CAAC,YAAY;AAAA,QAC1B,OACEL,2BAAAA;AAAAA,UAACK,kBAAAA;AAAAA,UAAA;AAAA,YACC,MAAM,OAAO;AAAA,YACb,UAAU,OAAO,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAG/B,UAAU,MAAM,SAAS,OAAO,KAAK;AAAA,MAAA,EACrC;AAAA,IAAA;AAAA,EACJ;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKqB;AACnB,QAAM,QAAQ,QAAQC,4BAAgB,KAAK,IAAI;AAC/C,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO,QAAQ,KAAK;AAAA,IACpB,MAAMC,QAAAA;AAAAA,IACN,eAAe;AAAA,IACf,SACET,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,MAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAWG,kBAAAA,mBAAmB,UAAA,UAAM;AAAA,MACzC,SACCH,2BAAAA;AAAAA,QAACC,KAAAA;AAAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAWO,MAAAA,GAAG,mBAAmBC,YAAAA,iBAAiB,KAAM,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7DT,+BAAC,UAAK,WAAWE,kBAAAA,uBACd,kBAAQQ,YAAAA,iBAAiB,KAAK,IAAIC,8BAAA,CACrC;AAAA,IAAA,GACF;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,QACE,OACEX,2BAAAA;AAAAA,UAACK,kBAAAA;AAAAA,UAAA;AAAA,YACC,MAAMM,YAAAA;AAAAA,YACN,MAAMC,YAAAA;AAAAA,YACN,UAAU,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGf,UAAU,MAAM,SAAS,EAAE;AAAA,MAAA;AAAA,MAE7B,GAAG;AAAA,QACD,GAAG,oBAAI,IAAI,CAAC,GAAG,SAAS,GAAG,WAAW,GAAI,QAAQ,CAAC,KAAK,IAAI,EAAG,CAAC;AAAA,MAAA,EAChE,IAAI,CAAC,WAAW;AAChB,cAAM,OAAON,YAAAA,gBAAgB,MAAM;AACnC,eAAO;AAAA,UACL,OACEN,2BAAAA;AAAAA,YAACK,kBAAAA;AAAAA,YAAA;AAAA,cACC,MAAMK,YAAAA,iBAAiB,MAAM;AAAA,cAC7B,UAAU,UAAU;AAAA,cACnB,GAAI,UAAU,SAAS,MAAM,IAAI,CAAA,IAAK,EAAE,MAAM,cAAA;AAAA,YAAc;AAAA,UAAA;AAAA,UAGjE,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA;AAAA,UACtB,eAAeD,YAAAA,iBAAiB,MAAM;AAAA,UACtC,UAAU,CAAC,UAAU,SAAS,MAAM;AAAA,UACpC,UAAU,MAAM,SAAS,MAAM;AAAA,QAAA;AAAA,MAEnC,CAAC;AAAA,IAAA;AAAA,EACH;AAEJ;;;;"}