@qredence/fleet 0.5.1 → 0.5.7

package/dist/web/server/fleet-reasoning-panel-C_e7wzVm-SDHEWDQT.js

@@ -0,0 +1,199 @@
+import {
+  take
+} from "./chunk-V3S6BVXO.js";
+import {
+  ShimmerLabel,
+  SwapLabel,
+  collapsePanel
+} from "./chunk-ANL4B775.js";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-HSJMLO36.js";
+import {
+  ChevronDown
+} from "./chunk-QLY3L4A2.js";
+import "./chunk-S3PQ6HKH.js";
+import "./chunk-7SR6WDM2.js";
+import "./chunk-C5X6G26O.js";
+import "./chunk-E26EAQIM.js";
+import {
+  cn
+} from "./chunk-DJMHPJBP.js";
+import "./chunk-JDCCC7A7.js";
+import "./chunk-MLKGABMK.js";
+
+// web/app/dist/server/assets/fleet-reasoning-panel-C_e7wzVm.js
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+var CELL_SHAPES = {
+  dots: "rounded-full",
+  squares: "rounded-[1px]",
+  rounded: "rounded-[3px]"
+};
+function GenerationLoader({ label, tick, variant = "dots", className, ...props }) {
+  const pixelOffset = Math.floor(tick / 3);
+  return /* @__PURE__ */ jsxs("div", {
+    "data-slot": "generation-loader",
+    className: cn("flex flex-col items-center gap-4", className),
+    ...props,
+    children: [/* @__PURE__ */ jsx("div", {
+      "aria-hidden": true,
+      className: "grid grid-cols-3 gap-1",
+      children: Array.from({ length: 9 }, (_, index) => {
+        const active = (index * 2 + pixelOffset) % 9 < 3;
+        return /* @__PURE__ */ jsx("span", { className: cn("bg-foreground size-2 transition-opacity duration-300 motion-reduce:transition-none", CELL_SHAPES[variant], active ? "opacity-90" : "opacity-15") }, index);
+      })
+    }), /* @__PURE__ */ jsx(ShimmerLabel, {
+      className: "text-foreground/55 relative inline-block text-sm",
+      children: label
+    })]
+  });
+}
+function ThinkingIndicator({ label, elapsed, className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-slot": "thinking-indicator",
+    className: cn("text-foreground/55 flex items-center gap-2.5 text-sm", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        "aria-hidden": true,
+        className: "size-1.5 shrink-0 animate-pulse rounded-full bg-blue-500 motion-reduce:animate-none dark:bg-blue-400"
+      }),
+      /* @__PURE__ */ jsx(ShimmerLabel, {
+        className: "fade-in slide-in-from-bottom-1 animate-in relative inline-block leading-none duration-300",
+        children: label
+      }, label),
+      elapsed !== void 0 && /* @__PURE__ */ jsx("span", {
+        className: cn("font-mono text-[11px] tracking-tight", "text-foreground/30 tabular-nums"),
+        children: elapsed
+      })
+    ]
+  });
+}
+function ReasoningPanel({ steps, visibleSteps, streaming, streamingLabel = "Thinking", open, onOpenChange, restingLabel, elapsed, className }) {
+  const shown = take(steps, visibleSteps);
+  return /* @__PURE__ */ jsxs(Collapsible, {
+    "data-slot": "reasoning-panel",
+    open,
+    onOpenChange,
+    className: cn("w-full max-w-sm", className),
+    children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+      className: "group/trigger text-foreground/55 hover:text-foreground/90 flex items-center gap-1.5 py-1 text-[13.5px] transition-[color,scale] outline-none active:scale-[0.98]",
+      children: [/* @__PURE__ */ jsxs(SwapLabel, {
+        active: streaming ? 0 : 1,
+        className: "text-start",
+        children: [/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ShimmerLabel, {
+          active: streaming,
+          className: "relative inline-block leading-none",
+          children: streamingLabel
+        }), elapsed !== void 0 && /* @__PURE__ */ jsx("span", {
+          className: cn("font-mono text-[11px] tracking-tight", "text-foreground/30 tabular-nums"),
+          children: elapsed
+        })] }), /* @__PURE__ */ jsx(Fragment$1, { children: restingLabel })]
+      }), /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 shrink-0 opacity-60 transition-transform duration-200 ease-[cubic-bezier(0.32,0.72,0,1)] group-data-open/trigger:rotate-180 group-data-panel-open/trigger:rotate-180 motion-reduce:transition-none" })]
+    }), /* @__PURE__ */ jsx(CollapsibleContent, {
+      className: cn(collapsePanel, "outline-none"),
+      children: /* @__PURE__ */ jsx("ol", {
+        className: "flex flex-col gap-4 pt-3 pb-1",
+        children: shown.map((step, i) => {
+          const active = streaming && i === shown.length - 1;
+          return /* @__PURE__ */ jsxs("li", {
+            className: "fade-in slide-in-from-bottom-1 animate-in fill-mode-both flex gap-3 duration-300",
+            children: [/* @__PURE__ */ jsx("span", {
+              "aria-hidden": true,
+              className: cn("mt-[7px] size-[5px] shrink-0 rounded-full transition-colors duration-300", active ? "animate-pulse bg-blue-500 dark:bg-blue-400" : "bg-foreground/20")
+            }), /* @__PURE__ */ jsxs("span", {
+              className: "flex min-w-0 flex-1 flex-col",
+              children: [/* @__PURE__ */ jsx("p", {
+                className: "text-foreground/90 text-[13.5px] font-medium",
+                children: step.title
+              }), /* @__PURE__ */ jsx("p", {
+                className: "text-foreground/50 mt-0.5 text-[13px] leading-relaxed break-words",
+                children: step.body
+              })]
+            })]
+          }, step.id ?? `${step.title}-${i}`);
+        })
+      })
+    })]
+  });
+}
+function FleetReasoningPanel({ presentation, className, streamingOverride }) {
+  const [userOpen, setUserOpen] = useState(void 0);
+  const streaming = streamingOverride ?? presentation.streaming;
+  const open = userOpen ?? streaming;
+  const steps = useMemo(() => presentation.steps.map((step) => ({
+    id: step.id,
+    title: step.title,
+    body: step.body
+  })), [presentation.steps]);
+  if (!streaming && steps.length === 0) return null;
+  const visibleSteps = Math.min(Math.max(0, presentation.visibleSteps), steps.length);
+  const activeStep = steps.at(visibleSteps - 1);
+  const activeLabel = activeStep?.title ?? phaseLabel(presentation.phase);
+  const elapsed = formatElapsed(presentation.elapsedMs);
+  return /* @__PURE__ */ jsxs("section", {
+    "data-slot": "fleet-reasoning-presentation",
+    "aria-label": "Safe reasoning progress",
+    className: cn("w-full max-w-xl rounded-xl border border-border/60 bg-muted/30 px-3 py-2.5 shadow-sm shadow-black/[0.02] dark:shadow-black/15", className),
+    children: [streaming ? /* @__PURE__ */ jsx("div", {
+      className: "mb-1.5 flex flex-col gap-1.5 border-b border-border/45 pb-2.5",
+      children: activeStep?.body ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ThinkingIndicator, {
+        label: activeLabel,
+        elapsed,
+        className: "text-[13px]"
+      }), /* @__PURE__ */ jsx("p", {
+        className: "pl-4 text-xs font-normal text-muted-foreground",
+        children: activeStep.body
+      })] }) : /* @__PURE__ */ jsx(GenerationLoader, {
+        label: activeLabel,
+        tick: Math.floor((presentation.elapsedMs ?? 0) / 250),
+        variant: "dots",
+        className: "items-start gap-2 px-1 py-1 text-left"
+      })
+    }) : null, /* @__PURE__ */ jsx(ReasoningPanel, {
+      steps,
+      visibleSteps,
+      streaming,
+      streamingLabel: "Preparing response",
+      open,
+      onOpenChange: setUserOpen,
+      restingLabel: presentation.restingLabel,
+      elapsed,
+      className: "max-w-none"
+    })]
+  });
+}
+function phaseLabel(phase) {
+  switch (phase) {
+    case "waiting":
+      return "Preparing run";
+    case "context":
+      return "Reviewing workspace context";
+    case "planning":
+      return "Organising the response";
+    case "executing":
+      return "Completing requested work";
+    case "responding":
+      return "Writing the response";
+    case "recovering":
+      return "Recovering the run";
+    case "error":
+      return "Run needs attention";
+    case "complete":
+      return "Completed";
+    default:
+      return "Working";
+  }
+}
+function formatElapsed(elapsedMs) {
+  if (elapsedMs === void 0) return void 0;
+  const seconds = Math.max(0, Math.round(elapsedMs / 1e3));
+  if (seconds < 60) return String(seconds) + "s";
+  return String(Math.floor(seconds / 60)) + "m " + String(seconds % 60) + "s";
+}
+export {
+  FleetReasoningPanel
+};

package/dist/web/server/fleet-subagent-list-CQltKswG-EKCMQHDI.js

@@ -0,0 +1,18 @@
+import {
+  FleetSubagentList,
+  fleet_subagent_list_exports
+} from "./chunk-YLMXYMLG.js";
+import "./chunk-YNGDUWCF.js";
+import "./chunk-SG4W4SPQ.js";
+import "./chunk-PKCTG7EW.js";
+import "./chunk-QLY3L4A2.js";
+import "./chunk-GABXCOY3.js";
+import "./chunk-E26EAQIM.js";
+import "./chunk-DJMHPJBP.js";
+import "./chunk-JDCCC7A7.js";
+import "./chunk-L547YHC4.js";
+import "./chunk-MLKGABMK.js";
+export {
+  fleet_subagent_list_exports as n,
+  FleetSubagentList as t
+};

package/dist/web/server/fleet-tool-timeline-KENErMKg-HTN7SW3D.js

@@ -0,0 +1,16 @@
+import {
+  FleetToolTimeline,
+  fleet_tool_timeline_exports
+} from "./chunk-QTFCJGOY.js";
+import "./chunk-4PQ6OD6J.js";
+import "./chunk-744IIIDL.js";
+import "./chunk-QLY3L4A2.js";
+import "./chunk-E26EAQIM.js";
+import "./chunk-DJMHPJBP.js";
+import "./chunk-JDCCC7A7.js";
+import "./chunk-L547YHC4.js";
+import "./chunk-MLKGABMK.js";
+export {
+  fleet_tool_timeline_exports as n,
+  FleetToolTimeline as t
+};

package/dist/web/server/{fork-picker-dialog-BZzfxdQd-Y725VJ7G.js → fork-picker-dialog-DK9YGQuB-4QEFWRU4.js}

@@ -4,17 +4,18 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle
-} from "./chunk-FE4KN6T2.js";
-import "./chunk-RPROZ2JC.js";
-import "./chunk-XYYNYFFD.js";
-import "./chunk-X2TUFLTP.js";
+} from "./chunk-JOSTE7WK.js";
+import "./chunk-F6MGAW3L.js";
+import "./chunk-7SR6WDM2.js";
+import "./chunk-YHXAXJ6I.js";
+import "./chunk-C5X6G26O.js";
 import "./chunk-E26EAQIM.js";
 import "./chunk-DJMHPJBP.js";
 import "./chunk-JDCCC7A7.js";
 import "./chunk-L547YHC4.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/fork-picker-dialog-BZzfxdQd.js
+// web/app/dist/server/assets/fork-picker-dialog-DK9YGQuB.js
 import { jsx, jsxs } from "react/jsx-runtime";
 function ForkPickerDialog({ entries, onOpenChange, onPick }) {
   const open = entries !== null && entries.length > 0;

package/dist/web/server/{markdown-Boni3lHk-AZGKDNAR.js → markdown-QcSUaLyd-6DJUK5NC.js}

@@ -5,7 +5,7 @@ import {
   markdownComponents,
   markdown_exports,
   normalizeCodeFenceLanguages
-} from "./chunk-MDYA4NXK.js";
+} from "./chunk-NJRYX4A2.js";
 import "./chunk-BYXBJQAS.js";
 import "./chunk-DJMHPJBP.js";
 import "./chunk-N5DKNPIC.js";

package/dist/web/server/{markdown-code-BrWukbg3-D2GN4Y77.js → markdown-code-Dyo1_13a-52ZQZSPE.js}

@@ -10,7 +10,7 @@ import {
   fixNumberedListBreaks,
   markdownComponents,
   normalizeCodeFenceLanguages
-} from "./chunk-MDYA4NXK.js";
+} from "./chunk-NJRYX4A2.js";
 import "./chunk-BYXBJQAS.js";
 import "./chunk-DJMHPJBP.js";
 import {
@@ -21,7 +21,7 @@ import "./chunk-JDCCC7A7.js";
 import "./chunk-L547YHC4.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/markdown-code-BrWukbg3.js
+// web/app/dist/server/assets/markdown-code-Dyo1_13a.js
 import { jsx } from "react/jsx-runtime";
 var S = createJavaScriptRegexEngine({ forgiving: true });
 var C = Object.fromEntries(bundledLanguagesInfo.flatMap((e) => {

package/dist/web/server/model-selector-list-CEfWjRc--GBW2GUO6.js

@@ -0,0 +1,289 @@
+import {
+  Gauge
+} from "./chunk-3D4Z32XA.js";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "./chunk-PJNYH5SR.js";
+import "./chunk-DEUBJJZN.js";
+import "./chunk-2H6A6Z7F.js";
+import {
+  SPRING_GLIDE,
+  m
+} from "./chunk-K3BXQG3N.js";
+import "./chunk-FAGDMGLK.js";
+import "./chunk-7PQTPSEE.js";
+import "./chunk-NPPG2GTW.js";
+import "./chunk-JOSTE7WK.js";
+import "./chunk-F6MGAW3L.js";
+import {
+  Check
+} from "./chunk-6QNW66XR.js";
+import "./chunk-S3PQ6HKH.js";
+import "./chunk-7SR6WDM2.js";
+import "./chunk-YHXAXJ6I.js";
+import "./chunk-C5X6G26O.js";
+import "./chunk-E26EAQIM.js";
+import {
+  cn
+} from "./chunk-DJMHPJBP.js";
+import "./chunk-JDCCC7A7.js";
+import "./chunk-L547YHC4.js";
+import "./chunk-MLKGABMK.js";
+
+// web/app/dist/server/assets/model-selector-list-CEfWjRc-.js
+import { useId, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function Slider({ value, onChange, min = 0, max = 100, step = 1, label, formatValue = String, disabled = false, className, ...props }) {
+  const inputId = useId();
+  const [focused, setFocused] = useState(false);
+  const [hovered, setHovered] = useState(false);
+  const safeMax = Math.max(min, max);
+  const safeStep = Math.max(Number.EPSILON, step);
+  const clampedValue = clamp(value, min, safeMax);
+  const normalized = safeMax === min ? 0 : (clampedValue - min) / (safeMax - min);
+  const percent = normalized * 100;
+  const zeroOffset = normalized === 0 ? 8 : 0;
+  const fillWidth = `calc(${percent}% + ${20 - 20 * normalized - zeroOffset * 2.5}px)`;
+  const handleLeft = `calc(${percent}% + ${11 - 24 * normalized}px)`;
+  const pipMaskOffset = 20 - 20 * normalized - zeroOffset * 2.5;
+  const pipMask = `linear-gradient(to right, transparent calc(${percent}% + ${pipMaskOffset}px), black calc(${percent}% + ${pipMaskOffset + 2}px))`;
+  const pipValues = useMemo(() => {
+    const count = Math.floor((safeMax - min) / safeStep);
+    const values = Array.from({ length: count + 1 }, (_, index) => min + index * safeStep);
+    if (values.at(-1) !== safeMax) values.push(safeMax);
+    return values;
+  }, [
+    min,
+    safeMax,
+    safeStep
+  ]);
+  const valueText = formatValue(clampedValue);
+  const maxValueText = formatValue(safeMax);
+  const valueFromPointer = (clientX, element) => {
+    const bounds = element.getBoundingClientRect();
+    if (bounds.width <= 0 || safeMax === min) return min;
+    const nextValue = min + clamp((clientX - bounds.left) / bounds.width, 0, 1) * (safeMax - min);
+    return clamp(min + Math.round((nextValue - min) / safeStep) * safeStep, min, safeMax);
+  };
+  const handleKeyDown = (event) => {
+    let handled = true;
+    const direction = event.key === "ArrowRight" || event.key === "ArrowUp" ? 1 : event.key === "ArrowLeft" || event.key === "ArrowDown" ? -1 : 0;
+    if (direction !== 0) {
+      event.preventDefault();
+      onChange(clamp(clampedValue + direction * safeStep, min, safeMax));
+    } else if (event.key === "Home") {
+      event.preventDefault();
+      onChange(min);
+    } else if (event.key === "End") {
+      event.preventDefault();
+      onChange(safeMax);
+    } else handled = false;
+    if (handled) event.stopPropagation();
+  };
+  return /* @__PURE__ */ jsx("div", {
+    className: cn("relative w-full touch-none", disabled && "opacity-50", className),
+    ...props,
+    children: /* @__PURE__ */ jsxs("div", {
+      className: cn("relative h-8 w-full select-none touch-none overflow-hidden rounded-md border border-border bg-background outline-offset-2 transition-colors duration-150", hovered && !disabled && "border-foreground/25", focused && "border-foreground/40 ring-2 ring-ring/60 ring-offset-1 ring-offset-background"),
+      onPointerEnter: () => setHovered(true),
+      onPointerLeave: () => setHovered(false),
+      onPointerDown: (event) => {
+        if (!disabled) onChange(valueFromPointer(event.clientX, event.currentTarget));
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", {
+          "aria-hidden": "true",
+          className: "absolute inset-0 z-[1] flex items-center justify-between px-3 pointer-events-none",
+          style: {
+            WebkitMaskImage: pipMask,
+            maskImage: pipMask
+          },
+          children: pipValues.map((pipValue) => /* @__PURE__ */ jsx(m.span, {
+            className: "relative flex size-[5px] items-center justify-center rounded-full",
+            animate: {
+              backgroundColor: pipValue === clampedValue ? "var(--foreground)" : "var(--muted-foreground)",
+              opacity: pipValue === clampedValue ? 1 : 0.3
+            },
+            transition: SPRING_GLIDE
+          }, pipValue))
+        }),
+        /* @__PURE__ */ jsx(m.div, {
+          "aria-hidden": "true",
+          className: "absolute inset-y-0 left-0 z-[3] pointer-events-none bg-foreground/[0.08]",
+          layout: "size",
+          style: { width: fillWidth },
+          transition: SPRING_GLIDE
+        }),
+        /* @__PURE__ */ jsx(m.div, {
+          "aria-hidden": "true",
+          className: cn("absolute z-[3] w-0.5 rounded-full pointer-events-none"),
+          layout: true,
+          style: {
+            left: handleLeft,
+            top: hovered || focused ? 7 : 8,
+            bottom: hovered || focused ? 7 : 8
+          },
+          animate: { backgroundColor: focused ? "var(--foreground)" : hovered ? "color-mix(in srgb, var(--foreground) 50%, transparent)" : "color-mix(in srgb, var(--foreground) 25%, transparent)" },
+          transition: SPRING_GLIDE
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-0 z-[2] flex items-center px-2",
+          children: [label ? /* @__PURE__ */ jsx("span", {
+            className: "px-2 text-[13px] text-transparent select-none",
+            "aria-hidden": "true",
+            children: label
+          }) : null, /* @__PURE__ */ jsx("span", {
+            className: "ml-auto px-2 text-[13px] text-transparent tabular-nums select-none",
+            style: { minWidth: `${maxValueText.length}ch` },
+            "aria-hidden": "true",
+            children: maxValueText
+          })]
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: "pointer-events-none absolute inset-0 z-[4] flex items-center px-2 text-[13px]",
+          children: [label ? /* @__PURE__ */ jsx(m.span, {
+            className: "px-2",
+            animate: { color: hovered || focused ? "var(--foreground)" : "var(--muted-foreground)" },
+            transition: SPRING_GLIDE,
+            children: label
+          }) : null, /* @__PURE__ */ jsx(m.span, {
+            className: "ml-auto px-2 tabular-nums",
+            style: {
+              minWidth: `${maxValueText.length}ch`,
+              textAlign: "right"
+            },
+            animate: { color: hovered || focused ? "var(--foreground)" : "var(--muted-foreground)" },
+            transition: SPRING_GLIDE,
+            children: valueText
+          })]
+        }),
+        /* @__PURE__ */ jsx("input", {
+          id: inputId,
+          type: "range",
+          min,
+          max: safeMax,
+          step: safeStep,
+          value: clampedValue,
+          disabled,
+          "aria-label": label ?? "Slider",
+          "aria-valuetext": valueText,
+          onChange: (event) => onChange(Number(event.currentTarget.value)),
+          onFocus: () => setFocused(true),
+          onBlur: () => setFocused(false),
+          onKeyDown: handleKeyDown,
+          className: "absolute inset-0 z-20 m-0 h-full w-full cursor-ew-resize opacity-0 disabled:cursor-not-allowed"
+        })
+      ]
+    })
+  });
+}
+function groupModels(models) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const model of models) {
+    const group = groups.get(model.provider) ?? [];
+    group.push(model);
+    groups.set(model.provider, group);
+  }
+  return [...groups.entries()];
+}
+function ModelSelectorList({ models, selectedModel, selectedEffort, effortLabel, onModelChange, onEffortChange }) {
+  const groups = useMemo(() => groupModels(models), [models]);
+  return /* @__PURE__ */ jsxs(Command, {
+    className: "min-h-0 max-h-[min(55vh,28rem)] bg-transparent",
+    shouldFilter: true,
+    children: [
+      /* @__PURE__ */ jsx(CommandInput, {
+        placeholder: "Search models\u2026",
+        "aria-label": "Search models"
+      }),
+      /* @__PURE__ */ jsxs(CommandList, {
+        className: "min-h-0 flex-1 p-1.5",
+        children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No matching models" }), groups.map(([provider, providerModels]) => /* @__PURE__ */ jsx(CommandGroup, {
+          heading: providerModels[0]?.providerLabel ?? provider,
+          children: providerModels.map((model) => {
+            const searchValue = [
+              model.id,
+              model.name,
+              model.provider,
+              model.providerLabel,
+              model.modelId,
+              ...model.keywords ?? []
+            ].filter(Boolean).join(" ");
+            const selected = model.id === selectedModel?.id;
+            return /* @__PURE__ */ jsxs(CommandItem, {
+              value: searchValue,
+              disabled: model.disabled,
+              onSelect: () => {
+                if (model.disabled) return;
+                onModelChange?.(model.id);
+              },
+              className: "items-start gap-2 rounded-lg px-2.5 py-2",
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  className: "mt-0.5 shrink-0 text-muted-foreground",
+                  children: model.icon ?? /* @__PURE__ */ jsx(Gauge, {
+                    "aria-hidden": "true",
+                    className: "size-4"
+                  })
+                }),
+                /* @__PURE__ */ jsxs("span", {
+                  className: "min-w-0 flex-1",
+                  children: [
+                    /* @__PURE__ */ jsxs("span", {
+                      className: "flex items-center gap-2",
+                      children: [/* @__PURE__ */ jsx("span", {
+                        className: "truncate text-sm font-medium",
+                        children: model.name
+                      }), model.disabled ? /* @__PURE__ */ jsx("span", {
+                        className: "shrink-0 text-[10px] uppercase tracking-wide text-muted-foreground",
+                        children: "Unavailable"
+                      }) : null]
+                    }),
+                    /* @__PURE__ */ jsxs("span", {
+                      className: "mt-0.5 block truncate text-xs text-muted-foreground",
+                      children: [model.modelId ?? model.id, model.reasoning ? " \xB7 reasoning" : ""]
+                    }),
+                    model.description ? /* @__PURE__ */ jsx("span", {
+                      className: "mt-0.5 block truncate text-xs text-muted-foreground/80",
+                      children: model.description
+                    }) : null
+                  ]
+                }),
+                selected ? /* @__PURE__ */ jsx(Check, {
+                  "aria-hidden": "true",
+                  className: "mt-1 size-4 shrink-0"
+                }) : null
+              ]
+            }, model.id);
+          })
+        }, provider))]
+      }),
+      selectedModel?.reasoning && selectedModel.efforts?.length ? /* @__PURE__ */ jsx("div", {
+        className: "shrink-0 border-t border-border/70 p-2",
+        children: /* @__PURE__ */ jsx(Slider, {
+          label: effortLabel,
+          value: Math.max(0, selectedModel.efforts.findIndex((option) => option.id === selectedEffort?.id)),
+          onChange: (nextValue) => {
+            const option = selectedModel.efforts?.[Math.round(nextValue)];
+            if (option && !option.disabled) onEffortChange?.(option.id);
+          },
+          min: 0,
+          max: Math.max(0, selectedModel.efforts.length - 1),
+          formatValue: (nextValue) => selectedModel.efforts?.[Math.round(nextValue)]?.name ?? ""
+        })
+      }) : null
+    ]
+  });
+}
+export {
+  ModelSelectorList
+};

package/dist/web/server/{openui-renderer-Cg4RSE9k-7BTJIYZJ.js → openui-renderer-Dk0Ak9cW-MUJQHDAS.js}

@@ -2,25 +2,28 @@ import {
   GenerativeTextRenderer,
   OpenUIHtmlArtifactView,
   openui_renderer_exports
-} from "./chunk-2U7PWSJX.js";
-import "./chunk-HBZ6YKRB.js";
-import "./chunk-ZEVZFLIY.js";
-import "./chunk-B2F6MLVZ.js";
-import "./chunk-NFRJDPB3.js";
-import "./chunk-LESNF5O4.js";
-import "./chunk-52SJQXO4.js";
-import "./chunk-FBOO3G67.js";
-import "./chunk-DO3TVNGA.js";
+} from "./chunk-MOSVTKH5.js";
+import "./chunk-WN77JNYY.js";
+import "./chunk-KOIPYBJF.js";
+import "./chunk-XFVL5ITL.js";
+import "./chunk-RANJ6OJ3.js";
+import "./chunk-EKBKGAWX.js";
 import "./chunk-RJOANOT4.js";
+import "./chunk-NFRJDPB3.js";
+import "./chunk-T23OO4SC.js";
+import "./chunk-L46H6IDX.js";
 import "./chunk-QLY3L4A2.js";
-import "./chunk-VHCAD46L.js";
-import "./chunk-NLIUTTKL.js";
-import "./chunk-FE4KN6T2.js";
-import "./chunk-RPROZ2JC.js";
-import "./chunk-XYYNYFFD.js";
-import "./chunk-X2TUFLTP.js";
+import "./chunk-7PQTPSEE.js";
+import "./chunk-NPPG2GTW.js";
+import "./chunk-JOSTE7WK.js";
+import "./chunk-F6MGAW3L.js";
+import "./chunk-6QNW66XR.js";
+import "./chunk-S3PQ6HKH.js";
+import "./chunk-7SR6WDM2.js";
+import "./chunk-YHXAXJ6I.js";
+import "./chunk-C5X6G26O.js";
 import "./chunk-ST5I2PLN.js";
-import "./chunk-MDYA4NXK.js";
+import "./chunk-NJRYX4A2.js";
 import "./chunk-BYXBJQAS.js";
 import "./chunk-E26EAQIM.js";
 import "./chunk-DJMHPJBP.js";

package/dist/web/server/prompt-suggestions-BOmHi4-J-C563CHFU.js

@@ -0,0 +1,30 @@
+import {
+  paper
+} from "./chunk-ANL4B775.js";
+import {
+  cn
+} from "./chunk-DJMHPJBP.js";
+import "./chunk-JDCCC7A7.js";
+import "./chunk-MLKGABMK.js";
+
+// web/app/dist/server/assets/prompt-suggestions-BOmHi4-J.js
+import { jsx } from "react/jsx-runtime";
+function PromptSuggestions({ suggestions, selectedSuggestion, cycle, onSuggestion, variant = "pills", className, ...props }) {
+  const list = variant === "list";
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "suggestions",
+    className: cn(list ? "flex w-full max-w-sm flex-col gap-2" : "flex w-full max-w-xl flex-wrap justify-center gap-1", className),
+    ...props,
+    children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsx("button", {
+      type: "button",
+      "aria-pressed": selectedSuggestion === suggestion,
+      onClick: () => onSuggestion(suggestion),
+      className: cn(paper, "fade-in slide-in-from-bottom-2 animate-in fill-mode-both flex cursor-pointer items-center text-[13px] text-foreground/80 transition-[color,transform] duration-300 hover:-translate-y-px hover:text-foreground focus-visible:text-foreground active:scale-[0.96] motion-reduce:animate-none", list ? "w-full rounded-2xl px-4 py-2.5 text-start" : "rounded-full px-4 py-2", selectedSuggestion === suggestion && "!bg-foreground !text-background hover:!text-background focus-visible:!text-background"),
+      style: { animationDelay: `${index * 70}ms` },
+      children: suggestion
+    }, suggestion))
+  }, cycle);
+}
+export {
+  PromptSuggestions
+};