@yancyyu/openhermit 1.6.28 → 1.6.30

package/src/main/utils/shellEnv.ts

@@ -0,0 +1,331 @@
+/**
+ * Interactive shell environment resolver.
+ *
+ * Resolves the user's interactive shell environment (PATH, etc.) by spawning
+ * a login/interactive shell and reading its exported variables. The result is
+ * cached for the lifetime of the process.
+ *
+ * Extracted from TeamProvisioningService for reuse by ScheduledTaskExecutor
+ * and any other service that needs the user's shell environment.
+ */
+
+import { getHomeDir } from '@main/utils/pathDecoder';
+import { createLogger } from '@shared/utils/logger';
+import { spawn } from 'child_process';
+
+const logger = createLogger('Utils:shellEnv');
+
+const SHELL_ENV_TIMEOUT_MS = 12_000;
+const SHELL_ENV_BEST_EFFORT_TIMEOUT_MS = 5_000;
+const SHELL_ENV_FAILURE_COOLDOWN_MS = 60_000;
+
+let cachedInteractiveShellEnv: NodeJS.ProcessEnv | null = null;
+let shellEnvResolvePromise: Promise<NodeJS.ProcessEnv> | null = null;
+let shellEnvFailureCooldownUntil = 0;
+let lastShellEnvFailureMessage: string | null = null;
+
+export interface ShellEnvResolveProgress {
+  phase: string;
+  message: string;
+  source?: string;
+}
+
+export interface ShellEnvResolveOptions {
+  onProgress?: (progress: ShellEnvResolveProgress) => void;
+  /**
+   * Stable diagnostic label for the caller that initiated the shell probe.
+   * Keep this to a short feature/service id, not a filesystem path.
+   */
+  source?: string;
+}
+
+export interface ShellEnvBestEffortResolveOptions extends ShellEnvResolveOptions {
+  /**
+   * Max time to wait on the critical path before returning fallbackEnv.
+   * By default, the full shell resolve continues in the background and caches
+   * on success. Set background=false for hot paths that only want cached env
+   * or an immediate fallback.
+   */
+  timeoutMs?: number;
+  /**
+   * Whether a slow shell probe should continue in the background after the
+   * caller falls back. Disable this for startup/status hot paths where a
+   * delayed hard timeout would only create log noise and process pressure.
+   */
+  background?: boolean;
+  /**
+   * Returned when shell env is not ready quickly enough. This is intentionally
+   * not cached as a real shell env.
+   */
+  fallbackEnv?: NodeJS.ProcessEnv;
+}
+
+function emitProgress(
+  options: ShellEnvResolveOptions | undefined,
+  phase: string,
+  message: string
+): void {
+  const source = normalizeShellEnvSource(options?.source);
+  options?.onProgress?.(source ? { phase, message, source } : { phase, message });
+}
+
+function normalizeShellEnvSource(source: string | undefined): string | null {
+  const trimmed = source?.trim();
+  if (!trimmed) {
+    return null;
+  }
+  return trimmed.replace(/[^A-Za-z0-9_.:-]/g, '_').slice(0, 80);
+}
+
+function formatShellEnvSource(options: ShellEnvResolveOptions | undefined): string {
+  const source = normalizeShellEnvSource(options?.source);
+  return source ? ` source=${source}` : '';
+}
+
+function rememberShellEnvFailure(message: string): void {
+  lastShellEnvFailureMessage = message;
+  shellEnvFailureCooldownUntil = Date.now() + SHELL_ENV_FAILURE_COOLDOWN_MS;
+}
+
+function clearShellEnvFailure(): void {
+  lastShellEnvFailureMessage = null;
+  shellEnvFailureCooldownUntil = 0;
+}
+
+function parseNullSeparatedEnv(content: string): NodeJS.ProcessEnv {
+  const parsed: NodeJS.ProcessEnv = {};
+  const lines = content.split('\0');
+  for (const line of lines) {
+    if (!line) {
+      continue;
+    }
+    const separatorIndex = line.indexOf('=');
+    if (separatorIndex <= 0) {
+      continue;
+    }
+    const key = line.slice(0, separatorIndex);
+    const value = line.slice(separatorIndex + 1);
+    parsed[key] = value;
+  }
+  return parsed;
+}
+
+async function readShellEnv(shellPath: string, args: string[]): Promise<NodeJS.ProcessEnv> {
+  const envDump = await new Promise<string>((resolve, reject) => {
+    const child = spawn(shellPath, args, {
+      env: process.env,
+      stdio: ['ignore', 'pipe', 'ignore'],
+      windowsHide: true,
+    });
+    const chunks: Buffer[] = [];
+    let settled = false;
+    let timeoutHandle: NodeJS.Timeout | null = setTimeout(() => {
+      timeoutHandle = null;
+      child.kill();
+      // SIGKILL fallback if SIGTERM is ignored (e.g., shell stuck on .zshrc)
+      setTimeout(() => {
+        try {
+          child.kill('SIGKILL');
+        } catch {
+          /* already dead */
+        }
+      }, 3000);
+      if (!settled) {
+        settled = true;
+        reject(new Error('shell env resolve timeout'));
+      }
+    }, SHELL_ENV_TIMEOUT_MS);
+
+    child.stdout?.on('data', (chunk: Buffer) => {
+      chunks.push(chunk);
+    });
+    child.once('error', (error) => {
+      if (timeoutHandle) {
+        clearTimeout(timeoutHandle);
+        timeoutHandle = null;
+      }
+      if (!settled) {
+        settled = true;
+        reject(error);
+      }
+    });
+    child.once('close', (code: number | null, signal: NodeJS.Signals | null) => {
+      if (timeoutHandle) {
+        clearTimeout(timeoutHandle);
+      }
+      if (!settled) {
+        settled = true;
+        if (chunks.length === 0 && (code !== 0 || signal)) {
+          reject(
+            new Error(
+              signal
+                ? `shell env command exited with signal ${signal}`
+                : `shell env command exited with code ${code}`
+            )
+          );
+          return;
+        }
+        resolve(Buffer.concat(chunks).toString('utf8'));
+      }
+    });
+  });
+  return parseNullSeparatedEnv(envDump);
+}
+
+/**
+ * Resolve the user's interactive shell environment.
+ *
+ * Tries login shell first (`-lic`), falls back to interactive (`-ic`).
+ * On Windows returns empty object. Result is cached after first success.
+ */
+export async function resolveInteractiveShellEnv(
+  options: ShellEnvResolveOptions = {}
+): Promise<NodeJS.ProcessEnv> {
+  if (cachedInteractiveShellEnv) {
+    emitProgress(options, 'shell-env-cached', 'Using cached shell environment...');
+    return cachedInteractiveShellEnv;
+  }
+  if (shellEnvResolvePromise) {
+    emitProgress(options, 'shell-env-waiting', 'Waiting for shell environment...');
+    return shellEnvResolvePromise;
+  }
+  if (process.platform === 'win32') {
+    emitProgress(options, 'shell-env-skipped', 'Skipping shell environment on Windows...');
+    cachedInteractiveShellEnv = {};
+    return cachedInteractiveShellEnv;
+  }
+
+  shellEnvResolvePromise = (async () => {
+    const shellPath = process.env.SHELL || '/bin/zsh';
+    try {
+      emitProgress(options, 'shell-env-login', 'Reading login shell environment...');
+      const loginEnv = await readShellEnv(shellPath, ['-lic', 'env -0']);
+      cachedInteractiveShellEnv = loginEnv;
+      clearShellEnvFailure();
+      return loginEnv;
+    } catch (loginError) {
+      const loginMessage = loginError instanceof Error ? loginError.message : String(loginError);
+      try {
+        emitProgress(options, 'shell-env-interactive', 'Trying interactive shell environment...');
+        const interactiveEnv = await readShellEnv(shellPath, ['-ic', 'env -0']);
+        cachedInteractiveShellEnv = interactiveEnv;
+        clearShellEnvFailure();
+        return interactiveEnv;
+      } catch (interactiveError) {
+        const interactiveMessage =
+          interactiveError instanceof Error ? interactiveError.message : String(interactiveError);
+        logger.warn(
+          `Failed to resolve shell env after login and interactive probes${formatShellEnvSource(
+            options
+          )}: login=${loginMessage}; interactive=${interactiveMessage}`
+        );
+        rememberShellEnvFailure(interactiveMessage);
+        emitProgress(options, 'shell-env-fallback', 'Using current process environment...');
+        return {};
+      }
+    } finally {
+      shellEnvResolvePromise = null;
+    }
+  })();
+
+  return shellEnvResolvePromise;
+}
+
+/**
+ * Resolve shell env without making the caller wait for slow prompt/plugin init.
+ *
+ * This is deliberately additive: fallbackEnv is returned only to the current
+ * caller, never cached. A successful background resolve still populates the
+ * normal interactive-shell cache used by buildMergedCliPath/buildEnrichedEnv.
+ */
+export async function resolveInteractiveShellEnvBestEffort(
+  options: ShellEnvBestEffortResolveOptions = {}
+): Promise<NodeJS.ProcessEnv> {
+  if (cachedInteractiveShellEnv) {
+    emitProgress(options, 'shell-env-cached', 'Using cached shell environment...');
+    return cachedInteractiveShellEnv;
+  }
+
+  if (process.platform === 'win32') {
+    return resolveInteractiveShellEnv(options);
+  }
+
+  const fallbackEnv = options.fallbackEnv ?? {};
+  const timeoutMs = Math.max(0, options.timeoutMs ?? SHELL_ENV_BEST_EFFORT_TIMEOUT_MS);
+  const startedAt = Date.now();
+  if (options.background === false) {
+    emitProgress(options, 'shell-env-best-effort-fallback', 'Using fallback shell environment...');
+    return fallbackEnv;
+  }
+  if (!shellEnvResolvePromise && startedAt < shellEnvFailureCooldownUntil) {
+    const retryInMs = Math.max(0, shellEnvFailureCooldownUntil - startedAt);
+    emitProgress(
+      options,
+      'shell-env-failure-cooldown',
+      lastShellEnvFailureMessage
+        ? `Using fallback shell environment after recent failure: ${lastShellEnvFailureMessage}`
+        : `Using fallback shell environment for ${retryInMs}ms after recent failure...`
+    );
+    return fallbackEnv;
+  }
+
+  const resolvePromise = resolveInteractiveShellEnv(options);
+  if (timeoutMs === 0) {
+    emitProgress(options, 'shell-env-best-effort-fallback', 'Using fallback shell environment...');
+    return fallbackEnv;
+  }
+
+  let timeoutHandle: NodeJS.Timeout | null = null;
+  const fallbackPromise = new Promise<NodeJS.ProcessEnv>((resolve) => {
+    timeoutHandle = setTimeout(() => {
+      timeoutHandle = null;
+      emitProgress(
+        options,
+        'shell-env-best-effort-timeout',
+        'Shell environment is still resolving; using fallback for now...'
+      );
+      resolve(fallbackEnv);
+    }, timeoutMs);
+    timeoutHandle.unref?.();
+  });
+
+  try {
+    const resolvedEnv = await Promise.race([resolvePromise, fallbackPromise]);
+    if (!cachedInteractiveShellEnv && shellEnvFailureCooldownUntil > startedAt) {
+      return fallbackEnv;
+    }
+    return resolvedEnv;
+  } finally {
+    if (timeoutHandle) {
+      clearTimeout(timeoutHandle);
+    }
+  }
+}
+
+/**
+ * Clear the cached shell environment. Useful for testing.
+ */
+export function clearShellEnvCache(): void {
+  cachedInteractiveShellEnv = null;
+  shellEnvResolvePromise = null;
+  clearShellEnvFailure();
+}
+
+/**
+ * Return the cached shell environment synchronously, or null if not yet resolved.
+ *
+ * Use this when you need the shell env but cannot afford to wait for resolution
+ * (e.g. synchronous PATH enrichment with async pre-warming at startup).
+ */
+export function getCachedShellEnv(): NodeJS.ProcessEnv | null {
+  return cachedInteractiveShellEnv;
+}
+
+/**
+ * HOME from login/interactive shell when resolved, else Electron/Node home.
+ * Matches TeamProvisioningService so CLI reads the same ~/.claude as the terminal.
+ */
+export function getShellPreferredHome(): string {
+  const fromShell = getCachedShellEnv()?.HOME?.trim();
+  return fromShell || getHomeDir();
+}

package/src/renderer/App.tsx

@@ -52,6 +52,8 @@ function buildPathForTab(activeTab: Tab | null): string {
       return '/extensions';
     case 'schedules':
       return '/schedules';
+    case 'tasks':
+      return '/tasks';
     case 'dashboard':
       return '/dashboard';
     case 'session': {
@@ -149,6 +151,9 @@ function useTabPathPersistence() {
       case 'schedules':
         state.openSchedulesTab();
         break;
+      case 'tasks':
+        state.openTasksTab();
+        break;
       case 'dashboard':
         state.openDashboard();
         break;

package/src/renderer/api/httpClient.ts

@@ -99,6 +99,7 @@ import type {
   TeamAgentRuntimeSnapshot,
   CcSession,
   CcSessionDetail,
+  CollabTask,
 } from '@shared/types';
 
 import type {
@@ -1632,6 +1633,72 @@ export class HttpAPIClient implements ElectronAPI {
       this.get<CrossTeamMessage[]>(`/api/cross-team/outbox/${encodeURIComponent(teamName)}`),
   };
 
+  // Collaboration board API
+  collab = {
+    getBoard: () => this.get<{ tasks: CollabTask[] }>('/api/collab/board'),
+    getTask: (dispatchId: string) =>
+      this.get<{ task: CollabTask }>(`/api/collab/board/${encodeURIComponent(dispatchId)}`),
+    getEvents: (dispatchId: string) =>
+      this.get<{ events: import('@shared/types/team').CollabTaskEvent[] }>(
+        `/api/collab/board/${encodeURIComponent(dispatchId)}/events`
+      ),
+    accept: (teamSlug: string, dispatchId: string) =>
+      this.post<{ ok: boolean; taskId: string }>('/api/cross-team/accept', {
+        team_slug: teamSlug,
+        dispatch_id: dispatchId,
+      }),
+    reject: (teamSlug: string, dispatchId: string, reason?: string) =>
+      this.post<{ ok: boolean }>('/api/cross-team/reject', {
+        team_slug: teamSlug,
+        dispatch_id: dispatchId,
+        reason,
+      }),
+    deliver: (teamSlug: string, dispatchId: string, result: string) =>
+      this.post<{ ok: boolean }>('/api/cross-team/deliver', {
+        team_slug: teamSlug,
+        dispatch_id: dispatchId,
+        result,
+      }),
+    approve: (teamSlug: string, dispatchId: string) =>
+      this.post<{ ok: boolean }>('/api/cross-team/approve', {
+        team_slug: teamSlug,
+        dispatch_id: dispatchId,
+      }),
+    revision: (teamSlug: string, dispatchId: string, feedback: string) =>
+      this.post<{ ok: boolean }>('/api/cross-team/revision', {
+        team_slug: teamSlug,
+        dispatch_id: dispatchId,
+        feedback,
+      }),
+    dispatch: (
+      fromTeam: string,
+      toTeam: string,
+      subject: string,
+      opts?: {
+        description?: string;
+        deadlineMinutes?: number;
+        needsHumanReview?: boolean;
+        messageId?: string;
+        sessionKey?: string;
+      }
+    ) =>
+      this.post<{
+        ok: boolean;
+        dispatchId: string;
+        status: string;
+        message: string;
+      }>('/api/cross-team/send', {
+        fromTeam,
+        toTeam,
+        subject,
+        description: opts?.description,
+        deadlineMinutes: opts?.deadlineMinutes,
+        needsHumanReview: opts?.needsHumanReview,
+        messageId: opts?.messageId,
+        sessionKey: opts?.sessionKey,
+      }),
+  };
+
   // Review API
   review = {
     getAgentChanges: async (teamName: string, memberName: string) => {
@@ -2153,6 +2220,67 @@ export class HttpAPIClient implements ElectronAPI {
     },
   };
 
+  // ---------------------------------------------------------------------------
+  // Credentials (project env, MCP credentials)
+  // ---------------------------------------------------------------------------
+
+  credentials = {
+    getStatus: async () =>
+      this.get<{ encryption: string; storagePath: string } | null>(
+        '/api/extensions/credentials/status'
+      ),
+
+    getProjectEnv: async (projectPath: string) =>
+      this.get<Record<string, string>>(
+        `/api/extensions/credentials/project-env?projectPath=${encodeURIComponent(projectPath)}`
+      ),
+
+    saveProjectEnv: async (projectPath: string, vars: Record<string, string>): Promise<void> => {
+      await this.post('/api/extensions/credentials/project-env', { projectPath, vars });
+    },
+
+    scanRequired: async (
+      projectPath: string,
+      mcpServers: {
+        name: string;
+        envVars?: { name: string; isRequired: boolean; description?: string };
+      }[],
+      skillReqs: {
+        name: string;
+        envVars: { name: string; isRequired?: boolean; description?: string }[];
+      }[]
+    ) =>
+      this.post<{
+        required: {
+          name: string;
+          isRequired: boolean;
+          description?: string;
+          source: string;
+          value?: string;
+        }[];
+      }>('/api/extensions/credentials/scan-required', { projectPath, mcpServers, skillReqs }),
+
+    resolveAgentEnv: async (projectPath: string) =>
+      this.get<Record<string, string>>(
+        `/api/extensions/credentials/resolve-agent-env?projectPath=${encodeURIComponent(projectPath)}`
+      ),
+
+    getSkillGlobalEnv: async (skillFolderName: string) =>
+      this.get<Record<string, string>>(
+        `/api/extensions/credentials/skill-env?folderName=${encodeURIComponent(skillFolderName)}`
+      ),
+
+    saveSkillGlobalEnv: async (
+      skillFolderName: string,
+      vars: Record<string, string>
+    ): Promise<void> => {
+      await this.post('/api/extensions/credentials/skill-env', {
+        folderName: skillFolderName,
+        vars,
+      });
+    },
+  };
+
   // ---------------------------------------------------------------------------
   // Workspace (file system browsing)
   // ---------------------------------------------------------------------------

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

@@ -37,7 +37,6 @@ import {
 import { resolveProjectPathById } from '@renderer/utils/projectLookup';
 import { refreshCliStatusForCurrentMode } from '@renderer/utils/refreshCliStatus';
 import { getRuntimeDisplayName } from '@renderer/utils/runtimeDisplayName';
-import { getExtensionActionDisableReason } from '@shared/utils/extensionNormalizers';
 import { getCliProviderExtensionCapabilities } from '@shared/utils/providerExtensionCapabilities';
 import {
   AlertTriangle,
@@ -48,15 +47,20 @@ import {
   Puzzle,
   RefreshCw,
   Server,
+  Sliders,
 } from 'lucide-react';
 import { useShallow } from 'zustand/react/shallow';
 
 import { CustomMcpServerDialog } from './mcp/CustomMcpServerDialog';
+import { EnvVarPanel } from './env/EnvVarPanel';
 import { McpServersPanel } from './mcp/McpServersPanel';
+import { PluginsPanel } from './plugins/PluginsPanel';
 import { SkillsPanel } from './skills/SkillsPanel';
+import { StoreExtensionToast } from './common/ExtensionToast';
 import { ExtensionsSubTabTrigger } from './ExtensionsSubTabTrigger';
 
 import type { CliProviderId, CliProviderStatus } from '@shared/types';
+import type { ExtensionsSubTab } from '@renderer/hooks/useExtensionsTabState';
 
 const ProviderCapabilityCardSkeleton = ({
   providerId,
@@ -113,6 +117,12 @@ function isCodexSnapshotPending(
 }
 
 const EXTENSION_SUB_TABS = [
+  {
+    value: 'plugins' as const,
+    label: '插件',
+    icon: Puzzle,
+    description: 'Claude Code 私有扩展，增强运行时的能力与集成。',
+  },
   {
     value: 'mcp-servers' as const,
     label: 'MCP 服务器',
@@ -125,6 +135,12 @@ const EXTENSION_SUB_TABS = [
     icon: BookOpen,
     description: '面向常见任务的可复用指令，帮助运行时更稳定地处理重复工作。',
   },
+  {
+    value: 'env-vars' as const,
+    label: '环境变量',
+    icon: Sliders,
+    description: '管理运行时环境变量，启动 agent 时自动注入。',
+  },
 ] as const;
 
 export const ExtensionStoreView = (): React.JSX.Element => {
@@ -132,6 +148,7 @@ export const ExtensionStoreView = (): React.JSX.Element => {
   const {
     bootstrapCliStatus,
     fetchCliStatus,
+    fetchPluginCatalog,
     fetchSkillsCatalog,
     mcpBrowse,
     mcpFetchInstalled,
@@ -149,7 +166,9 @@ export const ExtensionStoreView = (): React.JSX.Element => {
     useShallow((s) => ({
       bootstrapCliStatus: s.bootstrapCliStatus,
       fetchCliStatus: s.fetchCliStatus,
+      fetchPluginCatalog: s.fetchPluginCatalog,
       fetchSkillsCatalog: s.fetchSkillsCatalog,
+      pluginCatalog: s.pluginCatalog,
       mcpBrowse: s.mcpBrowse,
       mcpFetchInstalled: s.mcpFetchInstalled,
       mcpBrowseLoading: s.mcpBrowseLoading,
@@ -239,6 +258,11 @@ export const ExtensionStoreView = (): React.JSX.Element => {
     void mcpFetchInstalled(projectPath ?? undefined);
   }, [mcpFetchInstalled, projectPath]);
 
+  // Fetch Plugin catalog on mount / project change
+  useEffect(() => {
+    void fetchPluginCatalog(projectPath ?? undefined);
+  }, [fetchPluginCatalog, projectPath]);
+
   // Fetch Skills catalog on mount / project change
   useEffect(() => {
     void fetchSkillsCatalog(projectPath ?? undefined);
@@ -265,16 +289,6 @@ export const ExtensionStoreView = (): React.JSX.Element => {
   ]);
 
   const isRefreshing = effectiveCliStatusLoading || mcpBrowseLoading || skillsLoading;
-  const mcpMutationDisableReason = useMemo(
-    () =>
-      getExtensionActionDisableReason({
-        isInstalled: false,
-        cliStatus: effectiveCliStatus,
-        cliStatusLoading: effectiveCliStatusLoading,
-        section: 'mcp',
-      }),
-    [effectiveCliStatus, effectiveCliStatusLoading]
-  );
   const cliStatusBanner = useMemo(() => {
     const providers = effectiveCliStatus?.providers ?? [];
     const visibleProviders = getVisibleMultimodelProviders(providers);
@@ -504,7 +518,7 @@ export const ExtensionStoreView = (): React.JSX.Element => {
             )}
             <Tabs
               value={tabState.activeSubTab}
-              onValueChange={(v) => tabState.setActiveSubTab(v as 'mcp-servers' | 'skills')}
+              onValueChange={(v) => tabState.setActiveSubTab(v as ExtensionsSubTab)}
             >
               <div className="-mx-6 flex items-end justify-between border-b border-border px-6">
                 <TabsList className="gap-1 rounded-b-none">
@@ -519,28 +533,37 @@ export const ExtensionStoreView = (): React.JSX.Element => {
                   ))}
                 </TabsList>
                 {tabState.activeSubTab === 'mcp-servers' && (
-                  <Tooltip>
-                    <TooltipTrigger asChild>
-                      <span tabIndex={mcpMutationDisableReason ? 0 : -1}>
-                        <Button
-                          variant="outline"
-                          size="sm"
-                          onClick={() => setCustomMcpDialogOpen(true)}
-                          className="mb-1 whitespace-nowrap"
-                          disabled={Boolean(mcpMutationDisableReason)}
-                        >
-                          <Plus className="mr-1 size-3.5" />
-                          添加自定义
-                        </Button>
-                      </span>
-                    </TooltipTrigger>
-                    {mcpMutationDisableReason && (
-                      <TooltipContent>{mcpMutationDisableReason}</TooltipContent>
-                    )}
-                  </Tooltip>
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    onClick={() => setCustomMcpDialogOpen(true)}
+                    className="mb-1 whitespace-nowrap"
+                  >
+                    <Plus className="mr-1 size-3.5" />
+                    添加自定义
+                  </Button>
                 )}
               </div>
 
+              <TabsContent value="plugins" className="mt-0 pt-4">
+                <PluginsPanel
+                  projectPath={projectPath}
+                  pluginFilters={tabState.pluginFilters}
+                  pluginSort={tabState.pluginSort}
+                  setPluginSort={tabState.setPluginSort}
+                  selectedPluginId={tabState.selectedPluginId}
+                  setSelectedPluginId={tabState.setSelectedPluginId}
+                  updatePluginSearch={tabState.updatePluginSearch}
+                  toggleCategory={tabState.toggleCategory}
+                  toggleCapability={tabState.toggleCapability}
+                  toggleInstalledOnly={tabState.toggleInstalledOnly}
+                  clearFilters={tabState.clearFilters}
+                  hasActiveFilters={tabState.hasActiveFilters}
+                  cliStatus={effectiveCliStatus}
+                  cliStatusLoading={effectiveCliStatusLoading}
+                />
+              </TabsContent>
+
               <TabsContent value="mcp-servers" className="mt-0 pt-4">
                 <McpServersPanel
                   projectPath={projectPath}
@@ -568,19 +591,21 @@ export const ExtensionStoreView = (): React.JSX.Element => {
                   setSelectedSkillId={tabState.setSelectedSkillId}
                 />
               </TabsContent>
+
+              <TabsContent value="env-vars" className="mt-0 pt-4">
+                <EnvVarPanel projectPath={projectPath} />
+              </TabsContent>
             </Tabs>
 
             {/* Custom MCP server dialog (lifted to store view level) */}
             <CustomMcpServerDialog
               open={customMcpDialogOpen}
               onClose={() => setCustomMcpDialogOpen(false)}
-              projectPath={projectPath}
-              cliStatus={effectiveCliStatus}
-              cliStatusLoading={effectiveCliStatusLoading}
             />
           </div>
         </div>
       </div>
+      <StoreExtensionToast />
     </TooltipProvider>
   );
 };

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

@@ -5,7 +5,7 @@ import { Info } from 'lucide-react';
 import type { LucideIcon } from 'lucide-react';
 
 interface ExtensionsSubTabTriggerProps {
-  value: 'mcp-servers' | 'skills';
+  value: 'plugins' | 'mcp-servers' | 'skills' | 'env-vars';
   label: string;
   description: string;
   icon: LucideIcon;