@blade-hq/agent-react 2610.0.0-beta.57 → 2610.0.0-beta.59

package/dist/index.js

@@ -2583,9 +2583,6 @@ var ChevronRight = createLucideIcon("ChevronRight", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/chevron-up.js
-var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
-
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/circle-alert.js
 var CircleAlert = createLucideIcon("CircleAlert", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
@@ -2733,6 +2730,13 @@ var Maximize2 = createLucideIcon("Maximize2", [
   ["line", { x1: "3", x2: "10", y1: "21", y2: "14", key: "1atl0r" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/menu.js
+var Menu = createLucideIcon("Menu", [
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
+  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
+  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/message-square-more.js
 var MessageSquareMore = createLucideIcon("MessageSquareMore", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
@@ -15752,7 +15756,7 @@ function iconBlob(client, sessionId, name, token) {
   blobCache.set(key, pending);
   return pending;
 }
-function SessionPluginIcon({ client, sessionId, plugin, className }) {
+function SessionPluginIcon({ client, sessionId, plugin, size = 20, shape = "rounded", className }) {
   const [url2, setUrl] = useState13(null);
   const token = plugin.icon;
   useEffect8(() => {
@@ -15770,11 +15774,12 @@ function SessionPluginIcon({ client, sessionId, plugin, className }) {
       if (objectUrl) URL.revokeObjectURL(objectUrl);
     };
   }, [client, sessionId, plugin.name, token]);
-  const frame = `flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded ${className ?? ""}`;
+  const frame = `flex shrink-0 items-center justify-center overflow-hidden ${shape === "circle" ? "rounded-full" : "rounded"} ${className ?? ""}`;
+  const frameStyle = { width: size, height: size };
   if (!url2) {
-    return /* @__PURE__ */ jsx3("span", { className: `${frame} bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]`, "data-plugin-icon": "placeholder", children: /* @__PURE__ */ jsx3(Puzzle, { "aria-hidden": true, className: "h-3.5 w-3.5" }) });
+    return /* @__PURE__ */ jsx3("span", { className: `${frame} bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]`, style: frameStyle, "data-plugin-icon": "placeholder", children: /* @__PURE__ */ jsx3(Puzzle, { "aria-hidden": true, size: Math.round(size * 0.7) }) });
   }
-  return /* @__PURE__ */ jsx3("span", { className: frame, "data-plugin-icon": "image", children: /* @__PURE__ */ jsx3("img", { src: url2, alt: "", "aria-hidden": true, className: "h-full w-full object-cover", onError: () => setUrl(null) }) });
+  return /* @__PURE__ */ jsx3("span", { className: frame, style: frameStyle, "data-plugin-icon": "image", children: /* @__PURE__ */ jsx3("img", { src: url2, alt: "", "aria-hidden": true, className: "h-full w-full object-cover", onError: () => setUrl(null) }) });
 }
 
 // src/components/SessionPluginConfigDialog.tsx
@@ -15978,65 +15983,6 @@ function ConfigDialogState({
   ] });
 }
 
-// src/components/plugin-connector.ts
-function catalogToConnectorItems(catalog) {
-  return catalog.map((entry) => ({
-    name: entry.name,
-    display_name: entry.display_name,
-    icon: entry.icon,
-    iconSource: "account",
-    installed: entry.installed,
-    active: false,
-    status: "not_prepared",
-    projected: false
-  }));
-}
-function mergeConnectorItems(sessionPlugins, catalog) {
-  const byName = new Map((catalog ?? []).map((entry) => [entry.name, entry]));
-  return sessionPlugins.map((plugin) => {
-    const entry = byName.get(plugin.name);
-    if (!entry) {
-      return {
-        name: plugin.name,
-        display_name: plugin.display_name ?? null,
-        icon: plugin.icon ?? null,
-        iconSource: "session",
-        installed: plugin.installed,
-        active: plugin.active,
-        status: plugin.status,
-        reason: plugin.reason,
-        config: plugin.config,
-        projected: plugin.projected
-      };
-    }
-    return {
-      name: plugin.name,
-      display_name: entry.display_name ?? plugin.display_name ?? null,
-      icon: entry.icon,
-      iconSource: "account",
-      installed: entry.installed,
-      active: plugin.active,
-      status: plugin.status,
-      reason: plugin.reason,
-      config: plugin.config,
-      projected: plugin.projected
-    };
-  });
-}
-function pluginConnectorSummary(state) {
-  if (state === "configured") return "\u914D\u7F6E\u5DF2\u4FDD\u5B58";
-  if (state === "required") return "\u8FD8\u9700\u8981\u586B\u5199\u914D\u7F6E";
-  if (state === "error") return "\u914D\u7F6E\u58F0\u660E\u6709\u95EE\u9898";
-  return null;
-}
-function filterConnectorItems(items, query) {
-  const needle = query.trim().toLowerCase();
-  if (!needle) return items;
-  return items.filter(
-    (item) => `${item.display_name ?? ""} ${item.name}`.toLowerCase().includes(needle)
-  );
-}
-
 // src/components/PluginConnectorList.tsx
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function PluginSwitch({
@@ -16093,11 +16039,10 @@ function PluginConnectorList({
     items.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: unavailableText ?? emptyText }) : null,
     items.map((item) => {
       const label = sessionPluginLabel(item);
-      const summary = pluginConnectorSummary(item.config);
       const actionable = !disabledReason && item.installed !== false || item.active;
       const pending = Boolean(inFlight[item.name]);
       const checked = item.active;
-      return /* @__PURE__ */ jsxs3("div", { className: "px-3 py-1", children: [
+      return /* @__PURE__ */ jsxs3("div", { className: "group px-3 py-1", children: [
         /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx5(
             SessionPluginIcon,
@@ -16108,6 +16053,28 @@ function PluginConnectorList({
             }
           ),
           /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate text-[11px]", title: label, children: label }),
+          !draft && item.config === "configured" ? /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              title: "\u66F4\u65B0\u8BE5\u63D2\u4EF6\u7684\u914D\u7F6E",
+              disabled: busy || !sessionId,
+              onClick: () => onEditConfig(item),
+              className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))] underline opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100 disabled:cursor-not-allowed disabled:opacity-50",
+              children: "\u66F4\u65B0\u914D\u7F6E"
+            }
+          ) : null,
+          !draft && (item.config === "required" || item.config === "error") ? /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              title: "\u8BE5\u63D2\u4EF6\u9700\u8981\u586B\u5199\u914D\u7F6E",
+              disabled: busy || !sessionId,
+              onClick: () => onEditConfig(item),
+              className: "shrink-0 text-[10px] text-[hsl(var(--muted-foreground))] underline disabled:cursor-not-allowed disabled:opacity-50",
+              children: "\u586B\u5199\u914D\u7F6E"
+            }
+          ) : null,
           /* @__PURE__ */ jsx5(
             PluginSwitch,
             {
@@ -16120,19 +16087,6 @@ function PluginConnectorList({
             }
           )
         ] }),
-        !draft && summary && item.config !== "not_required" ? /* @__PURE__ */ jsxs3("div", { className: "mt-0.5 flex items-center gap-2 pl-7 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
-          /* @__PURE__ */ jsx5("span", { children: summary }),
-          item.config === "configured" ? /* @__PURE__ */ jsx5(
-            "button",
-            {
-              type: "button",
-              disabled: busy || !sessionId,
-              onClick: () => onEditConfig(item),
-              className: "underline disabled:cursor-not-allowed disabled:opacity-50",
-              children: "\u914D\u7F6E"
-            }
-          ) : null
-        ] }) : null,
         !draft && item.active && item.status !== "valid" && item.status !== "required" ? /* @__PURE__ */ jsxs3("div", { className: "mt-0.5 flex items-center gap-2 pl-7 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
           /* @__PURE__ */ jsx5("span", { children: item.reason || "\u63D2\u4EF6\u6682\u4E0D\u53EF\u7528" }),
           /* @__PURE__ */ jsx5(
@@ -16164,6 +16118,61 @@ function PluginConnectorList({
 
 // src/components/use-session-plugin-activation.ts
 import { useCallback as useCallback22, useEffect as useEffect10, useMemo as useMemo11, useRef as useRef10, useState as useState15 } from "react";
+
+// src/components/plugin-connector.ts
+function catalogToConnectorItems(catalog) {
+  return catalog.map((entry) => ({
+    name: entry.name,
+    display_name: entry.display_name,
+    icon: entry.icon,
+    iconSource: "account",
+    installed: entry.installed,
+    active: false,
+    status: "not_prepared",
+    projected: false
+  }));
+}
+function mergeConnectorItems(sessionPlugins, catalog) {
+  const byName = new Map((catalog ?? []).map((entry) => [entry.name, entry]));
+  return sessionPlugins.map((plugin) => {
+    const entry = byName.get(plugin.name);
+    if (!entry) {
+      return {
+        name: plugin.name,
+        display_name: plugin.display_name ?? null,
+        icon: plugin.icon ?? null,
+        iconSource: "session",
+        installed: plugin.installed,
+        active: plugin.active,
+        status: plugin.status,
+        reason: plugin.reason,
+        config: plugin.config,
+        projected: plugin.projected
+      };
+    }
+    return {
+      name: plugin.name,
+      display_name: entry.display_name ?? plugin.display_name ?? null,
+      icon: entry.icon,
+      iconSource: "account",
+      installed: entry.installed,
+      active: plugin.active,
+      status: plugin.status,
+      reason: plugin.reason,
+      config: plugin.config,
+      projected: plugin.projected
+    };
+  });
+}
+function filterConnectorItems(items, query) {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return items;
+  return items.filter(
+    (item) => `${item.display_name ?? ""} ${item.name}`.toLowerCase().includes(needle)
+  );
+}
+
+// src/components/use-session-plugin-activation.ts
 function useSessionPluginActivation({
   client,
   sessionId,
@@ -16245,9 +16254,22 @@ function useSessionPluginActivation({
     setListError(false);
     try {
       const result = await client.sessions.listSessionPlugins(sessionId, { signal: controller.signal });
+      const withConfig = await Promise.all(
+        result.plugins.map(async (item) => {
+          if (item.config !== void 0 && item.config !== "unchecked") return item;
+          try {
+            const { config: config2 } = await client.sessions.getSessionPluginConfig(sessionId, item.name, {
+              signal: controller.signal
+            });
+            return { ...item, config: config2.state };
+          } catch {
+            return item;
+          }
+        })
+      );
       if (alive.current && current === generation.current) {
-        serverActive.current = new Set(result.plugins.filter((item) => item.active).map((item) => item.name));
-        setPlugins(result.plugins.map((item) => {
+        serverActive.current = new Set(withConfig.filter((item) => item.active).map((item) => item.name));
+        setPlugins(withConfig.map((item) => {
           const desired = desiredActivations.current.get(item.name);
           return desired === void 0 ? item : { ...item, active: desired };
         }));
@@ -16528,7 +16550,8 @@ async function copyToClipboard(text) {
 
 // src/components/SessionQueuePanel.tsx
 import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var ACTION_BUTTON = "flex h-6 w-6 items-center justify-center rounded text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent";
+var ICON_BUTTON = "flex h-6 w-6 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent";
+var LABEL_BUTTON = "inline-flex h-6 items-center gap-1 rounded-md px-2 text-[11px] text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent";
 function SessionQueuePanel({
   snapshot,
   canDeliver,
@@ -16543,10 +16566,11 @@ function SessionQueuePanel({
   onDeliver
 }) {
   const [collapsed, setCollapsed] = useState17(false);
-  const [editing, setEditing] = useState17(
-    null
-  );
+  const [editing, setEditing] = useState17(null);
   const [draggingId, setDraggingId] = useState17(null);
+  const [dropAt, setDropAt] = useState17(null);
+  const draggingRef = useRef11(null);
+  const dropRef = useRef11(null);
   const requeuePending = useRef11(false);
   const [requeueing, setRequeueing] = useState17(false);
   const items = snapshot.items;
@@ -16575,235 +16599,274 @@ function SessionQueuePanel({
       setEditing((current) => current === submitted ? null : current);
     }
   };
-  const handleDrop = (targetId) => {
-    const sourceId = draggingId;
+  const handleDrop = (targetId, edge) => {
+    const sourceId = draggingRef.current;
+    draggingRef.current = null;
+    dropRef.current = null;
     setDraggingId(null);
+    setDropAt(null);
     if (!sourceId || sourceId === targetId) return;
     const from = pendingIds.indexOf(sourceId);
     const to = pendingIds.indexOf(targetId);
     if (from < 0 || to < 0) return;
     const next = [...pendingIds];
     next.splice(from, 1);
-    next.splice(to, 0, sourceId);
+    const target = next.indexOf(targetId);
+    next.splice(edge === "after" ? target + 1 : target, 0, sourceId);
     onReorder(next);
   };
-  return /* @__PURE__ */ jsx7(
-    "section",
-    {
-      className: "blade-chat-queue shrink-0 border-t border-[hsl(var(--border))] px-4 pt-3",
-      "aria-label": "\u5F85\u6267\u884C\u6D88\u606F",
-      children: /* @__PURE__ */ jsxs5("div", { className: "mx-auto max-w-[748px]", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-          /* @__PURE__ */ jsxs5("span", { className: "font-medium text-[hsl(var(--foreground))]", children: [
-            "\u5F85\u6267\u884C \xB7 ",
-            items.length
-          ] }),
-          snapshot.paused && /* @__PURE__ */ jsxs5(Fragment4, { children: [
-            /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1 text-[hsl(var(--destructive))]", children: [
-              /* @__PURE__ */ jsx7(CirclePause, { size: 12 }),
-              pauseLabel
-            ] }),
+  return /* @__PURE__ */ jsx7("section", { className: "blade-chat-queue shrink-0 px-4 pt-2", "aria-label": "\u5F85\u6267\u884C\u6D88\u606F", children: /* @__PURE__ */ jsxs5("div", { className: "mx-auto max-w-[748px]", children: [
+    snapshot.paused || collapsible ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 px-0.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsxs5("span", { className: "font-medium", children: [
+        "\u5F85\u6267\u884C \xB7 ",
+        items.length
+      ] }),
+      snapshot.paused && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+        /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1 text-[hsl(var(--destructive))]", children: [
+          /* @__PURE__ */ jsx7(CirclePause, { size: 12 }),
+          pauseLabel
+        ] }),
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            onClick: onResume,
+            className: "h-6 rounded-md border border-[hsl(var(--border))] px-2 font-medium text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))]",
+            children: "\u7EE7\u7EED\u6267\u884C"
+          }
+        )
+      ] }),
+      collapsible && /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCollapsed((value) => !value),
+          "aria-expanded": !collapsed,
+          className: "ml-auto inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
+          children: [
+            collapsed ? "\u5C55\u5F00" : "\u6298\u53E0",
+            /* @__PURE__ */ jsx7(ChevronDown, { size: 12, className: cn(!collapsed && "rotate-180") })
+          ]
+        }
+      )
+    ] }) : null,
+    notice && /* @__PURE__ */ jsxs5("div", { className: "blade-chat-queue-notice mt-2 flex items-start gap-1.5 text-xs text-[hsl(var(--destructive))]", children: [
+      /* @__PURE__ */ jsx7(CircleAlert, { size: 13, className: "mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsx7("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: notice })
+    ] }),
+    detachedEdit && /* @__PURE__ */ jsxs5("div", { className: "mt-2 flex flex-col gap-2 text-xs", children: [
+      /* @__PURE__ */ jsx7("span", { children: "\u539F\u6D88\u606F\u5DF2\u53D8\u5316\uFF0C\u4FEE\u6539\u5185\u5BB9\u5DF2\u4FDD\u7559" }),
+      /* @__PURE__ */ jsx7(
+        "textarea",
+        {
+          "aria-label": "\u4FDD\u7559\u7684\u4FEE\u6539\u5185\u5BB9",
+          value: detachedEdit.text,
+          onChange: (event) => setEditing((current) => current ? { ...current, text: event.target.value } : current),
+          rows: 2,
+          className: "w-full rounded border border-[hsl(var(--border))] bg-transparent p-2"
+        }
+      ),
+      /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "rounded border border-[hsl(var(--border))] px-2 py-1", disabled: requeueing, onClick: stopEdit, children: "\u653E\u5F03\u4FEE\u6539" }),
+        onRequeue && /* @__PURE__ */ jsx7("button", { type: "button", className: "rounded bg-[hsl(var(--primary))] px-2 py-1 text-[hsl(var(--primary-foreground))] disabled:opacity-40", disabled: requeueing || !detachedEdit.text.trim(), onClick: async () => {
+          if (requeuePending.current) return;
+          requeuePending.current = true;
+          setRequeueing(true);
+          const submitted = editing;
+          try {
+            if (await onRequeue(detachedEdit.text.trim())) {
+              setEditing((current) => current === submitted ? null : current);
+            }
+          } finally {
+            requeuePending.current = false;
+            setRequeueing(false);
+          }
+        }, children: "\u4F5C\u4E3A\u65B0\u6D88\u606F\u6392\u961F" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7("ul", { className: "mx-3 flex max-h-56 flex-col overflow-y-auto rounded-t-[22px] border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-1.5 py-1.5", children: visibleItems.map((item) => {
+      const position = items.indexOf(item) + 1;
+      const pending = canEditQueuedMessage(item);
+      const busy = pendingItemId === item.id;
+      const isEditing = activeEdit?.id === item.id;
+      const pendingIndex = pendingIds.indexOf(item.id);
+      const statusLabel = item.status === "pending" ? null : queuedMessageStatusLabel(item.status);
+      const deliverable = canDeliver && canDeliverQueuedMessage(item);
+      return /* @__PURE__ */ jsx7(
+        "li",
+        {
+          draggable: pending && !busy && !isEditing,
+          onDragStart: (event) => {
+            draggingRef.current = item.id;
+            setDraggingId(item.id);
+            const text = event.currentTarget.querySelector("[data-queue-text]");
+            if (text && event.dataTransfer) {
+              const rect = text.getBoundingClientRect();
+              event.dataTransfer.setDragImage(
+                text,
+                event.clientX - rect.left,
+                event.clientY - rect.top
+              );
+            }
+          },
+          onDragEnd: () => {
+            draggingRef.current = null;
+            dropRef.current = null;
+            setDraggingId(null);
+            setDropAt(null);
+          },
+          onDragOver: (event) => {
+            if (!pending) return;
+            event.preventDefault();
+            if (!draggingRef.current || draggingRef.current === item.id) return;
+            const rect = event.currentTarget.getBoundingClientRect();
+            const edge = event.clientY > rect.top + rect.height / 2 ? "after" : "before";
+            dropRef.current = { id: item.id, edge };
+            setDropAt(
+              (current) => current?.id === item.id && current.edge === edge ? current : { id: item.id, edge }
+            );
+          },
+          onDragLeave: () => {
+            if (dropRef.current?.id === item.id) dropRef.current = null;
+            setDropAt((current) => current?.id === item.id ? null : current);
+          },
+          onDrop: (event) => {
+            event.preventDefault();
+            const landed = dropRef.current;
+            if (pending) handleDrop(item.id, landed?.id === item.id ? landed.edge : "before");
+          },
+          className: cn(
+            "blade-chat-queue-item group relative flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[11px]",
+            pending && !isEditing && "cursor-grab active:cursor-grabbing",
+            busy && "opacity-60",
+            draggingId === item.id && "opacity-40"
+          ),
+          children: isEditing ? /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx7(
+              "textarea",
+              {
+                value: activeEdit?.text ?? "",
+                onChange: (event) => setEditing(
+                  (current) => current ? { ...current, text: event.target.value } : current
+                ),
+                rows: 2,
+                "aria-label": `\u7F16\u8F91\u7B2C ${position} \u6761\u6D88\u606F`,
+                className: "w-full resize-none rounded-md border border-[hsl(var(--border))] bg-transparent px-2 py-1.5 text-sm leading-5 text-[hsl(var(--foreground))] outline-none"
+              }
+            ),
+            /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-1.5", children: [
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  onClick: stopEdit,
+                  className: "h-7 rounded-md border border-[hsl(var(--border))] px-2 text-xs text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
+                  children: "\u53D6\u6D88"
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => commitEdit(item),
+                  disabled: busy || !activeEdit?.text.trim(),
+                  className: "h-7 rounded-md bg-[hsl(var(--primary))] px-2 text-xs font-medium text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:opacity-40",
+                  children: "\u4FDD\u5B58"
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsxs5(Fragment4, { children: [
+            dropAt?.id === item.id ? /* @__PURE__ */ jsx7(
+              "span",
+              {
+                "aria-hidden": "true",
+                style: { background: "var(--resize-line-hover, hsl(var(--foreground) / 0.55))" },
+                className: cn(
+                  "pointer-events-none absolute inset-x-1 h-[2px] rounded-full",
+                  dropAt.edge === "before" ? "top-0" : "bottom-0"
+                )
+              }
+            ) : null,
             /* @__PURE__ */ jsx7(
               "button",
               {
                 type: "button",
-                onClick: onResume,
-                className: "h-6 rounded-md border border-[hsl(var(--border))] px-2 font-medium text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))]",
-                children: "\u7EE7\u7EED\u6267\u884C"
+                disabled: !pending || busy,
+                "aria-label": `\u8C03\u6574\u7B2C ${position} \u6761\u7684\u987A\u5E8F\uFF08\u62D6\u52A8\uFF0C\u6216\u6309 Alt+\u4E0A/\u4E0B\uFF09`,
+                title: "\u62D6\u52A8\u8C03\u6574\u987A\u5E8F\uFF08Alt+\u4E0A/\u4E0B \u4E5F\u884C\uFF09",
+                onKeyDown: (event) => {
+                  if (!event.altKey) return;
+                  if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
+                  event.preventDefault();
+                  const delta = event.key === "ArrowUp" ? -1 : 1;
+                  if (pendingIndex < 0) return;
+                  if (delta < 0 && pendingIndex === 0) return;
+                  if (delta > 0 && pendingIndex === pendingIds.length - 1) return;
+                  onMove(item, delta);
+                },
+                className: "-ml-0.5 flex h-5 w-4 shrink-0 cursor-grab items-center justify-center rounded text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))] active:cursor-grabbing disabled:cursor-default disabled:opacity-60 disabled:hover:bg-transparent",
+                children: /* @__PURE__ */ jsx7(Menu, { size: 14, "aria-hidden": "true" })
               }
-            )
-          ] }),
-          collapsible && /* @__PURE__ */ jsxs5(
-            "button",
-            {
-              type: "button",
-              onClick: () => setCollapsed((value) => !value),
-              "aria-expanded": !collapsed,
-              className: "ml-auto inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-              children: [
-                collapsed ? "\u5C55\u5F00" : "\u6298\u53E0",
-                /* @__PURE__ */ jsx7(ChevronDown, { size: 12, className: cn(!collapsed && "rotate-180") })
-              ]
-            }
-          )
-        ] }),
-        notice && /* @__PURE__ */ jsxs5("div", { className: "blade-chat-queue-notice mt-2 flex items-start gap-1.5 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx7(CircleAlert, { size: 13, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx7("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: notice })
-        ] }),
-        detachedEdit && /* @__PURE__ */ jsxs5("div", { className: "mt-2 flex flex-col gap-2 text-xs", children: [
-          /* @__PURE__ */ jsx7("span", { children: "\u539F\u6D88\u606F\u5DF2\u53D8\u5316\uFF0C\u4FEE\u6539\u5185\u5BB9\u5DF2\u4FDD\u7559" }),
-          /* @__PURE__ */ jsx7(
-            "textarea",
-            {
-              "aria-label": "\u4FDD\u7559\u7684\u4FEE\u6539\u5185\u5BB9",
-              value: detachedEdit.text,
-              onChange: (event) => setEditing((current) => current ? { ...current, text: event.target.value } : current),
-              rows: 2,
-              className: "w-full rounded border border-[hsl(var(--border))] bg-transparent p-2"
-            }
-          ),
-          /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ jsx7("button", { type: "button", className: "rounded border border-[hsl(var(--border))] px-2 py-1", disabled: requeueing, onClick: stopEdit, children: "\u653E\u5F03\u4FEE\u6539" }),
-            onRequeue && /* @__PURE__ */ jsx7("button", { type: "button", className: "rounded bg-[hsl(var(--primary))] px-2 py-1 text-[hsl(var(--primary-foreground))] disabled:opacity-40", disabled: requeueing || !detachedEdit.text.trim(), onClick: async () => {
-              if (requeuePending.current) return;
-              requeuePending.current = true;
-              setRequeueing(true);
-              const submitted = editing;
-              try {
-                if (await onRequeue(detachedEdit.text.trim())) {
-                  setEditing((current) => current === submitted ? null : current);
-                }
-              } finally {
-                requeuePending.current = false;
-                setRequeueing(false);
+            ),
+            /* @__PURE__ */ jsx7(
+              "span",
+              {
+                "data-queue-text": true,
+                className: "min-w-0 flex-1 truncate pt-px text-[hsl(var(--foreground))]",
+                children: item.content
               }
-            }, children: "\u4F5C\u4E3A\u65B0\u6D88\u606F\u6392\u961F" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx7("ul", { className: "mt-2 flex max-h-56 flex-col gap-1.5 overflow-y-auto", children: visibleItems.map((item) => {
-          const position = items.indexOf(item) + 1;
-          const pending = canEditQueuedMessage(item);
-          const busy = pendingItemId === item.id;
-          const isEditing = activeEdit?.id === item.id;
-          const pendingIndex = pendingIds.indexOf(item.id);
-          const statusLabel = queuedMessageStatusLabel(item.status);
-          const deliverable = canDeliver && canDeliverQueuedMessage(item);
-          return /* @__PURE__ */ jsxs5(
-            "li",
-            {
-              draggable: pending && !busy,
-              onDragStart: () => setDraggingId(item.id),
-              onDragEnd: () => setDraggingId(null),
-              onDragOver: (event) => {
-                if (pending) event.preventDefault();
-              },
-              onDrop: (event) => {
-                event.preventDefault();
-                if (pending) handleDrop(item.id);
-              },
-              className: cn(
-                "blade-chat-queue-item flex items-start gap-2 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2 py-1.5 text-xs",
-                busy && "opacity-60",
-                draggingId === item.id && "opacity-40"
+            ),
+            item.error ? /* @__PURE__ */ jsx7("span", { className: "shrink-0 pt-1 text-[11px] text-[hsl(var(--destructive))]", children: item.error }) : busy ? /* @__PURE__ */ jsxs5("span", { className: "mt-0.5 inline-flex shrink-0 items-center gap-1 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+              /* @__PURE__ */ jsx7(LoaderCircle, { size: 11, className: "animate-spin" }),
+              "\u5904\u7406\u4E2D"
+            ] }) : statusLabel ? /* @__PURE__ */ jsx7("span", { className: "shrink-0 pt-1 text-[11px] text-[hsl(var(--muted-foreground))]", children: statusLabel }) : null,
+            /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 group-has-[:focus-visible]:opacity-100", children: [
+              /* @__PURE__ */ jsxs5(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `\u7ACB\u523B\u53D1\u9001\u7B2C ${position} \u6761`,
+                  title: deliverable ? "\u7ACB\u523B\u53D1\u9001" : "\u5F53\u524D\u6CA1\u6709\u53EF\u63A5\u6536\u8865\u5145\u7684\u4EFB\u52A1",
+                  disabled: busy || !deliverable,
+                  onClick: () => onDeliver(item),
+                  className: LABEL_BUTTON,
+                  children: [
+                    /* @__PURE__ */ jsx7(Send, { size: 13, "aria-hidden": "true" }),
+                    "\u7ACB\u523B\u53D1\u9001"
+                  ]
+                }
               ),
-              children: [
-                /* @__PURE__ */ jsx7("span", { className: "mt-0.5 w-4 shrink-0 text-right tabular-nums text-[hsl(var(--muted-foreground))]", children: position }),
-                /* @__PURE__ */ jsx7("div", { className: "min-w-0 flex-1", children: isEditing ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ jsx7(
-                    "textarea",
-                    {
-                      value: activeEdit?.text ?? "",
-                      onChange: (event) => setEditing(
-                        (current) => current ? { ...current, text: event.target.value } : current
-                      ),
-                      rows: 2,
-                      "aria-label": `\u7F16\u8F91\u7B2C ${position} \u6761\u6D88\u606F`,
-                      className: "w-full resize-none rounded border border-[hsl(var(--border))] bg-transparent px-1.5 py-1 text-xs leading-5 text-[hsl(var(--foreground))] outline-none"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-1.5", children: [
-                    /* @__PURE__ */ jsx7(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: stopEdit,
-                        className: "h-6 rounded-md border border-[hsl(var(--border))] px-2 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                        children: "\u53D6\u6D88"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx7(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => commitEdit(item),
-                        disabled: busy || !activeEdit?.text.trim(),
-                        className: "h-6 rounded-md bg-[hsl(var(--primary))] px-2 font-medium text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:opacity-40",
-                        children: "\u4FDD\u5B58"
-                      }
-                    )
-                  ] })
-                ] }) : /* @__PURE__ */ jsxs5(Fragment4, { children: [
-                  /* @__PURE__ */ jsx7("div", { className: "line-clamp-2 whitespace-pre-wrap break-words text-[hsl(var(--foreground))]", children: item.content }),
-                  /* @__PURE__ */ jsxs5("div", { className: "mt-0.5 flex items-center gap-2 text-[hsl(var(--muted-foreground))]", children: [
-                    statusLabel && /* @__PURE__ */ jsx7("span", { children: statusLabel }),
-                    busy && /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1", children: [
-                      /* @__PURE__ */ jsx7(LoaderCircle, { size: 11, className: "animate-spin" }),
-                      "\u5904\u7406\u4E2D"
-                    ] }),
-                    item.error && /* @__PURE__ */ jsx7("span", { className: "text-[hsl(var(--destructive))]", children: item.error })
-                  ] })
-                ] }) }),
-                /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-                  /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `\u4E0A\u79FB\u7B2C ${position} \u6761`,
-                      title: "\u4E0A\u79FB",
-                      disabled: busy || pendingIndex <= 0,
-                      onClick: () => onMove(item, -1),
-                      className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx7(ChevronUp, { size: 13 })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `\u4E0B\u79FB\u7B2C ${position} \u6761`,
-                      title: "\u4E0B\u79FB",
-                      disabled: busy || pendingIndex < 0 || pendingIndex >= pendingIds.length - 1,
-                      onClick: () => onMove(item, 1),
-                      className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx7(ChevronDown, { size: 13 })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `\u7F16\u8F91\u7B2C ${position} \u6761`,
-                      title: "\u7F16\u8F91",
-                      disabled: busy || !canEditQueuedMessage(item),
-                      onClick: () => startEdit(item),
-                      className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx7(Pencil, { size: 12 })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `\u5220\u9664\u7B2C ${position} \u6761`,
-                      title: "\u5220\u9664",
-                      disabled: busy || !canCancelQueuedMessage(item),
-                      onClick: () => onCancel(item),
-                      className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx7(Trash2, { size: 12 })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx7(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": `\u7ACB\u5373\u8865\u5145\u7B2C ${position} \u6761`,
-                      title: deliverable ? "\u7ACB\u5373\u8865\u5145" : "\u5F53\u524D\u6CA1\u6709\u53EF\u63A5\u6536\u8865\u5145\u7684\u4EFB\u52A1",
-                      disabled: busy || !deliverable,
-                      onClick: () => onDeliver(item),
-                      className: ACTION_BUTTON,
-                      children: /* @__PURE__ */ jsx7(Send, { size: 12 })
-                    }
-                  )
-                ] })
-              ]
-            },
-            item.id
-          );
-        }) })
-      ] })
-    }
-  );
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `\u7F16\u8F91\u7B2C ${position} \u6761`,
+                  title: "\u7F16\u8F91",
+                  disabled: busy || !pending,
+                  onClick: () => startEdit(item),
+                  className: ICON_BUTTON,
+                  children: /* @__PURE__ */ jsx7(Pencil, { size: 13, "aria-hidden": "true" })
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `\u5220\u9664\u7B2C ${position} \u6761`,
+                  title: "\u5220\u9664",
+                  disabled: busy || !canCancelQueuedMessage(item),
+                  onClick: () => onCancel(item),
+                  className: ICON_BUTTON,
+                  children: /* @__PURE__ */ jsx7(Trash2, { size: 13, "aria-hidden": "true" })
+                }
+              )
+            ] })
+          ] })
+        },
+        item.id
+      );
+    }) })
+  ] }) });
 }
 
 // src/components/ReplayBar.tsx
@@ -45960,10 +46023,10 @@ function selectionFromItem(item) {
 }
 var TRIGGER_ICON_LIMIT = 3;
 function triggerSummary(items) {
-  const withIcon = items.filter((item) => Boolean(item.icon));
+  const visible = items.slice(0, TRIGGER_ICON_LIMIT);
   return {
-    icons: withIcon.slice(0, TRIGGER_ICON_LIMIT),
-    overflow: Math.max(0, items.length - Math.min(withIcon.length, TRIGGER_ICON_LIMIT)),
+    visible,
+    overflow: items.length - visible.length,
     total: items.length
   };
 }
@@ -46127,21 +46190,82 @@ function ConnectorPanel({
   ] });
 }
 
+// src/components/PluginTriggerStack.tsx
+import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+var AVATAR_SIZE = 20;
+function hueOf(name) {
+  let hash2 = 0;
+  for (const char of name) hash2 = (hash2 * 31 + char.codePointAt(0)) % 1000003;
+  return hash2 % 360;
+}
+var AVATAR_PALETTE = [
+  "bg-violet-100 text-violet-800 dark:bg-violet-500/25 dark:text-violet-200",
+  "bg-sky-100 text-sky-800 dark:bg-sky-500/25 dark:text-sky-200",
+  "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/25 dark:text-emerald-200",
+  "bg-amber-100 text-amber-800 dark:bg-amber-500/25 dark:text-amber-200",
+  "bg-rose-100 text-rose-800 dark:bg-rose-500/25 dark:text-rose-200",
+  "bg-indigo-100 text-indigo-800 dark:bg-indigo-500/25 dark:text-indigo-200",
+  "bg-teal-100 text-teal-800 dark:bg-teal-500/25 dark:text-teal-200",
+  "bg-fuchsia-100 text-fuchsia-800 dark:bg-fuchsia-500/25 dark:text-fuchsia-200"
+];
+function PluginTriggerStack({ client, sessionId, summary, className }) {
+  if (summary.total === 0) return null;
+  const ring = "ring-2 ring-[hsl(var(--background))]";
+  return /* @__PURE__ */ jsxs26("span", { className: `flex items-center -space-x-1 ${className ?? ""}`, children: [
+    summary.visible.map((item) => {
+      const label = item.displayName?.trim() || item.name;
+      const tone = AVATAR_PALETTE[hueOf(item.name) % AVATAR_PALETTE.length];
+      return item.icon ? /* @__PURE__ */ jsx32(
+        SessionPluginIcon,
+        {
+          client,
+          sessionId: item.iconSource === "account" ? null : sessionId,
+          plugin: item,
+          size: AVATAR_SIZE,
+          shape: "circle",
+          className: ring
+        },
+        item.name
+      ) : /* @__PURE__ */ jsx32(
+        "span",
+        {
+          title: label,
+          className: `flex shrink-0 items-center justify-center rounded-full font-semibold text-[11px] ${tone} ${ring}`,
+          style: { width: AVATAR_SIZE, height: AVATAR_SIZE },
+          children: Array.from(label.trim())[0]?.toUpperCase() ?? "?"
+        },
+        item.name
+      );
+    }),
+    summary.overflow > 0 ? /* @__PURE__ */ jsxs26(
+      "span",
+      {
+        className: `flex shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] font-medium text-[hsl(var(--muted-foreground))] text-[10px] ${ring}`,
+        style: { width: AVATAR_SIZE, height: AVATAR_SIZE },
+        children: [
+          "+",
+          summary.overflow
+        ]
+      }
+    ) : null
+  ] });
+}
+
 // src/components/ContextCard.tsx
 import {
   getContextDisplayState,
   getContextGroupDisplayState
 } from "@blade-hq/agent-client";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 function ContextCard({ context, className }) {
   const display = getContextDisplayState(context);
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "details",
     {
       className: `blade-chat-context-card group/context-card rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
       children: [
-        /* @__PURE__ */ jsxs26("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsxs27("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsx33(
             Layers,
             {
               size: 15,
@@ -46149,11 +46273,11 @@ function ContextCard({ context, className }) {
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs26("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx32("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
-            /* @__PURE__ */ jsx32("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
+          /* @__PURE__ */ jsxs27("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx33("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
+            /* @__PURE__ */ jsx33("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
           ] }),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             ChevronDown,
             {
               size: 14,
@@ -46162,7 +46286,7 @@ function ContextCard({ context, className }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx32("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
+        /* @__PURE__ */ jsx33("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
       ]
     }
   );
@@ -46171,9 +46295,9 @@ function ContextGroupCard({ contexts, className }) {
   if (contexts.length === 0) return null;
   const single = contexts.length === 1 ? getContextDisplayState(contexts[0]) : null;
   const group = single ? null : getContextGroupDisplayState(contexts);
-  return /* @__PURE__ */ jsxs26("details", { className: `blade-chat-context-card group/context-group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs26("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
-      /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs27("details", { className: `blade-chat-context-card group/context-group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs27("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
+      /* @__PURE__ */ jsx33(
         Layers,
         {
           size: 15,
@@ -46181,11 +46305,11 @@ function ContextGroupCard({ contexts, className }) {
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsxs26("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx32("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
-        /* @__PURE__ */ jsx32("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
+      /* @__PURE__ */ jsxs27("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx33("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
+        /* @__PURE__ */ jsx33("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
       ] }),
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx33(
         ChevronDown,
         {
           size: 14,
@@ -46194,7 +46318,7 @@ function ContextGroupCard({ contexts, className }) {
         }
       )
     ] }),
-    single ? /* @__PURE__ */ jsx32("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: single.detail }) : /* @__PURE__ */ jsx32("div", { className: "blade-chat-context-group-items flex flex-col gap-1.5 border-t border-[hsl(var(--border))] p-2", children: contexts.map((context) => /* @__PURE__ */ jsx32(
+    single ? /* @__PURE__ */ jsx33("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: single.detail }) : /* @__PURE__ */ jsx33("div", { className: "blade-chat-context-group-items flex flex-col gap-1.5 border-t border-[hsl(var(--border))] p-2", children: contexts.map((context) => /* @__PURE__ */ jsx33(
       ContextCard,
       {
         context
@@ -46206,7 +46330,7 @@ function ContextGroupCard({ contexts, className }) {
 
 // src/components/SessionMemoryToggle.tsx
 import { useCallback as useCallback29, useEffect as useEffect24, useRef as useRef25, useState as useState35, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var saveStates = /* @__PURE__ */ new WeakMap();
 function getSaveState(client, sessionId) {
   let clientStates = saveStates.get(client);
@@ -46295,9 +46419,9 @@ function SessionMemoryToggle({
     },
     [client, enabled, onError, onSaved, sessionId]
   );
-  return /* @__PURE__ */ jsxs27("label", { className: cn("flex items-center justify-between", className), children: [
-    /* @__PURE__ */ jsx33("span", { className: labelClassName, children: label }),
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs28("label", { className: cn("flex items-center justify-between", className), children: [
+    /* @__PURE__ */ jsx34("span", { className: labelClassName, children: label }),
+    /* @__PURE__ */ jsx34(
       "input",
       {
         type: "checkbox",
@@ -46369,6 +46493,7 @@ export {
   PLAN_AUTO_COLLAPSE_MS,
   PlanUpdateBlock,
   PluginConnectorList,
+  PluginTriggerStack,
   ReplayBar,
   ReplayMismatchPrompt,
   SessionMemoryToggle,
@@ -46393,7 +46518,6 @@ export {
   parsePlanUpdate,
   parseWhatIfPrompt,
   pickCurrentPlanStep,
-  pluginConnectorSummary,
   selectionFromItem,
   sessionPluginLabel,
   triggerSummary,
@@ -46429,7 +46553,6 @@ lucide-react/dist/esm/icons/bot.js:
 lucide-react/dist/esm/icons/check.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
-lucide-react/dist/esm/icons/chevron-up.js:
 lucide-react/dist/esm/icons/circle-alert.js:
 lucide-react/dist/esm/icons/circle-dot.js:
 lucide-react/dist/esm/icons/circle-pause.js:
@@ -46445,6 +46568,7 @@ lucide-react/dist/esm/icons/list-checks.js:
 lucide-react/dist/esm/icons/loader-circle.js:
 lucide-react/dist/esm/icons/lock-keyhole.js:
 lucide-react/dist/esm/icons/maximize-2.js:
+lucide-react/dist/esm/icons/menu.js:
 lucide-react/dist/esm/icons/message-square-more.js:
 lucide-react/dist/esm/icons/message-square.js:
 lucide-react/dist/esm/icons/minimize-2.js: