@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/data/ai/PromptRunEditor/PromptBlocks.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { JsonSchemaObject } from '../../../components/json-schema-form-types';
+import { AttachmentLimits, AttachmentUploadAdapter } from '../../chat/attachment-upload';
+import { ChatModel } from '../../chat/types';
+import { AIPromptRunValue } from './model';
+export type PromptBlocksProps = {
+    value: AIPromptRunValue;
+    onChange: (value: AIPromptRunValue) => void;
+    models: ChatModel[];
+    variablesSchema?: JsonSchemaObject | undefined;
+    onVariablesValidityChange?: ((valid: boolean) => void) | undefined;
+    promptEditor?: ReactNode | undefined;
+    promptLabel: string;
+    promptPlaceholder: string;
+    enableAttachments: boolean;
+    attachmentUpload?: AttachmentUploadAdapter | undefined;
+    attachmentLimits?: AttachmentLimits | undefined;
+};
+export declare function PromptBlocks({ value, onChange, models, variablesSchema, onVariablesValidityChange, promptEditor, promptLabel, promptPlaceholder, enableAttachments, attachmentUpload, attachmentLimits, }: PromptBlocksProps): import("react").JSX.Element;
+export declare function Block({ title, children }: {
+    title: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PromptBlocks.d.ts.map

package/dist/data/ai/PromptRunEditor/PromptBlocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptBlocks.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptRunEditor/PromptBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAEnF,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,yBAAyB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACvD,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACjD,CAAC;AAIF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAe,EACf,yBAAyB,EACzB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,iBAAiB,+BAqGnB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAShF"}

package/dist/data/ai/PromptRunEditor/PromptBlocks.js

@@ -0,0 +1,125 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { AttachmentList, AttachmentButton } from "../../chat/Attachment.js";
+import { createAttachmentUploadAdapter } from "../../chat/attachment-upload.js";
+import { runtimeModelForValue } from "../../runtime/RuntimeBar.model.js";
+import { withPrompt } from "../SpecRuntimeEditor/update.js";
+import { VariablesField } from "./VariablesField.js";
+function PromptBlocks({
+  value,
+  onChange,
+  models,
+  variablesSchema,
+  onVariablesValidityChange,
+  promptEditor,
+  promptLabel,
+  promptPlaceholder,
+  enableAttachments,
+  attachmentUpload,
+  attachmentLimits
+}) {
+  var _a, _b;
+  const spec = value.spec ?? {};
+  const selectedModel = runtimeModelForValue(models, spec);
+  const resolvedAttachmentUpload = useMemo(
+    () => attachmentUpload ?? createAttachmentUploadAdapter(),
+    [attachmentUpload]
+  );
+  const attachmentFiles = (((_a = spec.prompt) == null ? void 0 : _a.attachments) ?? []).map(
+    (attachment) => ({
+      type: "file",
+      url: attachment.id ? `/api/attachments/${attachment.id}` : attachment.url ?? "",
+      mediaType: attachment.mediaType ?? "application/octet-stream",
+      ...attachment.id ? { attachmentId: attachment.id } : {},
+      ...attachment.size != null ? { size: attachment.size } : {},
+      ...attachment.filename ? { filename: attachment.filename } : {},
+      ...!attachment.filename && attachment.path ? { filename: attachment.path } : {}
+    })
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Block, { title: "Variables", children: /* @__PURE__ */ jsx(
+      VariablesField,
+      {
+        ...variablesSchema ? { schema: variablesSchema } : {},
+        value: value.variables ?? {},
+        onChange: (variables) => onChange({ ...value, variables }),
+        ...onVariablesValidityChange ? { onValidityChange: onVariablesValidityChange } : {}
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Block, { title: promptLabel, children: [
+      promptEditor ?? /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: ((_b = spec.prompt) == null ? void 0 : _b.user) ?? "",
+          onChange: (event) => onChange({
+            ...value,
+            spec: withPrompt(spec, { user: event.target.value })
+          }),
+          spellCheck: false,
+          placeholder: promptPlaceholder,
+          "aria-label": promptLabel,
+          className: "min-h-[7rem] w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 text-sm outline-none focus:ring-2 focus:ring-ring"
+        }
+      ),
+      enableAttachments && /* @__PURE__ */ jsxs("div", { className: "space-y-density-2", children: [
+        /* @__PURE__ */ jsx(
+          AttachmentList,
+          {
+            files: attachmentFiles,
+            onRemove: (index) => {
+              var _a2;
+              return onChange({
+                ...value,
+                spec: withPrompt(spec, {
+                  attachments: (((_a2 = spec.prompt) == null ? void 0 : _a2.attachments) ?? []).filter(
+                    (_, itemIndex) => itemIndex !== index
+                  )
+                })
+              });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AttachmentButton,
+          {
+            files: attachmentFiles,
+            upload: resolvedAttachmentUpload,
+            onAdd: (parts) => {
+              var _a2;
+              return onChange({
+                ...value,
+                spec: withPrompt(spec, {
+                  attachments: [
+                    ...((_a2 = spec.prompt) == null ? void 0 : _a2.attachments) ?? [],
+                    ...parts.map((part) => {
+                      const uploaded = part;
+                      return {
+                        id: uploaded.attachmentId,
+                        mediaType: uploaded.mediaType,
+                        size: uploaded.size,
+                        ...uploaded.filename ? { filename: uploaded.filename } : {}
+                      };
+                    })
+                  ]
+                })
+              });
+            },
+            ...(selectedModel == null ? void 0 : selectedModel.inputMediaTypes) ? { acceptedMediaTypes: selectedModel.inputMediaTypes } : {},
+            ...attachmentLimits ? { limits: attachmentLimits } : {}
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Block({ title, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-density-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: title }),
+    children
+  ] });
+}
+export {
+  Block,
+  PromptBlocks
+};
+//# sourceMappingURL=PromptBlocks.js.map

package/dist/data/ai/PromptRunEditor/PromptBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptBlocks.js","sources":["../../../../src/data/ai/PromptRunEditor/PromptBlocks.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport { AttachmentButton, AttachmentList } from \"../../chat/Attachment\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentFilePart,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"../../chat/attachment-upload\";\nimport type { ChatModel, FileUIPart } from \"../../chat/types\";\nimport { runtimeModelForValue } from \"../../runtime/RuntimeBar.model\";\nimport { withPrompt } from \"../SpecRuntimeEditor/update\";\nimport type { AIPromptRunValue } from \"./model\";\nimport { VariablesField } from \"./VariablesField\";\n\nexport type PromptBlocksProps = {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models: ChatModel[];\n  variablesSchema?: JsonSchemaObject | undefined;\n  onVariablesValidityChange?: ((valid: boolean) => void) | undefined;\n  promptEditor?: ReactNode | undefined;\n  promptLabel: string;\n  promptPlaceholder: string;\n  enableAttachments: boolean;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n};\n\n// The Variables and user-prompt blocks of the run composer; hosts render them\n// inline under the runtime block or as the leading tab of the spec tabs.\nexport function PromptBlocks({\n  value,\n  onChange,\n  models,\n  variablesSchema,\n  onVariablesValidityChange,\n  promptEditor,\n  promptLabel,\n  promptPlaceholder,\n  enableAttachments,\n  attachmentUpload,\n  attachmentLimits,\n}: PromptBlocksProps) {\n  const spec = value.spec ?? {};\n  const selectedModel = runtimeModelForValue(models, spec);\n  const resolvedAttachmentUpload = useMemo(\n    () => attachmentUpload ?? createAttachmentUploadAdapter(),\n    [attachmentUpload],\n  );\n  const attachmentFiles: FileUIPart[] = (spec.prompt?.attachments ?? []).map(\n    (attachment) => ({\n      type: \"file\",\n      url: attachment.id\n        ? `/api/attachments/${attachment.id}`\n        : (attachment.url ?? \"\"),\n      mediaType: attachment.mediaType ?? \"application/octet-stream\",\n      ...(attachment.id ? { attachmentId: attachment.id } : {}),\n      ...(attachment.size != null ? { size: attachment.size } : {}),\n      ...(attachment.filename ? { filename: attachment.filename } : {}),\n      ...(!attachment.filename && attachment.path\n        ? { filename: attachment.path }\n        : {}),\n    }),\n  ) as FileUIPart[];\n\n  return (\n    <>\n      <Block title=\"Variables\">\n        <VariablesField\n          {...(variablesSchema ? { schema: variablesSchema } : {})}\n          value={value.variables ?? {}}\n          onChange={(variables) => onChange({ ...value, variables })}\n          {...(onVariablesValidityChange\n            ? { onValidityChange: onVariablesValidityChange }\n            : {})}\n        />\n      </Block>\n\n      <Block title={promptLabel}>\n        {promptEditor ?? (\n          <textarea\n            value={spec.prompt?.user ?? \"\"}\n            onChange={(event) =>\n              onChange({\n                ...value,\n                spec: withPrompt(spec, { user: event.target.value }),\n              })\n            }\n            spellCheck={false}\n            placeholder={promptPlaceholder}\n            aria-label={promptLabel}\n            className=\"min-h-[7rem] w-full resize-y rounded-md border border-border bg-background px-density-2 py-density-1 text-sm outline-none focus:ring-2 focus:ring-ring\"\n          />\n        )}\n        {enableAttachments && (\n          <div className=\"space-y-density-2\">\n            <AttachmentList\n              files={attachmentFiles}\n              onRemove={(index) =>\n                onChange({\n                  ...value,\n                  spec: withPrompt(spec, {\n                    attachments: (spec.prompt?.attachments ?? []).filter(\n                      (_, itemIndex) => itemIndex !== index,\n                    ),\n                  }),\n                })\n              }\n            />\n            <AttachmentButton\n              files={attachmentFiles}\n              upload={resolvedAttachmentUpload}\n              onAdd={(parts) =>\n                onChange({\n                  ...value,\n                  spec: withPrompt(spec, {\n                    attachments: [\n                      ...(spec.prompt?.attachments ?? []),\n                      ...parts.map((part) => {\n                        const uploaded = part as AttachmentFilePart;\n                        return {\n                          id: uploaded.attachmentId,\n                          mediaType: uploaded.mediaType,\n                          size: uploaded.size,\n                          ...(uploaded.filename\n                            ? { filename: uploaded.filename }\n                            : {}),\n                        };\n                      }),\n                    ],\n                  }),\n                })\n              }\n              {...(selectedModel?.inputMediaTypes\n                ? { acceptedMediaTypes: selectedModel.inputMediaTypes }\n                : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          </div>\n        )}\n      </Block>\n    </>\n  );\n}\n\nexport function Block({ title, children }: { title: string; children: ReactNode }) {\n  return (\n    <section className=\"space-y-density-2\">\n      <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {title}\n      </div>\n      {children}\n    </section>\n  );\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/data/ai/PromptRunEditor/RecentRuntimes.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../../components/button.cjs");
+const utils = require("../../../lib/utils.cjs");
+const Icon = require("../../Icon.cjs");
+const effortIcons = require("../../chat/effort-icons.cjs");
+const RuntimeBar_model = require("../../runtime/RuntimeBar.model.cjs");
+const runtimeMode = require("../../runtime/runtime-mode.cjs");
+const model = require("./model.cjs");
+const UiHistory = require("../../../icons/components/UiHistory.cjs");
+function RecentRuntimes({
+  runtimes,
+  models,
+  families,
+  onSelect
+}) {
+  if (runtimes.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiHistory.UiHistory, className: "size-3.5" }),
+      "Recent"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Recently used runtimes", className: "contents", children: runtimes.map((runtime) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      RecentRuntimeChip,
+      {
+        runtime,
+        models,
+        families,
+        onSelect
+      }
+    ) }, model.recentRuntimeKey(runtime))) })
+  ] });
+}
+function RecentRuntimeChip({
+  runtime,
+  models,
+  families,
+  onSelect
+}) {
+  var _a;
+  const selection = runtimeMode.selectionForRuntime(families, runtime.mode, runtime.model, models);
+  const family = runtimeMode.familyById(families, selection.family);
+  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? runtimeMode.firstMode(family);
+  const brand = RuntimeBar_model.runtimeFamilyBrand(family);
+  const parts = [
+    ((_a = RuntimeBar_model.runtimeModelForValue(models, runtime)) == null ? void 0 : _a.label) ?? runtime.model ?? "Default model",
+    `${family.label} ${mode.label}`,
+    ...runtime.effort ? [effortIcons.effortLevelLabel(runtime.effort)] : []
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    button.Button,
+    {
+      size: "sm",
+      variant: "outline",
+      className: "h-6 gap-1 rounded-full px-2 text-xs font-normal",
+      onClick: () => onSelect(runtime),
+      children: [
+        brand.icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: brand.icon, className: utils.cn("size-3.5 shrink-0", brand.color) }),
+        parts.map((part, index) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils.cn(index === 0 && "font-mono"), children: [
+          index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "pr-1 text-muted-foreground", children: "·" }),
+          part
+        ] }, index))
+      ]
+    }
+  );
+}
+exports.RecentRuntimes = RecentRuntimes;
+//# sourceMappingURL=RecentRuntimes.cjs.map

package/dist/data/ai/PromptRunEditor/RecentRuntimes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentRuntimes.cjs","sources":["../../../../src/data/ai/PromptRunEditor/RecentRuntimes.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { UiHistory } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Icon } from \"../../Icon\";\nimport { effortLevelLabel } from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { runtimeFamilyBrand, runtimeModelForValue } from \"../../runtime/RuntimeBar.model\";\nimport {\n  familyById,\n  firstMode,\n  selectionForRuntime,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { recentRuntimeKey, type AISpecRuntimeModel } from \"./model\";\n\n// Host-supplied runtimes the operator ran recently, one click from reuse.\nexport function RecentRuntimes({\n  runtimes,\n  models,\n  families,\n  onSelect,\n}: {\n  runtimes: readonly AISpecRuntimeModel[];\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  onSelect: (runtime: AISpecRuntimeModel) => void;\n}) {\n  if (runtimes.length === 0) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      <span className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground\">\n        <Icon icon={UiHistory} className=\"size-3.5\" />\n        Recent\n      </span>\n      <ul aria-label=\"Recently used runtimes\" className=\"contents\">\n        {runtimes.map((runtime) => (\n          <li key={recentRuntimeKey(runtime)}>\n            <RecentRuntimeChip\n              runtime={runtime}\n              models={models}\n              families={families}\n              onSelect={onSelect}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nfunction RecentRuntimeChip({\n  runtime,\n  models,\n  families,\n  onSelect,\n}: {\n  runtime: AISpecRuntimeModel;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  onSelect: (runtime: AISpecRuntimeModel) => void;\n}) {\n  const selection = selectionForRuntime(families, runtime.mode, runtime.model, models);\n  const family = familyById(families, selection.family);\n  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? firstMode(family);\n  const brand = runtimeFamilyBrand(family);\n  const parts = [\n    runtimeModelForValue(models, runtime)?.label ?? runtime.model ?? \"Default model\",\n    `${family.label} ${mode.label}`,\n    ...(runtime.effort ? [effortLevelLabel(runtime.effort)] : []),\n  ];\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"outline\"\n      className=\"h-6 gap-1 rounded-full px-2 text-xs font-normal\"\n      onClick={() => onSelect(runtime)}\n    >\n      {brand.icon && <Icon icon={brand.icon} className={cn(\"size-3.5 shrink-0\", brand.color)} />}\n      {parts.map((part, index) => (\n        <span key={index} className={cn(index === 0 && \"font-mono\")}>\n          {index > 0 && <span aria-hidden className=\"pr-1 text-muted-foreground\">·</span>}\n          {part}\n        </span>\n      ))}\n    </Button>\n  );\n}\n"],"names":["jsxs","jsx","Icon","UiHistory","recentRuntimeKey","selectionForRuntime","familyById","firstMode","runtimeFamilyBrand","runtimeModelForValue","effortLevelLabel","Button","cn"],"mappings":";;;;;;;;;;;AAgBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,MAAI,SAAS,WAAW,EAAG,QAAO;AAElC,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,4EACd,UAAA;AAAA,MAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,UAAAA,WAAW,WAAU,YAAW;AAAA,MAAE;AAAA,IAAA,GAEhD;AAAA,IACAF,2BAAAA,IAAC,MAAA,EAAG,cAAW,0BAAyB,WAAU,YAC/C,UAAA,SAAS,IAAI,CAAC,YACbA,2BAAAA,IAAC,MAAA,EACC,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,EACF,GANOG,MAAAA,iBAAiB,OAAO,CAOjC,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;;AACD,QAAM,YAAYC,YAAAA,oBAAoB,UAAU,QAAQ,MAAM,QAAQ,OAAO,MAAM;AACnF,QAAM,SAASC,YAAAA,WAAW,UAAU,UAAU,MAAM;AACpD,QAAM,OAAO,OAAO,MAAM,KAAK,CAAC,UAAU,MAAM,OAAO,UAAU,IAAI,KAAKC,YAAAA,UAAU,MAAM;AAC1F,QAAM,QAAQC,iBAAAA,mBAAmB,MAAM;AACvC,QAAM,QAAQ;AAAA,MACZC,sBAAAA,qBAAqB,QAAQ,OAAO,MAApCA,mBAAuC,UAAS,QAAQ,SAAS;AAAA,IACjE,GAAG,OAAO,KAAK,IAAI,KAAK,KAAK;AAAA,IAC7B,GAAI,QAAQ,SAAS,CAACC,YAAAA,iBAAiB,QAAQ,MAAM,CAAC,IAAI,CAAA;AAAA,EAAC;AAG7D,SACEV,2BAAAA;AAAAA,IAACW,OAAAA;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAS,MAAM,SAAS,OAAO;AAAA,MAE9B,UAAA;AAAA,QAAA,MAAM,QAAQV,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAM,MAAM,MAAM,WAAWU,MAAAA,GAAG,qBAAqB,MAAM,KAAK,EAAA,CAAG;AAAA,QACvF,MAAM,IAAI,CAAC,MAAM,UAChBZ,2BAAAA,KAAC,QAAA,EAAiB,WAAWY,MAAAA,GAAG,UAAU,KAAK,WAAW,GACvD,UAAA;AAAA,UAAA,QAAQ,KAAKX,+BAAC,QAAA,EAAK,eAAW,MAAC,WAAU,8BAA6B,UAAA,IAAA,CAAC;AAAA,UACvE;AAAA,QAAA,EAAA,GAFQ,KAGX,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/data/ai/PromptRunEditor/RecentRuntimes.d.ts

@@ -0,0 +1,10 @@
+import { ChatModel } from '../../chat/types';
+import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
+import { AISpecRuntimeModel } from './model';
+export declare function RecentRuntimes({ runtimes, models, families, onSelect, }: {
+    runtimes: readonly AISpecRuntimeModel[];
+    models: ChatModel[];
+    families: SpecRuntimeFamily[];
+    onSelect: (runtime: AISpecRuntimeModel) => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=RecentRuntimes.d.ts.map

package/dist/data/ai/PromptRunEditor/RecentRuntimes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentRuntimes.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptRunEditor/RecentRuntimes.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGpE,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACjD,sCAuBA"}

package/dist/data/ai/PromptRunEditor/RecentRuntimes.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../../../components/button.js";
+import { cn } from "../../../lib/utils.js";
+import { Icon } from "../../Icon.js";
+import { effortLevelLabel } from "../../chat/effort-icons.js";
+import { runtimeFamilyBrand, runtimeModelForValue } from "../../runtime/RuntimeBar.model.js";
+import { selectionForRuntime, familyById, firstMode } from "../../runtime/runtime-mode.js";
+import { recentRuntimeKey } from "./model.js";
+import { UiHistory } from "../../../icons/components/UiHistory.js";
+function RecentRuntimes({
+  runtimes,
+  models,
+  families,
+  onSelect
+}) {
+  if (runtimes.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: UiHistory, className: "size-3.5" }),
+      "Recent"
+    ] }),
+    /* @__PURE__ */ jsx("ul", { "aria-label": "Recently used runtimes", className: "contents", children: runtimes.map((runtime) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      RecentRuntimeChip,
+      {
+        runtime,
+        models,
+        families,
+        onSelect
+      }
+    ) }, recentRuntimeKey(runtime))) })
+  ] });
+}
+function RecentRuntimeChip({
+  runtime,
+  models,
+  families,
+  onSelect
+}) {
+  var _a;
+  const selection = selectionForRuntime(families, runtime.mode, runtime.model, models);
+  const family = familyById(families, selection.family);
+  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? firstMode(family);
+  const brand = runtimeFamilyBrand(family);
+  const parts = [
+    ((_a = runtimeModelForValue(models, runtime)) == null ? void 0 : _a.label) ?? runtime.model ?? "Default model",
+    `${family.label} ${mode.label}`,
+    ...runtime.effort ? [effortLevelLabel(runtime.effort)] : []
+  ];
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      size: "sm",
+      variant: "outline",
+      className: "h-6 gap-1 rounded-full px-2 text-xs font-normal",
+      onClick: () => onSelect(runtime),
+      children: [
+        brand.icon && /* @__PURE__ */ jsx(Icon, { icon: brand.icon, className: cn("size-3.5 shrink-0", brand.color) }),
+        parts.map((part, index) => /* @__PURE__ */ jsxs("span", { className: cn(index === 0 && "font-mono"), children: [
+          index > 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "pr-1 text-muted-foreground", children: "·" }),
+          part
+        ] }, index))
+      ]
+    }
+  );
+}
+export {
+  RecentRuntimes
+};
+//# sourceMappingURL=RecentRuntimes.js.map

package/dist/data/ai/PromptRunEditor/RecentRuntimes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentRuntimes.js","sources":["../../../../src/data/ai/PromptRunEditor/RecentRuntimes.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { UiHistory } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Icon } from \"../../Icon\";\nimport { effortLevelLabel } from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { runtimeFamilyBrand, runtimeModelForValue } from \"../../runtime/RuntimeBar.model\";\nimport {\n  familyById,\n  firstMode,\n  selectionForRuntime,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { recentRuntimeKey, type AISpecRuntimeModel } from \"./model\";\n\n// Host-supplied runtimes the operator ran recently, one click from reuse.\nexport function RecentRuntimes({\n  runtimes,\n  models,\n  families,\n  onSelect,\n}: {\n  runtimes: readonly AISpecRuntimeModel[];\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  onSelect: (runtime: AISpecRuntimeModel) => void;\n}) {\n  if (runtimes.length === 0) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      <span className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground\">\n        <Icon icon={UiHistory} className=\"size-3.5\" />\n        Recent\n      </span>\n      <ul aria-label=\"Recently used runtimes\" className=\"contents\">\n        {runtimes.map((runtime) => (\n          <li key={recentRuntimeKey(runtime)}>\n            <RecentRuntimeChip\n              runtime={runtime}\n              models={models}\n              families={families}\n              onSelect={onSelect}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nfunction RecentRuntimeChip({\n  runtime,\n  models,\n  families,\n  onSelect,\n}: {\n  runtime: AISpecRuntimeModel;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  onSelect: (runtime: AISpecRuntimeModel) => void;\n}) {\n  const selection = selectionForRuntime(families, runtime.mode, runtime.model, models);\n  const family = familyById(families, selection.family);\n  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? firstMode(family);\n  const brand = runtimeFamilyBrand(family);\n  const parts = [\n    runtimeModelForValue(models, runtime)?.label ?? runtime.model ?? \"Default model\",\n    `${family.label} ${mode.label}`,\n    ...(runtime.effort ? [effortLevelLabel(runtime.effort)] : []),\n  ];\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"outline\"\n      className=\"h-6 gap-1 rounded-full px-2 text-xs font-normal\"\n      onClick={() => onSelect(runtime)}\n    >\n      {brand.icon && <Icon icon={brand.icon} className={cn(\"size-3.5 shrink-0\", brand.color)} />}\n      {parts.map((part, index) => (\n        <span key={index} className={cn(index === 0 && \"font-mono\")}>\n          {index > 0 && <span aria-hidden className=\"pr-1 text-muted-foreground\">·</span>}\n          {part}\n        </span>\n      ))}\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAgBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,MAAI,SAAS,WAAW,EAAG,QAAO;AAElC,SACE,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAU,4EACd,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,MAAM,WAAW,WAAU,YAAW;AAAA,MAAE;AAAA,IAAA,GAEhD;AAAA,IACA,oBAAC,MAAA,EAAG,cAAW,0BAAyB,WAAU,YAC/C,UAAA,SAAS,IAAI,CAAC,YACb,oBAAC,MAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,EACF,GANO,iBAAiB,OAAO,CAOjC,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;;AACD,QAAM,YAAY,oBAAoB,UAAU,QAAQ,MAAM,QAAQ,OAAO,MAAM;AACnF,QAAM,SAAS,WAAW,UAAU,UAAU,MAAM;AACpD,QAAM,OAAO,OAAO,MAAM,KAAK,CAAC,UAAU,MAAM,OAAO,UAAU,IAAI,KAAK,UAAU,MAAM;AAC1F,QAAM,QAAQ,mBAAmB,MAAM;AACvC,QAAM,QAAQ;AAAA,MACZ,0BAAqB,QAAQ,OAAO,MAApC,mBAAuC,UAAS,QAAQ,SAAS;AAAA,IACjE,GAAG,OAAO,KAAK,IAAI,KAAK,KAAK;AAAA,IAC7B,GAAI,QAAQ,SAAS,CAAC,iBAAiB,QAAQ,MAAM,CAAC,IAAI,CAAA;AAAA,EAAC;AAG7D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAS,MAAM,SAAS,OAAO;AAAA,MAE9B,UAAA;AAAA,QAAA,MAAM,QAAQ,oBAAC,MAAA,EAAK,MAAM,MAAM,MAAM,WAAW,GAAG,qBAAqB,MAAM,KAAK,EAAA,CAAG;AAAA,QACvF,MAAM,IAAI,CAAC,MAAM,UAChB,qBAAC,QAAA,EAAiB,WAAW,GAAG,UAAU,KAAK,WAAW,GACvD,UAAA;AAAA,UAAA,QAAQ,KAAK,oBAAC,QAAA,EAAK,eAAW,MAAC,WAAU,8BAA6B,UAAA,IAAA,CAAC;AAAA,UACvE;AAAA,QAAA,EAAA,GAFQ,KAGX,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/data/ai/PromptRunEditor/RuntimeRows.cjs

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../../components/button.cjs");
+const useContainerWidth = require("../../../hooks/use-container-width.cjs");
+const Icon = require("../../Icon.cjs");
+const RuntimeBar = require("../../runtime/RuntimeBar.cjs");
+const RuntimeBarActions = require("../../runtime/RuntimeBarActions.cjs");
+const model = require("./model.cjs");
+const UiTrash = require("../../../icons/components/UiTrash.cjs");
+const UiAdd = require("../../../icons/components/UiAdd.cjs");
+const RUNTIME_ACTIONS_INLINE_MIN_PX = 560;
+function RuntimeRows({
+  value,
+  onChange,
+  models,
+  families,
+  reasoningEfforts,
+  effectiveRuntime,
+  actions
+}) {
+  const { ref, wider } = useContainerWidth.useContainerWiderThan(RUNTIME_ACTIONS_INLINE_MIN_PX);
+  const shared = {
+    models,
+    families,
+    reasoningEfforts,
+    effectiveModel: effectiveRuntime.model,
+    effectiveMode: effectiveRuntime.mode
+  };
+  if (model.modelModeOf(value) === "single") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-label": "Runtime 1",
+        className: "flex min-w-0 items-center",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          RuntimeBar.RuntimeBar,
+          {
+            ...shared,
+            value: model.singleRuntimeOf(value),
+            onChange: (next) => onChange(model.withSingleRuntime(value, next)),
+            showTimeout: true,
+            showCost: true,
+            ariaLabel: "Runtime 1 controls",
+            ...actions ? { actions: /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarActions.RuntimeBarActions, { ...actions, inline: wider }) } : {}
+          }
+        )
+      }
+    );
+  }
+  const rows = model.runtimeRows(value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "grid grid-cols-1 gap-density-2", children: [
+    rows.map((runtime, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "group",
+        "aria-label": `Runtime ${index + 1}`,
+        className: "flex min-w-0 items-center gap-density-2",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RuntimeBar.RuntimeBar,
+            {
+              ...shared,
+              value: runtime,
+              onChange: (next) => onChange(
+                model.withRuntimeRows(
+                  value,
+                  rows.map((item, itemIndex) => itemIndex === index ? next : item)
+                )
+              ),
+              ariaLabel: `Runtime ${index + 1} controls`
+            }
+          ),
+          rows.length > 2 && /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              "aria-label": `Remove runtime ${index + 1}`,
+              onClick: () => onChange(
+                model.withRuntimeRows(
+                  value,
+                  rows.filter((_, itemIndex) => itemIndex !== index)
+                )
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "size-4" })
+            }
+          )
+        ]
+      },
+      index
+    )),
+    actions && /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarActions.RuntimeBarActions, { ...actions, inline: wider, standalone: true }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        size: "sm",
+        variant: "outline",
+        className: "w-fit",
+        "aria-label": "Add runtime",
+        onClick: () => {
+          var _a;
+          return onChange(
+            model.withRuntimeRows(value, [...rows, ((_a = rows[0]) == null ? void 0 : _a.mode) ? { mode: rows[0].mode } : {}])
+          );
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "size-4" }),
+          "Add runtime"
+        ]
+      }
+    )
+  ] });
+}
+exports.RuntimeRows = RuntimeRows;
+//# sourceMappingURL=RuntimeRows.cjs.map

package/dist/data/ai/PromptRunEditor/RuntimeRows.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeRows.cjs","sources":["../../../../src/data/ai/PromptRunEditor/RuntimeRows.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { useContainerWiderThan } from \"../../../hooks/use-container-width\";\nimport { UiAdd, UiTrash } from \"../../../icons\";\nimport { Icon } from \"../../Icon\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"../../runtime/RuntimeBarActions\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport type { AISpecRuntimeSpec } from \"../SpecRuntimeEditor.model\";\nimport {\n  modelModeOf,\n  runtimeRows,\n  singleRuntimeOf,\n  withRuntimeRows,\n  withSingleRuntime,\n  type AIPromptRunValue,\n} from \"./model\";\n\n// Below this the bar's identity and settings sections already fill a row, so\n// inline action fields would force a third. Measured on the row wrapper, which\n// fills the column independently of what the bar renders. Tune in the browser\n// at captain's narrow left column and gavel's 2xl dialog.\nconst RUNTIME_ACTIONS_INLINE_MIN_PX = 560;\n\n// Single model: one bar that also owns the run's timeout and max cost.\n// Multi-model: one bar per comparison runtime; limits stay shared in the spec.\nexport function RuntimeRows({\n  value,\n  onChange,\n  models,\n  families,\n  reasoningEfforts,\n  effectiveRuntime,\n  actions,\n}: {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  reasoningEfforts: string[];\n  effectiveRuntime: Pick<AISpecRuntimeSpec, \"model\" | \"mode\">;\n  /** Spec-level run settings; rendered once regardless of the row count. */\n  actions?: RuntimeBarActionsProps | undefined;\n}) {\n  const { ref, wider } = useContainerWiderThan(RUNTIME_ACTIONS_INLINE_MIN_PX);\n  const shared = {\n    models,\n    families,\n    reasoningEfforts,\n    effectiveModel: effectiveRuntime.model,\n    effectiveMode: effectiveRuntime.mode,\n  };\n\n  if (modelModeOf(value) === \"single\") {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label=\"Runtime 1\"\n        className=\"flex min-w-0 items-center\"\n      >\n        <RuntimeBar\n          {...shared}\n          value={singleRuntimeOf(value)}\n          onChange={(next) => onChange(withSingleRuntime(value, next))}\n          showTimeout\n          showCost\n          ariaLabel=\"Runtime 1 controls\"\n          {...(actions\n            ? { actions: <RuntimeBarActions {...actions} inline={wider} /> }\n            : {})}\n        />\n      </div>\n    );\n  }\n\n  const rows = runtimeRows(value);\n  return (\n    <div ref={ref} className=\"grid grid-cols-1 gap-density-2\">\n      {rows.map((runtime, index) => (\n        <div\n          key={index}\n          role=\"group\"\n          aria-label={`Runtime ${index + 1}`}\n          className=\"flex min-w-0 items-center gap-density-2\"\n        >\n          <RuntimeBar\n            {...shared}\n            value={runtime}\n            onChange={(next) =>\n              onChange(\n                withRuntimeRows(\n                  value,\n                  rows.map((item, itemIndex) => (itemIndex === index ? next : item)),\n                ),\n              )\n            }\n            ariaLabel={`Runtime ${index + 1} controls`}\n          />\n          {rows.length > 2 && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              aria-label={`Remove runtime ${index + 1}`}\n              onClick={() =>\n                onChange(\n                  withRuntimeRows(\n                    value,\n                    rows.filter((_, itemIndex) => itemIndex !== index),\n                  ),\n                )\n              }\n            >\n              <Icon icon={UiTrash} className=\"size-4\" />\n            </Button>\n          )}\n        </div>\n      ))}\n      {/* Spec-level, so it sits beside the rows rather than repeating in each. */}\n      {actions && <RuntimeBarActions {...actions} inline={wider} standalone />}\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"w-fit\"\n        aria-label=\"Add runtime\"\n        onClick={() =>\n          onChange(\n            withRuntimeRows(value, [...rows, rows[0]?.mode ? { mode: rows[0].mode } : {}]),\n          )\n        }\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n        Add runtime\n      </Button>\n    </div>\n  );\n}\n"],"names":["useContainerWiderThan","modelModeOf","jsx","RuntimeBar","singleRuntimeOf","withSingleRuntime","RuntimeBarActions","runtimeRows","jsxs","withRuntimeRows","Button","Icon","UiTrash","UiAdd"],"mappings":"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"}

package/dist/data/ai/PromptRunEditor/RuntimeRows.d.ts

@@ -0,0 +1,16 @@
+import { ChatModel } from '../../chat/types';
+import { RuntimeBarActionsProps } from '../../runtime/RuntimeBarActions';
+import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
+import { AISpecRuntimeSpec } from '../SpecRuntimeEditor.model';
+import { AIPromptRunValue } from './model';
+export declare function RuntimeRows({ value, onChange, models, families, reasoningEfforts, effectiveRuntime, actions, }: {
+    value: AIPromptRunValue;
+    onChange: (value: AIPromptRunValue) => void;
+    models: ChatModel[];
+    families: SpecRuntimeFamily[];
+    reasoningEfforts: string[];
+    effectiveRuntime: Pick<AISpecRuntimeSpec, "model" | "mode">;
+    /** Spec-level run settings; rendered once regardless of the row count. */
+    actions?: RuntimeBarActionsProps | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=RuntimeRows.d.ts.map

package/dist/data/ai/PromptRunEditor/RuntimeRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeRows.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptRunEditor/RuntimeRows.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAML,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAC;AAUjB,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GACR,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;IAC5D,0EAA0E;IAC1E,OAAO,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;CAC9C,+BA6FA"}

package/dist/data/ai/PromptRunEditor/RuntimeRows.js

@@ -0,0 +1,118 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../../components/button.js";
+import { useContainerWiderThan } from "../../../hooks/use-container-width.js";
+import { Icon } from "../../Icon.js";
+import { RuntimeBar } from "../../runtime/RuntimeBar.js";
+import { RuntimeBarActions } from "../../runtime/RuntimeBarActions.js";
+import { modelModeOf, withSingleRuntime, singleRuntimeOf, runtimeRows, withRuntimeRows } from "./model.js";
+import { UiTrash } from "../../../icons/components/UiTrash.js";
+import { UiAdd } from "../../../icons/components/UiAdd.js";
+const RUNTIME_ACTIONS_INLINE_MIN_PX = 560;
+function RuntimeRows({
+  value,
+  onChange,
+  models,
+  families,
+  reasoningEfforts,
+  effectiveRuntime,
+  actions
+}) {
+  const { ref, wider } = useContainerWiderThan(RUNTIME_ACTIONS_INLINE_MIN_PX);
+  const shared = {
+    models,
+    families,
+    reasoningEfforts,
+    effectiveModel: effectiveRuntime.model,
+    effectiveMode: effectiveRuntime.mode
+  };
+  if (modelModeOf(value) === "single") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-label": "Runtime 1",
+        className: "flex min-w-0 items-center",
+        children: /* @__PURE__ */ jsx(
+          RuntimeBar,
+          {
+            ...shared,
+            value: singleRuntimeOf(value),
+            onChange: (next) => onChange(withSingleRuntime(value, next)),
+            showTimeout: true,
+            showCost: true,
+            ariaLabel: "Runtime 1 controls",
+            ...actions ? { actions: /* @__PURE__ */ jsx(RuntimeBarActions, { ...actions, inline: wider }) } : {}
+          }
+        )
+      }
+    );
+  }
+  const rows = runtimeRows(value);
+  return /* @__PURE__ */ jsxs("div", { ref, className: "grid grid-cols-1 gap-density-2", children: [
+    rows.map((runtime, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "group",
+        "aria-label": `Runtime ${index + 1}`,
+        className: "flex min-w-0 items-center gap-density-2",
+        children: [
+          /* @__PURE__ */ jsx(
+            RuntimeBar,
+            {
+              ...shared,
+              value: runtime,
+              onChange: (next) => onChange(
+                withRuntimeRows(
+                  value,
+                  rows.map((item, itemIndex) => itemIndex === index ? next : item)
+                )
+              ),
+              ariaLabel: `Runtime ${index + 1} controls`
+            }
+          ),
+          rows.length > 2 && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              "aria-label": `Remove runtime ${index + 1}`,
+              onClick: () => onChange(
+                withRuntimeRows(
+                  value,
+                  rows.filter((_, itemIndex) => itemIndex !== index)
+                )
+              ),
+              children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "size-4" })
+            }
+          )
+        ]
+      },
+      index
+    )),
+    actions && /* @__PURE__ */ jsx(RuntimeBarActions, { ...actions, inline: wider, standalone: true }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        size: "sm",
+        variant: "outline",
+        className: "w-fit",
+        "aria-label": "Add runtime",
+        onClick: () => {
+          var _a;
+          return onChange(
+            withRuntimeRows(value, [...rows, ((_a = rows[0]) == null ? void 0 : _a.mode) ? { mode: rows[0].mode } : {}])
+          );
+        },
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-4" }),
+          "Add runtime"
+        ]
+      }
+    )
+  ] });
+}
+export {
+  RuntimeRows
+};
+//# sourceMappingURL=RuntimeRows.js.map