@yancyyu/openhermit 1.6.41 → 1.6.43

package/src/renderer/components/chat/CommunityChatView.tsx

@@ -0,0 +1,81 @@
+import React from 'react';
+
+import { MessageCircle, QrCode, Sparkles, Users } from 'lucide-react';
+
+const COMMUNITY_QR_IMAGE = '/chat-community-qr.jpg';
+
+export const CommunityChatView = (): React.JSX.Element => {
+  return (
+    <div className="relative flex-1 overflow-auto bg-surface">
+      <div
+        className="pointer-events-none absolute inset-x-0 top-0 h-[520px] bg-[radial-gradient(ellipse_80%_50%_at_50%_-20%,rgba(132,204,22,0.14),transparent)]"
+        aria-hidden="true"
+      />
+
+      <div className="relative mx-auto flex min-h-full max-w-5xl flex-col px-8 py-12">
+        <section className="overflow-hidden rounded-2xl border border-border bg-surface-raised shadow-sm">
+          <div className="border-b border-border bg-gradient-to-br from-lime-500/15 via-emerald-500/10 to-transparent px-8 py-8">
+            <div className="mb-3 inline-flex items-center gap-2 rounded-full border border-lime-500/25 bg-lime-500/10 px-3 py-1 text-[11px] font-medium text-lime-300">
+              <MessageCircle className="size-3.5" />
+              Chat / 交流圈
+            </div>
+            <h1 className="text-3xl font-semibold tracking-tight text-text">加入 Yancy 的朋友们</h1>
+            <p className="mt-3 max-w-2xl text-sm leading-6 text-text-secondary">
+              扫码加入「野生想法」交流圈，聊 Loop Engineering、Agent
+              Teams、自动化工作台和一人公司的实践。
+            </p>
+          </div>
+
+          <div className="grid gap-8 px-8 py-8 lg:grid-cols-[minmax(0,1fr)_360px]">
+            <div className="space-y-4">
+              <div className="rounded-xl border border-border bg-surface px-5 py-4">
+                <div className="mb-2 flex items-center gap-2 text-sm font-medium text-text">
+                  <Users className="size-4 text-lime-400" />
+                  适合谁加入
+                </div>
+                <p className="text-sm leading-6 text-text-muted">
+                  如果你正在用 Claude Code / Hermit / 多 Agent 团队做真实项目，或者想交流 AI
+                  自动化、产品工程和独立创造，这里会持续分享实验和想法。
+                </p>
+              </div>
+
+              <div className="rounded-xl border border-border bg-surface px-5 py-4">
+                <div className="mb-2 flex items-center gap-2 text-sm font-medium text-text">
+                  <Sparkles className="size-4 text-emerald-400" />
+                  你可以期待
+                </div>
+                <ul className="space-y-2 text-sm leading-6 text-text-muted">
+                  <li>• Hermit / OpenHermit 的功能讨论和使用反馈</li>
+                  <li>• Agent 团队、Loop、Workflow 的实践案例</li>
+                  <li>• 一人公司、自动化研发和产品想法交流</li>
+                </ul>
+              </div>
+
+              <div className="rounded-xl border border-lime-500/20 bg-lime-500/5 px-5 py-4 text-sm leading-6 text-lime-100/90">
+                备注：该二维码来自飞书 / Lark 圈子，仅限企业内部成员加入；如果扫码不可用，请联系
+                Yancy 获取新的邀请方式。
+              </div>
+            </div>
+
+            <div className="rounded-2xl border border-border bg-surface px-5 py-5 text-center">
+              <div className="mb-3 inline-flex items-center gap-2 text-sm font-medium text-text">
+                <QrCode className="size-4 text-lime-400" />
+                扫码加入
+              </div>
+              <div className="rounded-2xl border border-border bg-white p-3 shadow-sm">
+                <img
+                  src={COMMUNITY_QR_IMAGE}
+                  alt="Yancy 的朋友们交流圈二维码"
+                  className="mx-auto aspect-square w-full rounded-xl object-cover"
+                />
+              </div>
+              <p className="mt-4 text-xs leading-5 text-text-muted">
+                打开飞书 / Lark 扫一扫，加入「Yancy 的朋友们 · 野生想法」。
+              </p>
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+  );
+};

package/src/renderer/components/dashboard/DashboardView.tsx

@@ -7,110 +7,145 @@ import React from 'react';
 
 import { RecentProjectsSection } from '@features/recent-projects/renderer';
 import { useStore } from '@renderer/store';
-import { Sparkles, Users, Workflow } from 'lucide-react';
+import { Bot, MessageCircle, Settings, ShieldCheck, TerminalSquare, Users } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
 
-const HIGHLIGHT_HARNESSES = [
-  'Claude Code',
-  'Cursor',
-  'Codex',
-  'Gemini',
-  'OpenCode',
-  'DeepSeek / IM',
+const DASHBOARD_BOUNDARIES = [
+  {
+    title: 'Helm Loop',
+    description:
+      '只放全局巡检、诊断、复盘、治理和改进提案。常用 workflow 不再铺成卡片，统一在指令台输入 / 查看。',
+    badge: '全局控制台',
+  },
+  {
+    title: 'Team Loop',
+    description:
+      '只负责当前团队消息、runtime 注入、Loop session 和跨团队派单，避免把 Admin workflow 混进普通团队。',
+    badge: '团队作用域',
+  },
+  {
+    title: '消息面板',
+    description:
+      '默认读取最近 50 条动态；需要历史时手动分页加载，每次 50 条，不一次性渲染全部历史。',
+    badge: '分页边界',
+  },
 ];
 
 export const DashboardView = (): React.JSX.Element => {
-  const { openTeamsTab, openSettingsTab, teams, teamsLoading } = useStore(
-    useShallow((state) => ({
-      openTeamsTab: state.openTeamsTab,
-      openSettingsTab: state.openSettingsTab,
-      teams: state.teams,
-      teamsLoading: state.teamsLoading,
-    }))
-  );
+  const { openChatTab, openSettingsTab, openSystemManager, openTeamsTab, teams, teamsLoading } =
+    useStore(
+      useShallow((state) => ({
+        openChatTab: state.openChatTab,
+        openSettingsTab: state.openSettingsTab,
+        openSystemManager: state.openSystemManager,
+        openTeamsTab: state.openTeamsTab,
+        teams: state.teams,
+        teamsLoading: state.teamsLoading,
+      }))
+    );
   const showQuickstartGuide = !teamsLoading && teams.length === 0;
 
   return (
     <div className="relative flex-1 overflow-auto bg-surface">
       <div
-        className="pointer-events-none absolute inset-x-0 top-0 h-[600px] bg-[radial-gradient(ellipse_80%_50%_at_50%_-20%,rgba(99,102,241,0.08),transparent)]"
+        className="pointer-events-none absolute inset-x-0 top-0 h-[600px] bg-[radial-gradient(ellipse_80%_50%_at_50%_-20%,rgba(99,102,241,0.1),transparent)]"
         aria-hidden="true"
       />
 
-      <div className="relative mx-auto max-w-5xl px-8 py-12">
-        <section className="mb-8 overflow-hidden rounded-xl border border-border bg-surface-raised">
-          <div className="border-b border-border px-6 py-5">
-            <div className="mb-2 inline-flex items-center gap-2 rounded-full border border-border bg-surface px-3 py-1 text-[11px] text-text-muted">
-              <Sparkles className="size-3.5" />
-              一人公司优先
-            </div>
-            <h1 className="text-2xl font-semibold tracking-tight text-text">
-              Hermit：一人公司的 AI 团队控制台
-            </h1>
-            <p className="mt-2 text-sm text-text-secondary">
-              几乎覆盖所有主流 Harness，把团队编排、消息协作、任务推进和运行状态放在同一个工作台。
-            </p>
-          </div>
-          <div className="grid gap-4 px-6 py-5 md:grid-cols-3">
-            <div className="rounded-lg border border-border bg-surface px-4 py-3">
-              <div className="mb-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary">
-                <Workflow className="size-3.5" />
-                Harness 覆盖
-              </div>
-              <p className="text-xs text-text-muted">几乎所有主流运行时都能接入统一团队控制台。</p>
-              <div className="mt-3 flex flex-wrap gap-1.5">
-                {HIGHLIGHT_HARNESSES.map((harness) => (
-                  <span
-                    key={harness}
-                    className="rounded-md border border-border bg-surface-overlay px-2 py-1 text-[11px] text-text-secondary"
-                  >
-                    {harness}
-                  </span>
-                ))}
+      <div className="relative mx-auto max-w-6xl px-8 py-10">
+        <section className="mb-6 overflow-hidden rounded-2xl border border-border bg-surface-raised shadow-sm">
+          <div className="grid gap-6 border-b border-border px-6 py-6 lg:grid-cols-[minmax(0,1fr)_340px]">
+            <div>
+              <div className="mb-3 inline-flex items-center gap-2 rounded-full border border-indigo-500/25 bg-indigo-500/10 px-3 py-1 text-[11px] font-medium text-indigo-300">
+                <TerminalSquare className="size-3.5" />
+                Loop Engineering 首页
               </div>
-            </div>
-            <div className="rounded-lg border border-border bg-surface px-4 py-3">
-              <div className="mb-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary">
-                <Sparkles className="size-3.5" />
-                会话洞察
-              </div>
-              <p className="text-xs text-text-muted">
-                汇总本地会话、任务、消息和 Token 使用情况，帮助你判断团队执行状态。
+              <h1 className="text-2xl font-semibold tracking-tight text-text">
+                先从这里进入：全局控制、团队协作、社区入口分开
+              </h1>
+              <p className="mt-3 max-w-3xl text-sm leading-6 text-text-secondary">
+                首页只做总览和入口；Helm Loop 是全局指令台，团队详情里的 Loop
+                是当前团队指令台，飞书群独立成扫码页。这样边界更清楚，也不会把常用命令堆在 Admin
+                Loop 下方。
               </p>
-              <div className="mt-3 rounded-md border border-border bg-surface-overlay px-2.5 py-2 text-[11px] text-text-muted">
-                会话记录 → 使用统计 → 身份识别 → 导出复盘
+              <div className="mt-5 flex flex-wrap gap-2">
+                <button
+                  type="button"
+                  onClick={() => void openSystemManager()}
+                  className="inline-flex items-center gap-2 rounded-lg border border-indigo-500/35 bg-indigo-500/10 px-4 py-2 text-sm font-medium text-indigo-100 transition-colors hover:bg-indigo-500/15"
+                >
+                  <Bot className="size-4" />
+                  打开 Helm Loop
+                </button>
+                <button
+                  type="button"
+                  onClick={openTeamsTab}
+                  className="inline-flex items-center gap-2 rounded-lg border border-border bg-surface px-4 py-2 text-sm text-text-secondary transition-colors hover:bg-surface-overlay hover:text-text"
+                >
+                  <Users className="size-4" />
+                  选择团队
+                </button>
+                <button
+                  type="button"
+                  onClick={openChatTab}
+                  className="inline-flex items-center gap-2 rounded-lg border border-border bg-surface px-4 py-2 text-sm text-text-secondary transition-colors hover:bg-surface-overlay hover:text-text"
+                >
+                  <MessageCircle className="size-4" />
+                  加入飞书群
+                </button>
               </div>
             </div>
-            <div className="rounded-lg border border-border bg-surface px-4 py-3">
-              <div className="mb-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary">
-                <Users className="size-3.5" />
-                一人公司工作流
+
+            <div className="rounded-xl border border-border bg-surface px-4 py-4">
+              <div className="mb-3 flex items-center justify-between gap-2">
+                <div className="text-sm font-medium text-text">工作区状态</div>
+                <span className="rounded-full border border-border bg-surface-overlay px-2 py-0.5 text-[10px] text-text-muted">
+                  {teamsLoading ? 'loading' : `${teams.length} teams`}
+                </span>
               </div>
-              <p className="text-xs text-text-muted">
-                你负责决策，Hermit 负责动态拉起子 agent、分发任务、跟踪执行和回收结果。
-              </p>
-              <div className="mt-3 rounded-md border border-border bg-surface-overlay px-2.5 py-2 text-[11px] text-text-muted">
-                需求输入 → 任务拆解 → 动态执行 → 结果汇总
+              <div className="space-y-2 text-xs text-text-muted">
+                <div className="flex items-center justify-between rounded-lg border border-border bg-surface-overlay px-3 py-2">
+                  <span>全局 workflow</span>
+                  <span>在 Helm Loop 输入 / 查看</span>
+                </div>
+                <div className="flex items-center justify-between rounded-lg border border-border bg-surface-overlay px-3 py-2">
+                  <span>团队 Loop</span>
+                  <span>按团队隔离</span>
+                </div>
+                <div className="flex items-center justify-between rounded-lg border border-border bg-surface-overlay px-3 py-2">
+                  <span>消息历史</span>
+                  <span>50 条分页加载</span>
+                </div>
               </div>
             </div>
           </div>
-        </section>
 
-        <div className="mb-8 flex items-center justify-center">
-          <button
-            onClick={openTeamsTab}
-            className="flex shrink-0 items-center gap-2 rounded-sm border border-border bg-surface-raised px-4 py-3 text-sm text-text-secondary transition-all duration-200 hover:border-zinc-500 hover:text-text"
-          >
-            <Users className="size-4" />
-            选择团队
-          </button>
-        </div>
+          <div className="grid gap-3 px-6 py-5 md:grid-cols-3">
+            {DASHBOARD_BOUNDARIES.map((item) => (
+              <div
+                key={item.title}
+                className="rounded-xl border border-border bg-surface px-4 py-4"
+              >
+                <div className="mb-2 flex items-center justify-between gap-2">
+                  <div className="text-sm font-medium text-text">{item.title}</div>
+                  <span className="rounded-full border border-border bg-surface-overlay px-2 py-0.5 text-[10px] text-text-muted">
+                    {item.badge}
+                  </span>
+                </div>
+                <p className="text-xs leading-5 text-text-muted">{item.description}</p>
+              </div>
+            ))}
+          </div>
+        </section>
 
         {showQuickstartGuide ? (
           <section className="rounded-xl border border-border bg-surface-raised p-5">
-            <h2 className="text-sm font-semibold text-text">快速开始（3 步）</h2>
+            <div className="flex items-center gap-2 text-sm font-semibold text-text">
+              <ShieldCheck className="size-4 text-indigo-300" />
+              快速开始（2 步）
+            </div>
             <p className="mt-1 text-xs text-text-muted">
-              首次使用会看到空白首页。按下面步骤配置后，就会出现团队和项目内容。
+              首次使用会看到空白首页。先连接运行时，再创建团队或进入 Helm Loop。
             </p>
             <div className="mt-4 grid gap-3 md:grid-cols-2">
               <button
@@ -118,18 +153,22 @@ export const DashboardView = (): React.JSX.Element => {
                 onClick={() => openSettingsTab('harness')}
                 className="rounded-lg border border-border bg-surface px-3 py-3 text-left transition-colors hover:bg-surface-overlay"
               >
-                <p className="text-[11px] font-medium text-text-muted">第 1 步</p>
-                <p className="mt-1 text-sm font-medium text-text">配置 Harness</p>
-                <p className="mt-1 text-xs text-text-muted">连接 Claude/Codex/Gemini 等运行时</p>
+                <p className="flex items-center gap-2 text-sm font-medium text-text">
+                  <Settings className="size-4" />
+                  配置 Harness
+                </p>
+                <p className="mt-1 text-xs text-text-muted">连接 Claude/Codex/Gemini 等运行时。</p>
               </button>
               <button
                 type="button"
                 onClick={openTeamsTab}
                 className="rounded-lg border border-border bg-surface px-3 py-3 text-left transition-colors hover:bg-surface-overlay"
               >
-                <p className="text-[11px] font-medium text-text-muted">第 2 步</p>
-                <p className="mt-1 text-sm font-medium text-text">创建团队并启动</p>
-                <p className="mt-1 text-xs text-text-muted">设置工作目录后即可开始分发任务</p>
+                <p className="flex items-center gap-2 text-sm font-medium text-text">
+                  <Users className="size-4" />
+                  创建团队并启动
+                </p>
+                <p className="mt-1 text-xs text-text-muted">设置工作目录后即可开始分发任务。</p>
               </button>
             </div>
           </section>
@@ -139,6 +178,13 @@ export const DashboardView = (): React.JSX.Element => {
               <h2 className="text-xs font-medium uppercase tracking-wider text-text-muted">
                 最近项目
               </h2>
+              <button
+                type="button"
+                onClick={() => void openSystemManager()}
+                className="text-xs text-text-muted transition-colors hover:text-text"
+              >
+                Helm Loop →
+              </button>
             </div>
 
             <RecentProjectsSection searchQuery="" />

package/src/renderer/components/extensions/ExtensionStoreView.tsx

@@ -37,9 +37,10 @@ import {
 import { resolveProjectPathById } from '@renderer/utils/projectLookup';
 import { refreshCliStatusForCurrentMode } from '@renderer/utils/refreshCliStatus';
 import { getRuntimeDisplayName } from '@renderer/utils/runtimeDisplayName';
-import { AlertTriangle, Info, Loader2, Puzzle, RefreshCw } from 'lucide-react';
+import { AlertTriangle, Boxes, Info, Loader2, Puzzle, RefreshCw } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
 
+import { CapabilityPacksPanel } from './capability-packs/CapabilityPacksPanel';
 import { PluginsPanel } from './plugins/PluginsPanel';
 import { StoreExtensionToast } from './common/ExtensionToast';
 import { ExtensionsSubTabTrigger } from './ExtensionsSubTabTrigger';
@@ -104,9 +105,15 @@ function isCodexSnapshotPending(
 const EXTENSION_SUB_TABS = [
   {
     value: 'plugins' as const,
-    label: '插件',
+    label: 'cc 扩展',
     icon: Puzzle,
-    description: 'Claude Code 私有扩展，增强运行时的能力与集成。',
+    description: '为 Agent loop 注入工具、Skills、MCP 和连接器。',
+  },
+  {
+    value: 'capability-packs' as const,
+    label: '能力包',
+    icon: Boxes,
+    description: '本地 commands、skills metadata 和 workflows metadata 集合。',
   },
 ] as const;
 
@@ -241,15 +248,38 @@ export const ExtensionStoreView = (): React.JSX.Element => {
         <div className="bg-surface/70 mx-4 mt-3 flex items-start gap-3 rounded-md border border-border px-4 py-3">
           <Info className="mt-0.5 size-4 shrink-0 text-text-secondary" />
           <div>
-            <p className="text-sm font-medium text-text">正在检查扩展运行时可用性</p>
+            <p className="text-sm font-medium text-text">正在检查 cc 扩展运行时可用性</p>
             <p className="mt-0.5 text-xs text-text-muted">
-              扩展需要配置好的运行时来管理插件和提供商连接。
+              cc 扩展需要配置好的运行时来管理工具、Skills 和提供商连接。
             </p>
           </div>
         </div>
       );
     }
 
+    if (shouldShowMultimodelProviderCards) {
+      const loadingProviders = visibleProviders.filter(
+        (provider) =>
+          isProviderCapabilityCardLoading(
+            provider,
+            Boolean(cliProviderStatusLoading?.[provider.providerId])
+          ) || isCodexSnapshotPending(provider, codexSnapshotPending)
+      );
+      if (loadingProviders.length > 0) {
+        return (
+          <div className="mx-4 mt-3 grid gap-2 md:grid-cols-2">
+            {loadingProviders.map((provider) => (
+              <ProviderCapabilityCardSkeleton
+                key={provider.providerId}
+                providerId={provider.providerId}
+                displayName={provider.displayName}
+              />
+            ))}
+          </div>
+        );
+      }
+    }
+
     if (!effectiveCliStatus.installed) {
       const cliLaunchIssue = Boolean(
         effectiveCliStatus.binaryPath && effectiveCliStatus.launchError
@@ -395,6 +425,10 @@ export const ExtensionStoreView = (): React.JSX.Element => {
                   cliStatusLoading={effectiveCliStatusLoading}
                 />
               </TabsContent>
+
+              <TabsContent value="capability-packs" className="mt-0 pt-4">
+                <CapabilityPacksPanel />
+              </TabsContent>
             </Tabs>
           </div>
         </div>

package/src/renderer/components/extensions/ExtensionsSubTabTrigger.tsx

@@ -2,10 +2,11 @@ import { TabsTrigger } from '@renderer/components/ui/tabs';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@renderer/components/ui/tooltip';
 import { Info } from 'lucide-react';
 
+import type { ExtensionsSubTab } from '@renderer/hooks/useExtensionsTabState';
 import type { LucideIcon } from 'lucide-react';
 
 interface ExtensionsSubTabTriggerProps {
-  value: 'plugins';
+  value: ExtensionsSubTab;
   label: string;
   description: string;
   icon: LucideIcon;

package/src/renderer/components/extensions/capability-packs/CapabilityPacksPanel.tsx

@@ -0,0 +1,170 @@
+import { useEffect, useMemo } from 'react';
+
+import { Badge } from '@renderer/components/ui/badge';
+import { Button } from '@renderer/components/ui/button';
+import { useStore } from '@renderer/store';
+import { AlertTriangle, Loader2, Package, RefreshCw } from 'lucide-react';
+import { useShallow } from 'zustand/react/shallow';
+
+import type { LoadedCapabilityPack } from '@shared/types/extensions';
+
+function getPackCounts(pack: LoadedCapabilityPack): string {
+  const commands = pack.manifest.capabilities.commands?.length ?? 0;
+  const skills = pack.manifest.capabilities.skills?.length ?? 0;
+  const workflows = pack.manifest.capabilities.workflows?.length ?? 0;
+  return `${commands} commands · ${skills} skills · ${workflows} workflows`;
+}
+
+function CapabilityPackCard({ pack, index }: { pack: LoadedCapabilityPack; index: number }) {
+  const baseStriped = index % 2 === 0;
+  return (
+    <div
+      className={`relative flex w-full flex-col gap-3 rounded-xl border p-4 text-left transition-all duration-200 ${
+        baseStriped ? 'bg-white/[0.045]' : 'bg-white/[0.015]'
+      } ${pack.enabled ? 'border-l-2 border-border border-l-emerald-500/35' : 'border-border'}`}
+    >
+      <div className="flex items-start justify-between gap-2">
+        <div className="min-w-0 space-y-1">
+          <h3 className="truncate text-sm font-semibold text-text">{pack.manifest.name}</h3>
+          <div className="flex flex-wrap items-center gap-1.5">
+            <Badge variant="secondary" className="text-[11px]">
+              namespace: {pack.manifest.namespace}
+            </Badge>
+            <Badge variant="outline" className="border-border text-text-secondary">
+              {pack.source === 'builtin' ? '官方预装' : '团队本地'}
+            </Badge>
+            <Badge
+              variant="outline"
+              className={
+                pack.enabled
+                  ? 'border-emerald-500/30 bg-emerald-500/10 text-emerald-400'
+                  : 'border-border text-text-muted'
+              }
+            >
+              {pack.enabled ? 'enabled' : 'disabled'}
+            </Badge>
+            <Badge variant="outline" className="border-border text-text-secondary">
+              v{pack.manifest.version}
+            </Badge>
+          </div>
+        </div>
+        <Package className="size-4 shrink-0 text-text-muted" />
+      </div>
+
+      <p className="line-clamp-2 min-h-10 text-xs leading-5 text-text-secondary">
+        {pack.manifest.description || '团队能力包：commands、skills metadata、workflows metadata。'}
+      </p>
+
+      <div className="flex flex-wrap items-center justify-between gap-2 text-xs text-text-muted">
+        <span>{getPackCounts(pack)}</span>
+        <span className="max-w-[50%] truncate font-mono text-[11px]" title={pack.packDir}>
+          {pack.packDir}
+        </span>
+      </div>
+
+      {pack.warnings.length > 0 ? (
+        <div className="rounded-lg border border-amber-500/20 bg-amber-500/5 px-3 py-2 text-[11px] leading-5 text-amber-300">
+          {pack.warnings.join('；')}
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+export function CapabilityPacksPanel(): React.JSX.Element {
+  const {
+    capabilityPacks,
+    capabilityPackList,
+    capabilityPacksLoading,
+    capabilityPacksError,
+    fetchCapabilityPacks,
+  } = useStore(
+    useShallow((state) => ({
+      capabilityPacks: state.capabilityPacks,
+      capabilityPackList: state.capabilityPackList,
+      capabilityPacksLoading: state.capabilityPacksLoading,
+      capabilityPacksError: state.capabilityPacksError,
+      fetchCapabilityPacks: state.fetchCapabilityPacks,
+    }))
+  );
+
+  useEffect(() => {
+    void fetchCapabilityPacks();
+  }, [fetchCapabilityPacks]);
+
+  const warnings = useMemo(
+    () => [
+      ...(capabilityPackList?.warnings ?? []),
+      ...(capabilityPacksError ? [capabilityPacksError] : []),
+    ],
+    [capabilityPackList?.warnings, capabilityPacksError]
+  );
+
+  return (
+    <div className="space-y-4">
+      <div className="bg-surface-raised/50 rounded-xl border border-indigo-500/20 p-4">
+        <div className="flex items-start gap-3">
+          <Package className="mt-0.5 size-5 text-indigo-300" />
+          <div className="min-w-0">
+            <h2 className="text-sm font-semibold text-text">团队能力包</h2>
+            <p className="mt-1 text-xs leading-5 text-text-secondary">
+              官方测试过的 Hermit 运维检测包会默认安装到{' '}
+              <span className="font-mono">~/.claude/commands/hermit</span>，所有团队可直接运行{' '}
+              <span className="font-mono">/hermit:*</span>。 后续插件包按团队启用。
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {warnings.length > 0 && (
+        <div className="flex items-start gap-2 rounded-md border border-amber-500/30 bg-amber-500/5 px-4 py-3 text-sm text-amber-300">
+          <AlertTriangle className="mt-0.5 size-4 shrink-0" />
+          <div className="space-y-1">
+            {warnings.map((warning) => (
+              <p key={warning}>{warning}</p>
+            ))}
+          </div>
+        </div>
+      )}
+
+      <div className="flex items-center justify-between gap-3">
+        <div>
+          <h2 className="text-sm font-semibold text-text">团队可用能力包</h2>
+          <p className="text-xs text-text-muted">
+            默认官方包 + 团队本地包 · {capabilityPacks.length} packs
+          </p>
+        </div>
+        <Button
+          type="button"
+          variant="ghost"
+          size="sm"
+          onClick={() => void fetchCapabilityPacks()}
+          disabled={capabilityPacksLoading}
+        >
+          {capabilityPacksLoading ? (
+            <Loader2 className="size-4 animate-spin" />
+          ) : (
+            <RefreshCw className="size-4" />
+          )}
+          刷新
+        </Button>
+      </div>
+
+      {capabilityPacksLoading && capabilityPacks.length === 0 ? (
+        <div className="bg-surface-raised/50 rounded-xl border border-border px-4 py-8 text-center text-sm text-text-muted">
+          正在加载能力包...
+        </div>
+      ) : capabilityPacks.length === 0 ? (
+        <div className="bg-surface/60 rounded-xl border border-dashed border-border px-4 py-8 text-center text-sm text-text-muted">
+          还没有可用能力包。官方 Hermit 运维包会自动预装。
+        </div>
+      ) : (
+        <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-3">
+          {capabilityPacks.map((pack, index) => (
+            <CapabilityPackCard key={pack.manifest.id} pack={pack} index={index} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

package/src/renderer/components/layout/PaneContent.tsx

@@ -4,9 +4,11 @@
  */
 
 import { TeamGraphTab } from '@features/agent-graph/renderer';
+import { SocietyView } from '@features/worker-society/renderer';
 import { TabUIProvider } from '@renderer/contexts/TabUIContext';
 import { SYSTEM_MANAGER_TEAM_NAME } from '@shared/types/team';
 
+import { CommunityChatView } from '../chat/CommunityChatView';
 import { DashboardView } from '../dashboard/DashboardView';
 import { ExtensionStoreView } from '../extensions/ExtensionStoreView';
 import { NotificationsView } from '../notifications/NotificationsView';
@@ -30,7 +32,11 @@ interface PaneContentProps {
 export const PaneContent = ({ pane, isPaneFocused }: PaneContentProps): React.JSX.Element => {
   const activeTabId = pane.activeTabId;
 
-  // Show the team workspace by default so startup avoids dashboard background scans.
+  // Show the team workspace as the home whenever no tab is active. The initial
+  // route is restored into a real tab BEFORE first render (main.tsx), so on a
+  // fresh deep-link load pane.tabs already holds the right tab and this fallback
+  // never double-mounts TeamListView. It only renders for the true no-tab state
+  // (root '/', or after all tabs are closed) so the pane is never blank.
   const showDefaultTeams = !activeTabId && pane.tabs.length === 0;
 
   return (
@@ -50,12 +56,14 @@ export const PaneContent = ({ pane, isPaneFocused }: PaneContentProps): React.JS
             style={{ display: isActive ? 'flex' : 'none' }}
           >
             {tab.type === 'dashboard' && <DashboardView />}
+            {tab.type === 'society' && <SocietyView />}
+            {tab.type === 'chat' && <CommunityChatView />}
             {tab.type === 'notifications' && <NotificationsView />}
             {tab.type === 'settings' && <SettingsView />}
             {tab.type === 'teams' && <TeamListView />}
             {tab.type === 'team' && tab.teamName === SYSTEM_MANAGER_TEAM_NAME && (
               <TabUIProvider tabId={tab.id}>
-                <SystemManagerView isPaneFocused={isPaneFocused} />
+                <SystemManagerView isPaneFocused={isPaneFocused} isActive={isActive} />
               </TabUIProvider>
             )}
             {tab.type === 'team' && tab.teamName !== SYSTEM_MANAGER_TEAM_NAME && (