@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/ai/SessionViewerMenu.js

@@ -2,7 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../lib/utils.js";
 import { DropdownMenu } from "../../overlay/DropdownMenu.js";
 import { Icon } from "../Icon.js";
-import { CATEGORY_LABELS } from "./session-categories.js";
+import { getSessionAction } from "./SessionViewer.model.js";
+import { CATEGORY_ICONS, CATEGORY_LABELS } from "./session-categories.js";
 import { UiDotsVertical } from "../../icons/components/UiDotsVertical.js";
 import { UiResizeVertical } from "../../icons/components/UiResizeVertical.js";
 import { UiRows } from "../../icons/components/UiRows.js";
@@ -13,11 +14,13 @@ import { UiSun } from "../../icons/components/UiSun.js";
 import { UiMoon } from "../../icons/components/UiMoon.js";
 import { UiCheck } from "../../icons/components/UiCheck.js";
 const DENSITY_OPTIONS = [
+  { value: void 0, icon: UiResizeVertical, label: "Use page density" },
   { value: "compact", icon: UiRows, label: "Compact" },
   { value: "comfortable", icon: UiListFlat, label: "Comfortable" },
   { value: "spacious", icon: UiListDashes, label: "Spacious" }
 ];
 const THEME_OPTIONS = [
+  { value: void 0, icon: UiDesktop, label: "Use page theme" },
   { value: "light", icon: UiSun, label: "Light" },
   { value: "dark", icon: UiMoon, label: "Dark" }
 ];
@@ -47,53 +50,31 @@ function SessionViewerMenu({
       align: "right",
       title: "Session options",
       menuLabel: "Session options",
-      menuClassName: "min-w-[14rem] max-h-[70vh] overflow-auto px-1",
+      menuClassName: "min-w-[12rem] max-h-[70vh] overflow-auto px-1",
       children: () => /* @__PURE__ */ jsxs("div", { className: "text-popover-foreground", children: [
-        /* @__PURE__ */ jsx(MenuHeading, { children: "Density" }),
         /* @__PURE__ */ jsx(
-          RadioRow,
+          SegmentedRow,
           {
-            icon: UiResizeVertical,
-            label: "Use page density",
-            active: density === void 0,
-            onSelect: () => onDensityChange(void 0)
+            label: "Density",
+            options: DENSITY_OPTIONS,
+            value: density,
+            onChange: onDensityChange
           }
         ),
-        DENSITY_OPTIONS.map((option) => /* @__PURE__ */ jsx(
-          RadioRow,
+        /* @__PURE__ */ jsx(
+          SegmentedRow,
           {
-            icon: option.icon,
-            label: option.label,
-            active: density === option.value,
-            onSelect: () => onDensityChange(option.value)
-          },
-          option.value
-        )),
-        /* @__PURE__ */ jsxs(Section, { heading: "Theme", children: [
-          /* @__PURE__ */ jsx(
-            RadioRow,
-            {
-              icon: UiDesktop,
-              label: "Use page theme",
-              active: theme === void 0,
-              onSelect: () => onThemeChange(void 0)
-            }
-          ),
-          THEME_OPTIONS.map((option) => /* @__PURE__ */ jsx(
-            RadioRow,
-            {
-              icon: option.icon,
-              label: option.label,
-              active: theme === option.value,
-              onSelect: () => onThemeChange(option.value)
-            },
-            option.value
-          ))
-        ] }),
+            label: "Theme",
+            options: THEME_OPTIONS,
+            value: theme,
+            onChange: onThemeChange
+          }
+        ),
         filters.categories.length > 0 && /* @__PURE__ */ jsx(Section, { heading: "Categories", children: filters.categories.map((category) => /* @__PURE__ */ jsx(
           CheckRow,
           {
             label: CATEGORY_LABELS[category],
+            icon: CATEGORY_ICONS[category],
             checked: !hiddenCategories.has(category),
             onToggle: () => onToggleCategory(category)
           },
@@ -103,6 +84,7 @@ function SessionViewerMenu({
           CheckRow,
           {
             label: tool.label,
+            icon: getSessionAction(tool.key).icon,
             checked: !hiddenTools.has(tool.key),
             onToggle: () => onToggleTool(tool.key)
           },
@@ -117,47 +99,53 @@ function SessionViewerMenu({
           },
           source
         )) }),
-        hasThinking && /* @__PURE__ */ jsx(Section, { heading: "Other", children: /* @__PURE__ */ jsx(CheckRow, { label: "Reasoning", checked: showThinking, onToggle: onToggleThinking }) })
+        hasThinking && /* @__PURE__ */ jsx(Section, { children: /* @__PURE__ */ jsx(CheckRow, { label: "Reasoning", checked: showThinking, onToggle: onToggleThinking }) })
       ] })
     }
   );
 }
-function MenuHeading({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children });
+function SegmentedRow({
+  label,
+  options,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-2 py-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 rounded-md border border-border p-0.5", children: options.map((option) => {
+      const active = value === option.value;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitemradio",
+          "aria-checked": active,
+          "aria-label": option.label,
+          title: option.label,
+          onClick: () => onChange(option.value),
+          className: cn(
+            "flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none",
+            active ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground focus:text-foreground"
+          ),
+          children: /* @__PURE__ */ jsx(Icon, { icon: option.icon, className: "text-xs" })
+        },
+        option.label
+      );
+    }) })
+  ] });
 }
 function Section({ heading, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: "mt-1 border-t border-border pt-1", children: [
-    /* @__PURE__ */ jsx(MenuHeading, { children: heading }),
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1 border-t border-border pt-0.5", children: [
+    heading && /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-[11px] font-medium text-muted-foreground", children: heading }),
     children
   ] });
 }
-const ROW_CLASS = "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none";
-function RadioRow({
-  icon,
-  label,
-  active,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role: "menuitemradio",
-      "aria-checked": active,
-      className: cn(ROW_CLASS, active && "text-foreground"),
-      onClick: onSelect,
-      children: [
-        /* @__PURE__ */ jsx(Icon, { icon, className: "text-sm text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
-        active ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-sm text-foreground" }) : /* @__PURE__ */ jsx("span", { className: "inline-block h-4 w-4", "aria-hidden": true })
-      ]
-    }
-  );
-}
+const ROW_CLASS = "flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none";
 function CheckRow({
   label,
   checked,
-  onToggle
+  onToggle,
+  icon
 }) {
   return /* @__PURE__ */ jsxs(
     "button",
@@ -173,12 +161,13 @@ function CheckRow({
           {
             "aria-hidden": true,
             className: cn(
-              "flex h-4 w-4 shrink-0 items-center justify-center rounded border",
+              "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border",
               checked ? "border-primary bg-primary text-primary-foreground" : "border-input"
             ),
-            children: checked && /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-[0.7rem]" })
+            children: checked && /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-[0.6rem]" })
           }
         ),
+        icon && /* @__PURE__ */ jsx(Icon, { icon, className: "size-3.5 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
       ]
     }

package/dist/data/ai/SessionViewerMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewerMenu.js","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { CATEGORY_LABELS, type SessionCategory, type SessionFilters } from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\nconst DENSITY_OPTIONS: Array<{ value: Density; icon: StaticIconComponent; label: string }> = [\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<{ value: SessionThemeOverride; icon: StaticIconComponent; label: string }> = [\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: a density override (matching DataTable's\n *  pattern) plus visibility toggles for the captain category / tool / source\n *  facets present in the session. */\nexport function SessionViewerMenu({\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[14rem] max-h-[70vh] overflow-auto px-1\"\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <MenuHeading>Density</MenuHeading>\n          <RadioRow\n            icon={UiResizeVertical}\n            label=\"Use page density\"\n            active={density === undefined}\n            onSelect={() => onDensityChange(undefined)}\n          />\n          {DENSITY_OPTIONS.map((option) => (\n            <RadioRow\n              key={option.value}\n              icon={option.icon}\n              label={option.label}\n              active={density === option.value}\n              onSelect={() => onDensityChange(option.value)}\n            />\n          ))}\n\n          <Section heading=\"Theme\">\n            <RadioRow\n              icon={UiDesktop}\n              label=\"Use page theme\"\n              active={theme === undefined}\n              onSelect={() => onThemeChange(undefined)}\n            />\n            {THEME_OPTIONS.map((option) => (\n              <RadioRow\n                key={option.value}\n                icon={option.icon}\n                label={option.label}\n                active={theme === option.value}\n                onSelect={() => onThemeChange(option.value)}\n              />\n            ))}\n          </Section>\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section heading=\"Other\">\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction MenuHeading({ children }: { children: ReactNode }) {\n  return <div className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">{children}</div>;\n}\n\nfunction Section({ heading, children }: { heading: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-1\">\n      <MenuHeading>{heading}</MenuHeading>\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction RadioRow({\n  icon,\n  label,\n  active,\n  onSelect,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemradio\"\n      aria-checked={active}\n      className={cn(ROW_CLASS, active && \"text-foreground\")}\n      onClick={onSelect}\n    >\n      <Icon icon={icon} className=\"text-sm text-muted-foreground\" />\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {active ? (\n        <Icon icon={UiCheck} className=\"text-sm text-foreground\" />\n      ) : (\n        <span className=\"inline-block h-4 w-4\" aria-hidden />\n      )}\n    </button>\n  );\n}\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-4 w-4 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.7rem]\" />}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionViewerMenu.js","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SpecRuntimeEditor/CLIArgsSection.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const JsonSchemaForm = require("../../../components/JsonSchemaForm.cjs");
+const update = require("./update.cjs");
+function CLIArgsSection({
+  value,
+  onChange,
+  cliOptions
+}) {
+  const idPrefix = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    JsonSchemaForm.JsonSchemaForm,
+    {
+      idPrefix: `spec-cli-${idPrefix}`,
+      schema: cliOptions.schema,
+      value: value.cliArgs ?? {},
+      onChange: (cliArgs) => onChange(update.withRoot(value, { cliArgs })),
+      size: "sm"
+    }
+  );
+}
+exports.CLIArgsSection = CLIArgsSection;
+//# sourceMappingURL=CLIArgsSection.cjs.map

package/dist/data/ai/SpecRuntimeEditor/CLIArgsSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CLIArgsSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/CLIArgsSection.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { JsonSchemaForm } from \"../../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nimport { withRoot } from \"./update\";\n\nexport type SpecRuntimeCLIOptions = {\n  /** JsonSchemaForm schema for the backend's extra CLI args. */\n  schema: JsonSchemaObject;\n};\n\n// Extra cmux CLI args (api.Spec.cliArgs): schema-driven, supplied per backend\n// by the host (e.g. captain's /api/captain/ai/cli-options/catalog).\nexport function CLIArgsSection({\n  value,\n  onChange,\n  cliOptions,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  cliOptions: SpecRuntimeCLIOptions;\n}) {\n  const idPrefix = useId();\n  return (\n    <JsonSchemaForm\n      idPrefix={`spec-cli-${idPrefix}`}\n      schema={cliOptions.schema}\n      value={value.cliArgs ?? {}}\n      onChange={(cliArgs) => onChange(withRoot(value, { cliArgs }))}\n      size=\"sm\"\n    />\n  );\n}\n"],"names":["useId","jsx","JsonSchemaForm","withRoot"],"mappings":";;;;;;AAaO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,WAAWA,MAAAA,MAAA;AACjB,SACEC,2BAAAA;AAAAA,IAACC,eAAAA;AAAAA,IAAA;AAAA,MACC,UAAU,YAAY,QAAQ;AAAA,MAC9B,QAAQ,WAAW;AAAA,MACnB,OAAO,MAAM,WAAW,CAAA;AAAA,MACxB,UAAU,CAAC,YAAY,SAASC,OAAAA,SAAS,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,MAC5D,MAAK;AAAA,IAAA;AAAA,EAAA;AAGX;;"}

package/dist/data/ai/SpecRuntimeEditor/CLIArgsSection.d.ts

@@ -0,0 +1,12 @@
+import { JsonSchemaObject } from '../../../components/json-schema-form-types';
+import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+export type SpecRuntimeCLIOptions = {
+    /** JsonSchemaForm schema for the backend's extra CLI args. */
+    schema: JsonSchemaObject;
+};
+export declare function CLIArgsSection({ value, onChange, cliOptions, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+    cliOptions: SpecRuntimeCLIOptions;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CLIArgsSection.d.ts.map

package/dist/data/ai/SpecRuntimeEditor/CLIArgsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CLIArgsSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/CLIArgsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,8DAA8D;IAC9D,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAIF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,qBAAqB,CAAC;CACnC,2CAWA"}

package/dist/data/ai/SpecRuntimeEditor/CLIArgsSection.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { JsonSchemaForm } from "../../../components/JsonSchemaForm.js";
+import { withRoot } from "./update.js";
+function CLIArgsSection({
+  value,
+  onChange,
+  cliOptions
+}) {
+  const idPrefix = useId();
+  return /* @__PURE__ */ jsx(
+    JsonSchemaForm,
+    {
+      idPrefix: `spec-cli-${idPrefix}`,
+      schema: cliOptions.schema,
+      value: value.cliArgs ?? {},
+      onChange: (cliArgs) => onChange(withRoot(value, { cliArgs })),
+      size: "sm"
+    }
+  );
+}
+export {
+  CLIArgsSection
+};
+//# sourceMappingURL=CLIArgsSection.js.map

package/dist/data/ai/SpecRuntimeEditor/CLIArgsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CLIArgsSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/CLIArgsSection.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { JsonSchemaForm } from \"../../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../../components/json-schema-form-types\";\nimport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nimport { withRoot } from \"./update\";\n\nexport type SpecRuntimeCLIOptions = {\n  /** JsonSchemaForm schema for the backend's extra CLI args. */\n  schema: JsonSchemaObject;\n};\n\n// Extra cmux CLI args (api.Spec.cliArgs): schema-driven, supplied per backend\n// by the host (e.g. captain's /api/captain/ai/cli-options/catalog).\nexport function CLIArgsSection({\n  value,\n  onChange,\n  cliOptions,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  cliOptions: SpecRuntimeCLIOptions;\n}) {\n  const idPrefix = useId();\n  return (\n    <JsonSchemaForm\n      idPrefix={`spec-cli-${idPrefix}`}\n      schema={cliOptions.schema}\n      value={value.cliArgs ?? {}}\n      onChange={(cliArgs) => onChange(withRoot(value, { cliArgs }))}\n      size=\"sm\"\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,WAAW,MAAA;AACjB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU,YAAY,QAAQ;AAAA,MAC9B,QAAQ,WAAW;AAAA,MACnB,OAAO,MAAM,WAAW,CAAA;AAAA,MACxB,UAAU,CAAC,YAAY,SAAS,SAAS,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,MAC5D,MAAK;AAAA,IAAA;AAAA,EAAA;AAGX;"}

package/dist/data/ai/SpecRuntimeEditor/CommitSection.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const fields = require("./fields.cjs");
+const update = require("./update.cjs");
+const UiGitCommit = require("../../../icons/components/UiGitCommit.cjs");
+const UiPlay = require("../../../icons/components/UiPlay.cjs");
+function CommitSection({
+  value,
+  onChange
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2 md:grid-cols-[minmax(8rem,10rem)_minmax(8rem,10rem)_minmax(0,1fr)]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fields.CheckboxField,
+      {
+        label: "Commit",
+        checked: (_b = (_a = value.workflow) == null ? void 0 : _a.postRun) == null ? void 0 : _b.commit,
+        onChange: (commit) => onChange(update.withPostRun(value, { commit })),
+        icon: UiGitCommit.UiGitCommit
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fields.CheckboxField,
+      {
+        label: "Dry run",
+        checked: (_d = (_c = value.workflow) == null ? void 0 : _c.postRun) == null ? void 0 : _d.dryRun,
+        onChange: (dryRun) => onChange(update.withPostRun(value, { dryRun })),
+        icon: UiPlay.UiPlay
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Commit message", children: /* @__PURE__ */ jsxRuntime.jsx(
+      fields.SpecInput,
+      {
+        value: (_f = (_e = value.workflow) == null ? void 0 : _e.postRun) == null ? void 0 : _f.commitMessage,
+        onChange: (commitMessage) => onChange(update.withPostRun(value, { commitMessage })),
+        placeholder: "Apply AI changes",
+        icon: UiGitCommit.UiGitCommit
+      }
+    ) })
+  ] });
+}
+exports.CommitSection = CommitSection;
+//# sourceMappingURL=CommitSection.cjs.map

package/dist/data/ai/SpecRuntimeEditor/CommitSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommitSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/CommitSection.tsx"],"sourcesContent":["import { UiGitCommit, UiPlay } from \"../../../icons\";\nimport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nimport { CheckboxField, SpecField, SpecInput } from \"./fields\";\nimport { withPostRun } from \"./update\";\n\nexport function CommitSection({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2 md:grid-cols-[minmax(8rem,10rem)_minmax(8rem,10rem)_minmax(0,1fr)]\">\n      <CheckboxField\n        label=\"Commit\"\n        checked={value.workflow?.postRun?.commit}\n        onChange={(commit) => onChange(withPostRun(value, { commit }))}\n        icon={UiGitCommit}\n      />\n      <CheckboxField\n        label=\"Dry run\"\n        checked={value.workflow?.postRun?.dryRun}\n        onChange={(dryRun) => onChange(withPostRun(value, { dryRun }))}\n        icon={UiPlay}\n      />\n      <SpecField label=\"Commit message\">\n        <SpecInput\n          value={value.workflow?.postRun?.commitMessage}\n          onChange={(commitMessage) =>\n            onChange(withPostRun(value, { commitMessage }))\n          }\n          placeholder=\"Apply AI changes\"\n          icon={UiGitCommit}\n        />\n      </SpecField>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CheckboxField","withPostRun","UiGitCommit","UiPlay","SpecField","SpecInput"],"mappings":";;;;;;;AAKO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;;AACD,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,yFACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAS,iBAAM,aAAN,mBAAgB,YAAhB,mBAAyB;AAAA,QAClC,UAAU,CAAC,WAAW,SAASC,OAAAA,YAAY,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC7D,MAAMC,YAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,IAERH,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAS,iBAAM,aAAN,mBAAgB,YAAhB,mBAAyB;AAAA,QAClC,UAAU,CAAC,WAAW,SAASC,OAAAA,YAAY,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC7D,MAAME,OAAAA;AAAAA,MAAA;AAAA,IAAA;AAAA,IAERJ,2BAAAA,IAACK,OAAAA,WAAA,EAAU,OAAM,kBACf,UAAAL,2BAAAA;AAAAA,MAACM,OAAAA;AAAAA,MAAA;AAAA,QACC,QAAO,iBAAM,aAAN,mBAAgB,YAAhB,mBAAyB;AAAA,QAChC,UAAU,CAAC,kBACT,SAASJ,OAAAA,YAAY,OAAO,EAAE,cAAA,CAAe,CAAC;AAAA,QAEhD,aAAY;AAAA,QACZ,MAAMC,YAAAA;AAAAA,MAAA;AAAA,IAAA,EACR,CACF;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/data/ai/SpecRuntimeEditor/CommitSection.d.ts

@@ -0,0 +1,6 @@
+import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+export declare function CommitSection({ value, onChange, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommitSection.d.ts.map

package/dist/data/ai/SpecRuntimeEditor/CommitSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommitSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/CommitSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CA2BA"}

package/dist/data/ai/SpecRuntimeEditor/CommitSection.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CheckboxField, SpecField, SpecInput } from "./fields.js";
+import { withPostRun } from "./update.js";
+import { UiGitCommit } from "../../../icons/components/UiGitCommit.js";
+import { UiPlay } from "../../../icons/components/UiPlay.js";
+function CommitSection({
+  value,
+  onChange
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-2 md:grid-cols-[minmax(8rem,10rem)_minmax(8rem,10rem)_minmax(0,1fr)]", children: [
+    /* @__PURE__ */ jsx(
+      CheckboxField,
+      {
+        label: "Commit",
+        checked: (_b = (_a = value.workflow) == null ? void 0 : _a.postRun) == null ? void 0 : _b.commit,
+        onChange: (commit) => onChange(withPostRun(value, { commit })),
+        icon: UiGitCommit
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CheckboxField,
+      {
+        label: "Dry run",
+        checked: (_d = (_c = value.workflow) == null ? void 0 : _c.postRun) == null ? void 0 : _d.dryRun,
+        onChange: (dryRun) => onChange(withPostRun(value, { dryRun })),
+        icon: UiPlay
+      }
+    ),
+    /* @__PURE__ */ jsx(SpecField, { label: "Commit message", children: /* @__PURE__ */ jsx(
+      SpecInput,
+      {
+        value: (_f = (_e = value.workflow) == null ? void 0 : _e.postRun) == null ? void 0 : _f.commitMessage,
+        onChange: (commitMessage) => onChange(withPostRun(value, { commitMessage })),
+        placeholder: "Apply AI changes",
+        icon: UiGitCommit
+      }
+    ) })
+  ] });
+}
+export {
+  CommitSection
+};
+//# sourceMappingURL=CommitSection.js.map

package/dist/data/ai/SpecRuntimeEditor/CommitSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommitSection.js","sources":["../../../../src/data/ai/SpecRuntimeEditor/CommitSection.tsx"],"sourcesContent":["import { UiGitCommit, UiPlay } from \"../../../icons\";\nimport type { AISpecRuntimeValue } from \"../SpecRuntimeEditor.model\";\nimport { CheckboxField, SpecField, SpecInput } from \"./fields\";\nimport { withPostRun } from \"./update\";\n\nexport function CommitSection({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <div className=\"grid gap-density-2 md:grid-cols-[minmax(8rem,10rem)_minmax(8rem,10rem)_minmax(0,1fr)]\">\n      <CheckboxField\n        label=\"Commit\"\n        checked={value.workflow?.postRun?.commit}\n        onChange={(commit) => onChange(withPostRun(value, { commit }))}\n        icon={UiGitCommit}\n      />\n      <CheckboxField\n        label=\"Dry run\"\n        checked={value.workflow?.postRun?.dryRun}\n        onChange={(dryRun) => onChange(withPostRun(value, { dryRun }))}\n        icon={UiPlay}\n      />\n      <SpecField label=\"Commit message\">\n        <SpecInput\n          value={value.workflow?.postRun?.commitMessage}\n          onChange={(commitMessage) =>\n            onChange(withPostRun(value, { commitMessage }))\n          }\n          placeholder=\"Apply AI changes\"\n          icon={UiGitCommit}\n        />\n      </SpecField>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,yFACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAS,iBAAM,aAAN,mBAAgB,YAAhB,mBAAyB;AAAA,QAClC,UAAU,CAAC,WAAW,SAAS,YAAY,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC7D,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAS,iBAAM,aAAN,mBAAgB,YAAhB,mBAAyB;AAAA,QAClC,UAAU,CAAC,WAAW,SAAS,YAAY,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,QAC7D,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,oBAAC,WAAA,EAAU,OAAM,kBACf,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAO,iBAAM,aAAN,mBAAgB,YAAhB,mBAAyB;AAAA,QAChC,UAAU,CAAC,kBACT,SAAS,YAAY,OAAO,EAAE,cAAA,CAAe,CAAC;AAAA,QAEhD,aAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,IAAA,EACR,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/data/ai/SpecRuntimeEditor/EnvironmentSection.cjs

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const SecretKeySelector = require("../../../components/SecretKeySelector.cjs");
+const Icon = require("../../Icon.cjs");
+const envModel = require("./env-model.cjs");
+const fields = require("./fields.cjs");
+const update = require("./update.cjs");
+const IconButton = require("../../../components/IconButton.cjs");
+const UiFileText = require("../../../icons/components/UiFileText.cjs");
+const UiAdd = require("../../../icons/components/UiAdd.cjs");
+const UiBraces = require("../../../icons/components/UiBraces.cjs");
+const UiKey = require("../../../icons/components/UiKey.cjs");
+const UiTrash = require("../../../icons/components/UiTrash.cjs");
+function EnvironmentSection({
+  value,
+  onChange,
+  secretSelector
+}) {
+  var _a;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EnvVarRows,
+    {
+      value: (_a = value.setup) == null ? void 0 : _a.envVars,
+      onChange: (envVars) => onChange(update.withSetup(value, { envVars })),
+      secretSelector
+    }
+  );
+}
+function EnvironmentAdvanced({
+  value,
+  onChange
+}) {
+  var _a;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    fields.ListField,
+    {
+      label: "Dotenv files",
+      value: (_a = value.setup) == null ? void 0 : _a.dotenv,
+      onChange: (dotenv) => onChange(update.withSetup(value, { dotenv })),
+      placeholder: ".env",
+      icon: UiFileText.UiFileText
+    }
+  );
+}
+function EnvVarRows({
+  value,
+  onChange,
+  secretSelector
+}) {
+  const rows = value && value.length > 0 ? value : [{ name: "", value: "" }];
+  const updateRow = (index, patch) => {
+    onChange(
+      rows.map(
+        (row, rowIndex) => rowIndex === index ? { ...row, ...patch } : row
+      )
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Environment variables" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        fields.SpecButton,
+        {
+          onClick: () => onChange([...rows, { name: "", value: "" }]),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "size-3.5" }),
+            "Add"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(6rem,1fr)_minmax(0,1fr)_auto] gap-density-2 border-b border-border bg-muted/40 px-density-2 py-density-1 text-[10px] font-semibold uppercase text-muted-foreground md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Value" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Actions" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border", children: rows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "grid gap-density-2 px-density-1 py-density-1 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              fields.SpecInput,
+              {
+                value: row.name,
+                onChange: (name) => updateRow(index, { name }),
+                ariaLabel: "Environment variable name",
+                icon: UiBraces.UiBraces,
+                mono: true
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: secretSelector ? /* @__PURE__ */ jsxRuntime.jsx(
+              SecretKeySelector.SecretKeySelector,
+              {
+                value: envModel.secretValueFromEnvVar(row),
+                onChange: (next) => onChange(
+                  rows.map(
+                    (current, rowIndex) => rowIndex === index ? envModel.envVarFromSecretValue(current.name ?? "", next) : current
+                  )
+                ),
+                loadResources: secretSelector.loadResources,
+                loadKeyPreview: secretSelector.loadKeyPreview,
+                ...secretSelector.allowLiteral !== void 0 ? { allowLiteral: secretSelector.allowLiteral } : {},
+                ...secretSelector.strict !== void 0 ? { strict: secretSelector.strict } : {},
+                className: "min-w-0 flex-wrap text-xs"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              fields.SpecInput,
+              {
+                value: typeof row.valueFrom === "string" ? row.valueFrom : row.value,
+                onChange: (next) => updateRow(index, { value: next, valueFrom: "" }),
+                placeholder: "secret://name/key",
+                ariaLabel: "Environment variable value",
+                icon: UiKey.UiKey,
+                mono: true
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+              IconButton.IconButton,
+              {
+                icon: UiTrash.UiTrash,
+                label: "Remove",
+                onClick: () => onChange(rows.filter((_, rowIndex) => rowIndex !== index))
+              }
+            ) })
+          ]
+        },
+        index
+      )) })
+    ] })
+  ] });
+}
+exports.EnvironmentAdvanced = EnvironmentAdvanced;
+exports.EnvironmentSection = EnvironmentSection;
+//# sourceMappingURL=EnvironmentSection.cjs.map

package/dist/data/ai/SpecRuntimeEditor/EnvironmentSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/EnvironmentSection.tsx"],"sourcesContent":["import { SecretKeySelector } from \"../../../components/SecretKeySelector\";\nimport { Icon } from \"../../Icon\";\nimport { UiAdd, UiBraces, UiFileText, UiKey, UiTrash } from \"../../../icons\";\nimport type {\n  AISpecRuntimeEnvVar,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { envVarFromSecretValue, secretValueFromEnvVar } from \"./env-model\";\nimport { ListField, SpecButton, SpecInput } from \"./fields\";\nimport { withSetup } from \"./update\";\nimport type { SpecRuntimeSecretSelectorConfig } from \"./types\";\nimport { IconButton } from \"../../../components\";\n\nexport function EnvironmentSection({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  return (\n    <EnvVarRows\n      value={value.setup?.envVars}\n      onChange={(envVars) => onChange(withSetup(value, { envVars }))}\n      secretSelector={secretSelector}\n    />\n  );\n}\n\nexport function EnvironmentAdvanced({\n  value,\n  onChange,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n}) {\n  return (\n    <ListField\n      label=\"Dotenv files\"\n      value={value.setup?.dotenv}\n      onChange={(dotenv) => onChange(withSetup(value, { dotenv }))}\n      placeholder=\".env\"\n      icon={UiFileText}\n    />\n  );\n}\n\nfunction EnvVarRows({\n  value,\n  onChange,\n  secretSelector,\n}: {\n  value?: AISpecRuntimeEnvVar[] | undefined;\n  onChange: (value: AISpecRuntimeEnvVar[]) => void;\n  secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;\n}) {\n  const rows = value && value.length > 0 ? value : [{ name: \"\", value: \"\" }];\n  const updateRow = (index: number, patch: AISpecRuntimeEnvVar) => {\n    onChange(\n      rows.map((row, rowIndex) =>\n        rowIndex === index ? { ...row, ...patch } : row,\n      ),\n    );\n  };\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"text-xs font-medium text-muted-foreground\">\n          Environment variables\n        </div>\n        <SpecButton\n          onClick={() => onChange([...rows, { name: \"\", value: \"\" }])}\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </SpecButton>\n      </div>\n      <div className=\"overflow-hidden rounded-md border border-border\">\n        <div className=\"grid grid-cols-[minmax(6rem,1fr)_minmax(0,1fr)_auto] gap-density-2 border-b border-border bg-muted/40 px-density-2 py-density-1 text-[10px] font-semibold uppercase text-muted-foreground md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]\">\n          <span>Name</span>\n          <span>Value</span>\n          <span className=\"sr-only\">Actions</span>\n        </div>\n        <div className=\"divide-y divide-border\">\n          {rows.map((row, index) => (\n            <div\n              key={index}\n              className=\"grid gap-density-2 px-density-1 py-density-1 md:grid-cols-[minmax(8rem,12rem)_minmax(0,1fr)_auto]\"\n            >\n              <SpecInput\n                value={row.name}\n                onChange={(name) => updateRow(index, { name })}\n                ariaLabel=\"Environment variable name\"\n                icon={UiBraces}\n                mono\n              />\n              <div className=\"min-w-0\">\n                {secretSelector ? (\n                  <SecretKeySelector\n                    value={secretValueFromEnvVar(row)}\n                    onChange={(next) =>\n                      onChange(\n                        rows.map((current, rowIndex) =>\n                          rowIndex === index\n                            ? envVarFromSecretValue(current.name ?? \"\", next)\n                            : current,\n                        ),\n                      )\n                    }\n                    loadResources={secretSelector.loadResources}\n                    loadKeyPreview={secretSelector.loadKeyPreview}\n                    {...(secretSelector.allowLiteral !== undefined\n                      ? { allowLiteral: secretSelector.allowLiteral }\n                      : {})}\n                    {...(secretSelector.strict !== undefined\n                      ? { strict: secretSelector.strict }\n                      : {})}\n                    className=\"min-w-0 flex-wrap text-xs\"\n                  />\n                ) : (\n                  <SpecInput\n                    value={\n                      typeof row.valueFrom === \"string\"\n                        ? row.valueFrom\n                        : row.value\n                    }\n                    onChange={(next) =>\n                      updateRow(index, { value: next, valueFrom: \"\" })\n                    }\n                    placeholder=\"secret://name/key\"\n                    ariaLabel=\"Environment variable value\"\n                    icon={UiKey}\n                    mono\n                  />\n                )}\n              </div>\n              <div className=\"flex items-center\">\n                <IconButton\n                  icon={UiTrash}\n                  label=\"Remove\"\n                  onClick={() =>\n                    onChange(rows.filter((_, rowIndex) => rowIndex !== index))\n                  }\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","withSetup","ListField","UiFileText","jsxs","SpecButton","Icon","UiAdd","SpecInput","UiBraces","SecretKeySelector","secretValueFromEnvVar","envVarFromSecretValue","UiKey","IconButton","UiTrash"],"mappings":";;;;;;;;;;;;;;AAaO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAO,WAAM,UAAN,mBAAa;AAAA,MACpB,UAAU,CAAC,YAAY,SAASC,OAAAA,UAAU,OAAO,EAAE,QAAA,CAAS,CAAC;AAAA,MAC7D;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAGG;;AACD,SACED,2BAAAA;AAAAA,IAACE,OAAAA;AAAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO,WAAM,UAAN,mBAAa;AAAA,MACpB,UAAU,CAAC,WAAW,SAASD,OAAAA,UAAU,OAAO,EAAE,OAAA,CAAQ,CAAC;AAAA,MAC3D,aAAY;AAAA,MACZ,MAAME,WAAAA;AAAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,OAAO,SAAS,MAAM,SAAS,IAAI,QAAQ,CAAC,EAAE,MAAM,IAAI,OAAO,GAAA,CAAI;AACzE,QAAM,YAAY,CAAC,OAAe,UAA+B;AAC/D;AAAA,MACE,KAAK;AAAA,QAAI,CAAC,KAAK,aACb,aAAa,QAAQ,EAAE,GAAG,KAAK,GAAG,UAAU;AAAA,MAAA;AAAA,IAC9C;AAAA,EAEJ;AACA,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,MAAAJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,6CAA4C,UAAA,yBAE3D;AAAA,MACAI,2BAAAA;AAAAA,QAACC,OAAAA;AAAAA,QAAA;AAAA,UACC,SAAS,MAAM,SAAS,CAAC,GAAG,MAAM,EAAE,MAAM,IAAI,OAAO,GAAA,CAAI,CAAC;AAAA,UAE1D,UAAA;AAAA,YAAAL,2BAAAA,IAACM,KAAAA,MAAA,EAAK,MAAMC,MAAAA,OAAO,WAAU,YAAW;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAE5C,GACF;AAAA,IACAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,kPACb,UAAA;AAAA,QAAAJ,2BAAAA,IAAC,UAAK,UAAA,OAAA,CAAI;AAAA,QACVA,2BAAAA,IAAC,UAAK,UAAA,QAAA,CAAK;AAAA,QACXA,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAU,UAAA,UAAA,CAAO;AAAA,MAAA,GACnC;AAAA,MACAA,2BAAAA,IAAC,SAAI,WAAU,0BACZ,eAAK,IAAI,CAAC,KAAK,UACdI,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAJ,2BAAAA;AAAAA,cAACQ,OAAAA;AAAAA,cAAA;AAAA,gBACC,OAAO,IAAI;AAAA,gBACX,UAAU,CAAC,SAAS,UAAU,OAAO,EAAE,MAAM;AAAA,gBAC7C,WAAU;AAAA,gBACV,MAAMC,SAAAA;AAAAA,gBACN,MAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YAENT,2BAAAA,IAAC,OAAA,EAAI,WAAU,WACZ,UAAA,iBACCA,2BAAAA;AAAAA,cAACU,kBAAAA;AAAAA,cAAA;AAAA,gBACC,OAAOC,SAAAA,sBAAsB,GAAG;AAAA,gBAChC,UAAU,CAAC,SACT;AAAA,kBACE,KAAK;AAAA,oBAAI,CAAC,SAAS,aACjB,aAAa,QACTC,+BAAsB,QAAQ,QAAQ,IAAI,IAAI,IAC9C;AAAA,kBAAA;AAAA,gBACN;AAAA,gBAGJ,eAAe,eAAe;AAAA,gBAC9B,gBAAgB,eAAe;AAAA,gBAC9B,GAAI,eAAe,iBAAiB,SACjC,EAAE,cAAc,eAAe,aAAA,IAC/B,CAAA;AAAA,gBACH,GAAI,eAAe,WAAW,SAC3B,EAAE,QAAQ,eAAe,OAAA,IACzB,CAAA;AAAA,gBACJ,WAAU;AAAA,cAAA;AAAA,YAAA,IAGZZ,2BAAAA;AAAAA,cAACQ,OAAAA;AAAAA,cAAA;AAAA,gBACC,OACE,OAAO,IAAI,cAAc,WACrB,IAAI,YACJ,IAAI;AAAA,gBAEV,UAAU,CAAC,SACT,UAAU,OAAO,EAAE,OAAO,MAAM,WAAW,IAAI;AAAA,gBAEjD,aAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,MAAMK,MAAAA;AAAAA,gBACN,MAAI;AAAA,cAAA;AAAA,YAAA,GAGV;AAAA,YACAb,2BAAAA,IAAC,OAAA,EAAI,WAAU,qBACb,UAAAA,2BAAAA;AAAAA,cAACc,WAAAA;AAAAA,cAAA;AAAA,gBACC,MAAMC,QAAAA;AAAAA,gBACN,OAAM;AAAA,gBACN,SAAS,MACP,SAAS,KAAK,OAAO,CAAC,GAAG,aAAa,aAAa,KAAK,CAAC;AAAA,cAAA;AAAA,YAAA,EAE7D,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QA1DK;AAAA,MAAA,CA4DR,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;;;"}

package/dist/data/ai/SpecRuntimeEditor/EnvironmentSection.d.ts

@@ -0,0 +1,12 @@
+import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
+import { SpecRuntimeSecretSelectorConfig } from './types';
+export declare function EnvironmentSection({ value, onChange, secretSelector, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+    secretSelector?: SpecRuntimeSecretSelectorConfig | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EnvironmentAdvanced({ value, onChange, }: {
+    value: AISpecRuntimeValue;
+    onChange: (value: AISpecRuntimeValue) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EnvironmentSection.d.ts.map

package/dist/data/ai/SpecRuntimeEditor/EnvironmentSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/EnvironmentSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAG/D,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,cAAc,GACf,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAC9D,2CAQA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,2CAUA"}