@qredence/fleet 0.10.1 → 0.10.2

package/dist/web/server/{chunk-3CU2ITG7.js → chunk-GW7HYECO.js}

@@ -39,9 +39,8 @@ import {
   EASE_OUT,
   SPRING_LAYOUT,
   SPRING_PRESS,
-  SPRING_SWAP,
-  spring
-} from "./chunk-RX2ZJARF.js";
+  SPRING_SWAP
+} from "./chunk-4OLRCVML.js";
 import {
   UiErrorBoundary,
   decodeOpenPanelActionMessage,
@@ -525,7 +524,7 @@ function isDaytonaNotConnectedError(error) {
   return error.status === 403;
 }
 
-// web/app/dist/server/assets/routes-D-g2ILNg.js
+// web/app/dist/server/assets/routes-CcRh_tDy.js
 import { Fragment as Fragment4, Suspense as Suspense2, createContext as createContext8, forwardRef as forwardRef15, isValidElement, lazy as lazy2, memo, useCallback as useCallback3, useContext as useContext8, useEffect as useEffect3, useEffectEvent, useId, useLayoutEffect, useMemo as useMemo8, useReducer, useRef as useRef12, useState as useState7, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { Fragment as Fragment$1, jsx as jsx4, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -3233,7 +3232,7 @@ var TabsList = /* @__PURE__ */ React31.forwardRef(function TabsList2(componentPr
 });
 if (process.env.NODE_ENV !== "production") TabsList.displayName = "TabsList";
 
-// web/app/dist/server/assets/routes-D-g2ILNg.js
+// web/app/dist/server/assets/routes-CcRh_tDy.js
 function isChatTextPart(part) {
   return part.type === "text";
 }
@@ -3485,7 +3484,7 @@ function PromptInput({ value, defaultValue = "", onValueChange, onSubmit, loadin
     ]
   });
 }
-var LazyGenerativeTextRenderer = lazy2(() => import("./openui-renderer-DCkg_JoD-4QCKSVY5.js").then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
+var LazyGenerativeTextRenderer = lazy2(() => import("./openui-renderer-BkDeIpwC-S5BOLH5L.js").then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
 function PlainTextFallback({ className, content }) {
   return /* @__PURE__ */ jsx4("div", {
     className: className ? `${className} whitespace-pre-wrap` : "whitespace-pre-wrap",
@@ -5479,13 +5478,13 @@ function normalizeAssistantToolParts(parts) {
   });
   return changed ? normalizedParts : parts;
 }
-var LazyArtifactsPanel = lazy2(() => import("./artifacts-panel-BNiaRF83-HDC6VQ66.js").then(({ ArtifactsPanelContent }) => ({ default: ArtifactsPanelContent })));
-var LazyResourcesPanel = lazy2(() => import("./resources-panel-s0mgyvgQ-FVMBBLJJ.js").then(({ ResourcesPanelContent }) => ({ default: ResourcesPanelContent })));
+var LazyArtifactsPanel = lazy2(() => import("./artifacts-panel-CHPMYc6C-OWIYGSRM.js").then(({ ArtifactsPanelContent }) => ({ default: ArtifactsPanelContent })));
+var LazyResourcesPanel = lazy2(() => import("./resources-panel-tCQCqEQv-NJO5FRHW.js").then(({ ResourcesPanelContent }) => ({ default: ResourcesPanelContent })));
 var LazySessionInsightsPanel = lazy2(() => import("./session-insights-panel-BiVObm_6-AP4FITT7.js").then(({ SessionInsightsPanel }) => ({ default: SessionInsightsPanel })));
 var LazyReplPanel = lazy2(() => import("./repl-panel-1kSS1UGd-POXRYDDJ.js").then(({ ReplPanelContent }) => ({ default: ReplPanelContent })));
-var LazySubagentsPanel = lazy2(() => import("./subagents-panel-CwpbzJJz-N3ISHODM.js").then(({ SubagentsPanelContent }) => ({ default: SubagentsPanelContent })));
-var LazyWorkspacePanel = lazy2(() => import("./workspace-panel-C7akv5b9-XUKEHPOP.js").then(({ WorkspacePanelContent }) => ({ default: WorkspacePanelContent })));
-var LazySessionTreePanel = lazy2(() => import("./session-tree-panel-CZGXNZIP-FBB3XGMN.js").then(({ SessionTreePanel }) => ({ default: SessionTreePanel })));
+var LazySubagentsPanel = lazy2(() => import("./subagents-panel-DPfqOHdw-B74PSAMP.js").then(({ SubagentsPanelContent }) => ({ default: SubagentsPanelContent })));
+var LazyWorkspacePanel = lazy2(() => import("./workspace-panel-DRaU8AWD-7AYOEM55.js").then(({ WorkspacePanelContent }) => ({ default: WorkspacePanelContent })));
+var LazySessionTreePanel = lazy2(() => import("./session-tree-panel-B2GT3Hf_-WGHVVRRR.js").then(({ SessionTreePanel }) => ({ default: SessionTreePanel })));
 function PanelFallback() {
   return /* @__PURE__ */ jsxs("div", {
     className: "flex min-h-32 flex-col gap-3 p-4",
@@ -7124,7 +7123,7 @@ function useInputBarState({ models, status, thinkingLevel, onModelChange, onThin
     value
   };
 }
-var LazyModelSelectorList = lazy2(() => import("./model-selector-list-By_G7_Hr-GXT27BZO.js").then(({ ModelSelectorList: ModelSelectorList2 }) => ({ default: ModelSelectorList2 })));
+var LazyModelSelectorList = lazy2(() => import("./model-selector-list-q8bMnmhy-SPFJGUBT.js").then(({ ModelSelectorList: ModelSelectorList2 }) => ({ default: ModelSelectorList2 })));
 function ModelSelectorList(props) {
   return /* @__PURE__ */ jsx4(Suspense2, {
     fallback: /* @__PURE__ */ jsx4("div", {
@@ -7624,7 +7623,7 @@ function iconFor(kind) {
       return kind;
   }
 }
-var LazySessionToolRenderer = lazy2(() => import("./session-tool-renderer-D96BACVh-CH5CV3TS.js").then((n) => n.n).then(({ SessionToolRenderer: SessionToolRenderer2 }) => ({ default: SessionToolRenderer2 })));
+var LazySessionToolRenderer = lazy2(() => import("./session-tool-renderer-CHYJwJej-Z3K5TRIZ.js").then((n) => n.n).then(({ SessionToolRenderer: SessionToolRenderer2 }) => ({ default: SessionToolRenderer2 })));
 function SessionToolRenderer(props) {
   return /* @__PURE__ */ jsx4(Suspense2, {
     fallback: /* @__PURE__ */ jsx4("div", {
@@ -7635,7 +7634,7 @@ function SessionToolRenderer(props) {
     children: /* @__PURE__ */ jsx4(LazySessionToolRenderer, { ...props })
   });
 }
-var LazySessionReasoningPanel = lazy2(() => import("./session-reasoning-panel-B_K8YgF5-AQPMFM3Y.js").then(({ SessionReasoningPanel: SessionReasoningPanel2 }) => ({ default: SessionReasoningPanel2 })));
+var LazySessionReasoningPanel = lazy2(() => import("./session-reasoning-panel-DlqaQNE2-RMOBVYVD.js").then(({ SessionReasoningPanel: SessionReasoningPanel2 }) => ({ default: SessionReasoningPanel2 })));
 function SessionReasoningPanel(props) {
   return /* @__PURE__ */ jsx4(Suspense2, {
     fallback: /* @__PURE__ */ jsx4("div", {
@@ -12122,376 +12121,96 @@ function TabsTrigger({ className, ...props }) {
     ...props
   });
 }
-function useProximityHover(containerRef, options = {}) {
-  const { axis = "y" } = options;
-  const itemsRef = useRef12(/* @__PURE__ */ new Map());
-  const itemObserversRef = useRef12(/* @__PURE__ */ new Map());
-  const [activeIndex, setActiveIndex] = useState7(null);
-  const [itemRects, setItemRects] = useState7([]);
-  const itemRectsRef = useRef12([]);
-  const rafIdRef = useRef12(null);
-  const remeasureRafIdRef = useRef12(null);
-  const measureItems = useCallback3(() => {
-    if (!containerRef.current) return;
-    const rects = [];
-    itemsRef.current.forEach((element, index2) => {
-      rects[index2] = {
-        top: element.offsetTop,
-        height: element.offsetHeight,
-        left: element.offsetLeft,
-        width: element.offsetWidth
-      };
-    });
-    const prev = itemRectsRef.current;
-    let changed = prev.length !== rects.length;
-    for (let i = 0; !changed && i < rects.length; i++) {
-      const p = prev[i];
-      const r = rects[i];
-      if (p === r) continue;
-      changed = !p || !r || p.top !== r.top || p.left !== r.left || p.width !== r.width || p.height !== r.height;
-    }
-    if (!changed) return;
-    itemRectsRef.current = rects;
-    setItemRects(rects);
-  }, [containerRef]);
-  const scheduleRemeasure = useCallback3(() => {
-    if (remeasureRafIdRef.current !== null) cancelAnimationFrame(remeasureRafIdRef.current);
-    remeasureRafIdRef.current = requestAnimationFrame(() => {
-      remeasureRafIdRef.current = null;
-      measureItems();
-    });
-  }, [measureItems]);
-  const registerItem = useCallback3((index2, element) => {
-    const existingObserver = itemObserversRef.current.get(index2);
-    if (existingObserver) {
-      existingObserver.disconnect();
-      itemObserversRef.current.delete(index2);
-    }
-    if (element) {
-      itemsRef.current.set(index2, element);
-      if (typeof ResizeObserver !== "undefined") {
-        const observer = new ResizeObserver(() => scheduleRemeasure());
-        observer.observe(element);
-        itemObserversRef.current.set(index2, observer);
-      }
-    } else itemsRef.current.delete(index2);
-    scheduleRemeasure();
-  }, [scheduleRemeasure]);
-  const onMouseMove = useCallback3((e) => {
-    const mouseX = e.clientX;
-    const mouseY = e.clientY;
-    if (rafIdRef.current !== null) cancelAnimationFrame(rafIdRef.current);
-    rafIdRef.current = requestAnimationFrame(() => {
-      rafIdRef.current = null;
-      const container = containerRef.current;
-      if (!container) return;
-      const containerRect = container.getBoundingClientRect();
-      const mousePos = axis === "x" ? mouseX : mouseY;
-      let closestIndex = null;
-      let closestDistance = Infinity;
-      let containingIndex = null;
-      const rects = itemRectsRef.current;
-      const scrollOffset = axis === "x" ? container.scrollLeft : container.scrollTop;
-      const borderOffset = axis === "x" ? container.clientLeft : container.clientTop;
-      const containerEdge = axis === "x" ? containerRect.left : containerRect.top;
-      const layoutSize = axis === "x" ? container.offsetWidth : container.offsetHeight;
-      const visualSize = axis === "x" ? containerRect.width : containerRect.height;
-      const scale = layoutSize > 0 ? visualSize / layoutSize : 1;
-      for (let index2 = 0; index2 < rects.length; index2++) {
-        const r = rects[index2];
-        if (!r) continue;
-        const itemStart = containerEdge + (borderOffset + (axis === "x" ? r.left : r.top) - scrollOffset) * scale;
-        const itemSize = (axis === "x" ? r.width : r.height) * scale;
-        const itemEnd = itemStart + itemSize;
-        if (mousePos >= itemStart && mousePos <= itemEnd) containingIndex = index2;
-        const itemCenter = itemStart + itemSize / 2;
-        const distance = Math.abs(mousePos - itemCenter);
-        if (distance < closestDistance) {
-          closestDistance = distance;
-          closestIndex = index2;
-        }
-      }
-      setActiveIndex(containingIndex ?? closestIndex);
-    });
-  }, [axis, containerRef]);
-  const onMouseLeave = useCallback3(() => {
-    if (rafIdRef.current !== null) {
-      cancelAnimationFrame(rafIdRef.current);
-      rafIdRef.current = null;
-    }
-    setActiveIndex(null);
-  }, []);
-  useEffect3(() => {
-    const container = containerRef.current;
-    if (!container || typeof ResizeObserver === "undefined") return;
-    const ro = new ResizeObserver(() => scheduleRemeasure());
-    ro.observe(container);
-    return () => ro.disconnect();
-  }, [containerRef, scheduleRemeasure]);
-  useEffect3(() => {
-    return () => {
-      if (rafIdRef.current !== null) cancelAnimationFrame(rafIdRef.current);
-      if (remeasureRafIdRef.current !== null) cancelAnimationFrame(remeasureRafIdRef.current);
-      itemObserversRef.current.forEach((observer) => {
-        observer.disconnect();
-      });
-      itemObserversRef.current.clear();
-    };
-  }, []);
-  return {
-    activeIndex,
-    setActiveIndex,
-    itemRects,
-    onMouseMove,
-    onMouseLeave,
-    registerItem,
-    measureItems
-  };
-}
-var ACTIVE_PILL_CLASS = "bg-background shadow-sm";
-var PILL_TRACK_CLASS = "rounded-full border border-border/70 bg-sidebar p-0.5 shadow-sm backdrop-blur";
-var PILL_RADIUS = "rounded-full";
-function chromeTone(isPill, isActive) {
-  if (isActive) return isPill ? "text-foreground/75" : "text-foreground";
-  return isPill ? "text-foreground/55" : "text-muted-foreground";
-}
-var TabsSubtleContext = createContext8(null);
-function useTabsSubtle() {
-  const ctx = useContext8(TabsSubtleContext);
-  if (!ctx) throw new Error("useTabsSubtle must be used within a TabsSubtle");
-  return ctx;
-}
-function TabsSubtleIndicators({ selectedRect, hoverRect, focusRect, isHovering, isHoveringSelected }) {
-  const instant = useReducedMotion() ? { duration: 0 } : void 0;
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    selectedRect ? /* @__PURE__ */ jsx4(m.div, {
-      className: cn("pointer-events-none absolute", ACTIVE_PILL_CLASS, PILL_RADIUS),
-      layout: true,
-      initial: false,
-      style: {
-        left: selectedRect.left,
-        top: selectedRect.top,
-        width: selectedRect.width,
-        height: selectedRect.height
-      },
-      animate: { opacity: isHovering ? 0.8 : 1 },
-      transition: instant ?? {
-        ...spring.moderate.enter,
-        opacity: { duration: 0.08 }
-      }
-    }) : null,
-    /* @__PURE__ */ jsx4(AnimatePresence, { children: hoverRect && !isHoveringSelected ? /* @__PURE__ */ jsx4(m.div, {
-      className: cn("pointer-events-none absolute", ACTIVE_PILL_CLASS, PILL_RADIUS),
-      layout: true,
-      style: {
-        left: hoverRect.left,
-        top: hoverRect.top,
-        width: hoverRect.width,
-        height: hoverRect.height
-      },
-      initial: { opacity: 0 },
-      animate: { opacity: 0.4 },
-      exit: {
-        opacity: 0,
-        transition: instant ?? spring.fast.exit
-      },
-      transition: instant ?? {
-        ...spring.fast.enter,
-        opacity: { duration: 0.08 }
-      }
-    }) : null }),
-    /* @__PURE__ */ jsx4(AnimatePresence, { children: focusRect ? /* @__PURE__ */ jsx4(m.div, {
-      className: cn("pointer-events-none absolute z-20 border border-ring", PILL_RADIUS),
-      layout: true,
-      initial: false,
-      style: {
-        left: focusRect.left - 2,
-        top: focusRect.top - 2,
-        width: focusRect.width + 4,
-        height: focusRect.height + 4
-      },
-      exit: {
-        opacity: 0,
-        transition: instant ?? spring.fast.exit
-      },
-      transition: instant ?? {
-        ...spring.fast.enter,
-        opacity: { duration: 0.08 }
-      }
-    }) : null })
-  ] });
-}
-var TabsSubtle = forwardRef15(({ children, selectedIndex, onSelect, idPrefix, activeLabel = false, variant = "default", className, ...props }, ref) => {
-  const containerRef = useRef12(null);
-  const isMouseInside = useRef12(false);
-  const isPill = variant === "pill";
-  const { activeIndex: hoveredIndex, setActiveIndex: setHoveredIndex, itemRects: tabRects, onMouseMove: proximityMouseMove, onMouseLeave: proximityMouseLeave, registerItem } = useProximityHover(containerRef, { axis: "x" });
-  const registerTab = useCallback3((index2, element) => {
-    registerItem(index2, element);
-  }, [registerItem]);
-  const handleMouseMove = useCallback3((e) => {
-    isMouseInside.current = true;
-    proximityMouseMove(e);
-  }, [proximityMouseMove]);
-  const handleMouseLeave = useCallback3(() => {
-    isMouseInside.current = false;
-    proximityMouseLeave();
-  }, [proximityMouseLeave]);
-  const [focusedIndex, setFocusedIndex] = useState7(null);
-  const selectedRect = selectedIndex >= 0 ? tabRects[selectedIndex] : void 0;
-  const hoverRect = hoveredIndex !== null ? tabRects[hoveredIndex] : null;
-  const focusRect = focusedIndex !== null ? tabRects[focusedIndex] : null;
-  const isHoveringSelected = hoveredIndex === selectedIndex;
-  const isHovering = hoveredIndex !== null && !isHoveringSelected;
-  const tabsSubtleContextValue = useMemo8(() => ({
-    registerTab,
-    hoveredIndex,
-    selectedIndex,
-    idPrefix,
-    activeLabel,
-    variant,
-    onSelect
-  }), [
-    registerTab,
-    hoveredIndex,
-    selectedIndex,
-    idPrefix,
-    activeLabel,
-    variant,
-    onSelect
-  ]);
-  return /* @__PURE__ */ jsx4(TabsSubtleContext.Provider, {
-    value: tabsSubtleContextValue,
-    children: /* @__PURE__ */ jsx4(Tabs$1, {
-      className: "data-horizontal:!flex-row !gap-0.5",
-      value: selectedIndex >= 0 ? selectedIndex : null,
-      onValueChange: (value) => {
-        const index2 = typeof value === "number" ? value : Number(value);
-        if (Number.isInteger(index2)) onSelect(index2);
+function TabStrip({ tabs, value, onValueChange, onClose, onNewSession, ariaLabel = "Tabs", width = "fill", density = "default", idPrefix, className, dataTestid }) {
+  const compact = density === "compact";
+  const fill = width === "fill";
+  return /* @__PURE__ */ jsxs("div", {
+    className: cn("flex min-w-0 max-w-full items-center", compact ? "gap-0.5" : "gap-1", className),
+    "data-testid": dataTestid,
+    children: [/* @__PURE__ */ jsx4(Tabs$1, {
+      className: cn("!flex-row !gap-0 min-w-0", fill ? "flex-1" : "w-fit"),
+      onValueChange: (next) => {
+        if (typeof next === "string") onValueChange(next);
       },
-      render: /* @__PURE__ */ jsxs(TabsList3, {
-        activateOnFocus: false,
+      value,
+      children: /* @__PURE__ */ jsx4(TabsList3, {
+        "aria-label": ariaLabel,
+        activateOnFocus: true,
+        className: cn("!h-auto !w-fit !max-w-full !justify-start !rounded-none !bg-transparent !p-0", fill ? "min-w-0 flex-1" : "flex-none", compact ? "!gap-0.5" : "!gap-1", "overflow-x-auto overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"),
         variant: "line",
-        ref: (node) => {
-          containerRef.current = node;
-          if (typeof ref === "function") ref(node);
-          else if (ref) ref.current = node;
-        },
-        onMouseMove: handleMouseMove,
-        onMouseLeave: handleMouseLeave,
-        onFocus: (e) => {
-          const indexAttr = e.target.closest("[data-proximity-index]")?.getAttribute("data-proximity-index");
-          if (indexAttr != null) {
-            const idx = Number(indexAttr);
-            setHoveredIndex(idx);
-            setFocusedIndex(e.target.matches(":focus-visible") ? idx : null);
-          }
-        },
-        onBlur: (e) => {
-          if (containerRef.current?.contains(e.relatedTarget)) return;
-          setFocusedIndex(null);
-          if (isMouseInside.current) return;
-          setHoveredIndex(null);
-        },
-        className: cn("relative flex max-w-full [scrollbar-width:none] items-center gap-0.5 overflow-x-auto select-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", isPill ? PILL_TRACK_CLASS : "-mx-1 -my-1 px-1 py-1", className),
-        ...props,
-        children: [/* @__PURE__ */ jsx4(TabsSubtleIndicators, {
-          selectedRect,
-          hoverRect,
-          focusRect,
-          isHovering,
-          isHoveringSelected
-        }), children]
+        children: tabs.map((tab) => {
+          const active = tab.id === value;
+          const Icon = tab.icon;
+          const accessibleName = tab.ariaLabel ?? (tab.statusLabel ? `${tab.label}, ${tab.statusLabel}` : tab.label);
+          const tabId = idPrefix ? `${idPrefix}-${encodeURIComponent(tab.id)}` : void 0;
+          const panelId = idPrefix ? `${idPrefix}-panel-${encodeURIComponent(tab.id)}` : void 0;
+          return /* @__PURE__ */ jsxs("div", {
+            className: cn("group/tab relative", fill ? "min-w-0 max-w-[164px] flex-1 basis-[164px]" : "shrink-0"),
+            "data-tab-id": tab.id,
+            children: [/* @__PURE__ */ jsxs(TabsTrigger, {
+              "aria-controls": panelId,
+              "aria-label": accessibleName,
+              className: cn("h-7 w-full min-w-0 justify-start text-start text-label font-medium leading-none", "rounded-[7px] !shadow-none after:hidden", compact ? "gap-0.5 !px-1.5" : "gap-1.5 !px-2", active ? "!bg-surface-4 !text-foreground" : "!bg-transparent !text-foreground/45 hover:!bg-foreground/5 hover:!text-foreground/75", tab.closable && onClose && "pe-7"),
+              id: tabId,
+              onClick: () => {
+                if (active) onValueChange(tab.id);
+              },
+              value: tab.id,
+              children: [Icon ? /* @__PURE__ */ jsxs("span", {
+                className: cn("flex shrink-0 items-center", compact ? "gap-0.5" : "gap-1"),
+                children: [/* @__PURE__ */ jsx4(Icon, {
+                  "aria-hidden": "true",
+                  className: "size-3.5 shrink-0"
+                }), tab.badge !== void 0 ? /* @__PURE__ */ jsx4("span", {
+                  className: "text-caption tabular-nums",
+                  children: tab.badge
+                }) : null]
+              }) : tab.dotClassName ? /* @__PURE__ */ jsx4("span", {
+                "aria-hidden": "true",
+                className: cn("size-1.5 shrink-0 rounded-full", tab.dotClassName)
+              }) : null, /* @__PURE__ */ jsx4("span", {
+                className: "min-w-0 flex-1 truncate text-start",
+                children: tab.label
+              })]
+            }), tab.closable && onClose ? /* @__PURE__ */ jsx4(Button$1, {
+              "aria-label": `Close ${tab.label} tab`,
+              className: "absolute top-1/2 left-auto size-5 -translate-y-1/2 rounded-[5px] p-0 text-foreground/35 opacity-0 transition-opacity motion-reduce:transition-none hover:bg-foreground/10 hover:text-foreground/75 focus-visible:opacity-100 group-hover/tab:opacity-100 [inset-inline-start:auto] [inset-inline-end:0.25rem]",
+              onClick: (event) => {
+                event.stopPropagation();
+                onClose(tab.id);
+              },
+              size: "icon-compact",
+              title: `Close ${tab.label} tab`,
+              type: "button",
+              variant: "ghost",
+              children: /* @__PURE__ */ jsx4(X, {
+                "aria-hidden": "true",
+                className: "size-3"
+              })
+            }) : null]
+          }, tab.id);
+        })
       })
-    })
-  });
-});
-TabsSubtle.displayName = "TabsSubtle";
-var TabsSubtleItem = forwardRef15(({ icon: Icon, label, index: index2, badge, className, "aria-label": ariaLabelProp, onClick, ...props }, ref) => {
-  const internalRef = useRef12(null);
-  const { registerTab, hoveredIndex, selectedIndex, idPrefix, activeLabel, variant, onSelect } = useTabsSubtle();
-  useEffect3(() => {
-    registerTab(index2, internalRef.current);
-    return () => registerTab(index2, null);
-  }, [index2, registerTab]);
-  const isSelected = selectedIndex === index2;
-  const isActive = hoveredIndex === index2 || isSelected;
-  const collapseLabel = activeLabel && !!Icon;
-  const showLabel = !collapseLabel || isSelected;
-  const isPill = variant === "pill";
-  const tone = chromeTone(isPill, isActive);
-  const ariaLabel = ariaLabelProp ?? (collapseLabel && !showLabel ? label : void 0);
-  const labelContent = /* @__PURE__ */ jsxs("span", {
-    className: cn("inline-grid whitespace-nowrap", isPill ? "text-label font-medium" : "text-title"),
-    children: [/* @__PURE__ */ jsx4("span", {
-      className: "invisible col-start-1 row-start-1 font-[550] [text-box:trim-both_cap_alphabetic]",
-      "aria-hidden": "true",
-      children: label
-    }), /* @__PURE__ */ jsx4("span", {
-      className: cn("col-start-1 row-start-1 transition-[color,font-weight] duration-80 [text-box:trim-both_cap_alphabetic]", isSelected ? "font-[550]" : "font-normal", tone),
-      children: label
-    })]
-  });
-  return /* @__PURE__ */ jsxs(TabsTrigger, {
-    ref: (node) => {
-      const button = node;
-      internalRef.current = button;
-      if (typeof ref === "function") ref(button);
-      else if (ref) ref.current = button;
-    },
-    value: index2,
-    "data-proximity-index": index2,
-    id: idPrefix ? `${idPrefix}-tab-${index2}` : void 0,
-    "aria-controls": idPrefix ? `${idPrefix}-panel-${index2}` : void 0,
-    "aria-label": ariaLabel,
-    className: cn("relative z-10 flex flex-none cursor-pointer items-center border-none !bg-transparent !shadow-none outline-none after:hidden", isPill ? "h-8 px-2.5" : collapseLabel ? "h-8 px-3" : "h-9 gap-2 px-3", PILL_RADIUS, className),
-    ...props,
-    onClick: (event) => {
-      onClick?.(event);
-      if (isSelected) onSelect(index2);
-    },
-    children: [
-      Icon ? /* @__PURE__ */ jsxs("span", {
-        className: "flex shrink-0 items-center gap-1",
-        children: [/* @__PURE__ */ jsx4(Icon, {
-          "data-icon": "inline-start",
-          size: isPill ? 14 : 16,
-          strokeWidth: isActive ? 2 : 1.5,
-          className: cn("shrink-0 transition-[color,stroke-width] duration-80", tone)
-        }), badge !== void 0 ? /* @__PURE__ */ jsx4("span", {
-          className: cn("text-caption tabular-nums transition-colors duration-80", tone),
-          children: badge
-        }) : null]
-      }) : null,
-      collapseLabel ? null : labelContent,
-      /* @__PURE__ */ jsx4(AnimatePresence, {
-        initial: false,
-        children: collapseLabel && showLabel ? /* @__PURE__ */ jsx4(m.span, {
-          className: "ml-2 overflow-hidden",
-          initial: {
-            clipPath: "inset(0 100% 0 0)",
-            opacity: 0
-          },
-          animate: {
-            clipPath: "inset(0 0% 0 0)",
-            opacity: 1
-          },
-          exit: {
-            clipPath: "inset(0 100% 0 0)",
-            opacity: 0
-          },
-          transition: {
-            ...spring.fast.enter,
-            opacity: { duration: 0.06 }
-          },
-          children: labelContent
-        }, "label") : null
+    }), onNewSession ? /* @__PURE__ */ jsx4(Button$1, {
+      "aria-label": "New chat",
+      className: cn(HIT_AREA_EXPAND_DENSE_CLASS, "relative z-10 size-7 shrink-0 rounded-[7px] text-foreground/50 hover:bg-foreground/7 hover:text-foreground/85"),
+      "data-testid": "new-chat-tab",
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onNewSession();
+      },
+      size: "icon-compact",
+      title: "New chat",
+      type: "button",
+      variant: "ghost",
+      children: /* @__PURE__ */ jsx4(Plus, {
+        "aria-hidden": "true",
+        className: "size-3.5"
       })
-    ]
+    }) : null]
   });
-});
-TabsSubtleItem.displayName = "TabsSubtleItem";
-var COMPACT_TABS_CLASS = "[&_[data-proximity-index]]:!h-7 [&_[data-proximity-index]]:!px-2 [&_[data-proximity-index]]:!text-caption";
+}
 function RightPanelLauncherFromContext({ compact = false } = {}) {
   const { reopenRightPanel, rightPanel } = useChatPanelDataContext();
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx4("div", {
@@ -12603,6 +12322,13 @@ function ResponsivePanelLauncher({ activePanel, className, compact = false, idPr
     const nextIndex = panelOptions.findIndex((panel) => panel.id === nextPanel);
     if (nextIndex >= 0) onSelect(nextIndex);
   }, [onSelect, panelOptions]);
+  const panelTabs = useMemo8(() => panelOptions.map((panel) => ({
+    id: panel.id,
+    label: panel.title,
+    icon: panel.icon,
+    badge: panel.badge,
+    ariaLabel: panel.ariaLabel
+  })), [panelOptions]);
   return /* @__PURE__ */ jsxs("div", {
     ref: containerRef,
     className: `relative ${isDropdown ? "w-full" : "w-fit"} min-w-0 max-w-full overflow-hidden ${className ?? ""}`,
@@ -12615,38 +12341,29 @@ function ResponsivePanelLauncher({ activePanel, className, compact = false, idPr
       options,
       placeholder: "Open panel",
       value: activePanel
-    }) : /* @__PURE__ */ jsx4(TabsSubtle, {
-      activeLabel: true,
-      className: `w-fit max-w-full ${compact ? COMPACT_TABS_CLASS : ""}`,
-      idPrefix,
-      selectedIndex,
-      onSelect,
-      children: panelOptions.map((panel, index2) => /* @__PURE__ */ jsx4(TabsSubtleItem, {
-        index: index2,
-        icon: panel.icon,
-        label: panel.title,
-        badge: panel.badge,
-        "aria-label": panel.ariaLabel
-      }, panel.id))
+    }) : /* @__PURE__ */ jsx4(TabStrip, {
+      ariaLabel: "Panel views",
+      className: "w-fit max-w-full",
+      dataTestid: `${idPrefix}-tabs`,
+      density: "compact",
+      onValueChange: selectPanel,
+      tabs: panelTabs,
+      value: activePanel,
+      width: "fit"
     }), /* @__PURE__ */ jsx4("div", {
       ref: measurementRef,
       "aria-hidden": "true",
       className: "pointer-events-none invisible absolute top-0 left-0 -z-10 w-max max-w-none",
       "data-panel-launcher-measurement": true,
       inert: true,
-      children: /* @__PURE__ */ jsx4(TabsSubtle, {
-        activeLabel: true,
-        className: `w-max max-w-none ${compact ? COMPACT_TABS_CLASS : ""}`,
-        idPrefix: `${idPrefix}-measurement`,
-        selectedIndex,
-        onSelect: () => void 0,
-        children: panelOptions.map((panel, index2) => /* @__PURE__ */ jsx4(TabsSubtleItem, {
-          index: index2,
-          icon: panel.icon,
-          label: panel.title,
-          badge: panel.badge,
-          "aria-label": panel.ariaLabel
-        }, panel.id))
+      children: /* @__PURE__ */ jsx4(TabStrip, {
+        ariaLabel: "Panel views",
+        className: "w-max max-w-none",
+        density: "compact",
+        onValueChange: () => void 0,
+        tabs: panelTabs,
+        value: activePanel,
+        width: "fit"
       })
     })]
   });
@@ -12754,11 +12471,12 @@ function MobilePanel({ children, dataTestid, headerActions, icon: Icon, onClose,
     })
   });
 }
+var AGENT_TAB_ID_PREFIX = "agent-tab";
 function agentTabTriggerId(tabId) {
-  return `agent-tab-${encodeURIComponent(tabId)}`;
+  return `${AGENT_TAB_ID_PREFIX}-${encodeURIComponent(tabId)}`;
 }
 function agentTabPanelId(tabId) {
-  return `agent-tab-panel-${encodeURIComponent(tabId)}`;
+  return `${AGENT_TAB_ID_PREFIX}-panel-${encodeURIComponent(tabId)}`;
 }
 function statusLabel(status) {
   switch (status) {
@@ -12795,109 +12513,23 @@ function statusDotClass(status) {
   }
 }
 function AgentTabBar({ tabs, value, onValueChange, onClose, onNewSession }) {
-  const tabRefs = useRef12(/* @__PURE__ */ new Map());
-  const setTabRef = useCallback3((tabId, node) => {
-    if (node) tabRefs.current.set(tabId, node);
-    else tabRefs.current.delete(tabId);
-  }, []);
-  useEffect3(() => {
-    for (const tabId of tabRefs.current.keys()) if (!tabs.some((tab) => tab.id === tabId)) tabRefs.current.delete(tabId);
-  }, [tabs]);
-  const focusTab = useCallback3((index2) => {
-    const tab = tabs[index2];
-    if (!tab) return;
-    tabRefs.current.get(tab.id)?.focus();
-    onValueChange(tab.id);
-  }, [onValueChange, tabs]);
-  const handleKeyDown = useCallback3((event, tabId) => {
-    const index2 = tabs.findIndex((tab) => tab.id === tabId);
-    if (index2 < 0) return;
-    let nextIndex;
-    if (event.key === "ArrowRight") nextIndex = (index2 + 1) % tabs.length;
-    if (event.key === "ArrowLeft") nextIndex = (index2 - 1 + tabs.length) % tabs.length;
-    if (event.key === "Home") nextIndex = 0;
-    if (event.key === "End") nextIndex = tabs.length - 1;
-    if (nextIndex === void 0) return;
-    event.preventDefault();
-    focusTab(nextIndex);
-  }, [focusTab, tabs]);
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex min-w-0 max-w-full items-center gap-1",
-    "data-testid": "agent-tab-bar",
-    children: [/* @__PURE__ */ jsx4("div", {
-      "aria-label": "Agent conversations",
-      className: "flex min-w-0 flex-1 items-center gap-1 overflow-x-auto overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-      role: "tablist",
-      children: tabs.map((tab) => {
-        const active = tab.id === value;
-        const status = statusLabel(tab.status);
-        return /* @__PURE__ */ jsxs("div", {
-          className: "group/tab relative min-w-0 flex-1 max-w-[164px] basis-[164px]",
-          "data-tab-id": tab.id,
-          children: [/* @__PURE__ */ jsxs(Button$1, {
-            ref: (node) => setTabRef(tab.id, node),
-            "aria-controls": agentTabPanelId(tab.id),
-            "aria-selected": active,
-            "aria-label": `${tab.label}, ${status}`,
-            className: cn("h-7 w-full min-w-0 justify-start text-start gap-1.5 rounded-[7px] border border-transparent px-2 text-label font-medium leading-none transition-colors motion-reduce:transition-none", active ? "bg-surface-4 text-foreground shadow-none" : "bg-transparent text-foreground/45 hover:bg-foreground/5 hover:text-foreground/75", tab.kind === "subagent" && onClose && "pe-7"),
-            "data-state": active ? "active" : "inactive",
-            id: agentTabTriggerId(tab.id),
-            onClick: () => onValueChange(tab.id),
-            onKeyDown: (event) => handleKeyDown(event, tab.id),
-            role: "tab",
-            size: "compact",
-            tabIndex: active ? 0 : -1,
-            type: "button",
-            variant: "ghost",
-            children: [tab.kind === "activity" ? /* @__PURE__ */ jsx4(Activity, {
-              "aria-hidden": "true",
-              className: "size-3.5 shrink-0"
-            }) : tab.kind === "main" ? /* @__PURE__ */ jsx4(Bot, {
-              "aria-hidden": "true",
-              className: "size-3.5 shrink-0"
-            }) : /* @__PURE__ */ jsx4("span", {
-              "aria-hidden": "true",
-              className: cn("size-1.5 shrink-0 rounded-full", statusDotClass(tab.status))
-            }), /* @__PURE__ */ jsx4("span", {
-              className: "min-w-0 flex-1 truncate text-start",
-              children: tab.label
-            })]
-          }), tab.kind === "subagent" && onClose ? /* @__PURE__ */ jsx4(Button$1, {
-            "aria-label": `Close ${tab.label} tab`,
-            className: "absolute top-1/2 left-auto size-5 -translate-y-1/2 rounded-[5px] p-0 text-foreground/35 opacity-0 transition-opacity motion-reduce:transition-none hover:bg-foreground/10 hover:text-foreground/75 focus-visible:opacity-100 group-hover/tab:opacity-100 [inset-inline-start:auto] [inset-inline-end:0.25rem]",
-            onClick: (event) => {
-              event.stopPropagation();
-              onClose(tab.id);
-            },
-            size: "icon-compact",
-            title: `Close ${tab.label} tab`,
-            type: "button",
-            variant: "ghost",
-            children: /* @__PURE__ */ jsx4(X, {
-              "aria-hidden": "true",
-              className: "size-3"
-            })
-          }) : null]
-        }, tab.id);
-      })
-    }), onNewSession ? /* @__PURE__ */ jsx4(Button$1, {
-      "aria-label": "New chat",
-      className: cn(HIT_AREA_EXPAND_DENSE_CLASS, "relative z-10 size-7 shrink-0 rounded-[7px] text-foreground/50 hover:bg-foreground/7 hover:text-foreground/85"),
-      "data-testid": "new-chat-tab",
-      onClick: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onNewSession();
-      },
-      size: "icon-compact",
-      title: "New chat",
-      type: "button",
-      variant: "ghost",
-      children: /* @__PURE__ */ jsx4(Plus, {
-        "aria-hidden": "true",
-        className: "size-3.5"
-      })
-    }) : null]
+  const items = useMemo8(() => tabs.map((tab) => ({
+    id: tab.id,
+    label: tab.label,
+    icon: tab.kind === "activity" ? Activity : tab.kind === "main" ? Bot : void 0,
+    dotClassName: tab.kind === "subagent" ? statusDotClass(tab.status) : void 0,
+    statusLabel: statusLabel(tab.status),
+    closable: tab.kind === "subagent" && Boolean(onClose)
+  })), [tabs, onClose]);
+  return /* @__PURE__ */ jsx4(TabStrip, {
+    ariaLabel: "Agent conversations",
+    dataTestid: "agent-tab-bar",
+    idPrefix: AGENT_TAB_ID_PREFIX,
+    onClose,
+    onNewSession,
+    onValueChange,
+    tabs: items,
+    value
   });
 }
 var DOCUMENTATION_URL = "https://docs.qredence.ai";
@@ -12998,8 +12630,8 @@ function useChatWorkspaceDialogs() {
     settingsInitialTab
   };
 }
-var LazyChatCommandPalette = lazy2(() => import("./chat-command-palette-CT9aJAWG-LV26BDEW.js").then(({ ChatCommandPalette }) => ({ default: ChatCommandPalette })));
-var LazySettingsDialog = lazy2(() => import("./settings-dialog-BrjqiTVe-H7WOTB4I.js").then(({ SettingsDialog }) => ({ default: SettingsDialog })));
+var LazyChatCommandPalette = lazy2(() => import("./chat-command-palette-VF4C0ttN-GY52QBFP.js").then(({ ChatCommandPalette }) => ({ default: ChatCommandPalette })));
+var LazySettingsDialog = lazy2(() => import("./settings-dialog-7V9x-CPC-6IEB2DFH.js").then(({ SettingsDialog }) => ({ default: SettingsDialog })));
 var LazyForkPickerDialog = lazy2(() => import("./fork-picker-dialog-DFpKOdAw-JPLJSYYU.js").then(({ ForkPickerDialog }) => ({ default: ForkPickerDialog })));
 function ChatCommandPaletteOverlay({ chrome, conversation, dialogs, panels, session }) {
   return /* @__PURE__ */ jsx4(Fragment$1, { children: dialogs.commandPaletteOpen ? /* @__PURE__ */ jsx4(Suspense2, {
@@ -14805,6 +14437,15 @@ function ResizableCanvas({ children, dataTestid, headerLeading, loading, onClose
   }) });
 }
 var DESKTOP_PANEL_QUERY = `(min-width: 960px)`;
+var GROUP_VIEW_LABELS = {
+  resources: "Skills",
+  workspace: "Files",
+  artifacts: "Artifacts",
+  repl: "REPL",
+  subagents: "Subagents",
+  "session-insights": "Insights",
+  "session-tree": "Tree"
+};
 function subscribeToDesktopPanel(onChange) {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => void 0;
   const media = window.matchMedia(DESKTOP_PANEL_QUERY);
@@ -14829,20 +14470,20 @@ function RightPanelShell({ handleResourceCanvasResizeStart, onClose, resourceCan
   const definition = rightPanel ? getRightPanelDefinition(rightPanel) : null;
   const PanelContent = definition?.component;
   const panelGroup = rightPanel ? getRightPanelGroup(rightPanel) : void 0;
-  const currentGroupPanelIndex = panelGroup && rightPanel ? panelGroup.panels.indexOf(rightPanel) : -1;
-  const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [panelGroup && panelGroup.panels.length > 1 ? /* @__PURE__ */ jsx4(TabsSubtle, {
-    "aria-label": `${panelGroup.title} views`,
+  const groupTabs = useMemo8(() => panelGroup && panelGroup.panels.length > 1 ? panelGroup.panels.map((panel) => ({
+    id: panel,
+    label: GROUP_VIEW_LABELS[panel]
+  })) : [], [panelGroup]);
+  const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [groupTabs.length > 0 ? /* @__PURE__ */ jsx4(TabStrip, {
+    ariaLabel: `${panelGroup?.title ?? "Panel"} views`,
     className: "mb-3 w-fit",
-    idPrefix: `right-panel-${panelGroup.id}-views`,
-    selectedIndex: currentGroupPanelIndex,
-    onSelect: (index2) => {
-      const nextPanel = panelGroup.panels[index2];
-      if (nextPanel) setRightPanel(nextPanel);
+    onValueChange: (nextPanel) => {
+      const next = groupTabs.find((tab) => tab.id === nextPanel)?.id;
+      if (next) setRightPanel(next);
     },
-    children: panelGroup.panels.map((panel, index2) => /* @__PURE__ */ jsx4(TabsSubtleItem, {
-      index: index2,
-      label: panel === "workspace" ? "Files" : panel === "session-insights" ? "Insights" : panel === "session-tree" ? "Tree" : panel === "resources" ? "Skills" : "Artifacts"
-    }, panel))
+    tabs: groupTabs,
+    value: rightPanel,
+    width: "fit"
   }) : null, PanelContent ? /* @__PURE__ */ jsx4(PanelContent, {}) : null] });
   const loading = definition?.loadingSource === "resources" ? chat.resourcesLoading : definition?.loadingSource === "workspace" ? workspace.workspaceLoading : false;
   const onRefresh = definition?.refreshSource === "resources" ? chat.refreshResources : definition?.refreshSource === "workspace" ? workspace.refreshWorkspace : void 0;
@@ -15861,7 +15502,7 @@ function DiscordIcon({ className, ...props }) {
 }
 function fleetVersion() {
   try {
-    return "0.10.1";
+    return "0.10.2";
   } catch {
     return "dev";
   }
@@ -16569,7 +16210,7 @@ function useSessionSidebarViewModel({ sessions, projects = EMPTY_PROJECTS, proje
     ])
   };
 }
-var LazySessionSidebarCreateDialog = lazy2(() => import("./create-project-dialog-EwieT1Vw-X5MYQSZM.js").then(({ SessionSidebarCreateDialog }) => ({ default: SessionSidebarCreateDialog })));
+var LazySessionSidebarCreateDialog = lazy2(() => import("./create-project-dialog-CSZHeLNg-EEW3DRTY.js").then(({ SessionSidebarCreateDialog }) => ({ default: SessionSidebarCreateDialog })));
 function SessionSidebar({ data, sessionActions, projectActions = {}, navigationActions = {}, slots = {} }) {
   const { sessions, projects = EMPTY_PROJECTS, projectSessions = sessions, activeProjectId, activeSessionId } = data;
   const { onNewSession, onNewSessionInProject, onResumeSession, onRenameSession, onDeleteSession } = sessionActions;
@@ -16651,8 +16292,8 @@ function SessionSidebar({ data, sessionActions, projectActions = {}, navigationA
     })
   ] });
 }
-var LazySubagentChatPanel = lazy2(() => import("./subagent-chat-panel-Dz62jo_m-X4ZRN5KI.js").then(({ SubagentChatPanel }) => ({ default: SubagentChatPanel })));
-var LazySessionActivityPanel = lazy2(() => import("./session-activity-panel-wC0jAJvs-QAHJXPAM.js").then(({ SessionActivityPanel }) => ({ default: SessionActivityPanel })));
+var LazySubagentChatPanel = lazy2(() => import("./subagent-chat-panel-Cjg1oOFO-PNWSFYNA.js").then(({ SubagentChatPanel }) => ({ default: SubagentChatPanel })));
+var LazySessionActivityPanel = lazy2(() => import("./session-activity-panel-CS56rTyW-J4GAZSTC.js").then(({ SessionActivityPanel }) => ({ default: SessionActivityPanel })));
 function ChatWorkspaceShell() {
   const { session, conversation, composer, panels, dialogs, chrome, agentTabs } = useChatWorkspaceData();
   const toggleCommandPalette = useCallback3(() => {