@researai/deepscientist 1.5.15 → 1.5.17

package/src/ui/dist/assets/LabCopilotPanel-BjD2ThQF.js

@@ -1,4104 +0,0 @@
-import { w as createLucideIcon, r as reactExports, aR as reactDomExports, aS as useReducedMotion, j as jsxRuntimeExports, aT as useQueryClient, o as useToast, u as useI18n, aA as useLabCopilotStore, aU as useLabGraphSelectionStore, aV as useChatSessionStore, aW as buildAvatarColorMap, aX as isLabWorkingStatus, aY as getLabAgentDirectSession, aZ as buildAgentDescriptor, a_ as resolveAgentLogo, aF as resolveAgentDisplayName, aG as resolveAgentMentionLabel, a$ as AnimatePresence, b0 as motion, aO as Button, b1 as pickAvatarFrameColor, aH as resolveQuestLabel, d as Check, b as cn, z as useAuthStore, b2 as useCopilotDockHeaderPortal, b3 as assignLabAgent, b4 as ScrollArea, L as LoaderCircle, b5 as likeLabMoment, b6 as unlikeLabMoment, b7 as commentLabMoment, b8 as Ellipsis, b9 as Plus, l as Search, ba as Dialog, bb as DialogContent, bc as DialogHeader, bd as DialogTitle, be as DialogFooter, bf as getLabGroupSession, bg as getLabFriendsSession } from './index-D_E4281X.js';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from './popover-D3Gg_FoV.js';
-import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from './select-CpAK6uWm.js';
-import { A as AiManusChatView, D as DEFAULT_AGENT_ID, C as ChatBox, a as applyChatEvent, u as useSSESession, b as ChatMessage, r as renderMarkdown } from './AiManusChatView-DDjbFnbt.js';
-import './index-BwRJaoTl.js';
-import './file-content-DT24KFma.js';
-import './file-jump-queue-r5XKgJEV.js';
-import './pdf-effect-queue-BJk5okWJ.js';
-import './file-diff-panel-DK13YPql.js';
-import './bot-0DYntytV.js';
-import './NotebookEditor-C1kWaxKi.js';
-import './trash-CXvwwSe8.js';
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$1 = [
-  ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
-];
-const MessageCircle = createLucideIcon("message-circle", __iconNode$1);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  ["path", { d: "M7 10v12", key: "1qc93n" }],
-  [
-    "path",
-    {
-      d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",
-      key: "emmmcr"
-    }
-  ]
-];
-const ThumbsUp = createLucideIcon("thumbs-up", __iconNode);
-
-function memo(getDeps, fn, opts) {
-  let deps = opts.initialDeps ?? [];
-  let result;
-  let isInitial = true;
-  function memoizedFunction() {
-    var _a, _b, _c;
-    let depTime;
-    if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
-    const newDeps = getDeps();
-    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep);
-    if (!depsChanged) {
-      return result;
-    }
-    deps = newDeps;
-    let resultTime;
-    if (opts.key && ((_b = opts.debug) == null ? void 0 : _b.call(opts))) resultTime = Date.now();
-    result = fn(...newDeps);
-    if (opts.key && ((_c = opts.debug) == null ? void 0 : _c.call(opts))) {
-      const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
-      const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
-      const resultFpsPercentage = resultEndTime / 16;
-      const pad = (str, num) => {
-        str = String(str);
-        while (str.length < num) {
-          str = " " + str;
-        }
-        return str;
-      };
-      console.info(
-        `%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`,
-        `
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(
-          0,
-          Math.min(120 - 120 * resultFpsPercentage, 120)
-        )}deg 100% 31%);`,
-        opts == null ? void 0 : opts.key
-      );
-    }
-    if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) {
-      opts.onChange(result);
-    }
-    isInitial = false;
-    return result;
-  }
-  memoizedFunction.updateDeps = (newDeps) => {
-    deps = newDeps;
-  };
-  return memoizedFunction;
-}
-function notUndefined(value, msg) {
-  if (value === void 0) {
-    throw new Error(`Unexpected undefined${""}`);
-  } else {
-    return value;
-  }
-}
-const approxEqual = (a, b) => Math.abs(a - b) < 1.01;
-const debounce = (targetWindow, fn, ms) => {
-  let timeoutId;
-  return function(...args) {
-    targetWindow.clearTimeout(timeoutId);
-    timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
-  };
-};
-
-const getRect = (element) => {
-  const { offsetWidth, offsetHeight } = element;
-  return { width: offsetWidth, height: offsetHeight };
-};
-const defaultKeyExtractor = (index) => index;
-const defaultRangeExtractor = (range) => {
-  const start = Math.max(range.startIndex - range.overscan, 0);
-  const end = Math.min(range.endIndex + range.overscan, range.count - 1);
-  const arr = [];
-  for (let i = start; i <= end; i++) {
-    arr.push(i);
-  }
-  return arr;
-};
-const observeElementRect = (instance, cb) => {
-  const element = instance.scrollElement;
-  if (!element) {
-    return;
-  }
-  const targetWindow = instance.targetWindow;
-  if (!targetWindow) {
-    return;
-  }
-  const handler = (rect) => {
-    const { width, height } = rect;
-    cb({ width: Math.round(width), height: Math.round(height) });
-  };
-  handler(getRect(element));
-  if (!targetWindow.ResizeObserver) {
-    return () => {
-    };
-  }
-  const observer = new targetWindow.ResizeObserver((entries) => {
-    const run = () => {
-      const entry = entries[0];
-      if (entry == null ? void 0 : entry.borderBoxSize) {
-        const box = entry.borderBoxSize[0];
-        if (box) {
-          handler({ width: box.inlineSize, height: box.blockSize });
-          return;
-        }
-      }
-      handler(getRect(element));
-    };
-    instance.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
-  });
-  observer.observe(element, { box: "border-box" });
-  return () => {
-    observer.unobserve(element);
-  };
-};
-const addEventListenerOptions = {
-  passive: true
-};
-const supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
-const observeElementOffset = (instance, cb) => {
-  const element = instance.scrollElement;
-  if (!element) {
-    return;
-  }
-  const targetWindow = instance.targetWindow;
-  if (!targetWindow) {
-    return;
-  }
-  let offset = 0;
-  const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(
-    targetWindow,
-    () => {
-      cb(offset, false);
-    },
-    instance.options.isScrollingResetDelay
-  );
-  const createHandler = (isScrolling) => () => {
-    const { horizontal, isRtl } = instance.options;
-    offset = horizontal ? element["scrollLeft"] * (isRtl && -1 || 1) : element["scrollTop"];
-    fallback();
-    cb(offset, isScrolling);
-  };
-  const handler = createHandler(true);
-  const endHandler = createHandler(false);
-  element.addEventListener("scroll", handler, addEventListenerOptions);
-  const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
-  if (registerScrollendEvent) {
-    element.addEventListener("scrollend", endHandler, addEventListenerOptions);
-  }
-  return () => {
-    element.removeEventListener("scroll", handler);
-    if (registerScrollendEvent) {
-      element.removeEventListener("scrollend", endHandler);
-    }
-  };
-};
-const measureElement = (element, entry, instance) => {
-  if (entry == null ? void 0 : entry.borderBoxSize) {
-    const box = entry.borderBoxSize[0];
-    if (box) {
-      const size = Math.round(
-        box[instance.options.horizontal ? "inlineSize" : "blockSize"]
-      );
-      return size;
-    }
-  }
-  return element[instance.options.horizontal ? "offsetWidth" : "offsetHeight"];
-};
-const elementScroll = (offset, {
-  adjustments = 0,
-  behavior
-}, instance) => {
-  var _a, _b;
-  const toOffset = offset + adjustments;
-  (_b = (_a = instance.scrollElement) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, {
-    [instance.options.horizontal ? "left" : "top"]: toOffset,
-    behavior
-  });
-};
-class Virtualizer {
-  constructor(opts) {
-    this.unsubs = [];
-    this.scrollElement = null;
-    this.targetWindow = null;
-    this.isScrolling = false;
-    this.scrollState = null;
-    this.measurementsCache = [];
-    this.itemSizeCache = /* @__PURE__ */ new Map();
-    this.laneAssignments = /* @__PURE__ */ new Map();
-    this.pendingMeasuredCacheIndexes = [];
-    this.prevLanes = void 0;
-    this.lanesChangedFlag = false;
-    this.lanesSettling = false;
-    this.scrollRect = null;
-    this.scrollOffset = null;
-    this.scrollDirection = null;
-    this.scrollAdjustments = 0;
-    this.elementsCache = /* @__PURE__ */ new Map();
-    this.now = () => {
-      var _a, _b, _c;
-      return ((_c = (_b = (_a = this.targetWindow) == null ? void 0 : _a.performance) == null ? void 0 : _b.now) == null ? void 0 : _c.call(_b)) ?? Date.now();
-    };
-    this.observer = /* @__PURE__ */ (() => {
-      let _ro = null;
-      const get = () => {
-        if (_ro) {
-          return _ro;
-        }
-        if (!this.targetWindow || !this.targetWindow.ResizeObserver) {
-          return null;
-        }
-        return _ro = new this.targetWindow.ResizeObserver((entries) => {
-          entries.forEach((entry) => {
-            const run = () => {
-              this._measureElement(entry.target, entry);
-            };
-            this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
-          });
-        });
-      };
-      return {
-        disconnect: () => {
-          var _a;
-          (_a = get()) == null ? void 0 : _a.disconnect();
-          _ro = null;
-        },
-        observe: (target) => {
-          var _a;
-          return (_a = get()) == null ? void 0 : _a.observe(target, { box: "border-box" });
-        },
-        unobserve: (target) => {
-          var _a;
-          return (_a = get()) == null ? void 0 : _a.unobserve(target);
-        }
-      };
-    })();
-    this.range = null;
-    this.setOptions = (opts2) => {
-      Object.entries(opts2).forEach(([key, value]) => {
-        if (typeof value === "undefined") delete opts2[key];
-      });
-      this.options = {
-        debug: false,
-        initialOffset: 0,
-        overscan: 1,
-        paddingStart: 0,
-        paddingEnd: 0,
-        scrollPaddingStart: 0,
-        scrollPaddingEnd: 0,
-        horizontal: false,
-        getItemKey: defaultKeyExtractor,
-        rangeExtractor: defaultRangeExtractor,
-        onChange: () => {
-        },
-        measureElement,
-        initialRect: { width: 0, height: 0 },
-        scrollMargin: 0,
-        gap: 0,
-        indexAttribute: "data-index",
-        initialMeasurementsCache: [],
-        lanes: 1,
-        isScrollingResetDelay: 150,
-        enabled: true,
-        isRtl: false,
-        useScrollendEvent: false,
-        useAnimationFrameWithResizeObserver: false,
-        ...opts2
-      };
-    };
-    this.notify = (sync) => {
-      var _a, _b;
-      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
-    };
-    this.maybeNotify = memo(
-      () => {
-        this.calculateRange();
-        return [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ];
-      },
-      (isScrolling) => {
-        this.notify(isScrolling);
-      },
-      {
-        key: false,
-        debug: () => this.options.debug,
-        initialDeps: [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ]
-      }
-    );
-    this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((d) => d());
-      this.unsubs = [];
-      this.observer.disconnect();
-      if (this.rafId != null && this.targetWindow) {
-        this.targetWindow.cancelAnimationFrame(this.rafId);
-        this.rafId = null;
-      }
-      this.scrollState = null;
-      this.scrollElement = null;
-      this.targetWindow = null;
-    };
-    this._didMount = () => {
-      return () => {
-        this.cleanup();
-      };
-    };
-    this._willUpdate = () => {
-      var _a;
-      const scrollElement = this.options.enabled ? this.options.getScrollElement() : null;
-      if (this.scrollElement !== scrollElement) {
-        this.cleanup();
-        if (!scrollElement) {
-          this.maybeNotify();
-          return;
-        }
-        this.scrollElement = scrollElement;
-        if (this.scrollElement && "ownerDocument" in this.scrollElement) {
-          this.targetWindow = this.scrollElement.ownerDocument.defaultView;
-        } else {
-          this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
-        }
-        this.elementsCache.forEach((cached) => {
-          this.observer.observe(cached);
-        });
-        this.unsubs.push(
-          this.options.observeElementRect(this, (rect) => {
-            this.scrollRect = rect;
-            this.maybeNotify();
-          })
-        );
-        this.unsubs.push(
-          this.options.observeElementOffset(this, (offset, isScrolling) => {
-            this.scrollAdjustments = 0;
-            this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? "forward" : "backward" : null;
-            this.scrollOffset = offset;
-            this.isScrolling = isScrolling;
-            if (this.scrollState) {
-              this.scheduleScrollReconcile();
-            }
-            this.maybeNotify();
-          })
-        );
-        this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          behavior: void 0
-        });
-      }
-    };
-    this.rafId = null;
-    this.getSize = () => {
-      if (!this.options.enabled) {
-        this.scrollRect = null;
-        return 0;
-      }
-      this.scrollRect = this.scrollRect ?? this.options.initialRect;
-      return this.scrollRect[this.options.horizontal ? "width" : "height"];
-    };
-    this.getScrollOffset = () => {
-      if (!this.options.enabled) {
-        this.scrollOffset = null;
-        return 0;
-      }
-      this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset === "function" ? this.options.initialOffset() : this.options.initialOffset);
-      return this.scrollOffset;
-    };
-    this.getFurthestMeasurement = (measurements, index) => {
-      const furthestMeasurementsFound = /* @__PURE__ */ new Map();
-      const furthestMeasurements = /* @__PURE__ */ new Map();
-      for (let m = index - 1; m >= 0; m--) {
-        const measurement = measurements[m];
-        if (furthestMeasurementsFound.has(measurement.lane)) {
-          continue;
-        }
-        const previousFurthestMeasurement = furthestMeasurements.get(
-          measurement.lane
-        );
-        if (previousFurthestMeasurement == null || measurement.end > previousFurthestMeasurement.end) {
-          furthestMeasurements.set(measurement.lane, measurement);
-        } else if (measurement.end < previousFurthestMeasurement.end) {
-          furthestMeasurementsFound.set(measurement.lane, true);
-        }
-        if (furthestMeasurementsFound.size === this.options.lanes) {
-          break;
-        }
-      }
-      return furthestMeasurements.size === this.options.lanes ? Array.from(furthestMeasurements.values()).sort((a, b) => {
-        if (a.end === b.end) {
-          return a.index - b.index;
-        }
-        return a.end - b.end;
-      })[0] : void 0;
-    };
-    this.getMeasurementOptions = memo(
-      () => [
-        this.options.count,
-        this.options.paddingStart,
-        this.options.scrollMargin,
-        this.options.getItemKey,
-        this.options.enabled,
-        this.options.lanes
-      ],
-      (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {
-        const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
-        if (lanesChanged) {
-          this.lanesChangedFlag = true;
-        }
-        this.prevLanes = lanes;
-        this.pendingMeasuredCacheIndexes = [];
-        return {
-          count,
-          paddingStart,
-          scrollMargin,
-          getItemKey,
-          enabled,
-          lanes
-        };
-      },
-      {
-        key: false
-      }
-    );
-    this.getMeasurements = memo(
-      () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {
-        if (!enabled) {
-          this.measurementsCache = [];
-          this.itemSizeCache.clear();
-          this.laneAssignments.clear();
-          return [];
-        }
-        if (this.laneAssignments.size > count) {
-          for (const index of this.laneAssignments.keys()) {
-            if (index >= count) {
-              this.laneAssignments.delete(index);
-            }
-          }
-        }
-        if (this.lanesChangedFlag) {
-          this.lanesChangedFlag = false;
-          this.lanesSettling = true;
-          this.measurementsCache = [];
-          this.itemSizeCache.clear();
-          this.laneAssignments.clear();
-          this.pendingMeasuredCacheIndexes = [];
-        }
-        if (this.measurementsCache.length === 0 && !this.lanesSettling) {
-          this.measurementsCache = this.options.initialMeasurementsCache;
-          this.measurementsCache.forEach((item) => {
-            this.itemSizeCache.set(item.key, item.size);
-          });
-        }
-        const min = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-        this.pendingMeasuredCacheIndexes = [];
-        if (this.lanesSettling && this.measurementsCache.length === count) {
-          this.lanesSettling = false;
-        }
-        const measurements = this.measurementsCache.slice(0, min);
-        const laneLastIndex = new Array(lanes).fill(
-          void 0
-        );
-        for (let m = 0; m < min; m++) {
-          const item = measurements[m];
-          if (item) {
-            laneLastIndex[item.lane] = m;
-          }
-        }
-        for (let i = min; i < count; i++) {
-          const key = getItemKey(i);
-          const cachedLane = this.laneAssignments.get(i);
-          let lane;
-          let start;
-          if (cachedLane !== void 0 && this.options.lanes > 1) {
-            lane = cachedLane;
-            const prevIndex = laneLastIndex[lane];
-            const prevInLane = prevIndex !== void 0 ? measurements[prevIndex] : void 0;
-            start = prevInLane ? prevInLane.end + this.options.gap : paddingStart + scrollMargin;
-          } else {
-            const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
-            start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
-            lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
-            if (this.options.lanes > 1) {
-              this.laneAssignments.set(i, lane);
-            }
-          }
-          const measuredSize = itemSizeCache.get(key);
-          const size = typeof measuredSize === "number" ? measuredSize : this.options.estimateSize(i);
-          const end = start + size;
-          measurements[i] = {
-            index: i,
-            start,
-            size,
-            end,
-            key,
-            lane
-          };
-          laneLastIndex[lane] = i;
-        }
-        this.measurementsCache = measurements;
-        return measurements;
-      },
-      {
-        key: false,
-        debug: () => this.options.debug
-      }
-    );
-    this.calculateRange = memo(
-      () => [
-        this.getMeasurements(),
-        this.getSize(),
-        this.getScrollOffset(),
-        this.options.lanes
-      ],
-      (measurements, outerSize, scrollOffset, lanes) => {
-        return this.range = measurements.length > 0 && outerSize > 0 ? calculateRange({
-          measurements,
-          outerSize,
-          scrollOffset,
-          lanes
-        }) : null;
-      },
-      {
-        key: false,
-        debug: () => this.options.debug
-      }
-    );
-    this.getVirtualIndexes = memo(
-      () => {
-        let startIndex = null;
-        let endIndex = null;
-        const range = this.calculateRange();
-        if (range) {
-          startIndex = range.startIndex;
-          endIndex = range.endIndex;
-        }
-        this.maybeNotify.updateDeps([this.isScrolling, startIndex, endIndex]);
-        return [
-          this.options.rangeExtractor,
-          this.options.overscan,
-          this.options.count,
-          startIndex,
-          endIndex
-        ];
-      },
-      (rangeExtractor, overscan, count, startIndex, endIndex) => {
-        return startIndex === null || endIndex === null ? [] : rangeExtractor({
-          startIndex,
-          endIndex,
-          overscan,
-          count
-        });
-      },
-      {
-        key: false,
-        debug: () => this.options.debug
-      }
-    );
-    this.indexFromElement = (node) => {
-      const attributeName = this.options.indexAttribute;
-      const indexStr = node.getAttribute(attributeName);
-      if (!indexStr) {
-        console.warn(
-          `Missing attribute name '${attributeName}={index}' on measured element.`
-        );
-        return -1;
-      }
-      return parseInt(indexStr, 10);
-    };
-    this.shouldMeasureDuringScroll = (index) => {
-      var _a;
-      if (!this.scrollState || this.scrollState.behavior !== "smooth") {
-        return true;
-      }
-      const scrollIndex = this.scrollState.index ?? ((_a = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : _a.index);
-      if (scrollIndex !== void 0 && this.range) {
-        const bufferSize = Math.max(
-          this.options.overscan,
-          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
-        );
-        const minIndex = Math.max(0, scrollIndex - bufferSize);
-        const maxIndex = Math.min(
-          this.options.count - 1,
-          scrollIndex + bufferSize
-        );
-        return index >= minIndex && index <= maxIndex;
-      }
-      return true;
-    };
-    this._measureElement = (node, entry) => {
-      if (!node.isConnected) {
-        this.observer.unobserve(node);
-        return;
-      }
-      const index = this.indexFromElement(node);
-      const item = this.measurementsCache[index];
-      if (!item) {
-        return;
-      }
-      const key = item.key;
-      const prevNode = this.elementsCache.get(key);
-      if (prevNode !== node) {
-        if (prevNode) {
-          this.observer.unobserve(prevNode);
-        }
-        this.observer.observe(node);
-        this.elementsCache.set(key, node);
-      }
-      if (this.shouldMeasureDuringScroll(index)) {
-        this.resizeItem(index, this.options.measureElement(node, entry, this));
-      }
-    };
-    this.resizeItem = (index, size) => {
-      var _a;
-      const item = this.measurementsCache[index];
-      if (!item) {
-        return;
-      }
-      const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
-      const delta = size - itemSize;
-      if (delta !== 0) {
-        if (((_a = this.scrollState) == null ? void 0 : _a.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments)) {
-          this._scrollToOffset(this.getScrollOffset(), {
-            adjustments: this.scrollAdjustments += delta,
-            behavior: void 0
-          });
-        }
-        this.pendingMeasuredCacheIndexes.push(item.index);
-        this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
-        this.notify(false);
-      }
-    };
-    this.measureElement = (node) => {
-      if (!node) {
-        this.elementsCache.forEach((cached, key) => {
-          if (!cached.isConnected) {
-            this.observer.unobserve(cached);
-            this.elementsCache.delete(key);
-          }
-        });
-        return;
-      }
-      this._measureElement(node, void 0);
-    };
-    this.getVirtualItems = memo(
-      () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (indexes, measurements) => {
-        const virtualItems = [];
-        for (let k = 0, len = indexes.length; k < len; k++) {
-          const i = indexes[k];
-          const measurement = measurements[i];
-          virtualItems.push(measurement);
-        }
-        return virtualItems;
-      },
-      {
-        key: false,
-        debug: () => this.options.debug
-      }
-    );
-    this.getVirtualItemForOffset = (offset) => {
-      const measurements = this.getMeasurements();
-      if (measurements.length === 0) {
-        return void 0;
-      }
-      return notUndefined(
-        measurements[findNearestBinarySearch(
-          0,
-          measurements.length - 1,
-          (index) => notUndefined(measurements[index]).start,
-          offset
-        )]
-      );
-    };
-    this.getMaxScrollOffset = () => {
-      if (!this.scrollElement) return 0;
-      if ("scrollHeight" in this.scrollElement) {
-        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
-      } else {
-        const doc = this.scrollElement.document.documentElement;
-        return this.options.horizontal ? doc.scrollWidth - this.scrollElement.innerWidth : doc.scrollHeight - this.scrollElement.innerHeight;
-      }
-    };
-    this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
-      if (!this.scrollElement) return 0;
-      const size = this.getSize();
-      const scrollOffset = this.getScrollOffset();
-      if (align === "auto") {
-        align = toOffset >= scrollOffset + size ? "end" : "start";
-      }
-      if (align === "center") {
-        toOffset += (itemSize - size) / 2;
-      } else if (align === "end") {
-        toOffset -= size;
-      }
-      const maxOffset = this.getMaxScrollOffset();
-      return Math.max(Math.min(maxOffset, toOffset), 0);
-    };
-    this.getOffsetForIndex = (index, align = "auto") => {
-      index = Math.max(0, Math.min(index, this.options.count - 1));
-      const size = this.getSize();
-      const scrollOffset = this.getScrollOffset();
-      const item = this.measurementsCache[index];
-      if (!item) return;
-      if (align === "auto") {
-        if (item.end >= scrollOffset + size - this.options.scrollPaddingEnd) {
-          align = "end";
-        } else if (item.start <= scrollOffset + this.options.scrollPaddingStart) {
-          align = "start";
-        } else {
-          return [scrollOffset, align];
-        }
-      }
-      if (align === "end" && index === this.options.count - 1) {
-        return [this.getMaxScrollOffset(), align];
-      }
-      const toOffset = align === "end" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;
-      return [
-        this.getOffsetForAlignment(toOffset, align, item.size),
-        align
-      ];
-    };
-    this.scrollToOffset = (toOffset, { align = "start", behavior = "auto" } = {}) => {
-      const offset = this.getOffsetForAlignment(toOffset, align);
-      const now = this.now();
-      this.scrollState = {
-        index: null,
-        align,
-        behavior,
-        startedAt: now,
-        lastTargetOffset: offset,
-        stableFrames: 0
-      };
-      this._scrollToOffset(offset, { adjustments: void 0, behavior });
-      this.scheduleScrollReconcile();
-    };
-    this.scrollToIndex = (index, {
-      align: initialAlign = "auto",
-      behavior = "auto"
-    } = {}) => {
-      index = Math.max(0, Math.min(index, this.options.count - 1));
-      const offsetInfo = this.getOffsetForIndex(index, initialAlign);
-      if (!offsetInfo) {
-        return;
-      }
-      const [offset, align] = offsetInfo;
-      const now = this.now();
-      this.scrollState = {
-        index,
-        align,
-        behavior,
-        startedAt: now,
-        lastTargetOffset: offset,
-        stableFrames: 0
-      };
-      this._scrollToOffset(offset, { adjustments: void 0, behavior });
-      this.scheduleScrollReconcile();
-    };
-    this.scrollBy = (delta, { behavior = "auto" } = {}) => {
-      const offset = this.getScrollOffset() + delta;
-      const now = this.now();
-      this.scrollState = {
-        index: null,
-        align: "start",
-        behavior,
-        startedAt: now,
-        lastTargetOffset: offset,
-        stableFrames: 0
-      };
-      this._scrollToOffset(offset, { adjustments: void 0, behavior });
-      this.scheduleScrollReconcile();
-    };
-    this.getTotalSize = () => {
-      var _a;
-      const measurements = this.getMeasurements();
-      let end;
-      if (measurements.length === 0) {
-        end = this.options.paddingStart;
-      } else if (this.options.lanes === 1) {
-        end = ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0;
-      } else {
-        const endByLane = Array(this.options.lanes).fill(null);
-        let endIndex = measurements.length - 1;
-        while (endIndex >= 0 && endByLane.some((val) => val === null)) {
-          const item = measurements[endIndex];
-          if (endByLane[item.lane] === null) {
-            endByLane[item.lane] = item.end;
-          }
-          endIndex--;
-        }
-        end = Math.max(...endByLane.filter((val) => val !== null));
-      }
-      return Math.max(
-        end - this.options.scrollMargin + this.options.paddingEnd,
-        0
-      );
-    };
-    this._scrollToOffset = (offset, {
-      adjustments,
-      behavior
-    }) => {
-      this.options.scrollToFn(offset, { behavior, adjustments }, this);
-    };
-    this.measure = () => {
-      this.itemSizeCache = /* @__PURE__ */ new Map();
-      this.laneAssignments = /* @__PURE__ */ new Map();
-      this.notify(false);
-    };
-    this.setOptions(opts);
-  }
-  scheduleScrollReconcile() {
-    if (!this.targetWindow) {
-      this.scrollState = null;
-      return;
-    }
-    if (this.rafId != null) return;
-    this.rafId = this.targetWindow.requestAnimationFrame(() => {
-      this.rafId = null;
-      this.reconcileScroll();
-    });
-  }
-  reconcileScroll() {
-    if (!this.scrollState) return;
-    const el = this.scrollElement;
-    if (!el) return;
-    const MAX_RECONCILE_MS = 5e3;
-    if (this.now() - this.scrollState.startedAt > MAX_RECONCILE_MS) {
-      this.scrollState = null;
-      return;
-    }
-    const offsetInfo = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0;
-    const targetOffset = offsetInfo ? offsetInfo[0] : this.scrollState.lastTargetOffset;
-    const STABLE_FRAMES = 1;
-    const targetChanged = targetOffset !== this.scrollState.lastTargetOffset;
-    if (!targetChanged && approxEqual(targetOffset, this.getScrollOffset())) {
-      this.scrollState.stableFrames++;
-      if (this.scrollState.stableFrames >= STABLE_FRAMES) {
-        this.scrollState = null;
-        return;
-      }
-    } else {
-      this.scrollState.stableFrames = 0;
-      if (targetChanged) {
-        this.scrollState.lastTargetOffset = targetOffset;
-        this.scrollState.behavior = "auto";
-        this._scrollToOffset(targetOffset, {
-          adjustments: void 0,
-          behavior: "auto"
-        });
-      }
-    }
-    this.scheduleScrollReconcile();
-  }
-}
-const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
-  while (low <= high) {
-    const middle = (low + high) / 2 | 0;
-    const currentValue = getCurrentValue(middle);
-    if (currentValue < value) {
-      low = middle + 1;
-    } else if (currentValue > value) {
-      high = middle - 1;
-    } else {
-      return middle;
-    }
-  }
-  if (low > 0) {
-    return low - 1;
-  } else {
-    return 0;
-  }
-};
-function calculateRange({
-  measurements,
-  outerSize,
-  scrollOffset,
-  lanes
-}) {
-  const lastIndex = measurements.length - 1;
-  const getOffset = (index) => measurements[index].start;
-  if (measurements.length <= lanes) {
-    return {
-      startIndex: 0,
-      endIndex: lastIndex
-    };
-  }
-  let startIndex = findNearestBinarySearch(
-    0,
-    lastIndex,
-    getOffset,
-    scrollOffset
-  );
-  let endIndex = startIndex;
-  if (lanes === 1) {
-    while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) {
-      endIndex++;
-    }
-  } else if (lanes > 1) {
-    const endPerLane = Array(lanes).fill(0);
-    while (endIndex < lastIndex && endPerLane.some((pos) => pos < scrollOffset + outerSize)) {
-      const item = measurements[endIndex];
-      endPerLane[item.lane] = item.end;
-      endIndex++;
-    }
-    const startPerLane = Array(lanes).fill(scrollOffset + outerSize);
-    while (startIndex >= 0 && startPerLane.some((pos) => pos >= scrollOffset)) {
-      const item = measurements[startIndex];
-      startPerLane[item.lane] = item.start;
-      startIndex--;
-    }
-    startIndex = Math.max(0, startIndex - startIndex % lanes);
-    endIndex = Math.min(lastIndex, endIndex + (lanes - 1 - endIndex % lanes));
-  }
-  return { startIndex, endIndex };
-}
-
-const useIsomorphicLayoutEffect = typeof document !== "undefined" ? reactExports.useLayoutEffect : reactExports.useEffect;
-function useVirtualizerBase({
-  useFlushSync = true,
-  ...options
-}) {
-  const rerender = reactExports.useReducer(() => ({}), {})[1];
-  const resolvedOptions = {
-    ...options,
-    onChange: (instance2, sync) => {
-      var _a;
-      if (useFlushSync && sync) {
-        reactDomExports.flushSync(rerender);
-      } else {
-        rerender();
-      }
-      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
-    }
-  };
-  const [instance] = reactExports.useState(
-    () => new Virtualizer(resolvedOptions)
-  );
-  instance.setOptions(resolvedOptions);
-  useIsomorphicLayoutEffect(() => {
-    return instance._didMount();
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    return instance._willUpdate();
-  });
-  return instance;
-}
-function useVirtualizer(options) {
-  return useVirtualizerBase({
-    observeElementRect,
-    observeElementOffset,
-    scrollToFn: elementScroll,
-    ...options
-  });
-}
-
-const STORAGE_KEY = "lab-animation-level";
-function useLabAnimationLevel() {
-  const prefersReducedMotion = useReducedMotion();
-  const [level, setLevel] = reactExports.useState("full");
-  reactExports.useEffect(() => {
-    if (typeof window === "undefined") return;
-    const stored = window.localStorage.getItem(STORAGE_KEY);
-    if (stored) {
-      setLevel(stored);
-      return;
-    }
-    if (prefersReducedMotion) {
-      setLevel("off");
-      return;
-    }
-    const lowEnd = typeof navigator !== "undefined" && navigator.hardwareConcurrency <= 4;
-    setLevel(lowEnd ? "simple" : "full");
-  }, [prefersReducedMotion]);
-  const update = (next) => {
-    setLevel(next);
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(STORAGE_KEY, next);
-    }
-  };
-  return { level, setLevel: update };
-}
-
-function LabDirectChatView({
-  projectId,
-  readOnly,
-  visible,
-  prefill,
-  leadMessage,
-  hideCopilotGreeting,
-  mentionablesOverride,
-  defaultAgentOverride,
-  mentionsEnabledOverride,
-  enforcedMentionPrefix,
-  lockedMentionPrefix,
-  messageMetadata,
-  composerMode,
-  composerFooter,
-  busyOverride,
-  onActionsChange,
-  onMetaChange,
-  onUserSubmit
-}) {
-  const normalizedPrefill = reactExports.useMemo(() => {
-    if (!prefill?.text) return prefill ?? null;
-    const raw = prefill.text;
-    if (!raw.startsWith("@")) return prefill;
-    const match = raw.match(/^@[^\s]+/);
-    if (!match) return prefill;
-    const end = match[0].length;
-    if (raw[end] === " ") return prefill;
-    return { ...prefill, text: `${raw.slice(0, end)} ${raw.slice(end)}` };
-  }, [prefill]);
-  const [historyOpenOverride, setHistoryOpenOverride] = reactExports.useState(false);
-  const historyPanelId = reactExports.useId();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    AiManusChatView,
-    {
-      mode: "lab-direct",
-      uiMode: "copilot",
-      projectId,
-      readOnly,
-      visible,
-      prefill: normalizedPrefill,
-      embedded: true,
-      historyMode: "overlay",
-      layoutPadding: "flush",
-      sessionListEnabled: false,
-      historyPanelId,
-      historyOpenOverride,
-      onHistoryOpenChange: setHistoryOpenOverride,
-      onActionsChange,
-      onMetaChange,
-      mentionablesOverride,
-      defaultAgentOverride,
-      mentionsEnabledOverride,
-      enforcedMentionPrefix,
-      lockedMentionPrefix,
-      lockLeadingMentionSpace: true,
-      messageMetadata,
-      hideCopilotGreeting,
-      composerMode,
-      composerFooter,
-      leadMessage,
-      busyOverride,
-      onUserSubmit
-    }
-  );
-}
-
-const GROUP_FOLLOW_THRESHOLD_PX = 10;
-const LAB_SESSION_EVENT_LIMIT = 300;
-const buildTextDeltaId = (eventId, seq) => {
-  const base = eventId.trim() ? eventId.trim() : "text";
-  return `text-${base}-${seq}`;
-};
-const isScrolledToBottom = (container, threshold = GROUP_FOLLOW_THRESHOLD_PX) => {
-  const { scrollTop, scrollHeight, clientHeight } = container;
-  return scrollHeight - scrollTop - clientHeight <= threshold;
-};
-const isScrolledToTop = (container, threshold = GROUP_FOLLOW_THRESHOLD_PX) => {
-  return container.scrollTop <= threshold;
-};
-const useLabSurfaceSession = ({
-  projectId,
-  questId,
-  surface,
-  enabled
-}) => {
-  const [sessionId, setSessionId] = reactExports.useState(null);
-  const [messages, setMessages] = reactExports.useState([]);
-  const [historyTruncated, setHistoryTruncated] = reactExports.useState(false);
-  const [historyLimit, setHistoryLimit] = reactExports.useState(null);
-  const [historyLoadingFull, setHistoryLoadingFull] = reactExports.useState(false);
-  const [historyLoading, setHistoryLoading] = reactExports.useState(false);
-  const [hasLoadedOnce, setHasLoadedOnce] = reactExports.useState(false);
-  const [restoreToken, setRestoreToken] = reactExports.useState(0);
-  const sessionIdRef = reactExports.useRef(null);
-  const previousSessionIdRef = reactExports.useRef(null);
-  const messagesRef = reactExports.useRef([]);
-  const assistantMessageIndexRef = reactExports.useRef(/* @__PURE__ */ new Map());
-  const attachmentsSeenRef = reactExports.useRef(/* @__PURE__ */ new Set());
-  const lastAssistantSegmentIdRef = reactExports.useRef(null);
-  const timelineSeqRef = reactExports.useRef(0);
-  const fullHistoryRef = reactExports.useRef(false);
-  const fullHistoryRequestRef = reactExports.useRef(false);
-  const setSessionIdForSurface = useChatSessionStore((state) => state.setSessionIdForSurface);
-  const surfaceKey = `lab-${surface}`;
-  const resolveTimelineSeq = reactExports.useCallback((candidate) => {
-    if (typeof candidate === "number" && Number.isFinite(candidate)) {
-      if (candidate > timelineSeqRef.current) {
-        timelineSeqRef.current = candidate;
-      }
-      return candidate;
-    }
-    timelineSeqRef.current += 1;
-    return timelineSeqRef.current;
-  }, []);
-  const updateMessages = reactExports.useCallback((next) => {
-    messagesRef.current = next;
-    setMessages(next);
-  }, []);
-  const appendMessage = reactExports.useCallback(
-    (message) => {
-      updateMessages([...messagesRef.current, message]);
-    },
-    [updateMessages]
-  );
-  const resetState = reactExports.useCallback(() => {
-    messagesRef.current = [];
-    setMessages([]);
-    assistantMessageIndexRef.current = /* @__PURE__ */ new Map();
-    attachmentsSeenRef.current = /* @__PURE__ */ new Set();
-    lastAssistantSegmentIdRef.current = null;
-    timelineSeqRef.current = 0;
-  }, []);
-  const resetHistoryState = reactExports.useCallback(() => {
-    setHistoryTruncated(false);
-    setHistoryLimit(null);
-    setHistoryLoadingFull(false);
-    setHistoryLoading(false);
-    setHasLoadedOnce(false);
-    fullHistoryRef.current = false;
-    fullHistoryRequestRef.current = false;
-    setRestoreToken(0);
-  }, []);
-  const handleEvent = reactExports.useCallback(
-    (event) => {
-      if (!sessionId) return;
-      applyChatEvent(event, {
-        sessionId,
-        messagesRef,
-        assistantMessageIndexRef,
-        lastAssistantSegmentIdRef,
-        attachmentsSeenRef,
-        resolveTimelineSeq,
-        buildTextDeltaId,
-        appendMessage,
-        updateMessages
-      });
-    },
-    [appendMessage, resolveTimelineSeq, sessionId, updateMessages]
-  );
-  const { sendMessage, restoreSession, stop, connection } = useSSESession({
-    sessionId,
-    projectId,
-    onEvent: handleEvent
-  });
-  const pingTimerRef = reactExports.useRef(null);
-  const pingInFlightRef = reactExports.useRef(false);
-  reactExports.useEffect(() => {
-    if (!enabled || !projectId || !questId) {
-      setSessionId(null);
-      resetState();
-      resetHistoryState();
-      return;
-    }
-    if (sessionIdRef.current) {
-      setSessionId(null);
-    }
-    let active = true;
-    const fetchSession = async () => {
-      resetState();
-      resetHistoryState();
-      setHistoryLoading(true);
-      try {
-        const response = surface === "group" ? await getLabGroupSession(projectId, questId) : await getLabFriendsSession(projectId, questId);
-        if (!active) return;
-        const nextSessionId = response?.session_id?.trim?.() ?? response?.session_id;
-        if (!nextSessionId) {
-          setSessionId(null);
-          setHistoryLoading(false);
-          setHasLoadedOnce(true);
-          return;
-        }
-        setSessionId(nextSessionId);
-        setSessionIdForSurface(projectId, `lab-${surface}`, nextSessionId);
-      } catch {
-        if (active) {
-          setHistoryLoading(false);
-        }
-      }
-    };
-    void fetchSession();
-    return () => {
-      active = false;
-    };
-  }, [enabled, projectId, questId, resetHistoryState, resetState, setSessionIdForSurface, surface]);
-  reactExports.useEffect(() => {
-    if (!enabled || !sessionId) return;
-    let active = true;
-    const restore = async () => {
-      const requestFull = fullHistoryRequestRef.current;
-      const wantsFull = fullHistoryRef.current || requestFull;
-      if (requestFull) {
-        fullHistoryRequestRef.current = false;
-      }
-      resetState();
-      setHistoryLoading(true);
-      try {
-        const session = await restoreSession(
-          wantsFull ? { full: true } : { limit: LAB_SESSION_EVENT_LIMIT }
-        );
-        if (!active) return;
-        const events = Array.isArray(session?.events) ? session.events : [];
-        let lastEventId = null;
-        events.forEach((record) => {
-          if (!record || !record.event || !record.data) return;
-          if (record.data?.event_id) {
-            lastEventId = record.data.event_id;
-          }
-          applyChatEvent(
-            { event: record.event, data: record.data },
-            {
-              sessionId,
-              messagesRef,
-              assistantMessageIndexRef,
-              lastAssistantSegmentIdRef,
-              attachmentsSeenRef,
-              resolveTimelineSeq,
-              buildTextDeltaId,
-              appendMessage,
-              updateMessages
-            }
-          );
-        });
-        const eventsTruncated = Boolean(session?.events_truncated);
-        const eventLimit = typeof session?.event_limit === "number" ? session.event_limit : null;
-        setHistoryTruncated(eventsTruncated);
-        setHistoryLimit(eventLimit);
-        if (wantsFull) {
-          fullHistoryRef.current = !eventsTruncated;
-        } else {
-          fullHistoryRef.current = false;
-        }
-        if (lastEventId) {
-          useChatSessionStore.getState().setLastEventId(sessionId, lastEventId);
-        }
-        if (!active) return;
-        try {
-          await sendMessage({
-            sessionId,
-            message: "",
-            surface: `lab-${surface}`,
-            replayFromLastEvent: true
-          });
-        } catch {
-        }
-      } finally {
-        if (requestFull && active) {
-          setHistoryLoadingFull(false);
-        }
-        if (active) {
-          setHistoryLoading(false);
-          setHasLoadedOnce(true);
-        }
-      }
-    };
-    void restore();
-    return () => {
-      active = false;
-    };
-  }, [
-    appendMessage,
-    enabled,
-    resolveTimelineSeq,
-    resetState,
-    restoreSession,
-    restoreToken,
-    sendMessage,
-    sessionId,
-    surface,
-    updateMessages
-  ]);
-  reactExports.useEffect(() => {
-    if (!enabled || !sessionId) return;
-    let isMounted = true;
-    const schedulePing = () => {
-      const delay = 2e4 + Math.floor(Math.random() * 1e4);
-      pingTimerRef.current = window.setTimeout(async () => {
-        if (!isMounted || !sessionId || pingInFlightRef.current) {
-          schedulePing();
-          return;
-        }
-        pingInFlightRef.current = true;
-        try {
-          await sendMessage({
-            sessionId,
-            message: "",
-            surface: surfaceKey,
-            replayFromLastEvent: true
-          });
-        } catch {
-        } finally {
-          pingInFlightRef.current = false;
-        }
-        schedulePing();
-      }, delay);
-    };
-    schedulePing();
-    return () => {
-      isMounted = false;
-      if (pingTimerRef.current) {
-        window.clearTimeout(pingTimerRef.current);
-        pingTimerRef.current = null;
-      }
-    };
-  }, [enabled, sendMessage, sessionId, surfaceKey]);
-  reactExports.useEffect(() => {
-    if (!enabled || !sessionId) return;
-    if (connection.status === "closed" || connection.status === "error") {
-      if (pingInFlightRef.current) return;
-      pingInFlightRef.current = true;
-      void sendMessage({
-        sessionId,
-        message: "",
-        surface: surfaceKey,
-        replayFromLastEvent: true
-      }).finally(() => {
-        pingInFlightRef.current = false;
-      });
-    }
-  }, [connection.status, enabled, sendMessage, sessionId, surfaceKey]);
-  reactExports.useEffect(() => {
-    sessionIdRef.current = sessionId;
-  }, [sessionId]);
-  reactExports.useEffect(() => {
-    if (previousSessionIdRef.current && previousSessionIdRef.current !== sessionId) {
-      stop(previousSessionIdRef.current);
-    }
-    previousSessionIdRef.current = sessionId;
-  }, [sessionId, stop]);
-  reactExports.useEffect(() => {
-    return () => {
-      if (sessionIdRef.current) {
-        stop(sessionIdRef.current);
-      }
-    };
-  }, [stop]);
-  const loadFullHistory = reactExports.useCallback(() => {
-    if (!sessionId || !enabled) return;
-    if (historyLoadingFull || fullHistoryRef.current) return;
-    fullHistoryRequestRef.current = true;
-    setHistoryLoadingFull(true);
-    setRestoreToken((value) => value + 1);
-  }, [enabled, historyLoadingFull, sessionId]);
-  return {
-    sessionId,
-    messages,
-    connection,
-    sendMessage,
-    historyTruncated,
-    historyLimit,
-    historyLoadingFull,
-    historyLoading,
-    hasLoadedOnce,
-    loadFullHistory
-  };
-};
-const getMessageText = (message) => {
-  const content = message.content;
-  return typeof content?.content === "string" ? content.content : "";
-};
-const getMessageMetadata = (message) => {
-  const content = message.content;
-  return content?.metadata ?? null;
-};
-const toSelectionMetadata = (selection) => {
-  if (!selection) return void 0;
-  return {
-    selection_type: selection.selection_type,
-    selection_ref: selection.selection_ref,
-    quest_id: selection.quest_id,
-    branch_name: selection.branch_name ?? void 0,
-    edge_id: selection.edge_id ?? void 0,
-    agent_instance_id: selection.agent_instance_id ?? void 0,
-    worktree_rel_path: selection.worktree_rel_path ?? void 0
-  };
-};
-const resolveSelectionLabel = (selection) => {
-  if (!selection) return "";
-  if (selection.label?.trim()) return selection.label.trim();
-  return selection.branch_name?.trim() || selection.edge_id?.trim() || selection.agent_instance_id?.trim() || selection.selection_ref;
-};
-const resolveReplyStateLabel = (t, replyState) => {
-  const normalized = typeof replyState === "string" ? replyState.trim().toLowerCase() : "";
-  if (!normalized) return null;
-  if (normalized === "queued") {
-    return t("copilot_group_reply_state_queued", void 0, "Queued");
-  }
-  if (normalized === "acked") {
-    return t("copilot_group_reply_state_acked", void 0, "Acknowledged");
-  }
-  if (normalized === "final") {
-    return t("copilot_group_reply_state_final", void 0, "Final");
-  }
-  return normalized;
-};
-function LabControlReferenceChips({
-  selection,
-  proposal,
-  onClearSelection,
-  onClearProposal,
-  selectionPrefix,
-  proposalPrefix
-}) {
-  if (!selection && !proposal) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-[var(--lab-border)] bg-[var(--lab-background)] px-4 py-3", children: [
-    selection ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: onClearSelection,
-        className: "inline-flex items-center gap-2 rounded-full border border-[var(--lab-border)] bg-[var(--lab-surface)] px-3 py-1 text-[11px] font-medium text-[var(--lab-text-primary)]",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[var(--lab-text-secondary)]", children: selectionPrefix }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: resolveSelectionLabel(selection) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[var(--lab-text-muted)]", children: "×" })
-        ]
-      }
-    ) : null,
-    proposal ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: onClearProposal,
-        className: "inline-flex items-center gap-2 rounded-full border border-[rgba(83,176,174,0.28)] bg-[rgba(83,176,174,0.12)] px-3 py-1 text-[11px] font-medium text-[var(--lab-text-primary)]",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[var(--lab-text-secondary)]", children: proposalPrefix }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: proposal.action_type }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[var(--lab-text-muted)]", children: [
-            "· ",
-            proposal.status
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[var(--lab-text-muted)]", children: "×" })
-        ]
-      }
-    ) : null
-  ] });
-}
-const getMessageRole = (message) => {
-  if (message.type !== "text_delta") return null;
-  const content = message.content;
-  return content.role;
-};
-const formatAbsoluteTimestamp = (value) => {
-  if (value === null || value === void 0) return "";
-  const date = typeof value === "number" ? new Date(value < 1e12 ? value * 1e3 : value) : new Date(value);
-  if (Number.isNaN(date.getTime())) return "";
-  const pad = (item) => String(item).padStart(2, "0");
-  const year = pad(date.getFullYear() % 100);
-  const month = pad(date.getMonth() + 1);
-  const day = pad(date.getDate());
-  const hour = pad(date.getHours());
-  const minute = pad(date.getMinutes());
-  const second = pad(date.getSeconds());
-  return `${year}-${month}-${day} ${hour}-${minute}-${second}`;
-};
-const resolveMessageTitle = (message) => {
-  const role = getMessageRole(message);
-  if (role === "user") return "You";
-  const metadata = getMessageMetadata(message);
-  if (metadata?.sender_name) return metadata.sender_name;
-  if (metadata?.agent_display_name) return metadata.agent_display_name;
-  if (metadata?.sender_label) return metadata.sender_label;
-  if (metadata?.agent_label) return metadata.agent_label;
-  if (metadata?.agent_id) return `@${metadata.agent_id}`;
-  return "Agent";
-};
-const resolveMomentMedia = (raw) => {
-  if (!raw) return [];
-  const normalizeEntry = (entry) => {
-    if (typeof entry === "string") {
-      const trimmed = entry.trim();
-      return trimmed ? { url: trimmed } : null;
-    }
-    if (!entry || typeof entry !== "object") return null;
-    const record = entry;
-    const urlCandidate = typeof record.url === "string" && record.url || typeof record.src === "string" && record.src || typeof record.file_url === "string" && record.file_url || typeof record.preview_url === "string" && record.preview_url || typeof record.path === "string" && record.path || "";
-    if (!urlCandidate) return null;
-    const label = typeof record.label === "string" ? record.label : void 0;
-    return { url: urlCandidate, label };
-  };
-  const rawList = Array.isArray(raw) ? raw : typeof raw === "object" ? raw.items || raw.images || raw.files || [] : [];
-  if (!Array.isArray(rawList)) return [];
-  return rawList.map((entry) => normalizeEntry(entry)).filter((entry) => Boolean(entry)).slice(0, 9);
-};
-const resolveMomentLikes = (raw) => {
-  if (!raw) return [];
-  const normalizeEntry = (entry) => {
-    if (typeof entry === "string") {
-      const trimmed2 = entry.trim();
-      return trimmed2 ? { name: trimmed2 } : null;
-    }
-    if (!entry || typeof entry !== "object") return null;
-    const record = entry;
-    const nameCandidate = typeof record.name === "string" && record.name || typeof record.user_name === "string" && record.user_name || typeof record.username === "string" && record.username || typeof record.display_name === "string" && record.display_name || typeof record.label === "string" && record.label || typeof record.user_id === "string" && record.user_id || "";
-    const trimmed = nameCandidate.trim();
-    if (!trimmed) return null;
-    return { name: trimmed };
-  };
-  const rawListValue = Array.isArray(raw) ? raw : typeof raw === "object" ? raw.items || raw.users || raw.likes || [] : [];
-  const rawList = Array.isArray(rawListValue) ? rawListValue : [];
-  return rawList.map((entry) => normalizeEntry(entry)).filter((entry) => Boolean(entry));
-};
-const resolveMomentComments = (raw) => {
-  if (!raw) return [];
-  const normalizeEntry = (entry) => {
-    if (typeof entry === "string") {
-      const trimmed = entry.trim();
-      return trimmed ? { name: "Unknown", content: trimmed } : null;
-    }
-    if (!entry || typeof entry !== "object") return null;
-    const record = entry;
-    const nameCandidate = typeof record.name === "string" && record.name || typeof record.user_name === "string" && record.user_name || typeof record.username === "string" && record.username || typeof record.display_name === "string" && record.display_name || typeof record.label === "string" && record.label || typeof record.user_id === "string" && record.user_id || "";
-    const contentCandidate = typeof record.content === "string" && record.content || typeof record.text === "string" && record.text || typeof record.message === "string" && record.message || typeof record.body === "string" && record.body || "";
-    const name = nameCandidate.trim() || "Unknown";
-    const content = contentCandidate.trim();
-    if (!content) return null;
-    return { name, content };
-  };
-  const rawListValue = Array.isArray(raw) ? raw : typeof raw === "object" ? raw.items || raw.comments || raw.entries || [] : [];
-  const rawList = Array.isArray(rawListValue) ? rawListValue : [];
-  return rawList.map((entry) => normalizeEntry(entry)).filter((entry) => Boolean(entry));
-};
-const mergeMomentLikes = (base, extra) => {
-  const seen = /* @__PURE__ */ new Map();
-  base.forEach((item) => {
-    const key = item.name.trim().toLowerCase();
-    if (!key) return;
-    if (!seen.has(key)) seen.set(key, item.name);
-  });
-  extra.forEach((item) => {
-    const key = item.name.trim().toLowerCase();
-    if (!key) return;
-    if (!seen.has(key)) seen.set(key, item.name);
-  });
-  return Array.from(seen.values());
-};
-const mergeMomentComments = (base, extra) => {
-  const seen = /* @__PURE__ */ new Map();
-  base.forEach((item) => {
-    const key = `${item.name.trim().toLowerCase()}::${item.content.trim().toLowerCase()}`;
-    if (seen.has(key)) return;
-    seen.set(key, item);
-  });
-  extra.forEach((item) => {
-    const key = `${item.name.trim().toLowerCase()}::${item.content.trim().toLowerCase()}`;
-    if (seen.has(key)) return;
-    seen.set(key, item);
-  });
-  return Array.from(seen.values());
-};
-const resolveMomentTimestamp = (message) => {
-  const content = message.content;
-  if (typeof content?.timestamp === "number") {
-    return new Date(content.timestamp * 1e3).toISOString();
-  }
-  const metadata = content?.metadata;
-  if (typeof metadata?.source_ts === "string") {
-    return metadata.source_ts;
-  }
-  return null;
-};
-function LabCopilotHeader({
-  disabled,
-  agents,
-  templates,
-  quests,
-  onClearChat,
-  clearChatDisabled
-}) {
-  const mode = useLabCopilotStore((state) => state.mode);
-  const setMode = useLabCopilotStore((state) => state.setMode);
-  const activeAgentId = useLabCopilotStore((state) => state.activeAgentId);
-  const activeQuestId = useLabCopilotStore((state) => state.activeQuestId);
-  const followEffects = useLabCopilotStore((state) => state.followEffects);
-  const setFollowEffects = useLabCopilotStore((state) => state.setFollowEffects);
-  const agentStatusOverrides = useLabCopilotStore((state) => state.agentStatusOverrides);
-  const piOnboardingActive = useLabCopilotStore((state) => state.piOnboardingActive);
-  const endPiOnboarding = useLabCopilotStore((state) => state.endPiOnboarding);
-  const templatesById = reactExports.useMemo(() => {
-    return new Map(templates.map((template) => [template.template_id, template]));
-  }, [templates]);
-  const avatarColors = reactExports.useMemo(() => buildAvatarColorMap(agents), [agents]);
-  const activeAgent = reactExports.useMemo(() => {
-    if (!activeAgentId) return null;
-    return agents.find((agent) => agent.instance_id === activeAgentId) ?? null;
-  }, [activeAgentId, agents]);
-  const activeTemplate = activeAgent?.template_id ? templatesById.get(activeAgent.template_id) ?? null : null;
-  const resolvedQuestId = activeAgent?.active_quest_id ?? activeQuestId ?? null;
-  const activeQuest = resolvedQuestId ? quests.find((quest) => quest.quest_id === resolvedQuestId) ?? null : null;
-  const questLabel = activeQuest ? resolveQuestLabel(activeQuest) : "Not joined yet";
-  const agentDisplayName = activeAgent ? resolveAgentDisplayName(activeAgent) : "";
-  const agentLogo = activeAgent ? resolveAgentLogo(activeAgent, activeTemplate) : "";
-  const agentAvatarColor = activeAgent ? avatarColors.get(activeAgent.instance_id) || pickAvatarFrameColor(activeAgent.instance_id) : null;
-  const overrideStatus = activeAgent ? agentStatusOverrides[activeAgent.instance_id] ?? null : null;
-  const rawAgentStatus = overrideStatus ?? activeAgent?.status ?? "";
-  const activeAgentStatus = typeof rawAgentStatus === "string" ? rawAgentStatus.trim() : "";
-  const showRunningStatus = mode === "direct" && activeAgent && Boolean(activeAgentStatus) && isLabWorkingStatus(activeAgentStatus) && activeAgentStatus.toLowerCase() !== "waiting";
-  const [contextMenu, setContextMenu] = reactExports.useState(null);
-  const clearChatBlocked = Boolean(clearChatDisabled || !onClearChat);
-  const items = [
-    { value: "direct", label: "Direct" },
-    { value: "group", label: "Group" },
-    { value: "friends", label: "Friends" }
-  ];
-  const handleAvatarContextMenu = reactExports.useCallback(
-    (event) => {
-      if (!onClearChat) return;
-      event.preventDefault();
-      event.stopPropagation();
-      setContextMenu({ x: event.clientX, y: event.clientY });
-    },
-    [onClearChat]
-  );
-  const handleClearChat = reactExports.useCallback(() => {
-    if (clearChatBlocked || !onClearChat) return;
-    onClearChat();
-    setContextMenu(null);
-  }, [clearChatBlocked, onClearChat]);
-  const handleToggleFollow = reactExports.useCallback(() => {
-    setFollowEffects(!followEffects);
-    setContextMenu(null);
-  }, [followEffects, setFollowEffects]);
-  reactExports.useEffect(() => {
-    if (!contextMenu) return;
-    const handleDismiss = () => setContextMenu(null);
-    const handleKey = (event) => {
-      if (event.key === "Escape") {
-        setContextMenu(null);
-      }
-    };
-    window.addEventListener("click", handleDismiss);
-    window.addEventListener("contextmenu", handleDismiss);
-    window.addEventListener("keydown", handleKey);
-    window.addEventListener("scroll", handleDismiss, true);
-    return () => {
-      window.removeEventListener("click", handleDismiss);
-      window.removeEventListener("contextmenu", handleDismiss);
-      window.removeEventListener("keydown", handleKey);
-      window.removeEventListener("scroll", handleDismiss, true);
-    };
-  }, [contextMenu]);
-  const contextMenuPortal = contextMenu && typeof document !== "undefined" ? reactDomExports.createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-context-menu", style: { left: contextMenu.x, top: contextMenu.y }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-context-item", children: [
-        "Quest: ",
-        questLabel
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: handleClearChat, disabled: clearChatBlocked, children: "Clear chat" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", onClick: handleToggleFollow, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Check,
-          {
-            size: 14,
-            className: cn("shrink-0", followEffects ? "opacity-100" : "opacity-0")
-          }
-        ),
-        "Follow effects"
-      ] })
-    ] }),
-    document.body
-  ) : null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-header", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-section-tabs lab-copilot-tabs", role: "tablist", "aria-label": "Copilot modes", children: items.map((item) => {
-        const isActive = mode === item.value;
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": isActive,
-            disabled,
-            onClick: () => setMode(item.value),
-            className: cn(
-              "lab-section-tab",
-              isActive && "lab-section-tab-active",
-              disabled && "cursor-not-allowed opacity-60"
-            ),
-            children: [
-              item.label,
-              isActive ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-section-tab-indicator" }) : null
-            ]
-          },
-          item.value
-        );
-      }) }),
-      mode === "direct" && activeAgent ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-agent", onContextMenu: handleAvatarContextMenu, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-avatar lab-avatar-sm", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "span",
-            {
-              className: "lab-avatar-ring",
-              style: { borderColor: agentAvatarColor || pickAvatarFrameColor(activeAgent.instance_id) }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: agentLogo, alt: agentDisplayName || "Agent" })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-agent-meta", children: [
-          agentDisplayName ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-agent-name", children: agentDisplayName }) : null,
-          showRunningStatus ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-agent-status", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-status-dot lab-status-dot-running" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Working" })
-          ] }) : null
-        ] }),
-        piOnboardingActive ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "lab-onboarding-exit", onClick: endPiOnboarding, children: "Exit onboarding" }) : null
-      ] }) : null
-    ] }),
-    contextMenuPortal
-  ] });
-}
-function LabCopilotPanel({
-  projectId,
-  readOnly,
-  cliStatus,
-  templates,
-  agents,
-  quests,
-  prefill: externalPrefill,
-  onActionsChange
-}) {
-  const queryClient = useQueryClient();
-  const { addToast } = useToast();
-  const { t } = useI18n("lab");
-  const mode = useLabCopilotStore((state) => state.mode);
-  const activeAgentId = useLabCopilotStore((state) => state.activeAgentId);
-  const activeQuestId = useLabCopilotStore((state) => state.activeQuestId);
-  const directPrefill = useLabCopilotStore((state) => state.directPrefill);
-  const directComposeRequest = useLabCopilotStore((state) => state.directComposeRequest);
-  const setActiveQuest = useLabCopilotStore((state) => state.setActiveQuest);
-  const setActiveAgent = useLabCopilotStore((state) => state.setActiveAgent);
-  const setDirectPrefill = useLabCopilotStore((state) => state.setDirectPrefill);
-  const clearDirectComposeRequest = useLabCopilotStore((state) => state.clearDirectComposeRequest);
-  const agentStatusOverrides = useLabCopilotStore((state) => state.agentStatusOverrides);
-  const setAgentStatusOverride = useLabCopilotStore((state) => state.setAgentStatusOverride);
-  const piOnboardingActive = useLabCopilotStore((state) => state.piOnboardingActive);
-  const piOnboardingQuestId = useLabCopilotStore((state) => state.piOnboardingQuestId);
-  const piOnboardingKind = useLabCopilotStore((state) => state.piOnboardingKind);
-  const endPiOnboarding = useLabCopilotStore((state) => state.endPiOnboarding);
-  const selection = useLabGraphSelectionStore((state) => state.selection);
-  const activeProposal = useLabGraphSelectionStore((state) => state.activeProposal);
-  const setSelection = useLabGraphSelectionStore((state) => state.setSelection);
-  const setActiveProposal = useLabGraphSelectionStore((state) => state.setActiveProposal);
-  const setSessionIdForSurface = useChatSessionStore((state) => state.setSessionIdForSurface);
-  const clearSessionIdForSurface = useChatSessionStore((state) => state.clearSessionIdForSurface);
-  const currentSessionId = useChatSessionStore(
-    (state) => projectId ? state.sessionIdsByProjectSurface[projectId]?.["lab-direct"] ?? null : null
-  );
-  const cliServerId = useChatSessionStore(
-    (state) => projectId ? state.cliServerIdsByProject[projectId] ?? null : null
-  );
-  const [agentPrefill, setAgentPrefill] = reactExports.useState(null);
-  const [copilotActions, setCopilotActions] = reactExports.useState(null);
-  const [copilotMeta, setCopilotMeta] = reactExports.useState(null);
-  const autoSubmittedComposeTokenRef = reactExports.useRef(null);
-  const resetKeyRef = reactExports.useRef("init");
-  const prevAgentIdRef = reactExports.useRef(null);
-  const prevRespondingRef = reactExports.useRef(false);
-  const { level: animationLevel } = useLabAnimationLevel();
-  const prefersReducedMotion = useReducedMotion();
-  const allowMotion = animationLevel === "full" && !prefersReducedMotion;
-  const isCopilotMetaEqual = reactExports.useCallback(
-    (prev, next) => {
-      if (!prev) return false;
-      return prev.threadId === next.threadId && prev.historyOpen === next.historyOpen && prev.isResponding === next.isResponding && prev.ready === next.ready && prev.isRestoring === next.isRestoring && prev.restoreAttempted === next.restoreAttempted && prev.hasHistory === next.hasHistory && prev.error === next.error && prev.title === next.title && prev.statusText === next.statusText && prev.statusPrevText === next.statusPrevText && prev.statusKey === next.statusKey && prev.toolPanelVisible === next.toolPanelVisible && prev.toolToggleVisible === next.toolToggleVisible && prev.attachmentsDrawerOpen === next.attachmentsDrawerOpen && prev.fixWithAiRunning === next.fixWithAiRunning;
-    },
-    []
-  );
-  reactExports.useEffect(() => {
-    if (mode !== "direct") {
-      resetKeyRef.current = "init";
-    }
-  }, [mode]);
-  const templatesById = reactExports.useMemo(() => {
-    return new Map(templates.map((template) => [template.template_id, template]));
-  }, [templates]);
-  const agentsById = reactExports.useMemo(() => {
-    return new Map(agents.map((agent) => [agent.instance_id, agent]));
-  }, [agents]);
-  const avatarColors = reactExports.useMemo(() => buildAvatarColorMap(agents), [agents]);
-  const resolvedAgentId = activeAgentId ?? null;
-  const activeAgent = resolvedAgentId ? agentsById.get(resolvedAgentId) ?? null : null;
-  const isResponding = Boolean(copilotMeta?.isResponding);
-  const rawActiveAgentStatus = activeAgent && agentStatusOverrides[activeAgent.instance_id] ? agentStatusOverrides[activeAgent.instance_id] : activeAgent?.status ?? "";
-  const activeAgentStatusKey = typeof rawActiveAgentStatus === "string" ? rawActiveAgentStatus.toLowerCase() : "";
-  const activeAgentWorking = Boolean(activeAgent) && Boolean(activeAgentStatusKey) && isLabWorkingStatus(activeAgentStatusKey) && activeAgentStatusKey !== "waiting";
-  const activeAgentStatusLabel = typeof activeAgent?.status === "string" ? activeAgent.status.toLowerCase() : "";
-  const shouldOverrideWorking = mode === "direct" && Boolean(activeAgent) && isResponding && activeAgentStatusLabel !== "waiting";
-  const desiredStatusOverride = shouldOverrideWorking ? "working" : null;
-  const currentStatusOverride = activeAgent ? agentStatusOverrides[activeAgent.instance_id] ?? null : null;
-  reactExports.useEffect(() => {
-    const prev = prevAgentIdRef.current;
-    const next = activeAgent?.instance_id ?? null;
-    if (prev && prev !== next) {
-      setAgentStatusOverride(prev, null);
-    }
-    prevAgentIdRef.current = next;
-  }, [activeAgent?.instance_id, setAgentStatusOverride]);
-  reactExports.useEffect(() => {
-    if (!activeAgent?.instance_id) return;
-    if (currentStatusOverride === desiredStatusOverride) return;
-    setAgentStatusOverride(activeAgent.instance_id, desiredStatusOverride);
-  }, [activeAgent?.instance_id, currentStatusOverride, desiredStatusOverride, setAgentStatusOverride]);
-  reactExports.useEffect(() => {
-    if (!projectId || mode !== "direct" || !activeAgent?.instance_id) {
-      prevRespondingRef.current = false;
-      return;
-    }
-    const wasResponding = prevRespondingRef.current;
-    prevRespondingRef.current = isResponding;
-    if (wasResponding && !isResponding) {
-      queryClient.invalidateQueries({ queryKey: ["lab-agents", projectId] });
-    }
-  }, [activeAgent?.instance_id, isResponding, mode, projectId, queryClient]);
-  const activeTemplate = activeAgent?.template_id ? templatesById.get(activeAgent.template_id) ?? null : null;
-  const initQuestion = activeTemplate?.init_question?.trim() || "";
-  const hasInitQuestion = Boolean(initQuestion);
-  const activeQuest = (activeAgent?.active_quest_id ? quests.find((quest) => quest.quest_id === activeAgent.active_quest_id) : quests.find((quest) => quest.quest_id === activeQuestId)) ?? null;
-  const initTemplateEligible = mode === "direct" && hasInitQuestion;
-  const initTemplateReady = Boolean(
-    copilotMeta?.ready && copilotMeta?.restoreAttempted && !copilotMeta?.isRestoring
-  );
-  const shouldShowInitTemplate = initTemplateEligible && initTemplateReady && !copilotMeta?.hasHistory;
-  const shouldHoldInitPrefill = initTemplateEligible && !initTemplateReady;
-  const [directSessionId, setDirectSessionId] = reactExports.useState(null);
-  const [directSessionRetryToken, setDirectSessionRetryToken] = reactExports.useState(0);
-  const directSessionRetryRef = reactExports.useRef(null);
-  const directSessionRetryCountRef = reactExports.useRef(0);
-  const resetDirectSessionRetry = reactExports.useCallback(() => {
-    if (directSessionRetryRef.current) {
-      window.clearTimeout(directSessionRetryRef.current);
-    }
-    directSessionRetryRef.current = null;
-    directSessionRetryCountRef.current = 0;
-  }, []);
-  const scheduleDirectSessionRetry = reactExports.useCallback(() => {
-    if (directSessionRetryRef.current) return;
-    const attempt = Math.min(directSessionRetryCountRef.current, 4);
-    const delayMs = Math.min(15e3, 1500 * 2 ** attempt);
-    directSessionRetryCountRef.current = attempt + 1;
-    directSessionRetryRef.current = window.setTimeout(() => {
-      directSessionRetryRef.current = null;
-      setDirectSessionRetryToken((value) => value + 1);
-    }, delayMs);
-  }, []);
-  reactExports.useEffect(() => {
-    return () => resetDirectSessionRetry();
-  }, [resetDirectSessionRetry]);
-  reactExports.useEffect(() => {
-    if (activeQuestId || quests.length !== 1) return;
-    setActiveQuest(quests[0].quest_id);
-  }, [activeQuestId, quests, setActiveQuest]);
-  reactExports.useEffect(() => {
-    if (!projectId || mode !== "direct") return;
-    if (!activeAgent?.instance_id) {
-      setDirectSessionId(null);
-      resetDirectSessionRetry();
-      clearSessionIdForSurface(projectId, "lab-direct");
-      return;
-    }
-    const fallbackSessionId = activeAgent.direct_session_id ?? null;
-    if (fallbackSessionId) {
-      setDirectSessionId((prev) => prev === fallbackSessionId ? prev : fallbackSessionId);
-      if (currentSessionId !== fallbackSessionId) {
-        setSessionIdForSurface(projectId, "lab-direct", fallbackSessionId);
-      }
-    }
-    let cancelled = false;
-    getLabAgentDirectSession(projectId, activeAgent.instance_id).then((response) => {
-      if (cancelled) return;
-      resetDirectSessionRetry();
-      setDirectSessionId(response.session_id);
-      if (currentSessionId !== response.session_id) {
-        setSessionIdForSurface(projectId, "lab-direct", response.session_id);
-      }
-    }).catch((error) => {
-      if (cancelled) return;
-      const detail = typeof error?.response?.data?.detail === "string" ? error.response.data.detail : null;
-      if (detail && ["cli_server_required", "cli_offline", "cli_server_not_bound"].includes(detail)) {
-        scheduleDirectSessionRetry();
-        queryClient.invalidateQueries({ queryKey: ["lab-agents", projectId] });
-        return;
-      }
-      if (!fallbackSessionId) {
-        setDirectSessionId(null);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    activeAgent?.direct_session_id,
-    activeAgent?.instance_id,
-    activeAgent?.cli_server_id,
-    activeAgent?.active_quest_id,
-    activeAgent?.active_quest_node_id,
-    clearSessionIdForSurface,
-    currentSessionId,
-    directSessionRetryToken,
-    mode,
-    projectId,
-    queryClient,
-    resetDirectSessionRetry,
-    scheduleDirectSessionRetry,
-    setSessionIdForSurface
-  ]);
-  reactExports.useEffect(() => {
-    if (!piOnboardingActive) return;
-    if (!activeAgent) {
-      endPiOnboarding();
-      return;
-    }
-    if (activeTemplate?.template_key !== "pi" && activeAgent.agent_id !== "pi") {
-      endPiOnboarding();
-    }
-  }, [activeAgent, activeTemplate?.template_key, endPiOnboarding, piOnboardingActive]);
-  reactExports.useEffect(() => {
-    if (!piOnboardingActive) return;
-    if (copilotMeta?.hasHistory) {
-      endPiOnboarding();
-    }
-  }, [copilotMeta?.hasHistory, endPiOnboarding, piOnboardingActive]);
-  const cliReadOnly = cliStatus !== "online";
-  const labReadOnly = readOnly || cliReadOnly;
-  const mentionsEnabled = !labReadOnly && !(mode === "direct" && shouldShowInitTemplate);
-  const mentionablesOverride = reactExports.useMemo(() => {
-    return agents.map((agent) => {
-      const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
-      return buildAgentDescriptor(agent, template);
-    });
-  }, [agents, templatesById]);
-  const defaultAgentOverride = reactExports.useMemo(() => {
-    if (!activeAgent) return void 0;
-    const template = activeAgent.template_id ? templatesById.get(activeAgent.template_id) ?? null : null;
-    return buildAgentDescriptor(activeAgent, template);
-  }, [activeAgent, templatesById]);
-  reactExports.useEffect(() => {
-    if (!activeAgent) {
-      setAgentPrefill(null);
-      return;
-    }
-    if (shouldShowInitTemplate) {
-      setAgentPrefill(null);
-      return;
-    }
-    if (shouldHoldInitPrefill) {
-      setAgentPrefill(null);
-      return;
-    }
-    const rawLabel = activeAgent.mention_label?.trim() || activeAgent.agent_id;
-    const label = rawLabel.startsWith("@") ? rawLabel : `@${rawLabel}`;
-    setAgentPrefill({ text: `${label} `, focus: false, token: Date.now() });
-  }, [activeAgent, shouldHoldInitPrefill, shouldShowInitTemplate]);
-  const enforcedMentionLabel = reactExports.useMemo(() => {
-    if (activeAgent) {
-      const rawLabel = activeAgent.mention_label?.trim() || activeAgent.agent_id;
-      return rawLabel.startsWith("@") ? rawLabel : `@${rawLabel}`;
-    }
-    return `@${DEFAULT_AGENT_ID}`;
-  }, [activeAgent]);
-  const useStarterPrompt = shouldShowInitTemplate;
-  const enforcedMentionPrefix = mode === "direct" ? enforcedMentionLabel : void 0;
-  const lockedMentionPrefix = activeAgent && mode === "direct" ? enforcedMentionLabel : void 0;
-  const handleOpenRecruit = reactExports.useCallback(() => {
-    if (labReadOnly) {
-      addToast({
-        type: "warning",
-        title: "Recruitment unavailable",
-        description: cliStatus === "online" ? "Recruitment is disabled in read-only mode." : "Bind an execution server to recruit agents."
-      });
-      return;
-    }
-    if (typeof window !== "undefined") {
-      window.dispatchEvent(new CustomEvent("lab:open-recruit"));
-    }
-  }, [addToast, cliStatus, labReadOnly]);
-  const handleSelectAgent = reactExports.useCallback(
-    (agentId) => {
-      setActiveAgent(agentId);
-    },
-    [setActiveAgent]
-  );
-  const starterMetadata = reactExports.useMemo(() => {
-    if (!activeAgent) {
-      return { agent_label: enforcedMentionLabel };
-    }
-    const logo = resolveAgentLogo(activeAgent, activeTemplate);
-    return {
-      agent_label: enforcedMentionLabel,
-      agent_id: activeAgent.agent_id,
-      agent_instance_id: activeAgent.instance_id,
-      agent_display_name: resolveAgentDisplayName(activeAgent),
-      agent_logo: logo || void 0
-    };
-  }, [activeAgent, activeTemplate, enforcedMentionLabel]);
-  const starterMessage = reactExports.useMemo(() => {
-    if (!useStarterPrompt) return null;
-    const timestamp = Math.floor(Date.now() / 1e3);
-    return {
-      id: `lab-starter-${resolvedAgentId ?? "unknown"}`,
-      type: "text_delta",
-      seq: 0,
-      ts: timestamp,
-      content: {
-        content: initQuestion,
-        role: "assistant",
-        status: "completed",
-        timestamp,
-        metadata: starterMetadata
-      }
-    };
-  }, [initQuestion, resolvedAgentId, starterMetadata, useStarterPrompt]);
-  const handleActionsChange = reactExports.useCallback(
-    (actions) => {
-      setCopilotActions(actions);
-      onActionsChange?.(actions);
-    },
-    [onActionsChange]
-  );
-  const handleMetaChange = reactExports.useCallback(
-    (meta) => {
-      setCopilotMeta((prev) => isCopilotMetaEqual(prev, meta) ? prev : meta);
-    },
-    [isCopilotMetaEqual]
-  );
-  const handleDirectSubmit = reactExports.useCallback(
-    (_message) => {
-      if (directComposeRequest) {
-        clearDirectComposeRequest();
-      } else if (directPrefill) {
-        setDirectPrefill(null);
-      }
-      if (piOnboardingActive) {
-        endPiOnboarding();
-      }
-    },
-    [
-      clearDirectComposeRequest,
-      directComposeRequest,
-      directPrefill,
-      endPiOnboarding,
-      piOnboardingActive,
-      setDirectPrefill
-    ]
-  );
-  const resolvedDirectPrefill = reactExports.useMemo(() => {
-    if (externalPrefill) return externalPrefill;
-    if (directComposeRequest?.text?.trim()) {
-      return {
-        text: directComposeRequest.text,
-        focus: true,
-        token: directComposeRequest.token
-      };
-    }
-    if (directPrefill && directPrefill.trim()) {
-      return {
-        text: directPrefill,
-        focus: true,
-        token: Date.now()
-      };
-    }
-    return agentPrefill;
-  }, [agentPrefill, directComposeRequest, directPrefill, externalPrefill]);
-  reactExports.useEffect(() => {
-    const request = directComposeRequest;
-    if (!request || request.submitMode !== "auto") return;
-    if (mode !== "direct") return;
-    if (!copilotActions?.setComposerValue || !copilotActions.submitComposer) return;
-    if (copilotMeta?.isResponding) return;
-    if (autoSubmittedComposeTokenRef.current === request.token) return;
-    autoSubmittedComposeTokenRef.current = request.token;
-    copilotActions.setComposerValue(request.text, true);
-    const timer = window.setTimeout(() => {
-      copilotActions.submitComposer?.();
-    }, 30);
-    return () => {
-      window.clearTimeout(timer);
-    };
-  }, [copilotActions, copilotMeta?.isResponding, directComposeRequest, mode]);
-  reactExports.useEffect(() => {
-    if (mode !== "direct") return;
-    if (!copilotActions) return;
-    const key = activeAgent?.instance_id ?? "none";
-    const sessionId = directSessionId ?? activeAgent?.direct_session_id ?? currentSessionId ?? null;
-    if (sessionId) {
-      if (currentSessionId !== sessionId) {
-        copilotActions.clearThread?.();
-        copilotActions.setThreadId(sessionId);
-      }
-      resetKeyRef.current = key;
-      return;
-    }
-    if (resetKeyRef.current === key) return;
-    resetKeyRef.current = key;
-    copilotActions.setThreadId(null);
-  }, [
-    activeAgent?.direct_session_id,
-    activeAgent?.instance_id,
-    copilotActions,
-    currentSessionId,
-    directSessionId,
-    labReadOnly,
-    mode
-  ]);
-  const directMetadata = reactExports.useMemo(() => {
-    if (!activeAgent) return null;
-    const questOverride = piOnboardingActive && piOnboardingQuestId ? piOnboardingQuestId : null;
-    const logo = resolveAgentLogo(activeAgent, activeTemplate);
-    const selectionContext = toSelectionMetadata(selection);
-    return {
-      lab_mode: "direct",
-      quest_id: questOverride ?? activeAgent.active_quest_id ?? void 0,
-      quest_node_id: activeAgent.active_quest_node_id ?? void 0,
-      agent_id: activeAgent.agent_id,
-      agent_label: resolveAgentMentionLabel(activeAgent),
-      agent_display_name: resolveAgentDisplayName(activeAgent),
-      agent_logo: logo || null,
-      agent_avatar_color: activeAgent.avatar_frame_color ?? void 0,
-      agent_instance_id: activeAgent.instance_id,
-      cli_server_id: activeAgent.cli_server_id ?? cliServerId ?? void 0,
-      pi_onboarding_kind: piOnboardingActive ? piOnboardingKind ?? void 0 : void 0,
-      selection_context: selectionContext,
-      proposal_id: activeProposal?.proposal_id ?? void 0,
-      target_label: resolveAgentMentionLabel(activeAgent),
-      message_kind: selectionContext || activeProposal ? "user_control" : piOnboardingActive ? "pi_onboarding" : "text"
-    };
-  }, [
-    activeAgent,
-    activeTemplate,
-    activeProposal,
-    cliServerId,
-    piOnboardingActive,
-    piOnboardingKind,
-    piOnboardingQuestId,
-    selection
-  ]);
-  const controlReferenceFooter = reactExports.useMemo(
-    () => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      LabControlReferenceChips,
-      {
-        selection,
-        proposal: activeProposal ? {
-          proposal_id: activeProposal.proposal_id,
-          action_type: activeProposal.action_type,
-          status: activeProposal.status
-        } : null,
-        onClearSelection: () => setSelection(null),
-        onClearProposal: () => setActiveProposal(null),
-        selectionPrefix: t("copilot_selection_chip", void 0, "Ref"),
-        proposalPrefix: t("copilot_proposal_chip", void 0, "Proposal")
-      }
-    ),
-    [activeProposal, selection, setActiveProposal, setSelection, t]
-  );
-  const EASE_OUT = [0, 0, 0.2, 1];
-  const modeMotion = allowMotion ? {
-    initial: { opacity: 0, y: 12 },
-    animate: { opacity: 1, y: 0 },
-    exit: { opacity: 0, y: -12 },
-    transition: { duration: 0.2, ease: EASE_OUT }
-  } : {
-    initial: false,
-    animate: { opacity: 1 },
-    exit: { opacity: 1 },
-    transition: { duration: 0 }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    cliReadOnly ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-b border-[var(--lab-border)] px-5 py-2 text-xs text-[var(--lab-text-secondary)]", children: cliStatus === "unbound" ? "Bind an execution server to activate Lab Copilot." : "Your execution server is offline. Messages will be sent once it reconnects." }) : null,
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(AnimatePresence, { mode: "wait", initial: false, children: [
-      mode === "direct" ? /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { className: "flex flex-1 min-h-0 flex-col overflow-hidden", ...modeMotion, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 overflow-hidden", children: [
-        piOnboardingActive ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-pi-onboarding-banner", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-pi-onboarding-title", children: "Chat with PI" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-pi-onboarding-subtitle", children: "Send your message to start the conversation." })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: endPiOnboarding, children: "Exit" })
-        ] }) : null,
-        !activeAgent ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full flex-col items-center justify-center px-6 py-8", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full max-w-3xl", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-base font-semibold text-[var(--lab-text-primary)]", children: "Choose an agent" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-[var(--lab-text-secondary)]", children: "Select an agent to start a direct chat." })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Button,
-              {
-                type: "button",
-                size: "sm",
-                className: "h-8 px-3 text-xs",
-                onClick: handleOpenRecruit,
-                disabled: labReadOnly,
-                children: "Recruit Agent"
-              }
-            )
-          ] }),
-          agents.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 rounded-xl border border-[var(--lab-border)] bg-[var(--lab-surface)] p-4 text-xs text-[var(--lab-text-secondary)]", children: "No agents yet. Recruit an agent to begin a direct chat." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2", children: agents.map((agent, index) => {
-            const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
-            const displayName = resolveAgentDisplayName(agent);
-            const mentionLabel = resolveAgentMentionLabel(agent);
-            const avatarColor = avatarColors.get(agent.instance_id) ?? pickAvatarFrameColor(agent.instance_id, index);
-            const logoPath = resolveAgentLogo(agent, template);
-            const statusLabel = typeof agent.status === "string" ? agent.status.toLowerCase() : "idle";
-            const isWorking = statusLabel !== "waiting" && isLabWorkingStatus(statusLabel);
-            const statusClass = isWorking ? "lab-status-dot-running" : statusLabel === "waiting" ? "lab-status-dot-busy" : "lab-status-dot-idle";
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                className: "text-left",
-                onClick: () => handleSelectAgent(agent.instance_id),
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-card lab-card-hover flex items-center gap-3 rounded-xl border border-[var(--lab-border)] bg-[var(--lab-surface)] p-3", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-avatar lab-avatar-sm", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-avatar-ring", style: { borderColor: avatarColor } }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: logoPath, alt: displayName })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold text-[var(--lab-text-primary)] truncate", children: displayName }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-[var(--lab-text-secondary)] truncate", children: mentionLabel })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-[10px] uppercase text-[var(--lab-text-muted)]", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `lab-status-dot ${statusClass}` }),
-                    isWorking ? "Working" : statusLabel === "waiting" ? "Waiting" : "Idle"
-                  ] })
-                ] })
-              },
-              agent.instance_id
-            );
-          }) })
-        ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-          LabDirectChatView,
-          {
-            projectId,
-            readOnly: labReadOnly,
-            prefill: resolvedDirectPrefill,
-            leadMessage: useStarterPrompt ? starterMessage : null,
-            mentionablesOverride,
-            defaultAgentOverride,
-            mentionsEnabledOverride: mentionsEnabled,
-            enforcedMentionPrefix,
-            lockedMentionPrefix,
-            messageMetadata: directMetadata ?? void 0,
-            composerFooter: controlReferenceFooter,
-            hideCopilotGreeting: useStarterPrompt,
-            busyOverride: activeAgentWorking,
-            onActionsChange: handleActionsChange,
-            onMetaChange: handleMetaChange,
-            onUserSubmit: handleDirectSubmit
-          }
-        )
-      ] }) }, "direct") : null,
-      mode === "group" ? /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { className: "flex flex-1 min-h-0 flex-col overflow-hidden", ...modeMotion, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        LabGroupChatView,
-        {
-          projectId,
-          quest: activeQuest,
-          quests,
-          agents,
-          templatesById,
-          readOnly: labReadOnly,
-          onQuestChange: setActiveQuest
-        }
-      ) }, "group") : null,
-      mode === "friends" ? /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { className: "flex flex-1 min-h-0 flex-col overflow-hidden", ...modeMotion, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        LabFriendsFeed,
-        {
-          projectId,
-          agents,
-          templatesById,
-          readOnly: labReadOnly,
-          quest: activeQuest,
-          quests,
-          onQuestChange: setActiveQuest
-        }
-      ) }, "friends") : null
-    ] })
-  ] }) });
-}
-const buildSearchSnippet = (content, query, maxLength = 90) => {
-  const trimmed = content.trim();
-  if (!trimmed) return "";
-  const normalizedQuery = query.trim().toLowerCase();
-  if (!normalizedQuery) return trimmed.slice(0, maxLength);
-  const lower = trimmed.toLowerCase();
-  const matchIndex = lower.indexOf(normalizedQuery);
-  if (matchIndex === -1) return trimmed.slice(0, maxLength);
-  const half = Math.floor(maxLength / 2);
-  const start = Math.max(0, matchIndex - half);
-  const end = Math.min(trimmed.length, matchIndex + normalizedQuery.length + half);
-  const prefix = start > 0 ? "..." : "";
-  const suffix = end < trimmed.length ? "..." : "";
-  return `${prefix}${trimmed.slice(start, end)}${suffix}`;
-};
-function LabCopilotOverflowMenu({
-  label,
-  entities,
-  emptyEntitiesLabel,
-  searchValue,
-  onSearchChange,
-  searchResults,
-  onSearchSelect,
-  searchPlaceholder,
-  questId,
-  quests,
-  onQuestChange,
-  canManageRoster,
-  rosterBusy,
-  availableAgents,
-  onAddAgents,
-  onRemoveAgent
-}) {
-  const hasSearch = searchValue.trim().length > 0;
-  const manageEnabled = Boolean(canManageRoster && !rosterBusy);
-  const availableList = availableAgents ?? [];
-  const [addOpen, setAddOpen] = reactExports.useState(false);
-  const [selectedAgentIds, setSelectedAgentIds] = reactExports.useState(/* @__PURE__ */ new Set());
-  const [isAdding, setIsAdding] = reactExports.useState(false);
-  const [contextMenu, setContextMenu] = reactExports.useState(null);
-  reactExports.useEffect(() => {
-    if (addOpen) return;
-    setSelectedAgentIds(/* @__PURE__ */ new Set());
-  }, [addOpen]);
-  reactExports.useEffect(() => {
-    setSelectedAgentIds(/* @__PURE__ */ new Set());
-  }, [questId]);
-  reactExports.useEffect(() => {
-    if (!contextMenu) return;
-    const handleDismiss = () => setContextMenu(null);
-    const handleKey = (event) => {
-      if (event.key === "Escape") {
-        setContextMenu(null);
-      }
-    };
-    window.addEventListener("click", handleDismiss);
-    window.addEventListener("contextmenu", handleDismiss);
-    window.addEventListener("keydown", handleKey);
-    window.addEventListener("scroll", handleDismiss, true);
-    return () => {
-      window.removeEventListener("click", handleDismiss);
-      window.removeEventListener("contextmenu", handleDismiss);
-      window.removeEventListener("keydown", handleKey);
-      window.removeEventListener("scroll", handleDismiss, true);
-    };
-  }, [contextMenu]);
-  const toggleAgentSelection = reactExports.useCallback((agentId) => {
-    setSelectedAgentIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(agentId)) {
-        next.delete(agentId);
-      } else {
-        next.add(agentId);
-      }
-      return next;
-    });
-  }, []);
-  const handleAddConfirm = reactExports.useCallback(async () => {
-    if (!manageEnabled || !onAddAgents) return;
-    const agentIds = Array.from(selectedAgentIds);
-    if (agentIds.length === 0) return;
-    setIsAdding(true);
-    try {
-      await onAddAgents(agentIds);
-      setAddOpen(false);
-      setSelectedAgentIds(/* @__PURE__ */ new Set());
-    } finally {
-      setIsAdding(false);
-    }
-  }, [manageEnabled, onAddAgents, selectedAgentIds]);
-  const handleContextMenu = reactExports.useCallback(
-    (event, agentId) => {
-      if (!manageEnabled || !onRemoveAgent) return;
-      event.preventDefault();
-      event.stopPropagation();
-      setContextMenu({ agentId, x: event.clientX, y: event.clientY });
-    },
-    [manageEnabled, onRemoveAgent]
-  );
-  const handleRemove = reactExports.useCallback(() => {
-    if (!contextMenu || !onRemoveAgent || !manageEnabled) return;
-    onRemoveAgent(contextMenu.agentId);
-    setContextMenu(null);
-  }, [contextMenu, manageEnabled, onRemoveAgent]);
-  const contextMenuPortal = contextMenu && typeof document !== "undefined" ? reactDomExports.createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-context-menu", style: { left: contextMenu.x, top: contextMenu.y }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: handleRemove, disabled: !manageEnabled, children: "Remove from quest" }) }),
-    document.body
-  ) : null;
-  const canShowAdd = Boolean(onAddAgents);
-  const addDisabled = !manageEnabled || availableList.length === 0;
-  const addHint = !questId ? "Select a quest to add agents." : availableList.length === 0 ? "All available agents are already in this quest." : "Add agents to this quest.";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { modal: false, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "ds-copilot-icon-btn lab-copilot-overflow-trigger",
-        "aria-label": `${label} options`,
-        "data-tooltip": `${label} options`,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { size: 16 })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverContent, { align: "end", sideOffset: 12, className: "lab-copilot-menu", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-menu-section", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-menu-title", children: [
-          label,
-          " roster"
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-entity-list", children: [
-          entities.map((entity) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              className: cn("lab-copilot-entity", manageEnabled && "is-manageable"),
-              onContextMenu: (event) => handleContextMenu(event, entity.id),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-avatar lab-avatar-sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: entity.avatar, alt: entity.name }) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-copilot-entity-name", title: entity.name, children: entity.name })
-              ]
-            },
-            entity.id
-          )),
-          canShowAdd ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              className: "lab-copilot-entity lab-copilot-entity-add",
-              onClick: () => setAddOpen(true),
-              disabled: addDisabled,
-              title: addHint,
-              "aria-label": "Add agents",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { size: 14 })
-            }
-          ) : null
-        ] }),
-        !entities.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-menu-muted", children: emptyEntitiesLabel }) : null
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-menu-section", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-menu-title", children: "Search chat" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-search", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { size: 14 }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "input",
-            {
-              type: "text",
-              value: searchValue,
-              onChange: (event) => onSearchChange(event.target.value),
-              placeholder: searchPlaceholder,
-              className: "lab-copilot-search-input"
-            }
-          )
-        ] }),
-        hasSearch ? searchResults.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-search-results", children: searchResults.map((result) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            className: "lab-copilot-search-result",
-            onClick: () => onSearchSelect(result),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-search-title", children: result.title }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-search-excerpt", children: result.excerpt })
-            ]
-          },
-          result.id
-        )) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-menu-muted", children: "No matches found." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-menu-muted", children: "Type to search this chat." })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-copilot-menu-section", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-menu-title", children: "Switch quest" }),
-        quests.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: questId ?? "", onValueChange: (value) => onQuestChange(value || null), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "lab-copilot-menu-select", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select quest" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: quests.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.quest_id, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block max-w-[var(--radix-select-trigger-width)] line-clamp-2", children: resolveQuestLabel(item) }) }, item.quest_id)) })
-        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-menu-muted", children: "No quests available." })
-      ] })
-    ] }),
-    contextMenuPortal,
-    canShowAdd ? /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: addOpen, onOpenChange: setAddOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "lab-copilot-add-dialog", showCloseButton: true, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { className: "lab-copilot-add-title", children: "Add agents" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-add-subtitle", children: questId ? "Select agents to join this quest." : "Select a quest first to add agents." })
-      ] }),
-      availableList.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-add-list", children: availableList.map((agent) => {
-        const selected = selectedAgentIds.has(agent.id);
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            className: cn("lab-copilot-add-row", selected && "is-selected"),
-            onClick: () => toggleAgentSelection(agent.id),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-copilot-add-check", children: selected ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 12 }) : null }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-avatar lab-avatar-sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: agent.avatar, alt: agent.name }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-copilot-add-name", title: agent.name, children: agent.name })
-            ]
-          },
-          agent.id
-        );
-      }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-copilot-add-empty", children: questId ? "No available agents to add right now." : "Select a quest to see available agents." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { className: "lab-copilot-add-footer", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "min-h-[40px] px-4 text-xs",
-            onClick: () => setAddOpen(false),
-            children: "Cancel"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            size: "sm",
-            className: "min-h-[40px] px-4 text-xs",
-            onClick: handleAddConfirm,
-            disabled: addDisabled || selectedAgentIds.size === 0 || isAdding,
-            children: isAdding ? "Adding..." : "Add to quest"
-          }
-        )
-      ] })
-    ] }) }) : null
-  ] });
-}
-function LabGroupChatView({
-  projectId,
-  quest,
-  quests,
-  agents,
-  templatesById,
-  readOnly,
-  onQuestChange
-}) {
-  const { t } = useI18n("lab");
-  const { addToast } = useToast();
-  const queryClient = useQueryClient();
-  const [input, setInput] = reactExports.useState("");
-  const [attachments, setAttachments] = reactExports.useState([]);
-  const [rosterBusy, setRosterBusy] = reactExports.useState(false);
-  const [highlightedMessageId, setHighlightedMessageId] = reactExports.useState(null);
-  const [messageContextMenu, setMessageContextMenu] = reactExports.useState(null);
-  const lastSeenMessageIdRef = reactExports.useRef(null);
-  const scrollRef = reactExports.useRef(null);
-  const [follow, setFollow] = reactExports.useState(true);
-  const groupPrefill = useLabCopilotStore((state) => state.groupPrefill);
-  const setGroupPrefill = useLabCopilotStore((state) => state.setGroupPrefill);
-  const selection = useLabGraphSelectionStore((state) => state.selection);
-  const activeProposal = useLabGraphSelectionStore((state) => state.activeProposal);
-  const setSelection = useLabGraphSelectionStore((state) => state.setSelection);
-  const setActiveProposal = useLabGraphSelectionStore((state) => state.setActiveProposal);
-  const setMode = useLabCopilotStore((state) => state.setMode);
-  const setActiveAgent = useLabCopilotStore((state) => state.setActiveAgent);
-  const setSessionIdForSurface = useChatSessionStore((state) => state.setSessionIdForSurface);
-  const user = useAuthStore((state) => state.user);
-  const headerPortalTarget = useCopilotDockHeaderPortal();
-  const [searchQuery, setSearchQuery] = reactExports.useState("");
-  const questId = quest?.quest_id ?? null;
-  const {
-    sessionId,
-    messages,
-    connection,
-    sendMessage,
-    historyTruncated,
-    historyLimit,
-    historyLoadingFull,
-    historyLoading,
-    hasLoadedOnce,
-    loadFullHistory
-  } = useLabSurfaceSession({
-    projectId,
-    questId,
-    surface: "group",
-    enabled: Boolean(questId)
-  });
-  const agentsById = reactExports.useMemo(() => new Map(agents.map((agent) => [agent.instance_id, agent])), [agents]);
-  const questAgents = reactExports.useMemo(() => {
-    if (!questId) return [];
-    return agents.filter((agent) => agent.active_quest_id === questId);
-  }, [agents, questId]);
-  const questAgentIds = reactExports.useMemo(
-    () => questAgents.map((agent) => agent.instance_id),
-    [questAgents]
-  );
-  const mentionLookup = reactExports.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    questAgents.forEach((agent) => {
-      const mentionLabel = resolveAgentMentionLabel(agent);
-      const candidates = /* @__PURE__ */ new Set();
-      if (mentionLabel) {
-        candidates.add(mentionLabel);
-        candidates.add(mentionLabel.replace(/^@/, ""));
-      }
-      if (agent.agent_id) {
-        candidates.add(agent.agent_id);
-      }
-      if (agent.display_name) {
-        candidates.add(agent.display_name);
-      }
-      candidates.forEach((candidate) => {
-        const normalized = candidate.trim().toLowerCase();
-        if (!normalized) return;
-        if (!map.has(normalized)) {
-          map.set(normalized, agent.instance_id);
-        }
-      });
-    });
-    return map;
-  }, [questAgents]);
-  const mentionables = reactExports.useMemo(() => {
-    if (!questId) return [];
-    const allDescriptor = {
-      id: "all",
-      label: "@ALL",
-      description: "Notify all agents in this quest",
-      role: "broadcast",
-      source: "lab"
-    };
-    const entries = questAgents.map((agent) => {
-      const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
-      return buildAgentDescriptor(agent, template);
-    });
-    return [allDescriptor, ...entries];
-  }, [questAgents, questId, templatesById]);
-  const menuEntities = reactExports.useMemo(() => {
-    return questAgents.map((agent) => {
-      const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
-      return {
-        id: agent.instance_id,
-        name: resolveAgentDisplayName(agent),
-        avatar: resolveAgentLogo(agent, template)
-      };
-    });
-  }, [questAgents, templatesById]);
-  const availableAgents = reactExports.useMemo(() => {
-    if (!questId) return [];
-    return agents.filter((agent) => agent.active_quest_id !== questId).map((agent) => {
-      const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
-      return {
-        id: agent.instance_id,
-        name: resolveAgentDisplayName(agent),
-        avatar: resolveAgentLogo(agent, template)
-      };
-    });
-  }, [agents, questId, templatesById]);
-  const emptyStateLabel = reactExports.useMemo(() => {
-    if (quests.length === 0) return "Create a quest to get started.";
-    return "Select a quest to start collaborating.";
-  }, [quests.length]);
-  const emptyRosterLabel = questId ? "No agents assigned to this quest yet." : "Select a quest to see its agents.";
-  const connectionStatus = reactExports.useMemo(() => {
-    if (connection.status === "rate_limited") return "Rate limited. Retrying...";
-    if (connection.status === "reconnecting") return "Reconnecting...";
-    if (connection.status === "error") return connection.error || "Connection error";
-    return null;
-  }, [connection.error, connection.status]);
-  const showLoadFullHistory = historyTruncated && Boolean(sessionId);
-  const showHistoryLoadingOverlay = Boolean(questId) && historyLoading && messages.length === 0 && !hasLoadedOnce;
-  const historyLabel = typeof historyLimit === "number" && historyLimit > 0 ? `Showing latest ${historyLimit} messages.` : "Showing recent messages.";
-  reactExports.useMemo(() => {
-    const raw = user?.username || user?.email || user?.id || "You";
-    const trimmed = raw?.trim?.() ?? "";
-    return trimmed || "You";
-  }, [user?.email, user?.id, user?.username]);
-  reactExports.useEffect(() => {
-    setSearchQuery("");
-    setHighlightedMessageId(null);
-    lastSeenMessageIdRef.current = null;
-    setFollow(true);
-    setInput("");
-  }, [questId]);
-  reactExports.useEffect(() => {
-    if (!messageContextMenu) return;
-    const handleDismiss = () => setMessageContextMenu(null);
-    const handleKey = (event) => {
-      if (event.key === "Escape") {
-        setMessageContextMenu(null);
-      }
-    };
-    window.addEventListener("click", handleDismiss);
-    window.addEventListener("contextmenu", handleDismiss);
-    window.addEventListener("keydown", handleKey);
-    window.addEventListener("scroll", handleDismiss, true);
-    return () => {
-      window.removeEventListener("click", handleDismiss);
-      window.removeEventListener("contextmenu", handleDismiss);
-      window.removeEventListener("keydown", handleKey);
-      window.removeEventListener("scroll", handleDismiss, true);
-    };
-  }, [messageContextMenu]);
-  reactExports.useEffect(() => {
-    if (!groupPrefill) return;
-    if (!input.trim()) {
-      setInput(groupPrefill.trim() ? `${groupPrefill} ` : "");
-    }
-    setGroupPrefill(null);
-  }, [groupPrefill, input, setGroupPrefill]);
-  const stripLeadingMentions = reactExports.useCallback((raw) => {
-    const trimmed = raw.trim();
-    if (!trimmed) return "";
-    const parts = trimmed.split(/\s+/);
-    let index = 0;
-    while (index < parts.length) {
-      const token = parts[index];
-      if (!token || !token.startsWith("@") || token.length === 1) break;
-      index += 1;
-    }
-    return parts.slice(index).join(" ").trim();
-  }, []);
-  const parseGroupInput = reactExports.useCallback(
-    (raw) => {
-      const text = raw.trim();
-      const mentionPattern = /@([A-Za-z0-9_.-]+)/g;
-      const targets = /* @__PURE__ */ new Set();
-      const missing = /* @__PURE__ */ new Set();
-      let hasAll = false;
-      let match;
-      while ((match = mentionPattern.exec(text)) !== null) {
-        const token = match[1]?.trim();
-        if (!token) continue;
-        const lowered = token.toLowerCase();
-        if (lowered === "all") {
-          hasAll = true;
-          continue;
-        }
-        const directKey = lowered.startsWith("@") ? lowered : `@${lowered}`;
-        const targetId = mentionLookup.get(directKey) ?? mentionLookup.get(lowered);
-        if (targetId) {
-          targets.add(targetId);
-        } else {
-          missing.add(`@${token}`);
-        }
-      }
-      if (hasAll) {
-        questAgentIds.forEach((agentId) => targets.add(agentId));
-        missing.clear();
-      }
-      const stripped = stripLeadingMentions(text);
-      const content = stripped || (targets.size > 0 || hasAll ? "" : text);
-      return {
-        content,
-        targets: Array.from(targets),
-        missing: Array.from(missing)
-      };
-    },
-    [mentionLookup, questAgentIds, stripLeadingMentions]
-  );
-  const resolveMentionLabel = reactExports.useCallback(
-    (agentInstanceId) => {
-      const agent = agentsById.get(agentInstanceId);
-      if (!agent) return "";
-      return resolveAgentMentionLabel(agent);
-    },
-    [agentsById]
-  );
-  const handleSend = async () => {
-    if (!questId || !input.trim() || readOnly || !sessionId) return;
-    try {
-      const parsed = parseGroupInput(input);
-      if (parsed.missing.length > 0) {
-        addToast({
-          type: "error",
-          title: "Unknown agent",
-          description: `Unknown mention: ${parsed.missing.join(", ")}`
-        });
-        return;
-      }
-      if (parsed.targets.length === 0) {
-        addToast({
-          type: "error",
-          title: "Mention required",
-          description: "Mention a quest agent to start a group request."
-        });
-        return;
-      }
-      setFollow(true);
-      await sendMessage({
-        sessionId,
-        message: parsed.content,
-        surface: "lab-group",
-        mentionTargets: parsed.targets,
-        metadata: {
-          selection_context: toSelectionMetadata(selection),
-          proposal_id: activeProposal?.proposal_id ?? void 0,
-          message_kind: activeProposal || selection ? "user_control" : parsed.targets.length > 0 ? "group_request" : "text",
-          target_label: parsed.targets.length === 1 ? resolveMentionLabel(parsed.targets[0]) || void 0 : void 0
-        }
-      });
-      setInput("");
-      setAttachments([]);
-    } catch {
-      addToast({
-        type: "error",
-        title: "Message failed",
-        description: "Message couldn't be sent. Please check your connection and try again."
-      });
-    }
-  };
-  reactExports.useEffect(() => {
-    const latest = messages[messages.length - 1];
-    if (!latest?.id) return;
-    if (!lastSeenMessageIdRef.current) {
-      lastSeenMessageIdRef.current = latest.id;
-      return;
-    }
-    if (latest.id !== lastSeenMessageIdRef.current) {
-      lastSeenMessageIdRef.current = latest.id;
-      setHighlightedMessageId(latest.id);
-      const timer = window.setTimeout(() => setHighlightedMessageId(null), 1200);
-      return () => window.clearTimeout(timer);
-    }
-  }, [messages]);
-  const resolveGroupMentionPrefix = reactExports.useCallback(
-    (message) => {
-      const metadata = getMessageMetadata(message);
-      const targets = Array.isArray(metadata?.mention_targets) ? metadata?.mention_targets : [];
-      if (!targets.length) return "";
-      const labels = targets.map((agentId) => resolveMentionLabel(agentId)).filter((label) => Boolean(label));
-      if (!labels.length) return "";
-      return Array.from(new Set(labels)).join(" ");
-    },
-    [resolveMentionLabel]
-  );
-  const resolveGroupDisplayText = reactExports.useCallback(
-    (message) => {
-      const base = getMessageText(message);
-      if (getMessageRole(message) !== "user") return base;
-      const prefix = resolveGroupMentionPrefix(message);
-      if (!prefix) return base;
-      return base ? `${prefix} ${base}` : prefix;
-    },
-    [resolveGroupMentionPrefix]
-  );
-  const resolveGroupDisplayMessage = reactExports.useCallback(
-    (message) => {
-      if (getMessageRole(message) !== "user") return message;
-      const base = getMessageText(message);
-      const nextText = resolveGroupDisplayText(message);
-      if (!nextText || nextText === base) return message;
-      const content = message.content;
-      if (!content || typeof content !== "object" || typeof content.content !== "string") {
-        return message;
-      }
-      return {
-        ...message,
-        content: {
-          ...content,
-          content: nextText
-        }
-      };
-    },
-    [resolveGroupDisplayText]
-  );
-  const messageContentById = reactExports.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    messages.forEach((message) => {
-      const content = resolveGroupDisplayText(message);
-      if (content) {
-        map.set(message.id, content);
-      }
-    });
-    return map;
-  }, [messages, resolveGroupDisplayText]);
-  const messagesById = reactExports.useMemo(() => {
-    return new Map(messages.map((message) => [message.id, message]));
-  }, [messages]);
-  const messageContentByGroupId = reactExports.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    messages.forEach((message) => {
-      const metadata = getMessageMetadata(message);
-      const groupId = typeof metadata?.group_message_id === "string" ? metadata.group_message_id : "";
-      if (!groupId) return;
-      const content = resolveGroupDisplayText(message);
-      if (content) {
-        map.set(groupId, content);
-      }
-    });
-    return map;
-  }, [messages, resolveGroupDisplayText]);
-  const messagesByGroupId = reactExports.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    messages.forEach((message) => {
-      const metadata = getMessageMetadata(message);
-      const groupId = typeof metadata?.group_message_id === "string" ? metadata.group_message_id : "";
-      if (groupId) {
-        map.set(groupId, message);
-      }
-    });
-    return map;
-  }, [messages]);
-  const resolveGroupQuote = reactExports.useCallback(
-    (message) => {
-      const metadata = getMessageMetadata(message);
-      if (!metadata) return null;
-      const metaRecord = metadata;
-      const context = metaRecord.context && typeof metaRecord.context === "object" ? metaRecord.context : null;
-      const replyToMessageId = typeof metaRecord.reply_to_message_id === "string" && metaRecord.reply_to_message_id || typeof metaRecord.quote_message_id === "string" && metaRecord.quote_message_id || typeof context?.reply_to_message_id === "string" && context.reply_to_message_id || typeof context?.quote_message_id === "string" && context.quote_message_id || "";
-      const rawSnapshot = metaRecord.quote_snapshot && typeof metaRecord.quote_snapshot === "object" ? metaRecord.quote_snapshot : context?.quote_snapshot && typeof context.quote_snapshot === "object" ? context.quote_snapshot : null;
-      if (!replyToMessageId && !rawSnapshot) return null;
-      const snapshotMessageId = rawSnapshot && typeof rawSnapshot.group_message_id === "string" ? rawSnapshot.group_message_id : "";
-      const lookupMessageId = replyToMessageId || snapshotMessageId;
-      const quotedMessage = lookupMessageId ? messagesByGroupId.get(lookupMessageId) ?? null : null;
-      const snapshotContent = rawSnapshot && typeof rawSnapshot.content === "string" ? rawSnapshot.content : "";
-      const fallbackContent = lookupMessageId ? messageContentByGroupId.get(lookupMessageId) ?? "" : "";
-      const quoteContent = (snapshotContent || fallbackContent).replace(/\s+/g, " ").trim();
-      if (!quoteContent) return null;
-      let sender = "";
-      if (quotedMessage) {
-        sender = resolveMessageTitle(quotedMessage);
-      } else if (rawSnapshot) {
-        sender = typeof rawSnapshot.sender_name === "string" && rawSnapshot.sender_name || typeof rawSnapshot.agent_display_name === "string" && rawSnapshot.agent_display_name || typeof rawSnapshot.sender_label === "string" && rawSnapshot.sender_label || typeof rawSnapshot.agent_label === "string" && rawSnapshot.agent_label || "";
-      }
-      if (!sender) sender = "User";
-      return { sender, content: quoteContent };
-    },
-    [messageContentByGroupId, messagesByGroupId]
-  );
-  const handleAvatarContextMenu = reactExports.useCallback(
-    (event, message) => {
-      const metadata = getMessageMetadata(message);
-      const agentId = metadata?.agent_instance_id ?? metadata?.sender_instance_id;
-      const sessionId2 = metadata?.session_id;
-      if (!agentId && !sessionId2) return;
-      setMessageContextMenu({ messageId: message.id, x: event.clientX, y: event.clientY });
-    },
-    []
-  );
-  const contextTarget = messageContextMenu ? messagesById.get(messageContextMenu.messageId) ?? null : null;
-  const contextMetadata = contextTarget ? getMessageMetadata(contextTarget) : null;
-  const contextAgentId = contextMetadata?.agent_instance_id ?? null;
-  const contextSessionId = typeof contextMetadata?.session_id === "string" ? contextMetadata.session_id : null;
-  const canOpenDirect = Boolean(contextAgentId);
-  const handleOpenDirect = reactExports.useCallback(() => {
-    if (!contextAgentId) return;
-    setActiveAgent(contextAgentId);
-    if (contextSessionId) {
-      setSessionIdForSurface(projectId, "lab-direct", contextSessionId);
-    }
-    setMode("direct");
-    setMessageContextMenu(null);
-  }, [contextAgentId, contextSessionId, projectId, setActiveAgent, setMode, setSessionIdForSurface]);
-  const scrollToBottom = reactExports.useCallback(() => {
-    const node = scrollRef.current;
-    if (!node) return;
-    if (typeof node.scrollTo === "function") {
-      node.scrollTo({ top: node.scrollHeight, behavior: "auto" });
-    } else {
-      node.scrollTop = node.scrollHeight;
-    }
-  }, []);
-  const handleScroll = reactExports.useCallback(
-    (event) => {
-      const target = event.currentTarget;
-      const nextFollow = isScrolledToBottom(target);
-      setFollow((prev) => prev === nextFollow ? prev : nextFollow);
-    },
-    [isScrolledToBottom]
-  );
-  reactExports.useCallback(() => {
-    setFollow(false);
-    loadFullHistory();
-  }, [loadFullHistory]);
-  reactExports.useEffect(() => {
-    if (!questId || messages.length === 0) return;
-    if (!follow) return;
-    window.requestAnimationFrame(() => scrollToBottom());
-  }, [follow, messages, questId, scrollToBottom]);
-  const listOffset = showLoadFullHistory ? 1 : 0;
-  const listCount = messages.length + listOffset;
-  const shouldVirtualize = listCount > 20;
-  const rowVirtualizer = useVirtualizer({
-    count: listCount,
-    getScrollElement: () => scrollRef.current,
-    estimateSize: (index) => showLoadFullHistory && index === 0 ? 56 : 160,
-    getItemKey: (index) => {
-      if (showLoadFullHistory && index === 0) return "lab-group-history-banner";
-      const message = messages[index - listOffset];
-      return message?.id ?? `lab-group-${index}`;
-    },
-    overscan: 6
-  });
-  const groupSearchResults = reactExports.useMemo(() => {
-    const query = searchQuery.trim().toLowerCase();
-    if (!query) return [];
-    const results = [];
-    messages.forEach((item, index) => {
-      const content = messageContentById.get(item.id) ?? "";
-      if (!content) return;
-      if (!content.toLowerCase().includes(query)) return;
-      const title = resolveMessageTitle(item);
-      results.push({
-        id: item.id,
-        index,
-        title,
-        excerpt: buildSearchSnippet(content, query)
-      });
-    });
-    return results;
-  }, [messageContentById, messages, searchQuery]);
-  const handleAddAgents = reactExports.useCallback(
-    async (agentIds) => {
-      if (!questId || readOnly || agentIds.length === 0) return;
-      setRosterBusy(true);
-      try {
-        const results = await Promise.allSettled(
-          agentIds.map(
-            (agentId) => assignLabAgent(projectId, agentId, { quest_id: questId, quest_node_id: null })
-          )
-        );
-        const failed = [];
-        results.forEach((result, index) => {
-          if (result.status !== "fulfilled") {
-            failed.push(agentIds[index]);
-          }
-        });
-        if (failed.length) {
-          const names = failed.map((agentId) => {
-            const agent = agentsById.get(agentId);
-            return agent ? resolveAgentDisplayName(agent) : agentId;
-          });
-          addToast({
-            type: "error",
-            title: "Unable to add agents",
-            description: `Failed to add: ${names.join(", ")}`
-          });
-        }
-        queryClient.invalidateQueries({ queryKey: ["lab-agents", projectId] });
-      } finally {
-        setRosterBusy(false);
-      }
-    },
-    [addToast, agentsById, projectId, queryClient, questId, readOnly]
-  );
-  const handleRemoveAgent = reactExports.useCallback(
-    async (agentId) => {
-      if (!questId || readOnly) return;
-      setRosterBusy(true);
-      try {
-        await assignLabAgent(projectId, agentId, { quest_id: null, quest_node_id: null });
-        queryClient.invalidateQueries({ queryKey: ["lab-agents", projectId] });
-      } catch (error) {
-        const agent = agentsById.get(agentId);
-        const label = agent ? resolveAgentDisplayName(agent) : agentId;
-        addToast({
-          type: "error",
-          title: "Unable to remove agent",
-          description: `Failed to remove ${label} from this quest.`
-        });
-      } finally {
-        setRosterBusy(false);
-      }
-    },
-    [addToast, agentsById, projectId, queryClient, questId, readOnly]
-  );
-  const flashMessageHighlight = reactExports.useCallback((messageId) => {
-    setHighlightedMessageId(messageId);
-    if (typeof window !== "undefined") {
-      window.setTimeout(() => setHighlightedMessageId(null), 1200);
-    }
-  }, []);
-  const jumpToGroupResult = reactExports.useCallback(
-    (result) => {
-      if (!result) return;
-      if (!scrollRef.current) return;
-      setFollow(false);
-      if (shouldVirtualize) {
-        rowVirtualizer.scrollToIndex(result.index, { align: "center" });
-      } else {
-        const node = scrollRef.current?.querySelector(
-          `[data-group-message-id="${result.id}"]`
-        );
-        if (node) {
-          node.scrollIntoView({ behavior: "smooth", block: "center" });
-        }
-      }
-      flashMessageHighlight(result.id);
-    },
-    [flashMessageHighlight, listOffset, rowVirtualizer, shouldVirtualize]
-  );
-  reactExports.useEffect(() => {
-    if (!searchQuery.trim()) return;
-    if (groupSearchResults.length === 0) return;
-    jumpToGroupResult(groupSearchResults[0]);
-  }, [groupSearchResults, jumpToGroupResult, searchQuery]);
-  const menuPortal = headerPortalTarget ? reactDomExports.createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      LabCopilotOverflowMenu,
-      {
-        label: "Group",
-        entities: menuEntities,
-        emptyEntitiesLabel: emptyRosterLabel,
-        searchValue: searchQuery,
-        onSearchChange: setSearchQuery,
-        searchResults: groupSearchResults,
-        onSearchSelect: jumpToGroupResult,
-        searchPlaceholder: "Search group chat",
-        questId,
-        quests,
-        onQuestChange,
-        canManageRoster: !readOnly && Boolean(questId),
-        rosterBusy,
-        availableAgents,
-        onAddAgents: handleAddAgents,
-        onRemoveAgent: handleRemoveAgent
-      }
-    ),
-    headerPortalTarget
-  ) : null;
-  const messageContextMenuPortal = messageContextMenu && typeof document !== "undefined" ? reactDomExports.createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: "lab-copilot-context-menu",
-        style: { left: messageContextMenu.x, top: messageContextMenu.y },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: handleOpenDirect, disabled: !canOpenDirect, children: "Open direct session" })
-      }
-    ),
-    document.body
-  ) : null;
-  const renderGroupMessage = (message) => {
-    const displayMessage = resolveGroupDisplayMessage(message);
-    const content = displayMessage.content;
-    const displayStreaming = message.type === "text_delta" && content.status === "in_progress";
-    const isHighlighted = highlightedMessageId === message.id;
-    const role = getMessageRole(displayMessage);
-    const metadata = getMessageMetadata(displayMessage);
-    const timestampLabel = role === "assistant" ? formatAbsoluteTimestamp(content?.timestamp) : "";
-    const quote = resolveGroupQuote(displayMessage);
-    const senderLabel = typeof metadata?.sender_label === "string" ? metadata.sender_label : typeof metadata?.agent_label === "string" ? metadata.agent_label : null;
-    const targetLabel = typeof metadata?.target_label === "string" ? metadata.target_label : null;
-    const replyState = typeof metadata?.reply_state === "string" ? metadata.reply_state : null;
-    const replyStateLabel = resolveReplyStateLabel(t, replyState);
-    const proposalId = typeof metadata?.proposal_id === "string" ? metadata.proposal_id : null;
-    const selectionLabel = resolveSelectionLabel(
-      metadata?.selection_context && typeof metadata.selection_context === "object" ? {
-        ...metadata.selection_context,
-        label: typeof metadata.selection_context.branch_name === "string" ? metadata.selection_context.branch_name : void 0
-      } : null
-    );
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: cn("rounded-[12px] px-1", isHighlighted && "lab-message-highlight"),
-        "data-group-message-id": message.id,
-        children: [
-          senderLabel || targetLabel || replyStateLabel || proposalId || selectionLabel ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex flex-wrap items-center gap-2 px-2", children: [
-            senderLabel || targetLabel ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center rounded-full border border-[var(--lab-border)] bg-[var(--lab-surface)] px-2 py-0.5 text-[10px] font-medium text-[var(--lab-text-secondary)]", children: [
-              senderLabel || t("copilot_group_sender_fallback", void 0, "Agent"),
-              targetLabel ? ` → ${targetLabel}` : ""
-            ] }) : null,
-            replyStateLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-flex items-center rounded-full border border-[rgba(83,176,174,0.2)] bg-[rgba(83,176,174,0.1)] px-2 py-0.5 text-[10px] font-medium text-[var(--lab-text-secondary)]", children: replyStateLabel }) : null,
-            proposalId ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center rounded-full border border-[var(--lab-border)] bg-[var(--lab-background)] px-2 py-0.5 text-[10px] text-[var(--lab-text-secondary)]", children: [
-              t("copilot_group_proposal_badge", void 0, "Proposal"),
-              " · ",
-              proposalId.slice(0, 8)
-            ] }) : null,
-            selectionLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-flex items-center rounded-full border border-[var(--lab-border)] bg-[var(--lab-background)] px-2 py-0.5 text-[10px] text-[var(--lab-text-secondary)]", children: selectionLabel }) : null
-          ] }) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ChatMessage,
-            {
-              message: displayMessage,
-              compact: true,
-              onAvatarContextMenu: handleAvatarContextMenu,
-              displayStreaming,
-              streamActive: connection.status === "open" || connection.status === "connecting" || connection.status === "reconnecting"
-            }
-          ),
-          quote ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: cn("mt-2 flex w-full", role === "user" ? "justify-end" : "justify-start"),
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-[85%] rounded-[8px] bg-[rgba(0,0,0,0.06)] px-3 py-2 text-[10px] leading-relaxed text-[var(--text-secondary)]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "line-clamp-2", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-medium text-[var(--text-tertiary)]", children: [
-                  quote.sender,
-                  ":"
-                ] }),
-                " ",
-                quote.content
-              ] }) })
-            }
-          ) : null,
-          timestampLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-message-timestamp", children: timestampLabel }) : null
-        ]
-      },
-      message.id
-    );
-  };
-  const renderHistoryBanner = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: cn(
-        "inline-flex max-w-full items-center gap-2 rounded-full border px-3 py-1 font-medium",
-        "border-[var(--lab-border)] bg-[var(--lab-surface)] text-[var(--lab-text-secondary)]",
-        "text-[11px]"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: historyLabel }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              setFollow(false);
-              loadFullHistory();
-            },
-            disabled: historyLoadingFull,
-            className: "text-[var(--lab-text-primary)] underline decoration-dotted underline-offset-4 disabled:cursor-not-allowed disabled:opacity-50",
-            children: historyLoadingFull ? "Loading full history..." : "Load full history"
-          }
-        )
-      ]
-    }
-  ) });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
-    menuPortal,
-    messageContextMenuPortal,
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ai-manus-root ai-manus-copilot ai-manus-embedded flex flex-1 min-h-0 flex-col", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex flex-1 min-h-0 flex-col", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { ref: scrollRef, className: "flex-1 min-h-0", onScroll: handleScroll, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-full flex-col px-4 py-4", children: !questId ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center text-[12px] text-[var(--text-tertiary)]", children: emptyStateLabel }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          connectionStatus ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 text-center text-[11px] text-[var(--text-tertiary)]", children: connectionStatus }) : null,
-          shouldVirtualize ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: rowVirtualizer.getTotalSize(), position: "relative" }, children: rowVirtualizer.getVirtualItems().map((virtualRow) => {
-            if (showLoadFullHistory && virtualRow.index === 0) {
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "div",
-                {
-                  "data-index": virtualRow.index,
-                  ref: rowVirtualizer.measureElement,
-                  style: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: "100%",
-                    transform: `translateY(${virtualRow.start}px)`
-                  },
-                  children: renderHistoryBanner()
-                },
-                virtualRow.key
-              );
-            }
-            const message = messages[virtualRow.index - listOffset];
-            if (!message) return null;
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                "data-index": virtualRow.index,
-                ref: rowVirtualizer.measureElement,
-                style: {
-                  position: "absolute",
-                  top: 0,
-                  left: 0,
-                  width: "100%",
-                  transform: `translateY(${virtualRow.start}px)`
-                },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pb-3", children: renderGroupMessage(message) })
-              },
-              virtualRow.key
-            );
-          }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
-            showLoadFullHistory ? renderHistoryBanner() : null,
-            messages.map((message) => renderGroupMessage(message))
-          ] })
-        ] }) }) }),
-        showHistoryLoadingOverlay ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center gap-2 rounded-full border px-3 py-1.5 text-[11px] font-medium shadow-sm",
-              "border-[var(--lab-border)] bg-[var(--lab-surface)] text-[var(--lab-text-secondary)]"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("common_loading", void 0, "Loading...") })
-            ]
-          }
-        ) }) : null
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-[var(--border-main)] px-4 py-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          LabControlReferenceChips,
-          {
-            selection,
-            proposal: activeProposal ? {
-              proposal_id: activeProposal.proposal_id,
-              action_type: activeProposal.action_type,
-              status: activeProposal.status
-            } : null,
-            onClearSelection: () => setSelection(null),
-            onClearProposal: () => setActiveProposal(null),
-            selectionPrefix: t("copilot_selection_chip", void 0, "Ref"),
-            proposalPrefix: t("copilot_proposal_chip", void 0, "Proposal")
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ChatBox,
-          {
-            value: input,
-            onChange: setInput,
-            onSubmit: handleSend,
-            isRunning: false,
-            mentionables,
-            mentionEnabled: !readOnly,
-            includeDefaultAgent: false,
-            lockLeadingMentionSpace: true,
-            attachments,
-            onAttachmentsChange: setAttachments,
-            attachmentsEnabled: false,
-            readOnly,
-            inputDisabled: !questId,
-            rows: 2,
-            placeholder: !questId ? emptyStateLabel : readOnly ? t(
-              "copilot_group_placeholder_offline",
-              void 0,
-              "Your execution server is offline. Messages will be sent once it reconnects."
-            ) : t(
-              "copilot_group_placeholder",
-              void 0,
-              "Message @ALL or a quest agent"
-            ),
-            compact: true,
-            containerClassName: "pb-0"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function FriendsMomentCard({
-  message,
-  readOnly,
-  liked,
-  busy,
-  likeUsers,
-  comments,
-  onToggleLike,
-  onCommentSubmit,
-  onAvatarContextMenu
-}) {
-  const metadata = getMessageMetadata(message);
-  const metadataRecord = metadata;
-  const momentId = typeof metadata?.moment_id === "string" ? metadata.moment_id : "";
-  const contentText = getMessageText(message);
-  const mediaItems = resolveMomentMedia(metadata?.moment_media);
-  const senderName = metadata?.sender_name || resolveMessageTitle(message);
-  const senderLabel = metadata?.sender_label || metadata?.agent_label;
-  const avatarUrl = metadata?.sender_avatar_url || metadata?.agent_logo || "";
-  const avatarColor = metadata?.sender_avatar_color || metadata?.agent_avatar_color || "";
-  const timestampLabel = formatAbsoluteTimestamp(resolveMomentTimestamp(message));
-  const contentHtml = contentText ? renderMarkdown(contentText) : "";
-  const [commentOpen, setCommentOpen] = reactExports.useState(false);
-  const [commentDraft, setCommentDraft] = reactExports.useState("");
-  reactExports.useEffect(() => {
-    setCommentOpen(false);
-    setCommentDraft("");
-  }, [momentId]);
-  const countValue = (value) => {
-    if (typeof value === "number" && Number.isFinite(value)) return value;
-    if (typeof value === "string") {
-      const parsed = Number(value);
-      if (Number.isFinite(parsed)) return parsed;
-    }
-    return 0;
-  };
-  const likeCount = countValue(metadata?.moment_like_count);
-  const commentCount = countValue(metadata?.moment_comment_count);
-  const avatarInitial = senderName?.trim().slice(0, 1).toUpperCase() || "?";
-  const displayName = (() => {
-    const raw = senderLabel || senderName || "Agent";
-    const trimmed = raw.trim();
-    if (!trimmed) return "@Agent";
-    return trimmed.startsWith("@") ? trimmed : `@${trimmed}`;
-  })();
-  const resolvedLikeUsers = mergeMomentLikes(
-    resolveMomentLikes(
-      metadataRecord?.moment_like_users ?? metadataRecord?.moment_likes ?? metadataRecord?.like_users ?? metadataRecord?.likes ?? metadataRecord?.moment_reactions ?? null
-    ),
-    likeUsers.map((name) => ({ name }))
-  );
-  const resolvedComments = mergeMomentComments(
-    resolveMomentComments(
-      metadataRecord?.moment_comments ?? metadataRecord?.moment_comment_list ?? metadataRecord?.comments ?? metadataRecord?.moment_comment_items ?? metadataRecord?.comment_items ?? null
-    ),
-    comments
-  );
-  const showReactions = resolvedLikeUsers.length > 0 || resolvedComments.length > 0;
-  const handleLikeClick = async () => {
-    if (!momentId || readOnly || busy) return;
-    await onToggleLike(momentId, !liked);
-  };
-  const handleCommentToggle = () => {
-    if (readOnly) return;
-    setCommentOpen((prev) => !prev);
-  };
-  const handleCommentSubmit = async () => {
-    if (!momentId || readOnly || busy) return;
-    const trimmed = commentDraft.trim();
-    if (!trimmed) return;
-    const ok = await onCommentSubmit(momentId, trimmed);
-    if (ok) {
-      setCommentDraft("");
-      setCommentOpen(false);
-    }
-  };
-  const handleCommentKeyDown = (event) => {
-    if (event.key === "Enter" && !event.shiftKey) {
-      event.preventDefault();
-      void handleCommentSubmit();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-card", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "lab-avatar lab-avatar-sm lab-moment-avatar",
-        onContextMenu: (event) => onAvatarContextMenu?.(event, message),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-avatar-ring", style: avatarColor ? { borderColor: avatarColor } : void 0 }),
-          avatarUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: avatarUrl, alt: senderName }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: avatarInitial })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-main", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-moment-name", children: displayName }),
-      contentHtml ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "lab-moment-content",
-          dangerouslySetInnerHTML: { __html: contentHtml }
-        }
-      ) : null,
-      mediaItems.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-moment-media", children: mediaItems.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-moment-media-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: item.url, alt: item.label || `Moment media ${index + 1}` }) }, `${item.url}-${index}`)) }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-meta-row", children: [
-        timestampLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-moment-timestamp", children: timestampLabel }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-actions", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              type: "button",
-              className: cn("lab-moment-action", liked && "is-active"),
-              onClick: handleLikeClick,
-              disabled: readOnly || busy,
-              "aria-label": "Like moment",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(ThumbsUp, { size: 14 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: likeCount })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              type: "button",
-              className: "lab-moment-action",
-              onClick: handleCommentToggle,
-              disabled: readOnly || busy,
-              "aria-label": "Comment on moment",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCircle, { size: 14 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: commentCount })
-              ]
-            }
-          )
-        ] })
-      ] }),
-      showReactions ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-reactions", children: [
-        resolvedLikeUsers.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-like-row", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ThumbsUp, { size: 12 }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-moment-like-names", children: resolvedLikeUsers.join(", ") })
-        ] }) : null,
-        resolvedComments.map((comment, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-comment-row", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-moment-comment-name", children: comment.name }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-moment-comment-sep", children: ":" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-moment-comment-text", children: comment.content })
-        ] }, `${comment.name}-${index}`))
-      ] }) : null,
-      commentOpen ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-comment", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "textarea",
-          {
-            value: commentDraft,
-            onChange: (event) => setCommentDraft(event.target.value),
-            onKeyDown: handleCommentKeyDown,
-            placeholder: "Write a comment",
-            className: "lab-moment-comment-input",
-            rows: 2,
-            disabled: readOnly || busy
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-moment-comment-actions", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              className: "lab-moment-action lab-moment-action-secondary",
-              onClick: () => setCommentOpen(false),
-              disabled: readOnly || busy,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              className: "lab-moment-action lab-moment-action-primary",
-              onClick: handleCommentSubmit,
-              disabled: readOnly || busy || !commentDraft.trim(),
-              children: "Send"
-            }
-          )
-        ] })
-      ] }) : null
-    ] })
-  ] });
-}
-function LabFriendsFeed({
-  projectId,
-  agents,
-  templatesById,
-  readOnly,
-  quest,
-  quests,
-  onQuestChange
-}) {
-  const { addToast } = useToast();
-  const queryClient = useQueryClient();
-  const [rosterBusy, setRosterBusy] = reactExports.useState(false);
-  const [momentBusy, setMomentBusy] = reactExports.useState(/* @__PURE__ */ new Set());
-  const [likedMoments, setLikedMoments] = reactExports.useState({});
-  const [momentLikeUsers, setMomentLikeUsers] = reactExports.useState({});
-  const [momentComments, setMomentComments] = reactExports.useState({});
-  const [messageContextMenu, setMessageContextMenu] = reactExports.useState(null);
-  const scrollRef = reactExports.useRef(null);
-  const lastSeenMessageIdRef = reactExports.useRef(null);
-  const [highlightedMessageId, setHighlightedMessageId] = reactExports.useState(null);
-  const [follow, setFollow] = reactExports.useState(true);
-  const setMode = useLabCopilotStore((state) => state.setMode);
-  const setActiveAgent = useLabCopilotStore((state) => state.setActiveAgent);
-  const setSessionIdForSurface = useChatSessionStore((state) => state.setSessionIdForSurface);
-  const user = useAuthStore((state) => state.user);
-  const currentUserLabel = reactExports.useMemo(() => {
-    const raw = user?.username || user?.email || user?.id || "You";
-    const trimmed = raw?.trim?.() ?? "";
-    return trimmed || "You";
-  }, [user?.email, user?.id, user?.username]);
-  const headerPortalTarget = useCopilotDockHeaderPortal();
-  const [searchQuery, setSearchQuery] = reactExports.useState("");
-  const agentsById = reactExports.useMemo(() => new Map(agents.map((agent) => [agent.instance_id, agent])), [agents]);
-  const questId = quest?.quest_id ?? null;
-  const {
-    messages,
-    connection,
-    historyTruncated,
-    historyLimit,
-    historyLoadingFull,
-    historyLoading,
-    hasLoadedOnce,
-    loadFullHistory
-  } = useLabSurfaceSession({
-    projectId,
-    questId,
-    surface: "friends",
-    enabled: Boolean(questId)
-  });
-  const friendEntities = reactExports.useMemo(() => {
-    if (!questId) return [];
-    return agents.filter((agent) => agent.active_quest_id === questId).map((agent) => {
-      const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
-      return {
-        id: agent.instance_id,
-        name: resolveAgentDisplayName(agent),
-        avatar: resolveAgentLogo(agent, template)
-      };
-    });
-  }, [agents, questId, templatesById]);
-  const availableAgents = reactExports.useMemo(() => {
-    if (!questId) return [];
-    return agents.filter((agent) => agent.active_quest_id !== questId).map((agent) => {
-      const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
-      return {
-        id: agent.instance_id,
-        name: resolveAgentDisplayName(agent),
-        avatar: resolveAgentLogo(agent, template)
-      };
-    });
-  }, [agents, questId, templatesById]);
-  const emptyRosterLabel = questId ? "No agents assigned to this quest yet." : "Select a quest to see its agents.";
-  const emptyStateLabel = reactExports.useMemo(() => {
-    if (!questId) return "Select a quest to view friend updates.";
-    return "No friend updates yet for this quest.";
-  }, [questId]);
-  const connectionStatus = reactExports.useMemo(() => {
-    if (connection.status === "rate_limited") return "Rate limited. Retrying...";
-    if (connection.status === "reconnecting") return "Reconnecting...";
-    if (connection.status === "error") return connection.error || "Connection error";
-    return null;
-  }, [connection.error, connection.status]);
-  const showLoadFullHistory = historyTruncated && Boolean(questId);
-  const showHistoryLoadingOverlay = Boolean(questId) && historyLoading && messages.length === 0 && !hasLoadedOnce;
-  const historyLabel = typeof historyLimit === "number" && historyLimit > 0 ? `Showing latest ${historyLimit} messages.` : "Showing recent messages.";
-  reactExports.useEffect(() => {
-    if (!messageContextMenu) return;
-    const handleDismiss = () => setMessageContextMenu(null);
-    const handleKey = (event) => {
-      if (event.key === "Escape") {
-        setMessageContextMenu(null);
-      }
-    };
-    window.addEventListener("click", handleDismiss);
-    window.addEventListener("contextmenu", handleDismiss);
-    window.addEventListener("keydown", handleKey);
-    window.addEventListener("scroll", handleDismiss, true);
-    return () => {
-      window.removeEventListener("click", handleDismiss);
-      window.removeEventListener("contextmenu", handleDismiss);
-      window.removeEventListener("keydown", handleKey);
-      window.removeEventListener("scroll", handleDismiss, true);
-    };
-  }, [messageContextMenu]);
-  reactExports.useEffect(() => {
-    setSearchQuery("");
-    setHighlightedMessageId(null);
-    lastSeenMessageIdRef.current = null;
-    setFollow(true);
-    setMomentBusy(/* @__PURE__ */ new Set());
-    setLikedMoments({});
-    setMomentLikeUsers({});
-    setMomentComments({});
-  }, [questId]);
-  reactExports.useEffect(() => {
-    const latest = messages[messages.length - 1];
-    if (!latest?.id) return;
-    if (!lastSeenMessageIdRef.current) {
-      lastSeenMessageIdRef.current = latest.id;
-      return;
-    }
-    if (latest.id !== lastSeenMessageIdRef.current) {
-      lastSeenMessageIdRef.current = latest.id;
-      setHighlightedMessageId(latest.id);
-      const timer = window.setTimeout(() => setHighlightedMessageId(null), 1200);
-      return () => window.clearTimeout(timer);
-    }
-  }, [messages]);
-  const messageContentById = reactExports.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    messages.forEach((message) => {
-      const content = getMessageText(message);
-      if (content) {
-        map.set(message.id, content);
-      }
-    });
-    return map;
-  }, [messages]);
-  const messagesById = reactExports.useMemo(() => {
-    return new Map(messages.map((message) => [message.id, message]));
-  }, [messages]);
-  const friendMessages = reactExports.useMemo(() => {
-    return messages.length ? [...messages].reverse() : [];
-  }, [messages]);
-  const handleAvatarContextMenu = reactExports.useCallback(
-    (event, message) => {
-      const metadata = getMessageMetadata(message);
-      const agentId = metadata?.agent_instance_id;
-      const sessionId = metadata?.session_id;
-      if (!agentId && !sessionId) return;
-      setMessageContextMenu({ messageId: message.id, x: event.clientX, y: event.clientY });
-    },
-    []
-  );
-  const contextTarget = messageContextMenu ? messagesById.get(messageContextMenu.messageId) ?? null : null;
-  const contextMetadata = contextTarget ? getMessageMetadata(contextTarget) : null;
-  const contextAgentId = contextMetadata?.agent_instance_id ?? null;
-  const contextSessionId = typeof contextMetadata?.session_id === "string" ? contextMetadata.session_id : null;
-  const canOpenDirect = Boolean(contextAgentId);
-  const handleOpenDirect = reactExports.useCallback(() => {
-    if (!contextAgentId) return;
-    setActiveAgent(contextAgentId);
-    if (contextSessionId) {
-      setSessionIdForSurface(projectId, "lab-direct", contextSessionId);
-    }
-    setMode("direct");
-    setMessageContextMenu(null);
-  }, [contextAgentId, contextSessionId, projectId, setActiveAgent, setMode, setSessionIdForSurface]);
-  const listCount = friendMessages.length + (showLoadFullHistory ? 1 : 0);
-  const historyBannerIndex = showLoadFullHistory ? friendMessages.length : -1;
-  const shouldVirtualize = listCount > 20;
-  const rowVirtualizer = useVirtualizer({
-    count: listCount,
-    getScrollElement: () => scrollRef.current,
-    estimateSize: (index) => showLoadFullHistory && index === historyBannerIndex ? 56 : 180,
-    getItemKey: (index) => {
-      if (showLoadFullHistory && index === historyBannerIndex) return "lab-friends-history-banner";
-      const message = friendMessages[index];
-      return message?.id ?? `lab-friends-${index}`;
-    },
-    overscan: 6
-  });
-  const friendSearchResults = reactExports.useMemo(() => {
-    const query = searchQuery.trim().toLowerCase();
-    if (!query) return [];
-    const results = [];
-    friendMessages.forEach((item, index) => {
-      const content = messageContentById.get(item.id) ?? "";
-      if (!content) return;
-      if (!content.toLowerCase().includes(query)) return;
-      const title = resolveMessageTitle(item);
-      results.push({
-        id: item.id,
-        index,
-        title,
-        excerpt: buildSearchSnippet(content, query)
-      });
-    });
-    return results;
-  }, [friendMessages, messageContentById, searchQuery]);
-  const handleAddAgents = reactExports.useCallback(
-    async (agentIds) => {
-      if (!questId || readOnly || agentIds.length === 0) return;
-      setRosterBusy(true);
-      try {
-        const results = await Promise.allSettled(
-          agentIds.map(
-            (agentId) => assignLabAgent(projectId, agentId, { quest_id: questId, quest_node_id: null })
-          )
-        );
-        const failed = [];
-        results.forEach((result, index) => {
-          if (result.status !== "fulfilled") {
-            failed.push(agentIds[index]);
-          }
-        });
-        if (failed.length) {
-          const names = failed.map((agentId) => {
-            const agent = agentsById.get(agentId);
-            return agent ? resolveAgentDisplayName(agent) : agentId;
-          });
-          addToast({
-            type: "error",
-            title: "Unable to add agents",
-            description: `Failed to add: ${names.join(", ")}`
-          });
-        }
-        queryClient.invalidateQueries({ queryKey: ["lab-agents", projectId] });
-      } finally {
-        setRosterBusy(false);
-      }
-    },
-    [addToast, agentsById, projectId, queryClient, questId, readOnly]
-  );
-  const handleRemoveAgent = reactExports.useCallback(
-    async (agentId) => {
-      if (!questId || readOnly) return;
-      setRosterBusy(true);
-      try {
-        await assignLabAgent(projectId, agentId, { quest_id: null, quest_node_id: null });
-        queryClient.invalidateQueries({ queryKey: ["lab-agents", projectId] });
-      } catch (error) {
-        const agent = agentsById.get(agentId);
-        const label = agent ? resolveAgentDisplayName(agent) : agentId;
-        addToast({
-          type: "error",
-          title: "Unable to remove agent",
-          description: `Failed to remove ${label} from this quest.`
-        });
-      } finally {
-        setRosterBusy(false);
-      }
-    },
-    [addToast, agentsById, projectId, queryClient, questId, readOnly]
-  );
-  const setMomentBusyState = reactExports.useCallback((momentId, busy) => {
-    setMomentBusy((prev) => {
-      const next = new Set(prev);
-      if (busy) {
-        next.add(momentId);
-      } else {
-        next.delete(momentId);
-      }
-      return next;
-    });
-  }, []);
-  const handleMomentToggleLike = reactExports.useCallback(
-    async (momentId, nextLiked) => {
-      if (!momentId || readOnly) return;
-      setMomentBusyState(momentId, true);
-      try {
-        if (nextLiked) {
-          await likeLabMoment(projectId, momentId);
-        } else {
-          await unlikeLabMoment(projectId, momentId);
-        }
-        setLikedMoments((prev) => ({ ...prev, [momentId]: nextLiked }));
-        setMomentLikeUsers((prev) => {
-          const existing = prev[momentId] ?? [];
-          const next = new Set(existing);
-          if (nextLiked) {
-            next.add(currentUserLabel);
-          } else {
-            next.delete(currentUserLabel);
-          }
-          return { ...prev, [momentId]: Array.from(next) };
-        });
-      } catch {
-        addToast({
-          type: "error",
-          title: "Unable to update like",
-          description: "Please try again once your connection stabilizes."
-        });
-      } finally {
-        setMomentBusyState(momentId, false);
-      }
-    },
-    [addToast, currentUserLabel, projectId, readOnly, setMomentBusyState]
-  );
-  const handleMomentComment = reactExports.useCallback(
-    async (momentId, content) => {
-      if (!momentId || readOnly) return false;
-      setMomentBusyState(momentId, true);
-      try {
-        await commentLabMoment(projectId, momentId, { content });
-        setMomentComments((prev) => {
-          const existing = prev[momentId] ?? [];
-          const nextItem = { name: currentUserLabel, content };
-          return { ...prev, [momentId]: [...existing, nextItem] };
-        });
-        return true;
-      } catch {
-        addToast({
-          type: "error",
-          title: "Unable to send comment",
-          description: "Please try again once your connection stabilizes."
-        });
-        return false;
-      } finally {
-        setMomentBusyState(momentId, false);
-      }
-    },
-    [addToast, currentUserLabel, projectId, readOnly, setMomentBusyState]
-  );
-  const flashPostHighlight = reactExports.useCallback((messageId) => {
-    setHighlightedMessageId(messageId);
-    if (typeof window !== "undefined") {
-      window.setTimeout(() => setHighlightedMessageId(null), 1200);
-    }
-  }, []);
-  const jumpToFriendResult = reactExports.useCallback(
-    (result) => {
-      if (!result) return;
-      if (!scrollRef.current) return;
-      if (shouldVirtualize) {
-        rowVirtualizer.scrollToIndex(result.index, { align: "center" });
-      } else {
-        const node = scrollRef.current?.querySelector(
-          `[data-friend-post-id="${result.id}"]`
-        );
-        if (node) {
-          node.scrollIntoView({ behavior: "smooth", block: "center" });
-        }
-      }
-      flashPostHighlight(result.id);
-    },
-    [flashPostHighlight, rowVirtualizer, shouldVirtualize]
-  );
-  reactExports.useEffect(() => {
-    if (!searchQuery.trim()) return;
-    if (friendSearchResults.length === 0) return;
-    jumpToFriendResult(friendSearchResults[0]);
-  }, [friendSearchResults, jumpToFriendResult, searchQuery]);
-  const menuPortal = headerPortalTarget ? reactDomExports.createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      LabCopilotOverflowMenu,
-      {
-        label: "Friends",
-        entities: friendEntities,
-        emptyEntitiesLabel: emptyRosterLabel,
-        searchValue: searchQuery,
-        onSearchChange: setSearchQuery,
-        searchResults: friendSearchResults,
-        onSearchSelect: jumpToFriendResult,
-        searchPlaceholder: "Search friend updates",
-        questId,
-        quests,
-        onQuestChange,
-        canManageRoster: !readOnly && Boolean(questId),
-        rosterBusy,
-        availableAgents,
-        onAddAgents: handleAddAgents,
-        onRemoveAgent: handleRemoveAgent
-      }
-    ),
-    headerPortalTarget
-  ) : null;
-  const messageContextMenuPortal = messageContextMenu && typeof document !== "undefined" ? reactDomExports.createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: "lab-copilot-context-menu",
-        style: { left: messageContextMenu.x, top: messageContextMenu.y },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: handleOpenDirect, disabled: !canOpenDirect, children: "Open direct session" })
-      }
-    ),
-    document.body
-  ) : null;
-  const handleScroll = reactExports.useCallback(
-    (event) => {
-      const target = event.currentTarget;
-      const nextFollow = isScrolledToTop(target);
-      setFollow((prev) => prev === nextFollow ? prev : nextFollow);
-    },
-    [isScrolledToTop]
-  );
-  const renderFriendMessage = (message) => {
-    const content = message.content;
-    const metadata = getMessageMetadata(message);
-    const displayStreaming = message.type === "text_delta" && content.status === "in_progress";
-    const isHighlighted = highlightedMessageId === message.id;
-    const isMoment = metadata?.message_kind === "moment";
-    const momentId = typeof metadata?.moment_id === "string" ? metadata.moment_id : "";
-    const localLikeUsers = momentId ? momentLikeUsers[momentId] ?? [] : [];
-    const localComments = momentId ? momentComments[momentId] ?? [] : [];
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: cn("rounded-[12px] px-1", isHighlighted && "lab-message-highlight"),
-        "data-friend-post-id": message.id,
-        children: isMoment ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          FriendsMomentCard,
-          {
-            message,
-            readOnly,
-            liked: momentId ? Boolean(likedMoments[momentId]) : false,
-            busy: momentId ? momentBusy.has(momentId) : false,
-            likeUsers: localLikeUsers,
-            comments: localComments,
-            onToggleLike: handleMomentToggleLike,
-            onCommentSubmit: handleMomentComment,
-            onAvatarContextMenu: handleAvatarContextMenu
-          }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ChatMessage,
-          {
-            message,
-            compact: true,
-            onAvatarContextMenu: handleAvatarContextMenu,
-            displayStreaming,
-            streamActive: connection.status === "open" || connection.status === "connecting" || connection.status === "reconnecting"
-          }
-        )
-      },
-      message.id
-    );
-  };
-  const renderHistoryBanner = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: cn(
-        "inline-flex max-w-full items-center gap-2 rounded-full border px-3 py-1 font-medium",
-        "border-[var(--lab-border)] bg-[var(--lab-surface)] text-[var(--lab-text-secondary)]",
-        "text-[11px]"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: historyLabel }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              setFollow(false);
-              loadFullHistory();
-            },
-            disabled: historyLoadingFull,
-            className: "text-[var(--lab-text-primary)] underline decoration-dotted underline-offset-4 disabled:cursor-not-allowed disabled:opacity-50",
-            children: historyLoadingFull ? "Loading full history..." : "Load full history"
-          }
-        )
-      ]
-    }
-  ) });
-  const scrollToTop = reactExports.useCallback(() => {
-    const node = scrollRef.current;
-    if (!node) return;
-    if (typeof node.scrollTo === "function") {
-      node.scrollTo({ top: 0, behavior: "auto" });
-    } else {
-      node.scrollTop = 0;
-    }
-  }, []);
-  reactExports.useEffect(() => {
-    if (!questId || messages.length === 0) return;
-    if (!follow) return;
-    window.requestAnimationFrame(() => scrollToTop());
-  }, [follow, messages, questId, scrollToTop]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
-    menuPortal,
-    messageContextMenuPortal,
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ai-manus-root ai-manus-copilot ai-manus-embedded flex flex-1 min-h-0 flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex flex-1 min-h-0 flex-col", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { ref: scrollRef, className: "flex-1 min-h-0", onScroll: handleScroll, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-5 py-6", children: [
-        connectionStatus ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 text-center text-[11px] text-[var(--text-tertiary)]", children: connectionStatus }) : null,
-        !questId ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-[200px] items-center justify-center text-[12px] text-[var(--text-tertiary)]", children: emptyStateLabel }) : messages.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-[200px] items-center justify-center text-[12px] text-[var(--text-tertiary)]", children: emptyStateLabel }) : shouldVirtualize ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: rowVirtualizer.getTotalSize(), position: "relative" }, children: rowVirtualizer.getVirtualItems().map((virtualRow) => {
-          if (showLoadFullHistory && virtualRow.index === historyBannerIndex) {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                "data-index": virtualRow.index,
-                ref: rowVirtualizer.measureElement,
-                style: {
-                  position: "absolute",
-                  top: 0,
-                  left: 0,
-                  width: "100%",
-                  transform: `translateY(${virtualRow.start}px)`
-                },
-                children: renderHistoryBanner()
-              },
-              virtualRow.key
-            );
-          }
-          const message = friendMessages[virtualRow.index];
-          if (!message) return null;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              "data-index": virtualRow.index,
-              ref: rowVirtualizer.measureElement,
-              style: {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                width: "100%",
-                transform: `translateY(${virtualRow.start}px)`
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pb-5", children: renderFriendMessage(message) })
-            },
-            virtualRow.key
-          );
-        }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col lab-friends-list", children: [
-          friendMessages.map((message) => renderFriendMessage(message)),
-          showLoadFullHistory ? renderHistoryBanner() : null
-        ] })
-      ] }) }),
-      showHistoryLoadingOverlay ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: cn(
-            "flex items-center gap-2 rounded-full border px-3 py-1.5 text-[11px] font-medium shadow-sm",
-            "border-[var(--lab-border)] bg-[var(--lab-surface)] text-[var(--lab-text-secondary)]"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Loading..." })
-          ]
-        }
-      ) }) : null
-    ] }) })
-  ] });
-}
-
-export { LabCopilotHeader, LabCopilotPanel as default };