@flanksource/clicky-ui 0.3.36 → 0.3.37

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

@@ -1 +1 @@
-{"version":3,"file":"ChatWindowManager.js","sources":["../../../src/data/ai/ChatWindowManager.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from \"react\";\nimport {\n  ChatWindowManagerContext,\n  loadPanels,\n  savePanels,\n  nextPanelId,\n  reindex,\n  MAX_PANELS,\n  DEFAULT_WIDTH,\n  DEFAULT_HEIGHT,\n  CASCADE_OFFSET,\n  Z_BASE,\n  type ChatWindowManagerValue,\n  type ChatWindowState,\n  type OpenPanelOpts,\n} from \"./chat-window-context\";\n\nexport type ChatWindowManagerProviderProps = {\n  /** Namespaces the localStorage layout so distinct surfaces keep separate\n   *  window arrangements. Defaults to \"default\". */\n  storageId?: string;\n  children: ReactNode;\n};\n\n/** Owns the set of open chat windows: creation, focus (z-index), maximize and\n *  debounced localStorage persistence of their layout. Wrap the app subtree in\n *  this and read it via {@link useChatWindowManager}. */\nexport function ChatWindowManagerProvider({\n  storageId = \"default\",\n  children,\n}: ChatWindowManagerProviderProps) {\n  const [panels, setPanels] = useState<ChatWindowState[]>([]);\n  const hydratedRef = useRef(false);\n  const saveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (hydratedRef.current) return;\n    hydratedRef.current = true;\n    const loaded = loadPanels(storageId);\n    if (loaded.length > 0) setPanels(loaded);\n  }, [storageId]);\n\n  const scheduleSave = useCallback(\n    (updated: ChatWindowState[]) => {\n      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n      saveTimerRef.current = setTimeout(() => savePanels(storageId, updated), 1000);\n    },\n    [storageId],\n  );\n\n  useEffect(\n    () => () => {\n      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n    },\n    [],\n  );\n\n  const defaultPosition = useCallback((panelCount: number) => {\n    const vw = typeof window !== \"undefined\" ? window.innerWidth : 1200;\n    const vh = typeof window !== \"undefined\" ? window.innerHeight : 800;\n    return {\n      x: Math.max(40, vw - DEFAULT_WIDTH - 16 - panelCount * CASCADE_OFFSET),\n      y: Math.max(40, vh - DEFAULT_HEIGHT - 16 - panelCount * CASCADE_OFFSET),\n    };\n  }, []);\n\n  const openPanel = useCallback(\n    (opts?: OpenPanelOpts): string => {\n      const id = nextPanelId();\n      setPanels((prev) => {\n        if (prev.length >= MAX_PANELS) return prev;\n        const pos = defaultPosition(prev.length);\n        const panel: ChatWindowState = {\n          id,\n          threadId: opts?.threadId ?? null,\n          initialModel: opts?.initialModel ?? null,\n          x: pos.x,\n          y: pos.y,\n          width: DEFAULT_WIDTH,\n          height: DEFAULT_HEIGHT,\n          zIndex: Z_BASE,\n          maximized: false,\n          initialPrompt: opts?.initialPrompt ?? null,\n          proposedPrompts: opts?.proposedPrompts ?? [],\n          contextItems: opts?.contextItems ?? [],\n          toolPolicy: opts?.toolPolicy ?? [],\n        };\n        const updated = reindex([...prev, panel], id);\n        scheduleSave(updated);\n        return updated;\n      });\n      return id;\n    },\n    [defaultPosition, scheduleSave],\n  );\n\n  const closePanel = useCallback(\n    (id: string) => {\n      setPanels((prev) => {\n        const updated = prev.filter((p) => p.id !== id);\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const updatePanel = useCallback(\n    (id: string, partial: Partial<ChatWindowState>) => {\n      setPanels((prev) => {\n        const updated = prev.map((p) => (p.id === id ? { ...p, ...partial } : p));\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const bringToFront = useCallback((id: string) => {\n    setPanels((prev) => reindex(prev, id));\n  }, []);\n\n  const maximizePanel = useCallback(\n    (id: string) => {\n      setPanels((prev) => {\n        const target = prev.find((p) => p.id === id);\n        if (!target) return prev;\n        const willMaximize = !target.maximized;\n        const toggled = prev.map((p) => {\n          if (p.id === id) return { ...p, maximized: willMaximize };\n          if (willMaximize && p.maximized) return { ...p, maximized: false };\n          return p;\n        });\n        const updated = reindex(toggled, id);\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const findOrCreatePanel = useCallback(\n    (opts?: OpenPanelOpts): string => {\n      const existing = panels[panels.length - 1];\n      if (!existing) return openPanel(opts);\n      const partial: Partial<ChatWindowState> = {};\n      if (opts?.initialPrompt) partial.initialPrompt = opts.initialPrompt;\n      // Reusing a window re-targets it at the surface that just asked, so its\n      // tool defaults and proposed prompts replace the previous surface's\n      // rather than merging.\n      if (opts?.toolPolicy) partial.toolPolicy = opts.toolPolicy;\n      if (opts?.proposedPrompts) partial.proposedPrompts = opts.proposedPrompts;\n      if (opts?.contextItems?.length) {\n        partial.contextItems = [\n          ...existing.contextItems,\n          ...opts.contextItems.filter((c) => !existing.contextItems.some((e) => e.id === c.id)),\n        ];\n      }\n      updatePanel(existing.id, partial);\n      bringToFront(existing.id);\n      return existing.id;\n    },\n    [panels, openPanel, updatePanel, bringToFront],\n  );\n\n  const value: ChatWindowManagerValue = {\n    panels,\n    openPanel,\n    closePanel,\n    updatePanel,\n    bringToFront,\n    maximizePanel,\n    findOrCreatePanel,\n  };\n\n  return (\n    <ChatWindowManagerContext.Provider value={value}>{children}</ChatWindowManagerContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatWindowManager.js","sources":["../../../src/data/ai/ChatWindowManager.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from \"react\";\nimport {\n  ChatWindowManagerContext,\n  loadPanels,\n  savePanels,\n  nextPanelId,\n  reindex,\n  MAX_PANELS,\n  DEFAULT_WIDTH,\n  DEFAULT_HEIGHT,\n  fitPanelToViewport,\n  CASCADE_OFFSET,\n  Z_BASE,\n  type ChatWindowManagerValue,\n  type ChatWindowState,\n  type OpenPanelOpts,\n} from \"./chat-window-context\";\n\nexport type ChatWindowManagerProviderProps = {\n  /** Namespaces the localStorage layout so distinct surfaces keep separate\n   *  window arrangements. Defaults to \"default\". */\n  storageId?: string;\n  children: ReactNode;\n};\n\n/** Owns the set of open chat windows: creation, focus (z-index), maximize and\n *  debounced localStorage persistence of their layout. Wrap the app subtree in\n *  this and read it via {@link useChatWindowManager}. */\nexport function ChatWindowManagerProvider({\n  storageId = \"default\",\n  children,\n}: ChatWindowManagerProviderProps) {\n  const [panels, setPanels] = useState<ChatWindowState[]>([]);\n  const hydratedRef = useRef(false);\n  const saveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (hydratedRef.current) return;\n    hydratedRef.current = true;\n    const loaded = loadPanels(storageId);\n    if (loaded.length > 0) setPanels(loaded);\n  }, [storageId]);\n\n  const scheduleSave = useCallback(\n    (updated: ChatWindowState[]) => {\n      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n      saveTimerRef.current = setTimeout(() => savePanels(storageId, updated), 1000);\n    },\n    [storageId],\n  );\n\n  useEffect(\n    () => () => {\n      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n    },\n    [],\n  );\n\n  const defaultPosition = useCallback((panelCount: number) => {\n    const vw = typeof window !== \"undefined\" ? window.innerWidth : 1200;\n    const vh = typeof window !== \"undefined\" ? window.innerHeight : 800;\n    return {\n      x: Math.max(40, vw - DEFAULT_WIDTH - 16 - panelCount * CASCADE_OFFSET),\n      y: Math.max(40, vh - DEFAULT_HEIGHT - 16 - panelCount * CASCADE_OFFSET),\n    };\n  }, []);\n\n  const openPanel = useCallback(\n    (opts?: OpenPanelOpts): string => {\n      const id = nextPanelId();\n      setPanels((prev) => {\n        if (prev.length >= MAX_PANELS) return prev;\n        const pos = defaultPosition(prev.length);\n        const panel: ChatWindowState = fitPanelToViewport({\n          id,\n          threadId: opts?.threadId ?? null,\n          initialModel: opts?.initialModel ?? null,\n          x: pos.x,\n          y: pos.y,\n          width: DEFAULT_WIDTH,\n          height: DEFAULT_HEIGHT,\n          zIndex: Z_BASE,\n          maximized: false,\n          initialPrompt: opts?.initialPrompt ?? null,\n          proposedPrompts: opts?.proposedPrompts ?? [],\n          contextItems: opts?.contextItems ?? [],\n          toolPolicy: opts?.toolPolicy ?? [],\n        });\n        const updated = reindex([...prev, panel], id);\n        scheduleSave(updated);\n        return updated;\n      });\n      return id;\n    },\n    [defaultPosition, scheduleSave],\n  );\n\n  const closePanel = useCallback(\n    (id: string) => {\n      setPanels((prev) => {\n        const updated = prev.filter((p) => p.id !== id);\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const updatePanel = useCallback(\n    (id: string, partial: Partial<ChatWindowState>) => {\n      setPanels((prev) => {\n        const updated = prev.map((p) => (p.id === id ? { ...p, ...partial } : p));\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const bringToFront = useCallback((id: string) => {\n    setPanels((prev) => reindex(prev, id));\n  }, []);\n\n  const maximizePanel = useCallback(\n    (id: string) => {\n      setPanels((prev) => {\n        const target = prev.find((p) => p.id === id);\n        if (!target) return prev;\n        const willMaximize = !target.maximized;\n        const toggled = prev.map((p) => {\n          if (p.id === id) return { ...p, maximized: willMaximize };\n          if (willMaximize && p.maximized) return { ...p, maximized: false };\n          return p;\n        });\n        const updated = reindex(toggled, id);\n        scheduleSave(updated);\n        return updated;\n      });\n    },\n    [scheduleSave],\n  );\n\n  const findOrCreatePanel = useCallback(\n    (opts?: OpenPanelOpts): string => {\n      const existing = panels[panels.length - 1];\n      if (!existing) return openPanel(opts);\n      const partial: Partial<ChatWindowState> = {};\n      if (opts?.initialPrompt) partial.initialPrompt = opts.initialPrompt;\n      // Reusing a window re-targets it at the surface that just asked, so its\n      // tool defaults and proposed prompts replace the previous surface's\n      // rather than merging.\n      if (opts?.toolPolicy) partial.toolPolicy = opts.toolPolicy;\n      if (opts?.proposedPrompts) partial.proposedPrompts = opts.proposedPrompts;\n      if (opts?.contextItems?.length) {\n        partial.contextItems = [\n          ...existing.contextItems,\n          ...opts.contextItems.filter((c) => !existing.contextItems.some((e) => e.id === c.id)),\n        ];\n      }\n      updatePanel(existing.id, partial);\n      bringToFront(existing.id);\n      return existing.id;\n    },\n    [panels, openPanel, updatePanel, bringToFront],\n  );\n\n  const value: ChatWindowManagerValue = {\n    panels,\n    openPanel,\n    closePanel,\n    updatePanel,\n    bringToFront,\n    maximizePanel,\n    findOrCreatePanel,\n  };\n\n  return (\n    <ChatWindowManagerContext.Provider value={value}>{children}</ChatWindowManagerContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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