@flanksource/clicky-ui 0.3.35 → 0.3.37

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeRows.js","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":[],"mappings":";;;;;;;;;AAyBA,MAAM,gCAAgC;AAI/B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,EAAE,KAAK,UAAU,sBAAsB,6BAA6B;AAC1E,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,iBAAiB;AAAA,IACjC,eAAe,iBAAiB;AAAA,EAAA;AAGlC,MAAI,YAAY,KAAK,MAAM,UAAU;AACnC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,gBAAgB,KAAK;AAAA,YAC5B,UAAU,CAAC,SAAS,SAAS,kBAAkB,OAAO,IAAI,CAAC;AAAA,YAC3D,aAAW;AAAA,YACX,UAAQ;AAAA,YACR,WAAU;AAAA,YACT,GAAI,UACD,EAAE,SAAS,oBAAC,mBAAA,EAAmB,GAAG,SAAS,QAAQ,MAAA,CAAO,MAC1D,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,OAAO,YAAY,KAAK;AAC9B,SACE,qBAAC,OAAA,EAAI,KAAU,WAAU,kCACtB,UAAA;AAAA,IAAA,KAAK,IAAI,CAAC,SAAS,UAClB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,cAAY,WAAW,QAAQ,CAAC;AAAA,QAChC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO;AAAA,cACP,UAAU,CAAC,SACT;AAAA,gBACE;AAAA,kBACE;AAAA,kBACA,KAAK,IAAI,CAAC,MAAM,cAAe,cAAc,QAAQ,OAAO,IAAK;AAAA,gBAAA;AAAA,cACnE;AAAA,cAGJ,WAAW,WAAW,QAAQ,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,KAAK,SAAS,KACb;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,cAAY,kBAAkB,QAAQ,CAAC;AAAA,cACvC,SAAS,MACP;AAAA,gBACE;AAAA,kBACE;AAAA,kBACA,KAAK,OAAO,CAAC,GAAG,cAAc,cAAc,KAAK;AAAA,gBAAA;AAAA,cACnD;AAAA,cAIJ,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAjCG;AAAA,IAAA,CAoCR;AAAA,IAEA,+BAAY,mBAAA,EAAmB,GAAG,SAAS,QAAQ,OAAO,YAAU,MAAC;AAAA,IACtE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,cAAW;AAAA,QACX,SAAS,MAAA;;AACP;AAAA,YACE,gBAAgB,OAAO,CAAC,GAAG,QAAM,UAAK,CAAC,MAAN,mBAAS,QAAO,EAAE,MAAM,KAAK,CAAC,EAAE,SAAS,CAAA,CAAE,CAAC;AAAA,UAAA;AAAA;AAAA,QAIjF,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,OAAO,WAAU,UAAS;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAE1C,GACF;AAEJ;"}