@flanksource/clicky-ui 0.3.36 → 0.3.37

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const yaml = require("yaml");
+const FIELD_CHECKS = {
+  variables: { valid: isRecord, expected: "a mapping" },
+  spec: { valid: isRecord, expected: "a mapping" },
+  runtimes: {
+    valid: (value) => Array.isArray(value) && value.every(isRecord),
+    expected: "a list of mappings"
+  },
+  chat: { valid: (value) => typeof value === "boolean", expected: "a boolean" },
+  presets: {
+    valid: (value) => Array.isArray(value) && value.every((item) => typeof item === "string"),
+    expected: "a list of strings"
+  },
+  runtimeProfile: {
+    valid: (value) => typeof value === "string",
+    expected: "a string"
+  }
+};
+function promptRunYaml(value) {
+  return yaml.stringify(value);
+}
+function parsePromptRunYaml(text) {
+  const parsed = yaml.parse(text);
+  if (!isRecord(parsed)) throw new Error("Prompt run YAML must be a mapping");
+  for (const [field, value] of Object.entries(parsed)) {
+    if (!Object.hasOwn(FIELD_CHECKS, field)) {
+      throw new Error(
+        `Prompt run YAML has unknown field ${JSON.stringify(field)}`
+      );
+    }
+    const check = FIELD_CHECKS[field];
+    if (!check.valid(value)) {
+      throw new Error(
+        `Prompt run YAML field ${field} must be ${check.expected}`
+      );
+    }
+  }
+  return parsed;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+exports.parsePromptRunYaml = parsePromptRunYaml;
+exports.promptRunYaml = promptRunYaml;
+//# sourceMappingURL=yaml.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yaml.cjs","sources":["../../../../src/data/ai/PromptRunEditor/yaml.ts"],"sourcesContent":["import { parse, stringify } from \"yaml\";\nimport type { AIPromptRunValue } from \"./model\";\n\nconst FIELD_CHECKS: Record<\n  keyof AIPromptRunValue,\n  { valid: (value: unknown) => boolean; expected: string }\n> = {\n  variables: { valid: isRecord, expected: \"a mapping\" },\n  spec: { valid: isRecord, expected: \"a mapping\" },\n  runtimes: {\n    valid: (value) => Array.isArray(value) && value.every(isRecord),\n    expected: \"a list of mappings\",\n  },\n  chat: { valid: (value) => typeof value === \"boolean\", expected: \"a boolean\" },\n  presets: {\n    valid: (value) =>\n      Array.isArray(value) && value.every((item) => typeof item === \"string\"),\n    expected: \"a list of strings\",\n  },\n  runtimeProfile: {\n    valid: (value) => typeof value === \"string\",\n    expected: \"a string\",\n  },\n};\n\n/** The prompt run request as YAML, for hosts that offer a raw request editor. */\nexport function promptRunYaml(value: AIPromptRunValue): string {\n  return stringify(value);\n}\n\n/**\n * Parses a raw request edit. Top-level fields are checked so a typo or a\n * scalar where the editor expects a mapping fails here, not while rendering.\n */\nexport function parsePromptRunYaml(text: string): AIPromptRunValue {\n  const parsed: unknown = parse(text);\n  if (!isRecord(parsed)) throw new Error(\"Prompt run YAML must be a mapping\");\n  for (const [field, value] of Object.entries(parsed)) {\n    if (!Object.hasOwn(FIELD_CHECKS, field)) {\n      throw new Error(\n        `Prompt run YAML has unknown field ${JSON.stringify(field)}`,\n      );\n    }\n    const check = FIELD_CHECKS[field as keyof AIPromptRunValue];\n    if (!check.valid(value)) {\n      throw new Error(\n        `Prompt run YAML field ${field} must be ${check.expected}`,\n      );\n    }\n  }\n  return parsed as AIPromptRunValue;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n"],"names":["stringify","parse"],"mappings":";;;AAGA,MAAM,eAGF;AAAA,EACF,WAAW,EAAE,OAAO,UAAU,UAAU,YAAA;AAAA,EACxC,MAAM,EAAE,OAAO,UAAU,UAAU,YAAA;AAAA,EACnC,UAAU;AAAA,IACR,OAAO,CAAC,UAAU,MAAM,QAAQ,KAAK,KAAK,MAAM,MAAM,QAAQ;AAAA,IAC9D,UAAU;AAAA,EAAA;AAAA,EAEZ,MAAM,EAAE,OAAO,CAAC,UAAU,OAAO,UAAU,WAAW,UAAU,YAAA;AAAA,EAChE,SAAS;AAAA,IACP,OAAO,CAAC,UACN,MAAM,QAAQ,KAAK,KAAK,MAAM,MAAM,CAAC,SAAS,OAAO,SAAS,QAAQ;AAAA,IACxE,UAAU;AAAA,EAAA;AAAA,EAEZ,gBAAgB;AAAA,IACd,OAAO,CAAC,UAAU,OAAO,UAAU;AAAA,IACnC,UAAU;AAAA,EAAA;AAEd;AAGO,SAAS,cAAc,OAAiC;AAC7D,SAAOA,KAAAA,UAAU,KAAK;AACxB;AAMO,SAAS,mBAAmB,MAAgC;AACjE,QAAM,SAAkBC,KAAAA,MAAM,IAAI;AAClC,MAAI,CAAC,SAAS,MAAM,EAAG,OAAM,IAAI,MAAM,mCAAmC;AAC1E,aAAW,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACnD,QAAI,CAAC,OAAO,OAAO,cAAc,KAAK,GAAG;AACvC,YAAM,IAAI;AAAA,QACR,qCAAqC,KAAK,UAAU,KAAK,CAAC;AAAA,MAAA;AAAA,IAE9D;AACA,UAAM,QAAQ,aAAa,KAA+B;AAC1D,QAAI,CAAC,MAAM,MAAM,KAAK,GAAG;AACvB,YAAM,IAAI;AAAA,QACR,yBAAyB,KAAK,YAAY,MAAM,QAAQ;AAAA,MAAA;AAAA,IAE5D;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E;;;"}

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

@@ -0,0 +1,9 @@
+import { AIPromptRunValue } from './model';
+/** The prompt run request as YAML, for hosts that offer a raw request editor. */
+export declare function promptRunYaml(value: AIPromptRunValue): string;
+/**
+ * Parses a raw request edit. Top-level fields are checked so a typo or a
+ * scalar where the editor expects a mapping fails here, not while rendering.
+ */
+export declare function parsePromptRunYaml(text: string): AIPromptRunValue;
+//# sourceMappingURL=yaml.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yaml.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptRunEditor/yaml.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAwBhD,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAE7D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAiBjE"}

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

@@ -0,0 +1,47 @@
+import { parse, stringify } from "yaml";
+const FIELD_CHECKS = {
+  variables: { valid: isRecord, expected: "a mapping" },
+  spec: { valid: isRecord, expected: "a mapping" },
+  runtimes: {
+    valid: (value) => Array.isArray(value) && value.every(isRecord),
+    expected: "a list of mappings"
+  },
+  chat: { valid: (value) => typeof value === "boolean", expected: "a boolean" },
+  presets: {
+    valid: (value) => Array.isArray(value) && value.every((item) => typeof item === "string"),
+    expected: "a list of strings"
+  },
+  runtimeProfile: {
+    valid: (value) => typeof value === "string",
+    expected: "a string"
+  }
+};
+function promptRunYaml(value) {
+  return stringify(value);
+}
+function parsePromptRunYaml(text) {
+  const parsed = parse(text);
+  if (!isRecord(parsed)) throw new Error("Prompt run YAML must be a mapping");
+  for (const [field, value] of Object.entries(parsed)) {
+    if (!Object.hasOwn(FIELD_CHECKS, field)) {
+      throw new Error(
+        `Prompt run YAML has unknown field ${JSON.stringify(field)}`
+      );
+    }
+    const check = FIELD_CHECKS[field];
+    if (!check.valid(value)) {
+      throw new Error(
+        `Prompt run YAML field ${field} must be ${check.expected}`
+      );
+    }
+  }
+  return parsed;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+export {
+  parsePromptRunYaml,
+  promptRunYaml
+};
+//# sourceMappingURL=yaml.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yaml.js","sources":["../../../../src/data/ai/PromptRunEditor/yaml.ts"],"sourcesContent":["import { parse, stringify } from \"yaml\";\nimport type { AIPromptRunValue } from \"./model\";\n\nconst FIELD_CHECKS: Record<\n  keyof AIPromptRunValue,\n  { valid: (value: unknown) => boolean; expected: string }\n> = {\n  variables: { valid: isRecord, expected: \"a mapping\" },\n  spec: { valid: isRecord, expected: \"a mapping\" },\n  runtimes: {\n    valid: (value) => Array.isArray(value) && value.every(isRecord),\n    expected: \"a list of mappings\",\n  },\n  chat: { valid: (value) => typeof value === \"boolean\", expected: \"a boolean\" },\n  presets: {\n    valid: (value) =>\n      Array.isArray(value) && value.every((item) => typeof item === \"string\"),\n    expected: \"a list of strings\",\n  },\n  runtimeProfile: {\n    valid: (value) => typeof value === \"string\",\n    expected: \"a string\",\n  },\n};\n\n/** The prompt run request as YAML, for hosts that offer a raw request editor. */\nexport function promptRunYaml(value: AIPromptRunValue): string {\n  return stringify(value);\n}\n\n/**\n * Parses a raw request edit. Top-level fields are checked so a typo or a\n * scalar where the editor expects a mapping fails here, not while rendering.\n */\nexport function parsePromptRunYaml(text: string): AIPromptRunValue {\n  const parsed: unknown = parse(text);\n  if (!isRecord(parsed)) throw new Error(\"Prompt run YAML must be a mapping\");\n  for (const [field, value] of Object.entries(parsed)) {\n    if (!Object.hasOwn(FIELD_CHECKS, field)) {\n      throw new Error(\n        `Prompt run YAML has unknown field ${JSON.stringify(field)}`,\n      );\n    }\n    const check = FIELD_CHECKS[field as keyof AIPromptRunValue];\n    if (!check.valid(value)) {\n      throw new Error(\n        `Prompt run YAML field ${field} must be ${check.expected}`,\n      );\n    }\n  }\n  return parsed as AIPromptRunValue;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n"],"names":[],"mappings":";AAGA,MAAM,eAGF;AAAA,EACF,WAAW,EAAE,OAAO,UAAU,UAAU,YAAA;AAAA,EACxC,MAAM,EAAE,OAAO,UAAU,UAAU,YAAA;AAAA,EACnC,UAAU;AAAA,IACR,OAAO,CAAC,UAAU,MAAM,QAAQ,KAAK,KAAK,MAAM,MAAM,QAAQ;AAAA,IAC9D,UAAU;AAAA,EAAA;AAAA,EAEZ,MAAM,EAAE,OAAO,CAAC,UAAU,OAAO,UAAU,WAAW,UAAU,YAAA;AAAA,EAChE,SAAS;AAAA,IACP,OAAO,CAAC,UACN,MAAM,QAAQ,KAAK,KAAK,MAAM,MAAM,CAAC,SAAS,OAAO,SAAS,QAAQ;AAAA,IACxE,UAAU;AAAA,EAAA;AAAA,EAEZ,gBAAgB;AAAA,IACd,OAAO,CAAC,UAAU,OAAO,UAAU;AAAA,IACnC,UAAU;AAAA,EAAA;AAEd;AAGO,SAAS,cAAc,OAAiC;AAC7D,SAAO,UAAU,KAAK;AACxB;AAMO,SAAS,mBAAmB,MAAgC;AACjE,QAAM,SAAkB,MAAM,IAAI;AAClC,MAAI,CAAC,SAAS,MAAM,EAAG,OAAM,IAAI,MAAM,mCAAmC;AAC1E,aAAW,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACnD,QAAI,CAAC,OAAO,OAAO,cAAc,KAAK,GAAG;AACvC,YAAM,IAAI;AAAA,QACR,qCAAqC,KAAK,UAAU,KAAK,CAAC;AAAA,MAAA;AAAA,IAE9D;AACA,UAAM,QAAQ,aAAa,KAA+B;AAC1D,QAAI,CAAC,MAAM,MAAM,KAAK,GAAG;AACvB,YAAM,IAAI;AAAA,QACR,yBAAyB,KAAK,YAAY,MAAM,QAAQ;AAAA,MAAA;AAAA,IAE5D;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E;"}

package/dist/data/ai/SessionChatComposer.cjs

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const select = require("../../components/select.cjs");
 const PromptInput = require("../chat/PromptInput.cjs");
+const types = require("../chat/types.cjs");
+const Icon = require("../Icon.cjs");
+const sessionTones = require("./session-tones.cjs");
+const permissionModeVisuals = require("./SpecRuntimeEditor/permission-mode-visuals.cjs");
 function SessionChatComposer({
   status,
   capabilities,
@@ -11,11 +16,30 @@ function SessionChatComposer({
   onInterrupt,
   toolbar,
   inputAccessory,
-  className
+  className,
+  permissionMode,
+  permissionModes,
+  permissionFamily,
+  onPermissionModeChange
 }) {
   const active = status === "running" || status === "interrupting";
   const canSubmitWhileActive = capabilities.steer || capabilities.followUp;
   const disabled = status === "starting" || status === "interrupting" || status === "stopping" || status === "running" && !canSubmitWhileActive;
+  const pickerReadOnly = !onPermissionModeChange || status === "starting" || status === "interrupting" || status === "stopping";
+  const picker = permissionMode && permissionModes && permissionModes.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    PermissionModePicker,
+    {
+      mode: permissionMode,
+      modes: permissionModes,
+      family: permissionFamily,
+      readOnly: pickerReadOnly,
+      ...onPermissionModeChange ? { onChange: onPermissionModeChange } : {}
+    }
+  ) : null;
+  const composedToolbar = picker || toolbar ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    picker,
+    toolbar
+  ] }) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
     queued.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -46,11 +70,57 @@ function SessionChatComposer({
         placeholder: status === "idle" ? "Continue this session…" : "Add a follow-up…",
         onSubmit: (text) => onSubmit(text),
         ...inputAccessory ? { inputAccessory } : {},
-        ...toolbar ? { toolbar } : {},
+        ...composedToolbar ? { toolbar: composedToolbar } : {},
         ...capabilities.interrupt && status === "running" && onInterrupt ? { onStop: onInterrupt } : {}
       }
     )
   ] });
 }
+function PermissionModePicker({
+  mode,
+  modes,
+  family,
+  readOnly,
+  onChange
+}) {
+  const visual = permissionModeVisuals.permissionModeVisual(family, mode);
+  const tone = sessionTones.sessionTone(visual.tone);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.Icon,
+      {
+        icon: visual.icon,
+        title: visual.label,
+        className: `size-3.5 ${tone.text}`
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      select.Select,
+      {
+        "aria-label": "Permission mode",
+        value: mode,
+        disabled: readOnly,
+        onChange: (event) => onChange == null ? void 0 : onChange(event.target.value),
+        className: "h-7 w-auto min-w-24 py-0 text-xs",
+        children: modes.map((candidate) => /* @__PURE__ */ jsxRuntime.jsx(
+          "option",
+          {
+            value: candidate,
+            title: descriptionFor(family, candidate),
+            children: permissionModeVisuals.permissionModeVisual(family, candidate).label
+          },
+          candidate
+        ))
+      }
+    )
+  ] });
+}
+function descriptionFor(family, mode) {
+  var _a;
+  if (family && family !== "claude") return void 0;
+  return (_a = types.CLAUDE_PERMISSION_MODE_OPTIONS.find(
+    (option) => option.value === mode
+  )) == null ? void 0 : _a.description;
+}
 exports.SessionChatComposer = SessionChatComposer;
 //# sourceMappingURL=SessionChatComposer.cjs.map

package/dist/data/ai/SessionChatComposer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionChatComposer.cjs","sources":["../../../src/data/ai/SessionChatComposer.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { PromptInput } from \"../chat/PromptInput\";\n\nexport type SessionChatCapabilities = {\n  interrupt: boolean;\n  steer: boolean;\n  followUp: boolean;\n  resume: boolean;\n};\n\nexport type SessionChatQueuedMessage = {\n  messageId: string;\n  text: string;\n};\n\nexport type SessionChatComposerProps = {\n  status: \"starting\" | \"running\" | \"interrupting\" | \"idle\" | \"stopping\";\n  capabilities: SessionChatCapabilities;\n  queued?: SessionChatQueuedMessage[];\n  error?: string;\n  onSubmit: (text: string) => void;\n  onInterrupt?: () => void;\n  toolbar?: ReactNode;\n  inputAccessory?: ReactNode;\n  className?: string;\n};\n\nexport function SessionChatComposer({\n  status,\n  capabilities,\n  queued = [],\n  error,\n  onSubmit,\n  onInterrupt,\n  toolbar,\n  inputAccessory,\n  className,\n}: SessionChatComposerProps) {\n  const active = status === \"running\" || status === \"interrupting\";\n  const canSubmitWhileActive = capabilities.steer || capabilities.followUp;\n  const disabled =\n    status === \"starting\" ||\n    status === \"interrupting\" ||\n    status === \"stopping\" ||\n    (status === \"running\" && !canSubmitWhileActive);\n\n  return (\n    <div className={className}>\n      {queued.length > 0 && (\n        <div\n          className=\"mb-density-2 flex flex-wrap gap-density-1\"\n          aria-label=\"Queued messages\"\n        >\n          {queued.map((message) => (\n            <span\n              key={message.messageId}\n              className=\"max-w-full truncate rounded-full border border-border bg-muted px-density-2 py-1 text-xs text-muted-foreground\"\n            >\n              Queued: {message.text}\n            </span>\n          ))}\n        </div>\n      )}\n      {error && (\n        <div className=\"mb-density-2 text-xs text-destructive\">{error}</div>\n      )}\n      <PromptInput\n        status={active ? \"streaming\" : \"ready\"}\n        disabled={disabled}\n        allowSubmitWhileStreaming={canSubmitWhileActive}\n        stopLabel=\"Interrupt\"\n        placeholder={\n          status === \"idle\" ? \"Continue this session…\" : \"Add a follow-up…\"\n        }\n        onSubmit={(text) => onSubmit(text)}\n        {...(inputAccessory ? { inputAccessory } : {})}\n        {...(toolbar ? { toolbar } : {})}\n        {...(capabilities.interrupt && status === \"running\" && onInterrupt\n          ? { onStop: onInterrupt }\n          : {})}\n      />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","PromptInput"],"mappings":";;;;AA2BO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,SAAS,CAAA;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAAS,WAAW,aAAa,WAAW;AAClD,QAAM,uBAAuB,aAAa,SAAS,aAAa;AAChE,QAAM,WACJ,WAAW,cACX,WAAW,kBACX,WAAW,cACV,WAAW,aAAa,CAAC;AAE5B,SACEA,gCAAC,SAAI,WACF,UAAA;AAAA,IAAA,OAAO,SAAS,KACfC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAW;AAAA,QAEV,UAAA,OAAO,IAAI,CAAC,YACXD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACX,UAAA;AAAA,cAAA;AAAA,cACU,QAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAHZ,QAAQ;AAAA,QAAA,CAKhB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,SACCC,2BAAAA,IAAC,OAAA,EAAI,WAAU,yCAAyC,UAAA,OAAM;AAAA,IAEhEA,2BAAAA;AAAAA,MAACC,YAAAA;AAAAA,MAAA;AAAA,QACC,QAAQ,SAAS,cAAc;AAAA,QAC/B;AAAA,QACA,2BAA2B;AAAA,QAC3B,WAAU;AAAA,QACV,aACE,WAAW,SAAS,2BAA2B;AAAA,QAEjD,UAAU,CAAC,SAAS,SAAS,IAAI;AAAA,QAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,QAC5B,GAAI,aAAa,aAAa,WAAW,aAAa,cACnD,EAAE,QAAQ,gBACV,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;;"}
+{"version":3,"file":"SessionChatComposer.cjs","sources":["../../../src/data/ai/SessionChatComposer.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Select } from \"../../components\";\nimport { PromptInput } from \"../chat/PromptInput\";\nimport { CLAUDE_PERMISSION_MODE_OPTIONS } from \"../chat/types\";\nimport { Icon } from \"../Icon\";\nimport { sessionTone } from \"./session-tones\";\nimport { permissionModeVisual } from \"./SpecRuntimeEditor/permission-mode-visuals\";\nimport type { SpecPermissionMode } from \"./SpecRuntimeEditor.model\";\n\nexport type SessionChatCapabilities = {\n  interrupt: boolean;\n  steer: boolean;\n  followUp: boolean;\n  resume: boolean;\n  /** True when the live run's runtime can switch permission posture mid-session. */\n  setPermissionMode?: boolean;\n};\n\nexport type SessionChatQueuedMessage = {\n  messageId: string;\n  text: string;\n};\n\nexport type SessionChatComposerProps = {\n  status: \"starting\" | \"running\" | \"interrupting\" | \"idle\" | \"stopping\";\n  capabilities: SessionChatCapabilities;\n  queued?: SessionChatQueuedMessage[];\n  error?: string;\n  onSubmit: (text: string) => void;\n  onInterrupt?: () => void;\n  toolbar?: ReactNode;\n  inputAccessory?: ReactNode;\n  className?: string;\n  /** Current permission posture, when the host tracks one for this session. */\n  permissionMode?: SpecPermissionMode;\n  /** Modes the run's runtime honours, canonical order. */\n  permissionModes?: SpecPermissionMode[];\n  /** Agent family (\"claude\", \"codex\", \"gemini\") whose vocabulary labels the modes. */\n  permissionFamily?: string;\n  /** Omit to render the picker read-only. */\n  onPermissionModeChange?: (mode: SpecPermissionMode) => void;\n};\n\nexport function SessionChatComposer({\n  status,\n  capabilities,\n  queued = [],\n  error,\n  onSubmit,\n  onInterrupt,\n  toolbar,\n  inputAccessory,\n  className,\n  permissionMode,\n  permissionModes,\n  permissionFamily,\n  onPermissionModeChange,\n}: SessionChatComposerProps) {\n  const active = status === \"running\" || status === \"interrupting\";\n  const canSubmitWhileActive = capabilities.steer || capabilities.followUp;\n  const disabled =\n    status === \"starting\" ||\n    status === \"interrupting\" ||\n    status === \"stopping\" ||\n    (status === \"running\" && !canSubmitWhileActive);\n  const pickerReadOnly =\n    !onPermissionModeChange ||\n    status === \"starting\" ||\n    status === \"interrupting\" ||\n    status === \"stopping\";\n  const picker =\n    permissionMode && permissionModes && permissionModes.length > 0 ? (\n      <PermissionModePicker\n        mode={permissionMode}\n        modes={permissionModes}\n        family={permissionFamily}\n        readOnly={pickerReadOnly}\n        {...(onPermissionModeChange ? { onChange: onPermissionModeChange } : {})}\n      />\n    ) : null;\n  const composedToolbar =\n    picker || toolbar ? (\n      <>\n        {picker}\n        {toolbar}\n      </>\n    ) : undefined;\n\n  return (\n    <div className={className}>\n      {queued.length > 0 && (\n        <div\n          className=\"mb-density-2 flex flex-wrap gap-density-1\"\n          aria-label=\"Queued messages\"\n        >\n          {queued.map((message) => (\n            <span\n              key={message.messageId}\n              className=\"max-w-full truncate rounded-full border border-border bg-muted px-density-2 py-1 text-xs text-muted-foreground\"\n            >\n              Queued: {message.text}\n            </span>\n          ))}\n        </div>\n      )}\n      {error && (\n        <div className=\"mb-density-2 text-xs text-destructive\">{error}</div>\n      )}\n      <PromptInput\n        status={active ? \"streaming\" : \"ready\"}\n        disabled={disabled}\n        allowSubmitWhileStreaming={canSubmitWhileActive}\n        stopLabel=\"Interrupt\"\n        placeholder={\n          status === \"idle\" ? \"Continue this session…\" : \"Add a follow-up…\"\n        }\n        onSubmit={(text) => onSubmit(text)}\n        {...(inputAccessory ? { inputAccessory } : {})}\n        {...(composedToolbar ? { toolbar: composedToolbar } : {})}\n        {...(capabilities.interrupt && status === \"running\" && onInterrupt\n          ? { onStop: onInterrupt }\n          : {})}\n      />\n    </div>\n  );\n}\n\nfunction PermissionModePicker({\n  mode,\n  modes,\n  family,\n  readOnly,\n  onChange,\n}: {\n  mode: SpecPermissionMode;\n  modes: SpecPermissionMode[];\n  family: string | undefined;\n  readOnly: boolean;\n  onChange?: (mode: SpecPermissionMode) => void;\n}) {\n  const visual = permissionModeVisual(family, mode);\n  const tone = sessionTone(visual.tone);\n  return (\n    <div className=\"inline-flex items-center gap-1.5\">\n      <Icon\n        icon={visual.icon}\n        title={visual.label}\n        className={`size-3.5 ${tone.text}`}\n      />\n      <Select\n        aria-label=\"Permission mode\"\n        value={mode}\n        disabled={readOnly}\n        onChange={(event) =>\n          onChange?.(event.target.value as SpecPermissionMode)\n        }\n        className=\"h-7 w-auto min-w-24 py-0 text-xs\"\n      >\n        {modes.map((candidate) => (\n          <option\n            key={candidate}\n            value={candidate}\n            title={descriptionFor(family, candidate)}\n          >\n            {permissionModeVisual(family, candidate).label}\n          </option>\n        ))}\n      </Select>\n    </div>\n  );\n}\n\n// The option descriptions document Claude's postures, so other families get none.\nfunction descriptionFor(\n  family: string | undefined,\n  mode: SpecPermissionMode,\n): string | undefined {\n  if (family && family !== \"claude\") return undefined;\n  return CLAUDE_PERMISSION_MODE_OPTIONS.find(\n    (option) => option.value === mode,\n  )?.description;\n}\n"],"names":["jsx","jsxs","Fragment","PromptInput","permissionModeVisual","sessionTone","Icon","Select","CLAUDE_PERMISSION_MODE_OPTIONS"],"mappings":"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"}

package/dist/data/ai/SessionChatComposer.d.ts

@@ -1,9 +1,12 @@
 import { ReactNode } from 'react';
+import { SpecPermissionMode } from './SpecRuntimeEditor.model';
 export type SessionChatCapabilities = {
     interrupt: boolean;
     steer: boolean;
     followUp: boolean;
     resume: boolean;
+    /** True when the live run's runtime can switch permission posture mid-session. */
+    setPermissionMode?: boolean;
 };
 export type SessionChatQueuedMessage = {
     messageId: string;
@@ -19,6 +22,14 @@ export type SessionChatComposerProps = {
     toolbar?: ReactNode;
     inputAccessory?: ReactNode;
     className?: string;
+    /** Current permission posture, when the host tracks one for this session. */
+    permissionMode?: SpecPermissionMode;
+    /** Modes the run's runtime honours, canonical order. */
+    permissionModes?: SpecPermissionMode[];
+    /** Agent family ("claude", "codex", "gemini") whose vocabulary labels the modes. */
+    permissionFamily?: string;
+    /** Omit to render the picker read-only. */
+    onPermissionModeChange?: (mode: SpecPermissionMode) => void;
 };
-export declare function SessionChatComposer({ status, capabilities, queued, error, onSubmit, onInterrupt, toolbar, inputAccessory, className, }: SessionChatComposerProps): import("react").JSX.Element;
+export declare function SessionChatComposer({ status, capabilities, queued, error, onSubmit, onInterrupt, toolbar, inputAccessory, className, permissionMode, permissionModes, permissionFamily, onPermissionModeChange, }: SessionChatComposerProps): import("react").JSX.Element;
 //# sourceMappingURL=SessionChatComposer.d.ts.map

package/dist/data/ai/SessionChatComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionChatComposer.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionChatComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC;IACtE,YAAY,EAAE,uBAAuB,CAAC;IACtC,MAAM,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,YAAY,EACZ,MAAW,EACX,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,cAAc,EACd,SAAS,GACV,EAAE,wBAAwB,+BA8C1B"}
+{"version":3,"file":"SessionChatComposer.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionChatComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC;IACtE,YAAY,EAAE,uBAAuB,CAAC;IACtC,MAAM,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,wDAAwD;IACxD,eAAe,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACvC,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,YAAY,EACZ,MAAW,EACX,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,cAAc,EACd,SAAS,EACT,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,sBAAsB,GACvB,EAAE,wBAAwB,+BAoE1B"}

package/dist/data/ai/SessionChatComposer.js

@@ -1,5 +1,10 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Select } from "../../components/select.js";
 import { PromptInput } from "../chat/PromptInput.js";
+import { CLAUDE_PERMISSION_MODE_OPTIONS } from "../chat/types.js";
+import { Icon } from "../Icon.js";
+import { sessionTone } from "./session-tones.js";
+import { permissionModeVisual } from "./SpecRuntimeEditor/permission-mode-visuals.js";
 function SessionChatComposer({
   status,
   capabilities,
@@ -9,11 +14,30 @@ function SessionChatComposer({
   onInterrupt,
   toolbar,
   inputAccessory,
-  className
+  className,
+  permissionMode,
+  permissionModes,
+  permissionFamily,
+  onPermissionModeChange
 }) {
   const active = status === "running" || status === "interrupting";
   const canSubmitWhileActive = capabilities.steer || capabilities.followUp;
   const disabled = status === "starting" || status === "interrupting" || status === "stopping" || status === "running" && !canSubmitWhileActive;
+  const pickerReadOnly = !onPermissionModeChange || status === "starting" || status === "interrupting" || status === "stopping";
+  const picker = permissionMode && permissionModes && permissionModes.length > 0 ? /* @__PURE__ */ jsx(
+    PermissionModePicker,
+    {
+      mode: permissionMode,
+      modes: permissionModes,
+      family: permissionFamily,
+      readOnly: pickerReadOnly,
+      ...onPermissionModeChange ? { onChange: onPermissionModeChange } : {}
+    }
+  ) : null;
+  const composedToolbar = picker || toolbar ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    picker,
+    toolbar
+  ] }) : void 0;
   return /* @__PURE__ */ jsxs("div", { className, children: [
     queued.length > 0 && /* @__PURE__ */ jsx(
       "div",
@@ -44,12 +68,58 @@ function SessionChatComposer({
         placeholder: status === "idle" ? "Continue this session…" : "Add a follow-up…",
         onSubmit: (text) => onSubmit(text),
         ...inputAccessory ? { inputAccessory } : {},
-        ...toolbar ? { toolbar } : {},
+        ...composedToolbar ? { toolbar: composedToolbar } : {},
         ...capabilities.interrupt && status === "running" && onInterrupt ? { onStop: onInterrupt } : {}
       }
     )
   ] });
 }
+function PermissionModePicker({
+  mode,
+  modes,
+  family,
+  readOnly,
+  onChange
+}) {
+  const visual = permissionModeVisual(family, mode);
+  const tone = sessionTone(visual.tone);
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon: visual.icon,
+        title: visual.label,
+        className: `size-3.5 ${tone.text}`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        "aria-label": "Permission mode",
+        value: mode,
+        disabled: readOnly,
+        onChange: (event) => onChange == null ? void 0 : onChange(event.target.value),
+        className: "h-7 w-auto min-w-24 py-0 text-xs",
+        children: modes.map((candidate) => /* @__PURE__ */ jsx(
+          "option",
+          {
+            value: candidate,
+            title: descriptionFor(family, candidate),
+            children: permissionModeVisual(family, candidate).label
+          },
+          candidate
+        ))
+      }
+    )
+  ] });
+}
+function descriptionFor(family, mode) {
+  var _a;
+  if (family && family !== "claude") return void 0;
+  return (_a = CLAUDE_PERMISSION_MODE_OPTIONS.find(
+    (option) => option.value === mode
+  )) == null ? void 0 : _a.description;
+}
 export {
   SessionChatComposer
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SessionChatComposer.js","sources":["../../../src/data/ai/SessionChatComposer.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { PromptInput } from \"../chat/PromptInput\";\n\nexport type SessionChatCapabilities = {\n  interrupt: boolean;\n  steer: boolean;\n  followUp: boolean;\n  resume: boolean;\n};\n\nexport type SessionChatQueuedMessage = {\n  messageId: string;\n  text: string;\n};\n\nexport type SessionChatComposerProps = {\n  status: \"starting\" | \"running\" | \"interrupting\" | \"idle\" | \"stopping\";\n  capabilities: SessionChatCapabilities;\n  queued?: SessionChatQueuedMessage[];\n  error?: string;\n  onSubmit: (text: string) => void;\n  onInterrupt?: () => void;\n  toolbar?: ReactNode;\n  inputAccessory?: ReactNode;\n  className?: string;\n};\n\nexport function SessionChatComposer({\n  status,\n  capabilities,\n  queued = [],\n  error,\n  onSubmit,\n  onInterrupt,\n  toolbar,\n  inputAccessory,\n  className,\n}: SessionChatComposerProps) {\n  const active = status === \"running\" || status === \"interrupting\";\n  const canSubmitWhileActive = capabilities.steer || capabilities.followUp;\n  const disabled =\n    status === \"starting\" ||\n    status === \"interrupting\" ||\n    status === \"stopping\" ||\n    (status === \"running\" && !canSubmitWhileActive);\n\n  return (\n    <div className={className}>\n      {queued.length > 0 && (\n        <div\n          className=\"mb-density-2 flex flex-wrap gap-density-1\"\n          aria-label=\"Queued messages\"\n        >\n          {queued.map((message) => (\n            <span\n              key={message.messageId}\n              className=\"max-w-full truncate rounded-full border border-border bg-muted px-density-2 py-1 text-xs text-muted-foreground\"\n            >\n              Queued: {message.text}\n            </span>\n          ))}\n        </div>\n      )}\n      {error && (\n        <div className=\"mb-density-2 text-xs text-destructive\">{error}</div>\n      )}\n      <PromptInput\n        status={active ? \"streaming\" : \"ready\"}\n        disabled={disabled}\n        allowSubmitWhileStreaming={canSubmitWhileActive}\n        stopLabel=\"Interrupt\"\n        placeholder={\n          status === \"idle\" ? \"Continue this session…\" : \"Add a follow-up…\"\n        }\n        onSubmit={(text) => onSubmit(text)}\n        {...(inputAccessory ? { inputAccessory } : {})}\n        {...(toolbar ? { toolbar } : {})}\n        {...(capabilities.interrupt && status === \"running\" && onInterrupt\n          ? { onStop: onInterrupt }\n          : {})}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AA2BO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,SAAS,CAAA;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAAS,WAAW,aAAa,WAAW;AAClD,QAAM,uBAAuB,aAAa,SAAS,aAAa;AAChE,QAAM,WACJ,WAAW,cACX,WAAW,kBACX,WAAW,cACV,WAAW,aAAa,CAAC;AAE5B,SACE,qBAAC,SAAI,WACF,UAAA;AAAA,IAAA,OAAO,SAAS,KACf;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAW;AAAA,QAEV,UAAA,OAAO,IAAI,CAAC,YACX;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACX,UAAA;AAAA,cAAA;AAAA,cACU,QAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAHZ,QAAQ;AAAA,QAAA,CAKhB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,SACC,oBAAC,OAAA,EAAI,WAAU,yCAAyC,UAAA,OAAM;AAAA,IAEhE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ,SAAS,cAAc;AAAA,QAC/B;AAAA,QACA,2BAA2B;AAAA,QAC3B,WAAU;AAAA,QACV,aACE,WAAW,SAAS,2BAA2B;AAAA,QAEjD,UAAU,CAAC,SAAS,SAAS,IAAI;AAAA,QAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,QAC5B,GAAI,aAAa,aAAa,WAAW,aAAa,cACnD,EAAE,QAAQ,gBACV,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
+{"version":3,"file":"SessionChatComposer.js","sources":["../../../src/data/ai/SessionChatComposer.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Select } from \"../../components\";\nimport { PromptInput } from \"../chat/PromptInput\";\nimport { CLAUDE_PERMISSION_MODE_OPTIONS } from \"../chat/types\";\nimport { Icon } from \"../Icon\";\nimport { sessionTone } from \"./session-tones\";\nimport { permissionModeVisual } from \"./SpecRuntimeEditor/permission-mode-visuals\";\nimport type { SpecPermissionMode } from \"./SpecRuntimeEditor.model\";\n\nexport type SessionChatCapabilities = {\n  interrupt: boolean;\n  steer: boolean;\n  followUp: boolean;\n  resume: boolean;\n  /** True when the live run's runtime can switch permission posture mid-session. */\n  setPermissionMode?: boolean;\n};\n\nexport type SessionChatQueuedMessage = {\n  messageId: string;\n  text: string;\n};\n\nexport type SessionChatComposerProps = {\n  status: \"starting\" | \"running\" | \"interrupting\" | \"idle\" | \"stopping\";\n  capabilities: SessionChatCapabilities;\n  queued?: SessionChatQueuedMessage[];\n  error?: string;\n  onSubmit: (text: string) => void;\n  onInterrupt?: () => void;\n  toolbar?: ReactNode;\n  inputAccessory?: ReactNode;\n  className?: string;\n  /** Current permission posture, when the host tracks one for this session. */\n  permissionMode?: SpecPermissionMode;\n  /** Modes the run's runtime honours, canonical order. */\n  permissionModes?: SpecPermissionMode[];\n  /** Agent family (\"claude\", \"codex\", \"gemini\") whose vocabulary labels the modes. */\n  permissionFamily?: string;\n  /** Omit to render the picker read-only. */\n  onPermissionModeChange?: (mode: SpecPermissionMode) => void;\n};\n\nexport function SessionChatComposer({\n  status,\n  capabilities,\n  queued = [],\n  error,\n  onSubmit,\n  onInterrupt,\n  toolbar,\n  inputAccessory,\n  className,\n  permissionMode,\n  permissionModes,\n  permissionFamily,\n  onPermissionModeChange,\n}: SessionChatComposerProps) {\n  const active = status === \"running\" || status === \"interrupting\";\n  const canSubmitWhileActive = capabilities.steer || capabilities.followUp;\n  const disabled =\n    status === \"starting\" ||\n    status === \"interrupting\" ||\n    status === \"stopping\" ||\n    (status === \"running\" && !canSubmitWhileActive);\n  const pickerReadOnly =\n    !onPermissionModeChange ||\n    status === \"starting\" ||\n    status === \"interrupting\" ||\n    status === \"stopping\";\n  const picker =\n    permissionMode && permissionModes && permissionModes.length > 0 ? (\n      <PermissionModePicker\n        mode={permissionMode}\n        modes={permissionModes}\n        family={permissionFamily}\n        readOnly={pickerReadOnly}\n        {...(onPermissionModeChange ? { onChange: onPermissionModeChange } : {})}\n      />\n    ) : null;\n  const composedToolbar =\n    picker || toolbar ? (\n      <>\n        {picker}\n        {toolbar}\n      </>\n    ) : undefined;\n\n  return (\n    <div className={className}>\n      {queued.length > 0 && (\n        <div\n          className=\"mb-density-2 flex flex-wrap gap-density-1\"\n          aria-label=\"Queued messages\"\n        >\n          {queued.map((message) => (\n            <span\n              key={message.messageId}\n              className=\"max-w-full truncate rounded-full border border-border bg-muted px-density-2 py-1 text-xs text-muted-foreground\"\n            >\n              Queued: {message.text}\n            </span>\n          ))}\n        </div>\n      )}\n      {error && (\n        <div className=\"mb-density-2 text-xs text-destructive\">{error}</div>\n      )}\n      <PromptInput\n        status={active ? \"streaming\" : \"ready\"}\n        disabled={disabled}\n        allowSubmitWhileStreaming={canSubmitWhileActive}\n        stopLabel=\"Interrupt\"\n        placeholder={\n          status === \"idle\" ? \"Continue this session…\" : \"Add a follow-up…\"\n        }\n        onSubmit={(text) => onSubmit(text)}\n        {...(inputAccessory ? { inputAccessory } : {})}\n        {...(composedToolbar ? { toolbar: composedToolbar } : {})}\n        {...(capabilities.interrupt && status === \"running\" && onInterrupt\n          ? { onStop: onInterrupt }\n          : {})}\n      />\n    </div>\n  );\n}\n\nfunction PermissionModePicker({\n  mode,\n  modes,\n  family,\n  readOnly,\n  onChange,\n}: {\n  mode: SpecPermissionMode;\n  modes: SpecPermissionMode[];\n  family: string | undefined;\n  readOnly: boolean;\n  onChange?: (mode: SpecPermissionMode) => void;\n}) {\n  const visual = permissionModeVisual(family, mode);\n  const tone = sessionTone(visual.tone);\n  return (\n    <div className=\"inline-flex items-center gap-1.5\">\n      <Icon\n        icon={visual.icon}\n        title={visual.label}\n        className={`size-3.5 ${tone.text}`}\n      />\n      <Select\n        aria-label=\"Permission mode\"\n        value={mode}\n        disabled={readOnly}\n        onChange={(event) =>\n          onChange?.(event.target.value as SpecPermissionMode)\n        }\n        className=\"h-7 w-auto min-w-24 py-0 text-xs\"\n      >\n        {modes.map((candidate) => (\n          <option\n            key={candidate}\n            value={candidate}\n            title={descriptionFor(family, candidate)}\n          >\n            {permissionModeVisual(family, candidate).label}\n          </option>\n        ))}\n      </Select>\n    </div>\n  );\n}\n\n// The option descriptions document Claude's postures, so other families get none.\nfunction descriptionFor(\n  family: string | undefined,\n  mode: SpecPermissionMode,\n): string | undefined {\n  if (family && family !== \"claude\") return undefined;\n  return CLAUDE_PERMISSION_MODE_OPTIONS.find(\n    (option) => option.value === mode,\n  )?.description;\n}\n"],"names":[],"mappings":"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"}