@blade-hq/agent-react 2612.0.0-beta.0 → 2612.0.0-beta.10

package/dist/chunk-EYRP6PV3.js

@@ -0,0 +1,258 @@
+import {
+  LoaderCircle,
+  PluginConnectorList,
+  Search,
+  SessionPluginIcon,
+  catalogToConnectorItems,
+  filterConnectorItems,
+  useSessionPluginActivation
+} from "./chunk-7TQVTNPL.js";
+
+// src/components/connector-panel-types.ts
+function selectionFromItem(item) {
+  return {
+    name: item.name,
+    displayName: item.display_name ?? null,
+    icon: item.icon,
+    iconSource: item.iconSource
+  };
+}
+var TRIGGER_ICON_LIMIT = 3;
+function triggerSummary(items) {
+  const visible = items.slice(0, TRIGGER_ICON_LIMIT);
+  return {
+    visible,
+    overflow: items.length - visible.length,
+    total: items.length
+  };
+}
+
+// src/components/ConnectorPanel.tsx
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function PanelDivider() {
+  return /* @__PURE__ */ jsx("div", { className: "my-1 border-[hsl(var(--border))] border-t" });
+}
+function PanelTitle({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "px-3 pt-1 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children });
+}
+function ConnectorPanel({
+  client,
+  sessionId,
+  pendingPlugins,
+  onPendingPluginsChange,
+  pendingDisabledReason,
+  onPluginsChanged,
+  onSelectedChange,
+  renderComputerSection,
+  renderExternalAccounts,
+  renderFooterActions,
+  className
+}) {
+  const [query, setQuery] = useState("");
+  const [pendingCatalog, setPendingCatalog] = useState(null);
+  const [pendingLoading, setPendingLoading] = useState(false);
+  const [pendingError, setPendingError] = useState(false);
+  const activation = useSessionPluginActivation({
+    client,
+    // 首页不会走这个分支：待选在下面自己处理开关，不碰会话接口。
+    sessionId: sessionId ?? "",
+    onChange: onPluginsChanged
+  });
+  const { reload, items: sessionItems } = activation;
+  useEffect(() => {
+    if (sessionId) reload();
+  }, [reload, sessionId]);
+  const loadPendingCatalog = useCallback(async () => {
+    setPendingLoading(true);
+    setPendingError(false);
+    try {
+      const { plugins } = await client.plugins.catalog();
+      setPendingCatalog(plugins);
+    } catch {
+      setPendingError(true);
+    } finally {
+      setPendingLoading(false);
+    }
+  }, [client]);
+  useEffect(() => {
+    if (sessionId) return;
+    void loadPendingCatalog();
+  }, [loadPendingCatalog, sessionId]);
+  const selected = useMemo(
+    () => new Set((pendingPlugins ?? []).map((item) => item.name)),
+    [pendingPlugins]
+  );
+  const items = useMemo(() => {
+    if (sessionId) return sessionItems;
+    return catalogToConnectorItems(pendingCatalog ?? []).map((item) => ({
+      ...item,
+      active: selected.has(item.name)
+    }));
+  }, [pendingCatalog, selected, sessionId, sessionItems]);
+  const visibleItems = useMemo(
+    () => sessionId ? filterConnectorItems(items, query) : filterConnectorItems(items, query).map((item) => ({ ...item, config: void 0 })),
+    [items, query, sessionId]
+  );
+  const togglePending = useCallback((item, next) => {
+    const kept = (pendingPlugins ?? []).filter((entry) => entry.name !== item.name);
+    onPendingPluginsChange?.(next ? [...kept, selectionFromItem(item)] : kept);
+  }, [onPendingPluginsChange, pendingPlugins]);
+  const toggle = useCallback((item, next) => {
+    if (sessionId) activation.toggle(item, next);
+    else togglePending(item, next);
+  }, [activation, sessionId, togglePending]);
+  const selectedItems = useMemo(
+    () => items.filter((item) => item.active),
+    [items]
+  );
+  const onSelectedChangeRef = useRef(onSelectedChange);
+  onSelectedChangeRef.current = onSelectedChange;
+  const latestSelected = useRef(selectedItems);
+  latestSelected.current = selectedItems;
+  const reportSelected = useCallback(() => {
+    onSelectedChangeRef.current?.(latestSelected.current);
+  }, []);
+  const selectedNames = selectedItems.map((item) => item.name).join("\0");
+  useEffect(reportSelected, [reportSelected, selectedNames]);
+  const failed = sessionId ? activation.listError : pendingError;
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-[hsl(var(--border))] border-b px-3 py-2", children: [
+      /* @__PURE__ */ jsx(Search, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: query,
+          onChange: (event) => setQuery(event.target.value),
+          placeholder: "\u641C\u7D22\u8FDE\u63A5\u5668",
+          "aria-label": "\u641C\u7D22\u8FDE\u63A5\u5668",
+          className: "min-w-0 flex-1 bg-transparent text-[11px] outline-none placeholder:text-[hsl(var(--muted-foreground))]"
+        }
+      )
+    ] }),
+    renderComputerSection ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PanelTitle, { children: "\u7535\u8111" }),
+      renderComputerSection(query)
+    ] }) : null,
+    /* @__PURE__ */ jsx(PanelDivider, {}),
+    /* @__PURE__ */ jsx(PanelTitle, { children: "\u63D2\u4EF6" }),
+    !sessionId ? (
+      // 首页没有会话，开关只记下「这条消息要带上谁」：不说清楚，用户会以为已经
+      // 生效（issue 明确要求「明确为待选，不宣称已经激活」）。
+      /* @__PURE__ */ jsx("div", { className: "px-3 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: "\u5148\u9009\u4E2D\uFF0C\u53D1\u9001\u8FD9\u6761\u6D88\u606F\u65F6\u4F1A\u4E00\u5E76\u542F\u7528" })
+    ) : null,
+    (sessionId ? activation.loading : pendingLoading) && visibleItems.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "mr-1 inline animate-spin" }),
+      "\u6B63\u5728\u83B7\u53D6\u63D2\u4EF6\u2026"
+    ] }) : null,
+    failed ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => sessionId ? reload() : void loadPendingCatalog(),
+        className: "px-3 py-1.5 text-left text-[11px] text-[hsl(var(--muted-foreground))] underline",
+        children: "\u63D2\u4EF6\u5217\u8868\u6682\u4E0D\u53EF\u7528\uFF0C\u70B9\u51FB\u91CD\u8BD5"
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      PluginConnectorList,
+      {
+        client,
+        sessionId,
+        items: visibleItems,
+        inFlight: activation.inFlight,
+        busy: sessionId ? activation.busy : pendingLoading,
+        mutationError: sessionId ? activation.mutationError : false,
+        onToggle: toggle,
+        onRetry: activation.retry,
+        onEditConfig: activation.editConfig,
+        configuring: sessionId ? activation.configuring : null,
+        onConfigSaved: activation.onConfigSaved,
+        onConfigClose: activation.onConfigClose,
+        disabledReason: sessionId ? null : pendingDisabledReason,
+        unavailableText: failed ? null : query.trim() ? "\u6CA1\u6709\u5339\u914D\u7684\u63D2\u4EF6" : null,
+        emptyText: sessionId ? "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6" : "\u5C1A\u672A\u5B89\u88C5\u63D2\u4EF6\uFF0C\u53BB\u5E94\u7528\u5E02\u573A\u6DFB\u52A0\u4E00\u4E2A",
+        draft: !sessionId
+      }
+    ),
+    renderExternalAccounts ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PanelDivider, {}),
+      /* @__PURE__ */ jsx(PanelTitle, { children: "\u5916\u90E8\u8D26\u53F7" }),
+      renderExternalAccounts(query)
+    ] }) : null,
+    renderFooterActions ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PanelDivider, {}),
+      renderFooterActions()
+    ] }) : null
+  ] });
+}
+
+// src/components/PluginTriggerStack.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var AVATAR_SIZE = 20;
+function hueOf(name) {
+  let hash = 0;
+  for (const char of name) hash = (hash * 31 + char.codePointAt(0)) % 1000003;
+  return hash % 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__ */ jsxs2("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__ */ jsx2(
+        SessionPluginIcon,
+        {
+          client,
+          sessionId: item.iconSource === "account" ? null : sessionId,
+          plugin: item,
+          size: AVATAR_SIZE,
+          shape: "circle",
+          className: ring
+        },
+        item.name
+      ) : /* @__PURE__ */ jsx2(
+        "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__ */ jsxs2(
+      "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
+  ] });
+}
+
+export {
+  selectionFromItem,
+  TRIGGER_ICON_LIMIT,
+  triggerSummary,
+  ConnectorPanel,
+  PluginTriggerStack
+};
+//# sourceMappingURL=chunk-EYRP6PV3.js.map

package/dist/chunk-EYRP6PV3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/connector-panel-types.ts","../src/components/ConnectorPanel.tsx","../src/components/PluginTriggerStack.tsx"],"sourcesContent":["import type { PluginConnectorItem } from \"./plugin-connector\"\n\n/**\n * 首页选中的一个待选插件。\n *\n * 带上展示名和图标是为了两件事：后续的配置弹窗与失败提示能一直用业务名（只传技术\n * ID 的话，用户在面板里看到「示例登录」、在弹窗标题里看到 `demo-login`，等于要他认\n * 两遍），以及不用打开面板就能在触发器上看到自己选了什么。\n *\n * 技术 ID 仍是路径、授权、缓存与调用的权威。\n */\nexport interface PluginConnectorSelection {\n  name: string\n  displayName: string | null\n  icon: string | null\n  iconSource: PluginConnectorItem[\"iconSource\"]\n}\n\n/** 面板一行 → 待选条目。 */\nexport function selectionFromItem(item: PluginConnectorItem): PluginConnectorSelection {\n  return {\n    name: item.name,\n    displayName: item.display_name ?? null,\n    icon: item.icon,\n    iconSource: item.iconSource,\n  }\n}\n\n/** 触发器上最多直接显示几个插件头像，其余折成数量。 */\nexport const TRIGGER_ICON_LIMIT = 3\n\n/** 触发器上的头像堆叠内容：前三个 + 折起来的数量。 */\nexport interface TriggerSummary {\n  /** 前 TRIGGER_ICON_LIMIT 个选中项，**不管有没有图标 token**。 */\n  visible: Array<Pick<PluginConnectorSelection, \"name\" | \"displayName\" | \"icon\" | \"iconSource\">>\n  /** 超出 TRIGGER_ICON_LIMIT 的数量；0 表示不显示 `+N`。 */\n  overflow: number\n  /** 已选/已启用的总数，用于无障碍标签与提示。 */\n  total: number\n}\n\n/**\n * 把一份插件列表折成触发器上的头像堆叠。\n *\n * 前三项都占位，**不管有没有图标 token**：没有图标的用显示名首字起头的圆形占位，\n * 「选了哪个」照样看得见。早先的实现把无图标的项从图标位里剔掉、还把它们算进\n * `overflow`，于是选中一个没有图标的插件时触发器毫无变化——选择在入口上不可见。\n */\nexport function triggerSummary(\n  items: Array<Pick<PluginConnectorSelection, \"name\" | \"displayName\" | \"icon\" | \"iconSource\">>,\n): TriggerSummary {\n  const visible = items.slice(0, TRIGGER_ICON_LIMIT)\n  return {\n    visible,\n    overflow: items.length - visible.length,\n    total: items.length,\n  }\n}\n","import type { BladeClient, PluginCatalogEntry, SessionPluginActivation } from \"@blade-hq/agent-client/internal\"\nimport { Loader2, Search } from \"lucide-react\"\nimport { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from \"react\"\nimport { PluginConnectorList } from \"./PluginConnectorList\"\nimport { useSessionPluginActivation } from \"./use-session-plugin-activation\"\nimport { catalogToConnectorItems, filterConnectorItems, type PluginConnectorItem } from \"./plugin-connector\"\nimport { selectionFromItem, type PluginConnectorSelection } from \"./connector-panel-types\"\n\nexport interface ConnectorPanelProps {\n  client: BladeClient\n  /**\n   * `null` 表示首页：插件开关只记下本次输入的待选，不激活任何东西、不建会话、\n   * 不启动沙盒或 MCP。待选项随首条消息一起交给宿主处理。\n   */\n  sessionId: string | null\n  /** 首页待选插件；`sessionId` 为 null 时使用。 */\n  pendingPlugins?: PluginConnectorSelection[]\n  onPendingPluginsChange?: (next: PluginConnectorSelection[]) => void\n  /** 首页候选开关不可用时的说明（例如软件工厂模式会先建项目再启动）。 */\n  pendingDisabledReason?: string | null\n  /** 会话内插件启用/停用结果；宿主据此刷新技能统计。 */\n  onPluginsChanged?: (plugin: SessionPluginActivation) => void\n  /**\n   * 当前已选（首页待选 / 会话内已启用）的插件，按行原样报给宿主。\n   *\n   * 触发器要在不打开面板时就能显示「选了哪几个、几个」，它自己拿不到这份状态，\n   * 所以由面板单向汇报；面板未挂载时宿主保留上一次的结果。\n   */\n  onSelectedChange?: (items: PluginConnectorItem[]) => void\n  /** 宿主注入：电脑分区。参数是搜索词，宿主自己决定怎么过滤。 */\n  renderComputerSection?: (query: string) => ReactNode\n  /** 宿主注入：外部账号分区（飞书 / GitHub 等固定连接入口）。 */\n  renderExternalAccounts?: (query: string) => ReactNode\n  /** 宿主注入：底部操作区；不注入就不渲染这一块。 */\n  renderFooterActions?: () => ReactNode\n  className?: string\n}\n\nfunction PanelDivider() {\n  return <div className=\"my-1 border-[hsl(var(--border))] border-t\" />\n}\n\nfunction PanelTitle({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"px-3 pt-1 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]\">\n      {children}\n    </div>\n  )\n}\n\n/**\n * 统一连接器面板：顶部搜索、按「电脑 / 插件 / 外部账号」分区、底部添加与管理。\n *\n * 插件分区是这一层唯一的共享实现：首页和会话用同一个列表、同一套启用判定，\n * 判定不各写一份。电脑与外部账号由宿主注入——那些入口需要宿主的路由与 CLI\n * 引导，SDK 不硬编码内部路径，也不替第三方决定跳到哪里。\n */\nexport function ConnectorPanel({\n  client,\n  sessionId,\n  pendingPlugins,\n  onPendingPluginsChange,\n  pendingDisabledReason,\n  onPluginsChanged,\n  onSelectedChange,\n  renderComputerSection,\n  renderExternalAccounts,\n  renderFooterActions,\n  className,\n}: ConnectorPanelProps) {\n  const [query, setQuery] = useState(\"\")\n  const [pendingCatalog, setPendingCatalog] = useState<PluginCatalogEntry[] | null>(null)\n  const [pendingLoading, setPendingLoading] = useState(false)\n  const [pendingError, setPendingError] = useState(false)\n\n  const activation = useSessionPluginActivation({\n    client,\n    // 首页不会走这个分支：待选在下面自己处理开关，不碰会话接口。\n    sessionId: sessionId ?? \"\",\n    onChange: onPluginsChanged,\n  })\n  const { reload, items: sessionItems } = activation\n\n  // 会话内展开面板时才拉列表：面板本身随弹层挂载，收起就卸载。\n  useEffect(() => {\n    if (sessionId) reload()\n  }, [reload, sessionId])\n\n  const loadPendingCatalog = useCallback(async () => {\n    setPendingLoading(true)\n    setPendingError(false)\n    try {\n      const { plugins } = await client.plugins.catalog()\n      setPendingCatalog(plugins)\n    } catch {\n      setPendingError(true)\n    } finally {\n      setPendingLoading(false)\n    }\n  }, [client])\n\n  useEffect(() => {\n    if (sessionId) return\n    // 首页没有会话：只读账号级目录，不建会话、不激活插件、不启动沙盒。\n    void loadPendingCatalog()\n  }, [loadPendingCatalog, sessionId])\n\n  const selected = useMemo(\n    () => new Set((pendingPlugins ?? []).map((item) => item.name)),\n    [pendingPlugins],\n  )\n  const items = useMemo(() => {\n    if (sessionId) return sessionItems\n    return catalogToConnectorItems(pendingCatalog ?? []).map((item) => ({\n      ...item,\n      active: selected.has(item.name),\n    }))\n  }, [pendingCatalog, selected, sessionId, sessionItems])\n  // 首页的「配置」入口没有意义：只有已经启用的会话插件才需要改配置。\n  const visibleItems = useMemo(\n    () => (sessionId\n      ? filterConnectorItems(items, query)\n      : filterConnectorItems(items, query).map((item) => ({ ...item, config: undefined }))),\n    [items, query, sessionId],\n  )\n\n  const togglePending = useCallback((item: PluginConnectorItem, next: boolean) => {\n    const kept = (pendingPlugins ?? []).filter((entry) => entry.name !== item.name)\n    onPendingPluginsChange?.(next ? [...kept, selectionFromItem(item)] : kept)\n  }, [onPendingPluginsChange, pendingPlugins])\n\n  const toggle = useCallback((item: PluginConnectorItem, next: boolean) => {\n    if (sessionId) activation.toggle(item, next)\n    else togglePending(item, next)\n  }, [activation, sessionId, togglePending])\n\n  const selectedItems = useMemo(\n    () => items.filter((item) => item.active),\n    [items],\n  )\n  // 单向汇报给宿主：只在选中的集合真的变化时通知，避免每次渲染都把宿主刷一遍\n  // （selectedItems 每次都是新数组，所以用名字串当指纹）。\n  const onSelectedChangeRef = useRef(onSelectedChange)\n  onSelectedChangeRef.current = onSelectedChange\n  const latestSelected = useRef(selectedItems)\n  latestSelected.current = selectedItems\n  const reportSelected = useCallback(() => {\n    onSelectedChangeRef.current?.(latestSelected.current)\n  }, [])\n  const selectedNames = selectedItems.map((item) => item.name).join(\"\\u0000\")\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: selectedNames 是选中集合的稳定指纹\n  useEffect(reportSelected, [reportSelected, selectedNames])\n\n  const failed = sessionId ? activation.listError : pendingError\n\n  return (\n    <div className={className}>\n      <div className=\"flex items-center gap-2 border-[hsl(var(--border))] border-b px-3 py-2\">\n        <Search size={12} className=\"shrink-0 text-[hsl(var(--muted-foreground))]\" aria-hidden=\"true\" />\n        <input\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          placeholder=\"搜索连接器\"\n          aria-label=\"搜索连接器\"\n          className=\"min-w-0 flex-1 bg-transparent text-[11px] outline-none placeholder:text-[hsl(var(--muted-foreground))]\"\n        />\n      </div>\n\n      {renderComputerSection ? (\n        <>\n          <PanelTitle>电脑</PanelTitle>\n          {renderComputerSection(query)}\n        </>\n      ) : null}\n\n      <PanelDivider />\n      <PanelTitle>插件</PanelTitle>\n      {!sessionId ? (\n        // 首页没有会话，开关只记下「这条消息要带上谁」：不说清楚，用户会以为已经\n        // 生效（issue 明确要求「明确为待选，不宣称已经激活」）。\n        <div className=\"px-3 pb-0.5 text-[10px] text-[hsl(var(--muted-foreground))]\">\n          先选中，发送这条消息时会一并启用\n        </div>\n      ) : null}\n      {(sessionId ? activation.loading : pendingLoading) && visibleItems.length === 0 ? (\n        <div className=\"px-3 py-1.5 text-[11px] text-[hsl(var(--muted-foreground))]\">\n          <Loader2 size={12} className=\"mr-1 inline animate-spin\" />\n          正在获取插件…\n        </div>\n      ) : null}\n      {failed ? (\n        <button\n          type=\"button\"\n          onClick={() => (sessionId ? reload() : void loadPendingCatalog())}\n          className=\"px-3 py-1.5 text-left text-[11px] text-[hsl(var(--muted-foreground))] underline\"\n        >\n          插件列表暂不可用，点击重试\n        </button>\n      ) : null}\n      <PluginConnectorList\n        client={client}\n        sessionId={sessionId}\n        items={visibleItems}\n        inFlight={activation.inFlight}\n        busy={sessionId ? activation.busy : pendingLoading}\n        mutationError={sessionId ? activation.mutationError : false}\n        onToggle={toggle}\n        onRetry={activation.retry}\n        onEditConfig={activation.editConfig}\n        configuring={sessionId ? activation.configuring : null}\n        onConfigSaved={activation.onConfigSaved}\n        onConfigClose={activation.onConfigClose}\n        disabledReason={sessionId ? null : pendingDisabledReason}\n        unavailableText={\n          failed\n            ? null\n            : query.trim()\n              ? \"没有匹配的插件\"\n              : null\n        }\n        emptyText={sessionId ? \"尚未安装插件\" : \"尚未安装插件，去应用市场添加一个\"}\n        draft={!sessionId}\n      />\n\n      {renderExternalAccounts ? (\n        <>\n          <PanelDivider />\n          <PanelTitle>外部账号</PanelTitle>\n          {renderExternalAccounts(query)}\n        </>\n      ) : null}\n\n      {renderFooterActions ? (\n        <>\n          <PanelDivider />\n          {renderFooterActions()}\n        </>\n      ) : null}\n    </div>\n  )\n}\n","import type { BladeClient } from \"@blade-hq/agent-client\"\nimport { SessionPluginIcon } from \"./SessionPluginIcon\"\nimport type { TriggerSummary } from \"./connector-panel-types\"\n\nexport interface PluginTriggerStackProps {\n  client: BladeClient\n  /** 会话内图标走会话接口；首页待选传 `null`（走账号级目录图标）。 */\n  sessionId: string | null\n  /** 折叠结果，来自 `triggerSummary`——折叠规则只有那一处。 */\n  summary: TriggerSummary\n  className?: string\n}\n\n/** 头像堆叠里单枚的边长：与面板列表同一档（20），不喧宾夺主。 */\nconst AVATAR_SIZE = 20\n\n/**\n * 插件名 → 稳定色相（0–359）。\n *\n * 没有图标 token 的插件用显示名首字占位，那个字得能区分「这是不同的插件」——所以\n * 按名字散列取色：同一个插件在任何位置、任何会话都是同一个颜色。按下标取调色板\n * 会随选中顺序变色，看着像换了个人。\n */\nfunction hueOf(name: string): number {\n  let hash = 0\n  for (const char of name) hash = (hash * 31 + char.codePointAt(0)!) % 1000003\n  return hash % 360\n}\n\n/**\n * 首字占位的身份色板。\n *\n * 不是自己调的色：直接取 Tailwind 默认调色板里相隔开的 8 个色相（Slack 那类头像\n * 色板也是这个量级、这个思路），深浅主题各一套。用 Tailwind 默认色而不是新造\n * token，是因为仓库里本来就在用（status、图表那批 bg-red-500 / text-sky-400）。\n *\n * 字色取 800 档而不是 700：100 底 + 700 字在浅色下只有 4.5–5.2:1，而这个字只有\n * 11px，够不上「小字看不清」这条线；100 + 800 各色相都在 6.4:1 以上。\n */\nconst AVATAR_PALETTE = [\n  \"bg-violet-100 text-violet-800 dark:bg-violet-500/25 dark:text-violet-200\",\n  \"bg-sky-100 text-sky-800 dark:bg-sky-500/25 dark:text-sky-200\",\n  \"bg-emerald-100 text-emerald-800 dark:bg-emerald-500/25 dark:text-emerald-200\",\n  \"bg-amber-100 text-amber-800 dark:bg-amber-500/25 dark:text-amber-200\",\n  \"bg-rose-100 text-rose-800 dark:bg-rose-500/25 dark:text-rose-200\",\n  \"bg-indigo-100 text-indigo-800 dark:bg-indigo-500/25 dark:text-indigo-200\",\n  \"bg-teal-100 text-teal-800 dark:bg-teal-500/25 dark:text-teal-200\",\n  \"bg-fuchsia-100 text-fuchsia-800 dark:bg-fuchsia-500/25 dark:text-fuchsia-200\",\n]\n\n/**\n * 触发器上的插件头像堆叠：前三枚圆形头像 + 其余折成 `+N`。\n *\n * 没有图标 token 的插件也用显示名首字占一枚圆——它和别的插件长得不一样，\n * 「我选过它」就看得见；早先把这类项直接剔掉，选中后入口毫无变化。\n *\n * 圆环色取 `--background`（盖住被压住的那枚），与整站头像堆叠同一约定，见\n * `apps/web/src/components/agent-board/ProjectMembers.tsx`：容器没有自己的底色时，\n * 环就等于容器露出来的那层底。图标裁成圆形：插件 logo 多是方的，套在圆按钮里\n * 「方套圆」才是那个视觉冲突的来源。\n */\nexport function PluginTriggerStack({ client, sessionId, summary, className }: PluginTriggerStackProps) {\n  if (summary.total === 0) return null\n  const ring = \"ring-2 ring-[hsl(var(--background))]\"\n  return (\n    <span className={`flex items-center -space-x-1 ${className ?? \"\"}`}>\n      {summary.visible.map((item) => {\n        const label = item.displayName?.trim() || item.name\n        // 身份色按插件名定，不看位置：同一个插件在哪一行、排第几个都是同一个颜色。\n        const tone = AVATAR_PALETTE[hueOf(item.name) % AVATAR_PALETTE.length]\n        return item.icon ? (\n          <SessionPluginIcon\n            key={item.name}\n            client={client}\n            sessionId={item.iconSource === \"account\" ? null : sessionId}\n            plugin={item}\n            size={AVATAR_SIZE}\n            shape=\"circle\"\n            className={ring}\n          />\n        ) : (\n          <span\n            key={item.name}\n            title={label}\n            className={`flex shrink-0 items-center justify-center rounded-full font-semibold text-[11px] ${tone} ${ring}`}\n            style={{ width: AVATAR_SIZE, height: AVATAR_SIZE }}\n          >\n            {Array.from(label.trim())[0]?.toUpperCase() ?? \"?\"}\n          </span>\n        )\n      })}\n      {summary.overflow > 0 ? (\n        <span\n          className={`flex shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] font-medium text-[hsl(var(--muted-foreground))] text-[10px] ${ring}`}\n          style={{ width: AVATAR_SIZE, height: AVATAR_SIZE }}\n        >\n          +{summary.overflow}\n        </span>\n      ) : null}\n    </span>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs"]}