@harness-mix/cli 0.2.0 → 0.2.2

package/src/native-ui/renderer-extension/src/settings/collaboration-page.ts

@@ -0,0 +1,139 @@
+import type {
+  RendererSettingsPageDefinition,
+  RendererSettingsPageMountContext,
+} from "./core.js";
+import type { RendererSettingsMessages } from "./localization.js";
+
+export interface RendererCollaborationPreferences {
+  collaboration: boolean;
+  agentTeam: boolean;
+}
+
+export interface RendererCollaborationClient {
+  getCollaborationPreferences(): Promise<RendererCollaborationPreferences>;
+  saveCollaborationPreferences(
+    input: Partial<RendererCollaborationPreferences>,
+  ): Promise<RendererCollaborationPreferences>;
+}
+
+interface ToggleSpec {
+  readonly key: keyof RendererCollaborationPreferences;
+  readonly title: string;
+  readonly description: string;
+}
+
+// 设置 → 协作：多 Agent 协作与 Agent Team 是两个独立开关，默认都开启。
+// 关闭多 Agent 协作会一并停用 Agent Team（团队建立在协作运行时之上），
+// 界面通过禁用联动明确表达这层依赖。
+export function createCollaborationSettingsPage(
+  messages: RendererSettingsMessages,
+  getClient: () => RendererCollaborationClient | null,
+): RendererSettingsPageDefinition {
+  const zh = messages.locale === "zh-CN";
+  return Object.freeze({
+    id: "collaboration",
+    label: messages.pageLabels.collaboration,
+    icon: "collaboration",
+    mount(context: RendererSettingsPageMountContext) {
+      const document = context.content.ownerDocument;
+      const heading = document.createElement("div");
+      heading.className = "settings-section-label";
+      heading.textContent = messages.pageLabels.collaboration;
+
+      const panel = document.createElement("section");
+      panel.className = "settings-about-panel";
+      panel.setAttribute("aria-live", "polite");
+
+      const specs: readonly ToggleSpec[] = [
+        {
+          key: "collaboration",
+          title: zh ? "多 Agent 协作" : "Multi-Agent collaboration",
+          description: zh
+            ? "在输入框输入 # 选择协同 Harness，主任务可将子任务委派给它们并行执行。"
+            : "Type # in the composer to pick collaborator Harnesses; the lead task can delegate subtasks to them.",
+        },
+        {
+          key: "agentTeam",
+          title: zh ? "Agent Team" : "Agent Team",
+          description: zh
+            ? "允许主任务创建持久的多成员团队：共享任务图、成员邮箱与 Team Workbench。依赖多 Agent 协作。"
+            : "Let the lead create a persistent named team with a shared task graph, member mailboxes and the Team Workbench. Requires Multi-Agent collaboration.",
+        },
+      ];
+
+      const inputs = new Map<keyof RendererCollaborationPreferences, HTMLInputElement>();
+      for (const spec of specs) {
+        const row = document.createElement("label");
+        row.className = "settings-collab-toggle";
+        const text = document.createElement("span");
+        const title = document.createElement("strong");
+        title.textContent = spec.title;
+        const description = document.createElement("small");
+        description.textContent = spec.description;
+        text.append(title, description);
+        const input = document.createElement("input");
+        input.type = "checkbox";
+        input.checked = true;
+        input.disabled = true;
+        input.setAttribute("aria-label", spec.title);
+        inputs.set(spec.key, input);
+        row.append(text, input);
+        panel.append(row);
+      }
+
+      const status = document.createElement("p");
+      status.className = "settings-update-summary";
+      panel.append(status);
+      context.content.append(heading, panel);
+
+      let current: RendererCollaborationPreferences = { collaboration: true, agentTeam: true };
+      const syncInputs = () => {
+        for (const [key, input] of inputs) input.checked = current[key];
+        // Agent Team 依附于协作运行时：协作关闭时团队开关一并禁用
+        const team = inputs.get("agentTeam");
+        if (team) team.disabled = !current.collaboration;
+      };
+
+      const client = getClient();
+      if (!client) {
+        status.textContent = zh ? "当前 Host 不支持协作开关。" : "Collaboration preferences are unavailable on this Host.";
+        return undefined;
+      }
+
+      const saving = new Set<keyof RendererCollaborationPreferences>();
+      for (const spec of specs) {
+        const input = inputs.get(spec.key)!;
+        input.addEventListener("change", () => {
+          if (saving.has(spec.key)) return;
+          saving.add(spec.key);
+          input.disabled = true;
+          const patch = { [spec.key]: input.checked };
+          void context.runLatest(() => client.saveCollaborationPreferences(patch), {
+            success(value) {
+              saving.delete(spec.key);
+              current = value;
+              syncInputs();
+              status.textContent = "";
+            },
+            failure(error) {
+              saving.delete(spec.key);
+              syncInputs();
+              status.textContent = error instanceof Error ? error.message : String(error);
+            },
+          });
+        });
+      }
+
+      void context.runLatest(() => client.getCollaborationPreferences(), {
+        success(value) {
+          current = value;
+          syncInputs();
+        },
+        failure(error) {
+          status.textContent = error instanceof Error ? error.message : String(error);
+        },
+      });
+      return undefined;
+    },
+  });
+}

package/src/native-ui/renderer-extension/src/settings/icons.ts

@@ -1,153 +1,155 @@
-import type { IconNode } from "lucide";
-import createElement from "lucide/dist/esm/createElement.mjs";
-import Boxes from "lucide/dist/esm/icons/boxes.mjs";
-import Check from "lucide/dist/esm/icons/circle-check.mjs";
-import ChevronDown from "lucide/dist/esm/icons/chevron-down.mjs";
-import ChevronLeft from "lucide/dist/esm/icons/chevron-left.mjs";
-import ChevronRight from "lucide/dist/esm/icons/chevron-right.mjs";
-import ChevronUp from "lucide/dist/esm/icons/chevron-up.mjs";
-import CircleArrowUp from "lucide/dist/esm/icons/circle-arrow-up.mjs";
-import CircleOff from "lucide/dist/esm/icons/circle-off.mjs";
-import Copy from "lucide/dist/esm/icons/copy.mjs";
-import Download from "lucide/dist/esm/icons/download.mjs";
-import ExternalLink from "lucide/dist/esm/icons/external-link.mjs";
-import FolderInput from "lucide/dist/esm/icons/folder-input.mjs";
-import GripVertical from "lucide/dist/esm/icons/grip-vertical.mjs";
-import Info from "lucide/dist/esm/icons/info.mjs";
-import Languages from "lucide/dist/esm/icons/languages.mjs";
-import Network from "lucide/dist/esm/icons/network.mjs";
-import PlugZap from "lucide/dist/esm/icons/plug-zap.mjs";
-import RefreshCw from "lucide/dist/esm/icons/refresh-cw.mjs";
-import RotateCcw from "lucide/dist/esm/icons/rotate-ccw.mjs";
-import Route from "lucide/dist/esm/icons/route.mjs";
-import Settings from "lucide/dist/esm/icons/settings.mjs";
-import Stethoscope from "lucide/dist/esm/icons/stethoscope.mjs";
-import Star from "lucide/dist/esm/icons/star.mjs";
-import TriangleAlert from "lucide/dist/esm/icons/triangle-alert.mjs";
-import Ticket from "lucide/dist/esm/icons/ticket.mjs";
-import Trash from "lucide/dist/esm/icons/trash-2.mjs";
-import Terminal from "lucide/dist/esm/icons/terminal.mjs";
-import Search from "lucide/dist/esm/icons/search.mjs";
-import CircleHelp from "lucide/dist/esm/icons/circle-question-mark.mjs";
-import X from "lucide/dist/esm/icons/x.mjs";
-import Users from "lucide/dist/esm/icons/users.mjs";
-import Plus from "lucide/dist/esm/icons/plus.mjs";
-import Database from 'lucide/dist/esm/icons/database.mjs';
-import Palette from "lucide/dist/esm/icons/palette.mjs";
-import ShieldCheck from "lucide/dist/esm/icons/shield-check.mjs";
-import PawPrint from "lucide/dist/esm/icons/paw-print.mjs";
-import harnessMixLogoUrl from "../../../../assets/brand-harness-mix.png";
-
-export const RENDERER_SETTINGS_ICON_NAMES = [
-  "settings",
-  "close",
-  "star",
-  "language",
-  "connections",
-  "accounts",
-  "session-import",
-  "add",
-  "model-pool",
-  "routes",
-  "gateway",
-  "updates",
-  "about",
-  "info",
-  "external-link",
-  "refresh",
-  "unavailable",
-  "alert",
-  "check",
-  "diagnose",
-  "copy",
-  "download",
-  "chevron-left",
-  "chevron-right",
-  "chevron-down",
-  "chevron-up",
-  "grip-vertical",
-  "undo",
-  "ticket",
-  "trash",
-  "terminal",
-  "search",
-  "help",
-  "palette",
-  "shield",
-  "storage",
-  "pets",
-] as const;
-
-export type RendererSettingsIconName = (typeof RENDERER_SETTINGS_ICON_NAMES)[number];
-
-const iconNodes = {
-  settings: Settings,
-  close: X,
-  star: Star,
-  language: Languages,
-  connections: PlugZap,
-  accounts: Users,
-  "session-import": FolderInput,
-  add: Plus,
-  "model-pool": Boxes,
-  routes: Route,
-  gateway: Network,
-  updates: CircleArrowUp,
-  about: Info,
-  info: Info,
-  "external-link": ExternalLink,
-  refresh: RefreshCw,
-  unavailable: CircleOff,
-  alert: TriangleAlert,
-  check: Check,
-  diagnose: Stethoscope,
-  copy: Copy,
-  download: Download,
-  "chevron-left": ChevronLeft,
-  "chevron-right": ChevronRight,
-  "chevron-down": ChevronDown,
-  "chevron-up": ChevronUp,
-  "grip-vertical": GripVertical,
-  undo: RotateCcw,
-  ticket: Ticket,
-  trash: Trash,
-  terminal: Terminal,
-  search: Search,
-  help: CircleHelp,
-  palette: Palette,
-  shield: ShieldCheck,
-  storage: Database,
-  pets: PawPrint,
-} satisfies Record<RendererSettingsIconName, IconNode>;
-
-export function isRendererSettingsIconName(value: string): value is RendererSettingsIconName {
-  return (RENDERER_SETTINGS_ICON_NAMES as readonly string[]).includes(value);
-}
-
-export function createRendererSettingsIcon(name: RendererSettingsIconName, size = 18): SVGElement {
-  const icon = createElement(iconNodes[name], {
-    width: size,
-    height: size,
-    "aria-hidden": "true",
-    focusable: "false",
-  });
-  icon.classList.add("harnessmix-settings-icon");
-  return icon;
-}
-
-export function createRendererSettingsBrandIcon(size = 22, ownerDocument?: Document): HTMLImageElement {
-  const doc = ownerDocument ?? (typeof document !== "undefined" ? document : undefined);
-  if (!doc) throw new Error("Document is required to create icon element");
-  const icon = doc.createElement("img");
-  icon.src = harnessMixLogoUrl;
-  icon.alt = "";
-  icon.width = size;
-  icon.height = size;
-  icon.draggable = false;
-  icon.setAttribute("aria-hidden", "true");
-  icon.style.width = `${size}px`;
-  icon.style.height = `${size}px`;
-  icon.style.objectFit = "contain";
-  icon.classList.add("harnessmix-settings-icon");
-  return icon;
-}
+import type { IconNode } from "lucide";
+import createElement from "lucide/dist/esm/createElement.mjs";
+import Boxes from "lucide/dist/esm/icons/boxes.mjs";
+import Check from "lucide/dist/esm/icons/circle-check.mjs";
+import ChevronDown from "lucide/dist/esm/icons/chevron-down.mjs";
+import ChevronLeft from "lucide/dist/esm/icons/chevron-left.mjs";
+import ChevronRight from "lucide/dist/esm/icons/chevron-right.mjs";
+import ChevronUp from "lucide/dist/esm/icons/chevron-up.mjs";
+import CircleArrowUp from "lucide/dist/esm/icons/circle-arrow-up.mjs";
+import CircleOff from "lucide/dist/esm/icons/circle-off.mjs";
+import Copy from "lucide/dist/esm/icons/copy.mjs";
+import Download from "lucide/dist/esm/icons/download.mjs";
+import ExternalLink from "lucide/dist/esm/icons/external-link.mjs";
+import FolderInput from "lucide/dist/esm/icons/folder-input.mjs";
+import GripVertical from "lucide/dist/esm/icons/grip-vertical.mjs";
+import Info from "lucide/dist/esm/icons/info.mjs";
+import Languages from "lucide/dist/esm/icons/languages.mjs";
+import Network from "lucide/dist/esm/icons/network.mjs";
+import PlugZap from "lucide/dist/esm/icons/plug-zap.mjs";
+import RefreshCw from "lucide/dist/esm/icons/refresh-cw.mjs";
+import RotateCcw from "lucide/dist/esm/icons/rotate-ccw.mjs";
+import Route from "lucide/dist/esm/icons/route.mjs";
+import Settings from "lucide/dist/esm/icons/settings.mjs";
+import Stethoscope from "lucide/dist/esm/icons/stethoscope.mjs";
+import Star from "lucide/dist/esm/icons/star.mjs";
+import TriangleAlert from "lucide/dist/esm/icons/triangle-alert.mjs";
+import Ticket from "lucide/dist/esm/icons/ticket.mjs";
+import Trash from "lucide/dist/esm/icons/trash-2.mjs";
+import Terminal from "lucide/dist/esm/icons/terminal.mjs";
+import Search from "lucide/dist/esm/icons/search.mjs";
+import CircleHelp from "lucide/dist/esm/icons/circle-question-mark.mjs";
+import X from "lucide/dist/esm/icons/x.mjs";
+import Users from "lucide/dist/esm/icons/users.mjs";
+import Plus from "lucide/dist/esm/icons/plus.mjs";
+import Database from 'lucide/dist/esm/icons/database.mjs';
+import Palette from "lucide/dist/esm/icons/palette.mjs";
+import ShieldCheck from "lucide/dist/esm/icons/shield-check.mjs";
+import PawPrint from "lucide/dist/esm/icons/paw-print.mjs";
+import harnessMixLogoUrl from "../../../../assets/brand-harness-mix.png";
+
+export const RENDERER_SETTINGS_ICON_NAMES = [
+  "settings",
+  "close",
+  "star",
+  "language",
+  "connections",
+  "accounts",
+  "session-import",
+  "add",
+  "model-pool",
+  "routes",
+  "gateway",
+  "updates",
+  "about",
+  "info",
+  "external-link",
+  "refresh",
+  "unavailable",
+  "alert",
+  "check",
+  "diagnose",
+  "copy",
+  "download",
+  "chevron-left",
+  "chevron-right",
+  "chevron-down",
+  "chevron-up",
+  "grip-vertical",
+  "undo",
+  "ticket",
+  "trash",
+  "terminal",
+  "search",
+  "help",
+  "palette",
+  "shield",
+  "storage",
+  "pets",
+  "collaboration",
+] as const;
+
+export type RendererSettingsIconName = (typeof RENDERER_SETTINGS_ICON_NAMES)[number];
+
+const iconNodes = {
+  settings: Settings,
+  close: X,
+  star: Star,
+  language: Languages,
+  connections: PlugZap,
+  accounts: Users,
+  "session-import": FolderInput,
+  add: Plus,
+  "model-pool": Boxes,
+  routes: Route,
+  gateway: Network,
+  updates: CircleArrowUp,
+  about: Info,
+  info: Info,
+  "external-link": ExternalLink,
+  refresh: RefreshCw,
+  unavailable: CircleOff,
+  alert: TriangleAlert,
+  check: Check,
+  diagnose: Stethoscope,
+  copy: Copy,
+  download: Download,
+  "chevron-left": ChevronLeft,
+  "chevron-right": ChevronRight,
+  "chevron-down": ChevronDown,
+  "chevron-up": ChevronUp,
+  "grip-vertical": GripVertical,
+  undo: RotateCcw,
+  ticket: Ticket,
+  trash: Trash,
+  terminal: Terminal,
+  search: Search,
+  help: CircleHelp,
+  palette: Palette,
+  shield: ShieldCheck,
+  storage: Database,
+  pets: PawPrint,
+  collaboration: Users,
+} satisfies Record<RendererSettingsIconName, IconNode>;
+
+export function isRendererSettingsIconName(value: string): value is RendererSettingsIconName {
+  return (RENDERER_SETTINGS_ICON_NAMES as readonly string[]).includes(value);
+}
+
+export function createRendererSettingsIcon(name: RendererSettingsIconName, size = 18): SVGElement {
+  const icon = createElement(iconNodes[name], {
+    width: size,
+    height: size,
+    "aria-hidden": "true",
+    focusable: "false",
+  });
+  icon.classList.add("harnessmix-settings-icon");
+  return icon;
+}
+
+export function createRendererSettingsBrandIcon(size = 22, ownerDocument?: Document): HTMLImageElement {
+  const doc = ownerDocument ?? (typeof document !== "undefined" ? document : undefined);
+  if (!doc) throw new Error("Document is required to create icon element");
+  const icon = doc.createElement("img");
+  icon.src = harnessMixLogoUrl;
+  icon.alt = "";
+  icon.width = size;
+  icon.height = size;
+  icon.draggable = false;
+  icon.setAttribute("aria-hidden", "true");
+  icon.style.width = `${size}px`;
+  icon.style.height = `${size}px`;
+  icon.style.objectFit = "contain";
+  icon.classList.add("harnessmix-settings-icon");
+  return icon;
+}