@yancyyu/openhermit 1.6.41 → 1.6.43

package/src/renderer/components/team/schedule/CcCronScheduleDialog.tsx

@@ -78,7 +78,7 @@ export const CcCronScheduleDialog = ({
     const normalizedTimeout = Number.parseInt(timeoutMins, 10);
 
     if (!normalizedTeamName) {
-      setError('请选择团队');
+      setError('请选择 Loop workspace');
       return;
     }
     if (!normalizedCron) {
@@ -86,7 +86,7 @@ export const CcCronScheduleDialog = ({
       return;
     }
     if (!normalizedPrompt) {
-      setError('请填写定时发送的消息');
+      setError('请填写定时指令');
       return;
     }
 
@@ -138,13 +138,13 @@ export const CcCronScheduleDialog = ({
         <div className="space-y-4">
           {canChooseTeam ? (
             <div className="space-y-1.5">
-              <Label>团队</Label>
+              <Label>Loop workspace</Label>
               <select
                 value={selectedTeamName}
                 onChange={(event) => setSelectedTeamName(event.target.value)}
                 className="h-9 w-full rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-2 text-sm text-[var(--color-text)]"
               >
-                <option value="">选择团队...</option>
+                <option value="">选择 Loop workspace...</option>
                 {teams.map((team) => (
                   <option key={team.teamName} value={team.teamName}>
                     {team.displayName || team.teamName}
@@ -175,11 +175,11 @@ export const CcCronScheduleDialog = ({
           </div>
 
           <div className="space-y-1.5">
-            <Label>定时消息</Label>
+            <Label>定时指令</Label>
             <Textarea
               value={prompt}
               onChange={(event) => setPrompt(event.target.value)}
-              placeholder="到时间后发送给团队负责人的消息..."
+              placeholder="到时间后发送给 Lead 的循环指令..."
               className="min-h-28"
             />
           </div>

package/src/renderer/components/team/taskLogs/ExactTaskLogCard.tsx

@@ -30,7 +30,7 @@ function actorLabel(summary: BoardTaskExactLogSummary): string {
     return summary.actor.memberName;
   }
   if (summary.actor.role === 'lead' || summary.actor.isSidechain === false) {
-    return '负责人会话';
+    return 'Loop Lead 会话';
   }
   return '未知参与者';
 }
@@ -40,7 +40,7 @@ function describeSummary(summary: BoardTaskExactLogSummary): string {
 }
 
 function anchorKindLabel(summary: BoardTaskExactLogSummary): string {
-  return summary.anchorKind === 'tool' ? '工具' : '消息';
+  return summary.anchorKind === 'tool' ? '工具' : '动态';
 }
 
 function describeDetailState(state: ExactTaskLogDetailState | undefined): string | null {

package/src/renderer/components/team/taskLogs/TaskLogStreamSection.tsx

@@ -39,7 +39,7 @@ function actorLabel(actor: BoardTaskLogActor): string {
     return actor.memberName;
   }
   if (actor.role === 'lead' || actor.isSidechain === false) {
-    return '负责人会话';
+    return 'Loop Lead 会话';
   }
   if (actor.agentId) {
     return `成员 ${actor.agentId.slice(0, 8)}`;

package/src/renderer/components/terminal/TerminalPanel.tsx

@@ -9,9 +9,8 @@
  *     final frame instead of dumping every intermediate line
  *   - optional `$ command` prompt line so a Bash call reads like a real terminal
  *
- * It is intentionally lightweight (no xterm.js / node-pty): the session view is a
- * read-only viewer of recorded output, so we only need faithful rendering, not a
- * live PTY.
+ * It is intentionally lightweight: the session view is a read-only viewer of
+ * recorded output, so we only need faithful rendering, not a live PTY.
  */
 
 import { useMemo, useState } from 'react';

package/src/renderer/components/ui/MentionableTextarea.tsx

@@ -356,6 +356,8 @@ interface MentionableTextareaProps extends Omit<
   taskSuggestions?: MentionSuggestion[];
   /** Slash command suggestions for /command autocomplete */
   commandSuggestions?: MentionSuggestion[];
+  /** Called after a suggestion is inserted into the textarea. */
+  onSuggestionSelected?: (suggestion: MentionSuggestion, insertedText: string) => void;
   /** Called when Enter (without Shift) is pressed. */
   onModEnter?: () => void;
   /** Called when Shift+Tab is pressed. */
@@ -388,6 +390,7 @@ export const MentionableTextarea = React.forwardRef<HTMLTextAreaElement, Mention
       teamSuggestions = [],
       taskSuggestions = [],
       commandSuggestions = [],
+      onSuggestionSelected,
       onModEnter,
       onShiftTab,
       dismissMentionsRef,
@@ -454,6 +457,7 @@ export const MentionableTextarea = React.forwardRef<HTMLTextAreaElement, Mention
         if (trigger.triggerChar !== '/') return true;
         return text.slice(0, trigger.triggerIndex).trim().length === 0;
       },
+      onSuggestionSelected,
     });
 
     // Expose dismiss to parent via ref for external close (e.g. Send button click)
@@ -1069,7 +1073,7 @@ export const MentionableTextarea = React.forwardRef<HTMLTextAreaElement, Mention
     const rotatingTips = React.useMemo(
       () => [
         'Tips：输入 @ 可提及成员、团队或文件，输入 # 可引用任务。',
-        'Tips：不要把所有工作都堆给团队负责人，可以让负责人分配给合适的成员。',
+        'Tips：不要把所有工作都堆给 Loop Lead，可以让 Lead 把循环分配给合适的成员。',
         ...extraTips,
       ],
       [extraTips]

package/src/renderer/constants/teamColors.ts

@@ -24,11 +24,11 @@ export interface TeamColorSet {
 
 const TEAMMATE_COLORS: Record<string, TeamColorSet> = {
   blue: {
-    border: '#6366f1',
-    badge: 'rgba(99, 102, 241, 0.15)',
-    badgeLight: 'rgba(99, 102, 241, 0.12)',
-    text: '#818cf8',
-    textLight: '#4f46e5',
+    border: '#3b82f6',
+    badge: 'rgba(59, 130, 246, 0.15)',
+    badgeLight: 'rgba(59, 130, 246, 0.12)',
+    text: '#60a5fa',
+    textLight: '#2563eb',
   },
   saffron: {
     border: '#eab308',

package/src/renderer/hooks/useExtensionsTabState.ts

@@ -8,7 +8,7 @@ import { useCallback, useMemo, useState } from 'react';
 
 import type { PluginCapability, PluginFilters, PluginSortField } from '@shared/types/extensions';
 
-export type ExtensionsSubTab = 'plugins';
+export type ExtensionsSubTab = 'plugins' | 'capability-packs';
 
 interface PluginSortState {
   field: PluginSortField;

package/src/renderer/hooks/useMentionDetection.ts

@@ -17,6 +17,8 @@ interface UseMentionDetectionOptions {
   isTriggerEnabled?: (triggerChar: string) => boolean;
   /** Additional validation for trigger matches before opening the dropdown. */
   isTriggerMatchValid?: (trigger: MentionTrigger, text: string) => boolean;
+  /** Called after a suggestion is inserted into the textarea. */
+  onSuggestionSelected?: (suggestion: MentionSuggestion, insertedText: string) => void;
 }
 
 export interface DropdownPosition {
@@ -179,6 +181,7 @@ export function useMentionDetection({
   triggerChars = ['@'],
   isTriggerEnabled,
   isTriggerMatchValid,
+  onSuggestionSelected,
 }: UseMentionDetectionOptions): UseMentionDetectionResult {
   const [isOpen, setIsOpen] = useState(false);
   const [activeTriggerChar, setActiveTriggerChar] = useState<string | null>(null);
@@ -234,6 +237,7 @@ export function useMentionDetection({
       const newCursorPos = before.length + insertion.length;
 
       onValueChange(newValue);
+      onSuggestionSelected?.(s, insertionBody);
       dismiss();
 
       // Set cursor position after React re-render
@@ -242,7 +246,7 @@ export function useMentionDetection({
         textarea.setSelectionRange(newCursorPos, newCursorPos);
       });
     },
-    [value, onValueChange, textareaRef, dismiss]
+    [value, onValueChange, onSuggestionSelected, textareaRef, dismiss]
   );
 
   /**

package/src/renderer/hooks/useProjectWorkflowCommands.ts

@@ -0,0 +1,57 @@
+/**
+ * Load a team project's `.claude/commands/*.md` workflow prompts and expose them
+ * as command suggestions for the Loop console.
+ *
+ * The team Loop console previously only showed global shortcuts + capability
+ * packs, so a project's own commands never appeared. This mirrors the admin
+ * console's workflow loading, scoped to the team's project path.
+ */
+import { useEffect, useState } from 'react';
+
+import { api } from '@renderer/api';
+import { buildWorkflowCommandSuggestion } from '@renderer/utils/workflowCommandSuggestions';
+
+import type { MentionSuggestion } from '@renderer/types/mention';
+
+const EMPTY: MentionSuggestion[] = [];
+
+function commandsFolder(projectPath: string): string {
+  return `${projectPath.replace(/[\\/]+$/, '')}/.claude/commands`;
+}
+
+export function useProjectWorkflowCommands(projectPath?: string | null): MentionSuggestion[] {
+  const [suggestions, setSuggestions] = useState<MentionSuggestion[]>(EMPTY);
+
+  useEffect(() => {
+    const trimmed = projectPath?.trim();
+    if (!trimmed) {
+      setSuggestions(EMPTY);
+      return;
+    }
+    let cancelled = false;
+    void (async () => {
+      try {
+        const result = await api.systemManager.listWorkflowPrompts(commandsFolder(trimmed));
+        if (cancelled) return;
+        const seen = new Set<string>();
+        const next = result.prompts
+          .map((prompt) => buildWorkflowCommandSuggestion(prompt, 'team-workflow'))
+          .filter((suggestion) => {
+            const key = suggestion.command ?? suggestion.id;
+            if (seen.has(key)) return false;
+            seen.add(key);
+            return true;
+          });
+        setSuggestions(next);
+      } catch {
+        // Missing .claude/commands is normal — the project simply has no custom commands.
+        if (!cancelled) setSuggestions(EMPTY);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [projectPath]);
+
+  return suggestions;
+}

package/src/renderer/hooks/useTeamSuggestions.ts

@@ -61,6 +61,8 @@ export function useTeamSuggestions(currentTeamName: string | null): UseTeamSugge
         color: t.color,
         type: 'team' as const,
         isOnline,
+        insertText: t.teamName,
+        searchText: [t.teamName, t.displayName].filter(Boolean).join(' '),
       };
     });
 

package/src/renderer/index.css

@@ -24,6 +24,11 @@
   --color-text-secondary: #7a8190;
   --color-text-muted: #4f5564;
   --color-accent: #4ade80;
+  --color-accent-rgb: 74, 222, 128;
+  --color-accent-soft: rgba(74, 222, 128, 0.08);
+  --color-accent-muted: rgba(74, 222, 128, 0.14);
+  --color-accent-border: rgba(74, 222, 128, 0.32);
+  --color-accent-glow: rgba(74, 222, 128, 0.24);
   /* Accent — phosphor green */
   /* Scrollbar colors */
   --scrollbar-thumb: rgba(74, 222, 128, 0.12);
@@ -473,6 +478,11 @@
   --color-text-muted: #6d6b65;
   /* Warm muted text */
   --color-accent: #4f46e5;
+  --color-accent-rgb: 79, 70, 229;
+  --color-accent-soft: rgba(79, 70, 229, 0.08);
+  --color-accent-muted: rgba(79, 70, 229, 0.14);
+  --color-accent-border: rgba(79, 70, 229, 0.32);
+  --color-accent-glow: rgba(79, 70, 229, 0.22);
   /* Accent — indigo-600, visible on light surfaces */
   /* Assessment severity colors - darker for light backgrounds */
   --assess-good: #16a34a;
@@ -797,8 +807,15 @@ body {
   height: 100%;
   overflow: hidden;
   font-family:
-    'Agave', 'JetBrains Mono', 'Menlo', 'Monaco', 'Consolas',
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', monospace;
+    'Agave',
+    'JetBrains Mono',
+    'Menlo',
+    'Monaco',
+    'Consolas',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    monospace;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: var(--color-surface);

package/src/renderer/main.tsx

@@ -7,7 +7,8 @@ import ReactDOM from 'react-dom/client';
 
 import { App } from './App';
 import { initSentryRenderer } from './sentry';
-import { initializeNotificationListeners } from './store';
+import { initializeNotificationListeners, useStore } from './store';
+import { restoreInitialRoute } from './utils/initialRoute';
 
 declare global {
   interface Window {
@@ -23,6 +24,11 @@ if (!window.__claudeTeamsUiDidInit) {
   initializeNotificationListeners();
 }
 
+// Restore the URL route into the store BEFORE first render so the initial paint
+// already shows the correct tab. This closes the first-load blank-content race
+// (e.g. /teams rendering empty until a post-mount effect opened the tab).
+restoreInitialRoute(useStore.getState(), window.location.pathname);
+
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />

package/src/renderer/store/index.ts

@@ -1216,6 +1216,23 @@ export function initializeNotificationListeners(): () => void {
         return;
       }
 
+      // Live token stream from a direct-CLI subprocess: accumulate each text delta into
+      // an in-progress optimistic assistant reply keyed by messageId. The canonical reply
+      // (same messageId, appended on the turn's result) prunes this twin on the next inbox
+      // refresh — so no duplicate, and a missing/failed turn just leaves a partial bubble.
+      if (event.type === 'direct-cli-stream') {
+        if (isStaleRuntimeEvent) return;
+        if (event.kind === 'delta' && event.messageId && typeof event.text === 'string') {
+          useStore.getState().appendStreamingTeamReply(event.teamName, {
+            messageId: event.messageId,
+            delta: event.text,
+            from: event.from ?? event.teamName,
+            to: 'user',
+          });
+        }
+        return;
+      }
+
       if (event.type === 'log-source-change') {
         if (!event?.teamName || !isTeamVisibleInAnyPane(event.teamName)) {
           return;
@@ -1422,7 +1439,7 @@ export function initializeNotificationListeners(): () => void {
           useStore.setState({ cliInstallerState: 'verifying', cliInstallerDetail: detail });
           break;
         case 'installing': {
-          // Accumulate log lines and raw chunks for xterm.js rendering
+          // Accumulate log lines and raw chunks for terminal-style rendering
           const prevLogs = useStore.getState().cliInstallerLogs;
           const prevRaw = useStore.getState().cliInstallerRawChunks;
           const newLogs = detail ? [...prevLogs, detail].slice(-50) : prevLogs;

package/src/renderer/store/slices/extensionsSlice.ts

@@ -18,10 +18,15 @@ import { findPaneByTabId, updatePane } from '../utils/paneHelpers';
 
 import type { AppState } from '../types';
 import type {
+  CapabilityPackExportRequest,
+  CapabilityPackImportRequest,
+  CapabilityPackListResult,
+  CapabilityPackMutationResult,
   EnrichedPlugin,
   ExtensionOperationState,
   InstalledMcpEntry,
   InstallScope,
+  LoadedCapabilityPack,
   McpCatalogItem,
   McpCustomInstallRequest,
   McpInstallRequest,
@@ -79,6 +84,14 @@ export interface ExtensionsSlice {
     message?: string;
   }>;
 
+  // ── Capability packs cache ──
+  capabilityPackList: CapabilityPackListResult | null;
+  capabilityPacks: LoadedCapabilityPack[];
+  capabilityPacksLoading: boolean;
+  capabilityPacksError: string | null;
+  capabilityPacksMutationLoading: boolean;
+  capabilityPacksMutationError: string | null;
+
   // ── Skills catalog cache ──
   skillsUserCatalog: SkillCatalogItem[];
   skillsProjectCatalogByProjectPath: Record<string, SkillCatalogItem[]>;
@@ -101,6 +114,13 @@ export interface ExtensionsSlice {
   mcpBrowse: (cursor?: string) => Promise<void>;
   mcpFetchInstalled: (projectPath?: string) => Promise<void>;
   runMcpDiagnostics: (projectPath?: string) => Promise<void>;
+  fetchCapabilityPacks: () => Promise<void>;
+  importCapabilityPack: (
+    request: CapabilityPackImportRequest
+  ) => Promise<CapabilityPackMutationResult>;
+  exportCapabilityPack: (
+    request: CapabilityPackExportRequest
+  ) => Promise<CapabilityPackMutationResult>;
   fetchSkillsCatalog: (projectPath?: string) => Promise<void>;
   fetchSkillDetail: (skillId: string, projectPath?: string) => Promise<void>;
   previewSkillUpsert: (request: SkillUpsertRequest) => Promise<SkillReviewPreview>;
@@ -394,6 +414,13 @@ export const createExtensionsSlice: StateCreator<AppState, [], [], ExtensionsSli
   installErrors: {},
   extensionToasts: [],
 
+  capabilityPackList: null,
+  capabilityPacks: [],
+  capabilityPacksLoading: false,
+  capabilityPacksError: null,
+  capabilityPacksMutationLoading: false,
+  capabilityPacksMutationError: null,
+
   skillsUserCatalog: [],
   skillsProjectCatalogByProjectPath: {},
   skillsCatalogLoadingByProjectPath: {},
@@ -668,6 +695,62 @@ export const createExtensionsSlice: StateCreator<AppState, [], [], ExtensionsSli
     await promise;
   },
 
+  fetchCapabilityPacks: async () => {
+    if (!api.capabilityPacks) return;
+
+    set({ capabilityPacksLoading: true, capabilityPacksError: null });
+    try {
+      const result = await api.capabilityPacks.list();
+      set({
+        capabilityPackList: result,
+        capabilityPacks: result.packs,
+        capabilityPacksLoading: false,
+        capabilityPacksError: null,
+      });
+    } catch (err) {
+      set({
+        capabilityPacksLoading: false,
+        capabilityPacksError:
+          err instanceof Error ? err.message : 'Failed to load capability packs',
+      });
+    }
+  },
+
+  importCapabilityPack: async (request: CapabilityPackImportRequest) => {
+    if (!api.capabilityPacks) {
+      throw new Error('Capability packs API is not available');
+    }
+
+    set({ capabilityPacksMutationLoading: true, capabilityPacksMutationError: null });
+    try {
+      const result = await api.capabilityPacks.importPack(request);
+      await get().fetchCapabilityPacks();
+      set({ capabilityPacksMutationLoading: false });
+      return result;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : 'Failed to import capability pack';
+      set({ capabilityPacksMutationLoading: false, capabilityPacksMutationError: message });
+      throw err;
+    }
+  },
+
+  exportCapabilityPack: async (request: CapabilityPackExportRequest) => {
+    if (!api.capabilityPacks) {
+      throw new Error('Capability packs API is not available');
+    }
+
+    set({ capabilityPacksMutationLoading: true, capabilityPacksMutationError: null });
+    try {
+      const result = await api.capabilityPacks.exportPack(request);
+      set({ capabilityPacksMutationLoading: false });
+      return result;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : 'Failed to export capability pack';
+      set({ capabilityPacksMutationLoading: false, capabilityPacksMutationError: message });
+      throw err;
+    }
+  },
+
   fetchSkillsCatalog: async (projectPath?: string) => {
     if (!api.skills) return;
 

package/src/renderer/store/slices/tabSlice.ts

@@ -52,6 +52,8 @@ export interface TabSlice {
   closeTab: (tabId: string) => void;
   setActiveTab: (tabId: string) => void;
   openDashboard: () => void;
+  openSocietyTab: () => void;
+  openChatTab: () => void;
   openSessionReport: (sourceTabId: string) => void;
   getActiveTab: () => Tab | null;
   isSessionOpen: (sessionId: string) => boolean;
@@ -455,6 +457,65 @@ export const createTabSlice: StateCreator<AppState, [], [], TabSlice> = (set, ge
     set(syncFromLayout(newLayout));
   },
 
+  // Open a worker-society tab — reuse existing one if found, otherwise create new
+  openSocietyTab: () => {
+    const state = get();
+    const { paneLayout } = state;
+
+    const existing = getAllTabs(paneLayout).find((t) => t.type === 'society');
+    if (existing) {
+      const pane = findPaneByTabId(paneLayout, existing.id);
+      if (pane) {
+        const fromIndex = pane.tabs.findIndex((t) => t.id === existing.id);
+        const lastIndex = pane.tabs.length - 1;
+        if (fromIndex !== -1 && fromIndex !== lastIndex) {
+          const reordered = [...pane.tabs];
+          const [moved] = reordered.splice(fromIndex, 1);
+          reordered.push(moved);
+          const updatedPane = { ...pane, tabs: reordered, activeTabId: existing.id };
+          const newLayout = updatePane(paneLayout, updatedPane);
+          set(syncFromLayout(newLayout));
+          return;
+        }
+      }
+      state.setActiveTab(existing.id);
+      return;
+    }
+
+    const focusedPane = findPane(paneLayout, paneLayout.focusedPaneId);
+    if (!focusedPane) return;
+
+    const newTab: Tab = {
+      id: crypto.randomUUID(),
+      type: 'society',
+      label: 'Worker 社会',
+      createdAt: Date.now(),
+    };
+
+    const updatedPane = {
+      ...focusedPane,
+      tabs: [...focusedPane.tabs, newTab],
+      activeTabId: newTab.id,
+    };
+    const newLayout = updatePane(paneLayout, updatedPane);
+    set(syncFromLayout(newLayout));
+  },
+
+  openChatTab: () => {
+    const state = get();
+    const focusedPane = findPane(state.paneLayout, state.paneLayout.focusedPaneId);
+    const existingTab = focusedPane?.tabs.find((tab) => tab.type === 'chat');
+    if (existingTab) {
+      state.setActiveTab(existingTab.id);
+      return;
+    }
+
+    state.openTab({
+      type: 'chat',
+      label: '加入飞书群',
+    });
+  },
+
   // Open a session report tab based on a source session tab
   openSessionReport: (sourceTabId: string) => {
     const state = get();