@yancyyu/openhermit 1.6.37 → 1.6.39

package/src/renderer/components/team/TeamListView.tsx

@@ -36,6 +36,7 @@ import { buildTaskCountsByTeam, normalizePath } from '@renderer/utils/pathNormal
 import { emitOpenHermitEvent, OPEN_HERMIT_EVENTS } from '@renderer/utils/openHermitEvents';
 import { getBaseName } from '@renderer/utils/pathUtils';
 import { nameColorSet } from '@renderer/utils/projectColor';
+import { formatRelativeTime, formatTokensCompact } from '@renderer/utils/formatters';
 import {
   CheckCircle,
   Clock,
@@ -48,9 +49,12 @@ import {
   RotateCcw,
   Search,
   Trash2,
+  Users,
 } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
 
+import { SYSTEM_MANAGER_TEAM_NAME } from '@shared/types/team';
+
 import { CreateTeamDialog } from './dialogs/CreateTeamDialog';
 import { LaunchTeamDialog } from './dialogs/LaunchTeamDialog';
 import { TeamEmptyState } from './TeamEmptyState';
@@ -61,8 +65,6 @@ import {
   teamMatchesProjectSelection,
 } from './teamProjectSelection';
 
-import type { ActiveTeamRef, TeamCopyData } from './dialogs/CreateTeamDialog';
-import type { TeamListFilterState } from './TeamListFilterPopover';
 import type {
   ResolvedTeamMember,
   TeamCreateRequest,
@@ -73,6 +75,8 @@ import type {
   TeamTemplateSource,
   TeamTemplateSummary,
 } from '@shared/types';
+import type { ActiveTeamRef, TeamCopyData } from './dialogs/CreateTeamDialog';
+import type { TeamListFilterState } from './TeamListFilterPopover';
 
 function generateUniqueName(sourceName: string, existingNames: string[]): string {
   const base = sourceName.replace(/-\d+$/, '');
@@ -226,6 +230,17 @@ function resolveTeamStatus(
   return null;
 }
 
+function formatDurationShort(ms: number): string {
+  if (ms < 60_000) return `${Math.round(ms / 1000)}s`;
+  const minutes = Math.floor(ms / 60_000);
+  if (minutes < 60) return `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  const remainMin = minutes % 60;
+  if (hours < 24) return `${hours}h ${remainMin}m`;
+  const days = Math.floor(hours / 24);
+  return `${days}d ${hours % 24}h`;
+}
+
 const StatusBadge = ({ status }: { status: TeamStatus | null }): React.JSX.Element | null => {
   if (!status) return null;
   switch (status) {
@@ -279,6 +294,7 @@ export const TeamListView = (): React.JSX.Element => {
     teamsError,
     fetchTeams,
     openTeamTab,
+    openSystemManager,
     deleteTeam,
     restoreTeam,
     permanentlyDeleteTeam,
@@ -298,6 +314,7 @@ export const TeamListView = (): React.JSX.Element => {
       teamsError: s.teamsError,
       fetchTeams: s.fetchTeams,
       openTeamTab: s.openTeamTab,
+      openSystemManager: s.openSystemManager,
       deleteTeam: s.deleteTeam,
       restoreTeam: s.restoreTeam,
       permanentlyDeleteTeam: s.permanentlyDeleteTeam,
@@ -442,6 +459,11 @@ export const TeamListView = (): React.JSX.Element => {
       : null;
 
     result = [...result].sort((a, b) => {
+      // 0. Project-level system manager is a namespace node, not a regular worker team.
+      const managerA = a.teamName === SYSTEM_MANAGER_TEAM_NAME ? 0 : 1;
+      const managerB = b.teamName === SYSTEM_MANAGER_TEAM_NAME ? 0 : 1;
+      if (managerA !== managerB) return managerA - managerB;
+
       // 1. Alive (running) teams first
       const aliveA = aliveSet.has(a.teamName) ? 0 : 1;
       const aliveB = aliveSet.has(b.teamName) ? 0 : 1;
@@ -528,8 +550,8 @@ export const TeamListView = (): React.JSX.Element => {
         }
         const confirmed = await confirm({
           title: '删除数字员工',
-          message: `确定删除数字员工”${teamDisplayName}”吗？此操作会同步删除 cc-connect 项目并移除本地数据。`,
-          confirmLabel: '删除并重启',
+          message: `确定删除数字员工”${teamDisplayName}”吗？此操作会移除本地配置数据。`,
+          confirmLabel: '删除',
           cancelLabel: '取消',
           variant: 'danger',
         });
@@ -988,8 +1010,13 @@ export const TeamListView = (): React.JSX.Element => {
       <div className="flex items-center justify-between">
         <h2 className="text-base font-semibold text-[var(--color-text)]">选择数字员工</h2>
         <div className="flex items-center gap-2">
-          <Button variant="outline" size="sm" disabled={!canCreate} onClick={openTemplateDialog}>
-            从模板创建
+          <Button
+            variant="outline"
+            size="sm"
+            className="border-cyan-500/30 text-cyan-300 hover:bg-cyan-500/10"
+            onClick={() => void openSystemManager()}
+          >
+            控制台
           </Button>
           <Button
             variant="outline"
@@ -1100,13 +1127,13 @@ export const TeamListView = (): React.JSX.Element => {
               ? teamMatchesProjectSelection(team, currentProjectPath)
               : false;
             const isDeleting = deletingTeamName === team.teamName;
+            const isSystemManager = team.teamName === SYSTEM_MANAGER_TEAM_NAME;
             return (
               <div
                 key={team.teamName}
                 role="button"
                 tabIndex={0}
-                className="group relative flex cursor-pointer flex-col overflow-hidden rounded-lg border border-l-[3px] border-[var(--color-border)] bg-[var(--color-surface)] p-4 hover:bg-[var(--color-surface-raised)]"
-                style={teamColorSet ? { borderLeftColor: teamColorSet.border } : undefined}
+                className="group relative flex cursor-pointer flex-col overflow-hidden rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] p-4 transition-colors hover:border-[var(--color-border-emphasis)] hover:bg-[var(--color-surface-raised)]"
                 onClick={
                   isDeleting ? undefined : () => openTeamTab(team.teamName, team.projectPath)
                 }
@@ -1124,149 +1151,107 @@ export const TeamListView = (): React.JSX.Element => {
                   </div>
                 )}
                 <div className="flex flex-1 flex-col">
-                  <div className="flex items-start justify-between gap-2">
-                    <div className="flex min-w-0 flex-1 items-center gap-2.5">
-                      <img
-                        src={agentAvatarUrl(team.teamName)}
-                        alt={team.displayName}
-                        className="size-9 shrink-0 rounded-lg border bg-[var(--color-surface-raised)] object-cover"
-                        style={teamColorSet ? { borderColor: teamColorSet.border } : undefined}
-                        draggable={false}
-                      />
-                      <div className="flex min-w-0 flex-1 flex-col gap-0.5">
-                        <div className="flex min-w-0 items-center gap-1.5">
-                          <h3 className="min-w-0 flex-1 truncate text-sm font-semibold text-[var(--color-text)]">
-                            {team.displayName}
-                          </h3>
-                          <StatusBadge status={status} />
-                          {team.pendingDelete || team.restartRequired ? (
-                            <PendingDeleteBadge />
-                          ) : null}
-                        </div>
-                        <span className="truncate font-mono text-[10px] text-[var(--color-text-muted)]">
-                          工号 {team.teamName}
+                  {/* Row 1: Avatar + Name + Status + Actions */}
+                  <div className="flex items-center gap-2.5">
+                    <img
+                      src={agentAvatarUrl(team.teamName)}
+                      alt={team.displayName}
+                      className="size-8 shrink-0 rounded-md border border-transparent"
+                      style={teamColorSet ? { borderColor: teamColorSet.border + '60' } : undefined}
+                      draggable={false}
+                    />
+                    <div className="flex min-w-0 flex-1 items-center gap-2">
+                      <h3 className="min-w-0 truncate text-[13px] font-medium text-[var(--color-text)]">
+                        {team.displayName}
+                      </h3>
+                      {isSystemManager ? (
+                        <span className="shrink-0 rounded bg-cyan-500/15 px-1.5 py-px text-[9px] font-medium text-cyan-400">
+                          SYS
                         </span>
-                      </div>
+                      ) : null}
+                      <StatusBadge status={status} />
+                      {team.pendingDelete || team.restartRequired ? (
+                        <PendingDeleteBadge />
+                      ) : null}
                       {team.projectPath &&
                         (() => {
                           const branch = branchByPath[normalizePath(team.projectPath)];
                           if (!branch) return null;
                           return (
                             <span
-                              className="flex shrink-0 items-center gap-1 rounded bg-[var(--color-surface-raised)] px-1.5 py-0.5 text-[10px] text-[var(--color-text-muted)]"
+                              className="flex shrink-0 items-center gap-1 text-[10px] text-[var(--color-text-muted)] opacity-60"
                               title={branch}
                             >
-                              <GitBranch size={10} />
-                              <span className="max-w-24 truncate">{branch}</span>
+                              <GitBranch size={9} />
+                              <span className="max-w-20 truncate">{branch}</span>
                             </span>
                           );
                         })()}
                     </div>
-                    <div className="flex shrink-0 gap-1">
-                      {!team.pendingCreate && (
+                    <div className="flex shrink-0 gap-0.5">
+                      {!team.pendingCreate && !isSystemManager && (
                         <Tooltip>
                           <TooltipTrigger asChild>
                             <button
                               type="button"
-                              className="shrink-0 rounded p-1 text-[var(--color-text-muted)] opacity-0 transition-opacity hover:bg-blue-500/10 hover:text-blue-300 group-hover:opacity-100"
+                              className="rounded p-1 text-[var(--color-text-muted)] opacity-0 transition-opacity hover:bg-[var(--color-surface-raised)] group-hover:opacity-60 hover:!opacity-100"
                               onClick={(e) => handleCopyTeam(team.teamName, e)}
                             >
-                              <Copy size={14} />
+                              <Copy size={13} />
                             </button>
                           </TooltipTrigger>
                           <TooltipContent side="bottom">复制数字员工</TooltipContent>
                         </Tooltip>
                       )}
-                      {team.teamName !== 'default' && team.teamName !== 'my-project' && (
-                        <Tooltip>
-                          <TooltipTrigger asChild>
-                            <button
-                              type="button"
-                              className="shrink-0 rounded p-1 text-[var(--color-text-muted)] opacity-0 transition-opacity hover:bg-red-500/10 hover:text-red-300 group-hover:opacity-100"
-                              onClick={(e) =>
-                                handleDeleteTeam(team.teamName, !!team.pendingCreate, e)
-                              }
-                            >
-                              <Trash2 size={14} />
-                            </button>
-                          </TooltipTrigger>
-                          <TooltipContent side="bottom">删除数字员工</TooltipContent>
-                        </Tooltip>
-                      )}
+                      {team.teamName !== 'default' &&
+                        team.teamName !== 'my-project' &&
+                        !isSystemManager && (
+                          <Tooltip>
+                            <TooltipTrigger asChild>
+                              <button
+                                type="button"
+                                className="rounded p-1 text-[var(--color-text-muted)] opacity-0 transition-opacity hover:bg-red-500/10 hover:text-red-400 group-hover:opacity-60 hover:!opacity-100"
+                                onClick={(e) =>
+                                  handleDeleteTeam(team.teamName, !!team.pendingCreate, e)
+                                }
+                              >
+                                <Trash2 size={13} />
+                              </button>
+                            </TooltipTrigger>
+                            <TooltipContent side="bottom">删除数字员工</TooltipContent>
+                          </Tooltip>
+                        )}
                     </div>
                   </div>
-                  <div className="mt-2 flex min-h-10 items-start gap-2">
-                    <p className="line-clamp-2 min-w-0 flex-1 text-xs text-[var(--color-text-muted)]">
-                      {team.description || '暂无描述'}
-                    </p>
-                  </div>
-                  <div className="mt-3 flex flex-wrap items-center gap-1.5">
-                    {team.members && team.members.length > 0 ? (
-                      renderMemberChips(team.members, isLight)
-                    ) : team.memberCount === 0 ? (
-                      <Badge variant="secondary" className="text-[10px] font-normal">
-                        单人
-                      </Badge>
+
+                  {/* Row 2: Description */}
+                  <p className="mt-1.5 line-clamp-1 min-w-0 pl-[42px] text-[11px] leading-snug text-[var(--color-text-muted)]">
+                    {team.description || '暂无描述'}
+                  </p>
+
+                  {/* Row 3: Stats bar */}
+                  <div className="mt-2 flex items-center gap-1.5 pl-[42px] text-[10px] tabular-nums">
+                    {team.stats && team.stats.sessions > 0 ? (
+                      <>
+                        <span className="text-blue-400">{team.stats.sessions} sessions</span>
+                        <span className="text-[var(--color-text-muted)] opacity-30">·</span>
+                        <span className="text-emerald-400">{formatTokensCompact(team.stats.tokens)}</span>
+                        {team.stats.durationMs > 0 && (
+                          <>
+                            <span className="text-[var(--color-text-muted)] opacity-30">·</span>
+                            <span className="text-amber-400">{formatDurationShort(team.stats.durationMs)}</span>
+                          </>
+                        )}
+                      </>
                     ) : (
-                      <Badge variant="secondary" className="text-[10px] font-normal">
-                        成员：{team.memberCount}
-                      </Badge>
+                      <span className="text-[var(--color-text-muted)] opacity-50">no activity</span>
+                    )}
+                    {team.lastActivity && (
+                      <>
+                        <span className="text-[var(--color-text-muted)] opacity-30">·</span>
+                        <span className="text-[var(--color-text-muted)]">{formatRelativeTime(team.lastActivity)}</span>
+                      </>
                     )}
-                  </div>
-                  <div className="mt-auto">
-                    {(() => {
-                      const tc = taskCountsByTeam.get(team.teamName);
-                      const pending = tc?.pending ?? 0;
-                      const inProgress = tc?.inProgress ?? 0;
-                      const completed = tc?.completed ?? 0;
-                      const totalTasks = pending + inProgress + completed;
-                      const completedRatio = totalTasks > 0 ? completed / totalTasks : 0;
-                      return (
-                        <div className="mt-2 w-full space-y-1.5">
-                          <div className="flex items-center gap-2">
-                            <div
-                              className="h-1.5 flex-1 overflow-hidden rounded-full bg-[var(--color-surface-raised)]"
-                              role="progressbar"
-                              aria-valuenow={completed}
-                              aria-valuemin={0}
-                              aria-valuemax={totalTasks}
-                              aria-label={`任务 ${completed}/${totalTasks} 已完成`}
-                            >
-                              <div
-                                className="h-full rounded-full bg-emerald-500 transition-all duration-200"
-                                style={{ width: `${Math.round(completedRatio * 100)}%` }}
-                              />
-                            </div>
-                            <span className="shrink-0 text-[10px] font-medium tracking-tight text-[var(--color-text-muted)]">
-                              {completed}/{totalTasks}
-                            </span>
-                          </div>
-                          {totalTasks > 0 && (
-                            <div className="flex flex-wrap items-center gap-x-3 gap-y-0.5 text-[10px] text-[var(--color-text-muted)]">
-                              {inProgress > 0 && (
-                                <span className="inline-flex items-center gap-1">
-                                  <Play size={10} className="shrink-0 text-blue-400" />
-                                  {inProgress} 进行中
-                                </span>
-                              )}
-                              {pending > 0 && (
-                                <span className="inline-flex items-center gap-1">
-                                  <Clock size={10} className="shrink-0 text-amber-400" />
-                                  {pending} 待办
-                                </span>
-                              )}
-                              {completed > 0 && (
-                                <span className="inline-flex items-center gap-1">
-                                  <CheckCircle size={10} className="shrink-0 text-emerald-400" />
-                                  {completed} 已完成
-                                </span>
-                              )}
-                            </div>
-                          )}
-                        </div>
-                      );
-                    })()}
-                    {renderTeamRecentPaths(team, status, matchesCurrentProject, isLight)}
                   </div>
                 </div>
               </div>

package/src/renderer/components/team/dialogs/CreateTaskDialog.tsx

@@ -233,7 +233,7 @@ export const CreateTaskDialog = ({
           >
             <AlertTriangle size={14} className="mt-0.5 shrink-0" />
             <p className="text-xs leading-relaxed">
-              团队当前离线。任务会加入 <strong>待处理</strong>，启动团队后即可开始执行。
+              数字员工当前未运行：没有本地 Claude/Agent 进程在运行。任务会加入 <strong>待处理</strong>，启动数字员工后即可开始执行。
             </p>
           </div>
         ) : null}
@@ -468,7 +468,7 @@ export const CreateTaskDialog = ({
               </div>
               {!isTeamAlive ? (
                 <p className="text-[10px] text-[var(--color-text-muted)]">
-                  团队当前离线。请先启动团队，才能立即开始任务。
+                  数字员工当前未运行。请先启动数字员工，才能立即开始任务。
                 </p>
               ) : null}
             </div>