feat(dashboard): add shared resource controls

docs/dashboard-auth-cli.md

@@ -97,6 +97,10 @@ Shared resource editing:
 - accepts only `shared` or `profile-local`
 - rejects CLIProxy OAuth account keys for this route
 - reconciles the account instance after metadata is updated
+- Dashboard -> Accounts exposes this as a separate Resources action so it is not confused with History Sync.
+- Dashboard -> Shared Resources shows the shared hub inventory for commands, skills, agents, plugins, and `settings.json`.
+- Plugin directories without README/PLUGIN docs render their actual directory inventory.
+- Shared `settings.json` is read-only in the Shared Resources page and still edited through the settings surfaces that own those values.
 
 ## Commands
 

docs/project-roadmap.md

@@ -1,6 +1,6 @@
 # CCS Project Roadmap
 
-Last Updated: 2026-05-07
+Last Updated: 2026-05-09
 
 Forward-looking roadmap documenting current priorities, GitHub issues, and future feature plans.
 
@@ -41,6 +41,7 @@ All major modularization work is complete. The codebase evolved from monolithic
 
 ### Recent Fixes
 
+- **2026-05-09**: **#1199** Existing Claude auth accounts now have dashboard-visible Shared Resources controls separate from History Sync. Accounts exposes a dedicated Resources action for `shared` vs `profile-local`, `/shared` now inventories commands, skills, agents, plugins, and `settings.json`, plugin directories without docs show factual directory contents, and shared settings content is inspectable read-only through the localhost-gated shared-content API.
 - **2026-05-07**: **#760** Codex GPT fast mode is now a first-class CLIProxy model tuning suffix. CCS accepts `gpt-5.4-fast`, `gpt-5.4-high-fast`, and equivalent canonicalized forms in raw env configs, CLI variant creation, and the dashboard model picker; runtime requests now send the base upstream model with `reasoning.effort` plus `service_tier: "priority"` instead of leaking the suffixed alias to CLIProxy upstream routing.
 - **2026-05-07**: **#1103** GitHub Copilot is now treated as a deprecated compatibility bridge. The dashboard moves Copilot out of the active Identity & Access section and into Deprecated, quick setup no longer offers `ghcp` for new onboarding, CLI/help/config copy marks Copilot as deprecated, and existing `ccs copilot` / `ghcp` compatibility paths remain available for current setups.
 - **2026-05-07**: **#1189** Headless settings-profile delegation now preserves native Claude passthrough args without a Claude flag allowlist. Explicit `--channels` values reach Claude Code, future native flags can carry multiple adjacent values, malformed CCS-owned flags no longer swallow the next native flag, and `--prompt=<text>` routes through headless delegation consistently with `--prompt <text>`.

docs/session-sharing-technical-analysis.md

@@ -171,6 +171,13 @@ ccs auth resources work --mode profile-local
 ccs auth resources work --mode shared
 ```
 
+Dashboard:
+
+- Open `ccs config`
+- Go to `Accounts`
+- Use `Resources` to switch an existing account between `shared` and `profile-local`
+- Go to `Shared Resources` to inspect the shared commands, skills, agents, plugins, and `settings.json` hub
+
 No account recreation required for this workflow.
 
 ### Backup Before Changing Sync
@@ -191,7 +198,7 @@ ccs auth backup default
 - Shared context is local filesystem sharing. It does not bypass remote provider permission models.
 - Session continuity still depends on what the upstream tool/provider stores and allows.
 - Context sharing should only be enabled for accounts you intentionally trust to share workspace history.
-- Dashboard controls for existing-account Shared Resources are tracked separately; CLI/API support is the source of truth until that UI lands.
+- Shared Resources inspection is read-only in the dashboard. Editing individual files still belongs to the owning command, skill, plugin, or settings surface.
 
 ## Alternative: CLIProxy Claude Pool
 

src/web-server/shared-routes.ts

@@ -1,7 +1,7 @@
 /**
  * Shared Data Routes (Phase 07)
  *
- * API routes for commands, skills, agents from ~/.ccs/shared/
+ * API routes for commands, skills, agents, and plugins from ~/.ccs/shared/
  */
 
 import { Router, Request, Response } from 'express';
@@ -33,13 +33,14 @@ const MAX_MARKDOWN_FILE_BYTES = 1024 * 1024; // 1 MiB
 const MAX_CONTENT_FILE_BYTES = 2 * 1024 * 1024; // 2 MiB
 const SHARED_ITEMS_CACHE_TTL_MS = 1000;
 
-type SharedCollectionType = 'commands' | 'skills' | 'agents';
+type SharedCollectionType = 'commands' | 'skills' | 'agents' | 'plugins';
+type SharedContentType = SharedCollectionType | 'settings';
 
 interface SharedItem {
   name: string;
   description: string;
   path: string;
-  type: 'command' | 'skill' | 'agent';
+  type: 'command' | 'skill' | 'agent' | 'plugin';
 }
 
 interface SharedItemsCacheEntry {
@@ -75,13 +76,21 @@ sharedRoutes.get('/agents', (_req: Request, res: Response) => {
 });
 
 /**
- * GET /api/shared/content?type=commands|skills|agents&path=<item-path>
+ * GET /api/shared/plugins
+ */
+sharedRoutes.get('/plugins', (_req: Request, res: Response) => {
+  const items = getSharedItems('plugins');
+  res.json({ items });
+});
+
+/**
+ * GET /api/shared/content?type=commands|skills|agents|plugins|settings&path=<item-path>
  */
 sharedRoutes.get('/content', (req: Request, res: Response) => {
   const typeParam = req.query.type;
   const itemPathParam = req.query.path;
 
-  if (!isSharedCollectionType(typeParam)) {
+  if (!isSharedContentType(typeParam)) {
     res.status(400).json({ error: 'Invalid or missing type parameter' });
     return;
   }
@@ -91,14 +100,18 @@ sharedRoutes.get('/content', (req: Request, res: Response) => {
   }
 
   const ccsDir = getCcsDir();
-  const sharedDir = path.join(ccsDir, 'shared', typeParam);
+  const sharedDir =
+    typeParam === 'settings' ? path.join(ccsDir, 'shared') : path.join(ccsDir, 'shared', typeParam);
   if (!fs.existsSync(sharedDir)) {
     res.status(404).json({ error: 'Shared directory not found' });
     return;
   }
 
   const sharedDirRoot = safeRealPath(sharedDir) ?? path.resolve(sharedDir);
-  const allowedRoots = resolveAllowedRoots(typeParam, ccsDir, sharedDirRoot);
+  const allowedRoots =
+    typeParam === 'settings'
+      ? new Set<string>([sharedDirRoot])
+      : resolveAllowedRoots(typeParam, ccsDir, sharedDirRoot);
   const contentResult = getSharedItemContent(typeParam, itemPathParam, allowedRoots);
 
   if (!contentResult) {
@@ -116,18 +129,34 @@ sharedRoutes.get('/summary', (_req: Request, res: Response) => {
   const commands = getSharedItems('commands').length;
   const skills = getSharedItems('skills').length;
   const agents = getSharedItems('agents').length;
+  const plugins = getSharedItems('plugins').length;
+
+  const ccsDir = getCcsDir();
+  const settingsPath = path.join(ccsDir, 'shared', 'settings.json');
+  const sharedDirRoot = safeRealPath(path.join(ccsDir, 'shared'));
+  const resolvedSettingsPath = safeRealPath(settingsPath);
+  const hasSettings =
+    Boolean(sharedDirRoot) &&
+    Boolean(resolvedSettingsPath) &&
+    isPathWithin(resolvedSettingsPath as string, sharedDirRoot as string);
 
   res.json({
     commands,
     skills,
     agents,
-    total: commands + skills + agents,
+    plugins,
+    settings: hasSettings,
+    total: commands + skills + agents + plugins + (hasSettings ? 1 : 0),
     symlinkStatus: checkSymlinkStatus(),
   });
 });
 
 function isSharedCollectionType(value: unknown): value is SharedCollectionType {
-  return value === 'commands' || value === 'skills' || value === 'agents';
+  return value === 'commands' || value === 'skills' || value === 'agents' || value === 'plugins';
+}
+
+function isSharedContentType(value: unknown): value is SharedContentType {
+  return isSharedCollectionType(value) || value === 'settings';
 }
 
 function resolveAllowedRoots(
@@ -135,7 +164,7 @@ function resolveAllowedRoots(
   ccsDir: string,
   sharedDirRoot: string
 ): Set<string> {
-  if (type === 'commands') {
+  if (type === 'commands' || type === 'plugins') {
     return new Set<string>([sharedDirRoot]);
   }
 
@@ -250,13 +279,35 @@ function getCommandItems(sharedDir: string, allowedRoots: Set<string>): SharedIt
 }
 
 function getSkillOrAgentItem(
-  type: 'skills' | 'agents',
+  type: 'skills' | 'agents' | 'plugins',
   entry: fs.Dirent,
   entryPath: string,
   resolvedEntryPath: string,
   allowedRoots: Set<string>,
   stats: fs.Stats
 ): SharedItem | null {
+  if (type === 'plugins') {
+    if (!stats.isDirectory()) {
+      return null;
+    }
+
+    const description = readFirstMarkdownDescription(
+      [
+        path.join(resolvedEntryPath, 'README.md'),
+        path.join(resolvedEntryPath, 'readme.md'),
+        path.join(resolvedEntryPath, 'PLUGIN.md'),
+      ],
+      allowedRoots
+    );
+
+    return {
+      name: entry.name,
+      description: description ?? getDirectoryInventoryDescription(resolvedEntryPath, allowedRoots),
+      path: entryPath,
+      type: 'plugin',
+    };
+  }
+
   if (type === 'skills') {
     if (!stats.isDirectory()) {
       return null;
@@ -529,10 +580,14 @@ function resolveReadableMarkdownPath(
 }
 
 function getSharedItemContent(
-  type: SharedCollectionType,
+  type: SharedContentType,
   itemPath: string,
   allowedRoots: Set<string>
 ): { content: string; contentPath: string } | null {
+  if (type === 'settings') {
+    return getSharedSettingsContent(itemPath, allowedRoots);
+  }
+
   const resolvedItemPath = safeRealPath(itemPath);
   if (!resolvedItemPath || !isPathWithinAny(resolvedItemPath, allowedRoots)) {
     return null;
@@ -559,6 +614,26 @@ function getSharedItemContent(
       [path.join(resolvedItemPath, 'SKILL.md')],
       allowedRoots
     );
+  } else if (type === 'plugins') {
+    if (!itemStats.isDirectory()) {
+      return null;
+    }
+
+    markdownPath = resolveReadableMarkdownPath(
+      [
+        path.join(resolvedItemPath, 'README.md'),
+        path.join(resolvedItemPath, 'readme.md'),
+        path.join(resolvedItemPath, 'PLUGIN.md'),
+      ],
+      allowedRoots
+    );
+
+    if (!markdownPath) {
+      return {
+        content: renderPluginDirectoryContent(itemPath, resolvedItemPath, allowedRoots),
+        contentPath: resolvedItemPath,
+      };
+    }
   } else {
     if (itemStats.isDirectory()) {
       markdownPath = resolveReadableMarkdownPath(
@@ -597,6 +672,102 @@ function safeRealPath(targetPath: string): string | null {
   }
 }
 
+function getSharedSettingsContent(
+  itemPath: string,
+  allowedRoots: Set<string>
+): { content: string; contentPath: string } | null {
+  if (path.basename(itemPath) !== 'settings.json') {
+    return null;
+  }
+
+  const sharedRoot = Array.from(allowedRoots)[0];
+  if (!sharedRoot) {
+    return null;
+  }
+
+  const settingsPath = path.join(sharedRoot, 'settings.json');
+  const resolvedSettingsPath = safeRealPath(settingsPath);
+  if (!resolvedSettingsPath || !isPathWithinAny(resolvedSettingsPath, allowedRoots)) {
+    return null;
+  }
+
+  let stats: fs.Stats;
+  try {
+    stats = fs.statSync(resolvedSettingsPath);
+  } catch {
+    return null;
+  }
+
+  if (!stats.isFile() || stats.size > MAX_CONTENT_FILE_BYTES) {
+    return null;
+  }
+
+  try {
+    const rawContent = fs.readFileSync(resolvedSettingsPath, 'utf8');
+    const parsed = JSON.parse(rawContent) as unknown;
+    return {
+      content: JSON.stringify(parsed, null, 2),
+      contentPath: resolvedSettingsPath,
+    };
+  } catch {
+    const content = readMarkdownContent(resolvedSettingsPath, allowedRoots);
+    return content
+      ? {
+          content,
+          contentPath: resolvedSettingsPath,
+        }
+      : null;
+  }
+}
+
+function getDirectoryInventoryDescription(
+  directoryPath: string,
+  allowedRoots: Set<string>
+): string {
+  const entries = listDirectoryEntryNames(directoryPath, allowedRoots);
+  if (entries.length === 0) {
+    return 'Empty directory';
+  }
+
+  return trimDescription(
+    `Directory with ${entries.length} ${entries.length === 1 ? 'item' : 'items'}: ${entries.join(', ')}`
+  );
+}
+
+function renderPluginDirectoryContent(
+  displayPath: string,
+  resolvedPath: string,
+  allowedRoots: Set<string>
+): string {
+  const name = path.basename(displayPath);
+  const lines = [`# Plugin directory: ${name}`, '', `Path: \`${displayPath}\``];
+
+  const entries = listDirectoryEntryNames(resolvedPath, allowedRoots);
+  if (entries.length > 0) {
+    lines.push('', '## Directory contents', '', ...entries.map((entry) => `- ${entry}`));
+  } else {
+    lines.push('', 'No files or folders found in this plugin directory.');
+  }
+
+  return lines.join('\n');
+}
+
+function listDirectoryEntryNames(directoryPath: string, allowedRoots: Set<string>): string[] {
+  if (!isPathWithinAny(directoryPath, allowedRoots)) {
+    return [];
+  }
+
+  try {
+    return fs
+      .readdirSync(directoryPath, { withFileTypes: true })
+      .slice(0, 50)
+      .map((entry) => `${entry.name}${entry.isDirectory() ? '/' : ''}`)
+      .sort((a, b) => a.localeCompare(b));
+  } catch {
+    return [];
+  }
+}
+
 function isPathWithin(candidatePath: string, basePath: string): boolean {
   const normalizedCandidate = normalizeForPathComparison(candidatePath);
   const normalizedBase = normalizeForPathComparison(basePath);

tests/unit/web-server/shared-routes.test.ts

@@ -285,6 +285,98 @@ describe('web-server shared-routes', () => {
     expect(payload.contentPath).toBe(fs.realpathSync(path.join(skillTargetDir, 'SKILL.md')));
   });
 
+  it('returns factual directory content for a shared plugin directory without markdown', async () => {
+    const pluginsDir = path.join(ccsDir, 'shared', 'plugins');
+    const cacheDir = path.join(pluginsDir, 'cache');
+    fs.mkdirSync(path.join(cacheDir, 'payloads'), { recursive: true });
+    fs.writeFileSync(path.join(cacheDir, 'plugin-index.json'), '{}');
+
+    const listPayload = await getJson<{
+      items: Array<{ name: string; type: string; description: string; path: string }>;
+    }>(baseUrl, '/api/shared/plugins');
+
+    expect(listPayload.items).toEqual([
+      {
+        name: 'cache',
+        type: 'plugin',
+        description: 'Directory with 2 items: payloads/, plugin-index.json',
+        path: cacheDir,
+      },
+    ]);
+
+    const contentPayload = await getJson<{ content: string; contentPath: string }>(
+      baseUrl,
+      `/api/shared/content?type=plugins&path=${encodeURIComponent(cacheDir)}`
+    );
+
+    expect(contentPayload.content).toContain('# Plugin directory: cache');
+    expect(contentPayload.content).toContain('plugin-index.json');
+    expect(contentPayload.content).toContain('payloads/');
+    expect(contentPayload.content).not.toContain('Shared plugin payload cache');
+    expect(contentPayload.contentPath).toBe(fs.realpathSync(cacheDir));
+  });
+
+  it('returns real shared settings content when settings.json is present', async () => {
+    const settingsPath = path.join(ccsDir, 'shared', 'settings.json');
+    fs.writeFileSync(
+      settingsPath,
+      JSON.stringify(
+        {
+          env: { ANTHROPIC_MODEL: 'claude-sonnet-4-5' },
+          permissions: { allow: ['Bash(git status)'] },
+        },
+        null,
+        2
+      )
+    );
+
+    const summaryPayload = await getJson<{ settings: boolean; total: number }>(
+      baseUrl,
+      '/api/shared/summary'
+    );
+    expect(summaryPayload.settings).toBe(true);
+    expect(summaryPayload.total).toBe(1);
+
+    const contentPayload = await getJson<{ content: string; contentPath: string }>(
+      baseUrl,
+      `/api/shared/content?type=settings&path=${encodeURIComponent('settings.json')}`
+    );
+
+    expect(contentPayload.content).toContain('"ANTHROPIC_MODEL": "claude-sonnet-4-5"');
+    expect(contentPayload.content).toContain('"allow"');
+    expect(contentPayload.contentPath).toBe(fs.realpathSync(settingsPath));
+  });
+
+  it('rejects shared settings content when settings.json resolves outside the shared directory', async () => {
+    const settingsPath = path.join(ccsDir, 'shared', 'settings.json');
+    const outsideSettingsPath = path.join(tempHome, 'outside-settings.json');
+    fs.writeFileSync(outsideSettingsPath, '{"env":{"SECRET":"do-not-read"}}');
+    createFileSymlink(outsideSettingsPath, settingsPath);
+
+    const response = await fetch(
+      `${baseUrl}/api/shared/content?type=settings&path=${encodeURIComponent('settings.json')}`
+    );
+
+    expect(response.status).toBe(404);
+    const payload = (await response.json()) as { error: string };
+    expect(payload.error).toBe('Shared content not found');
+  });
+
+  it('returns README content for a shared plugin directory when available', async () => {
+    const pluginsDir = path.join(ccsDir, 'shared', 'plugins');
+    const pluginDir = path.join(pluginsDir, 'marketplaces');
+    fs.mkdirSync(pluginDir, { recursive: true });
+    fs.writeFileSync(path.join(pluginDir, 'README.md'), '# Plugin Marketplace\n\nShared docs');
+
+    const payload = await getJson<{ content: string; contentPath: string }>(
+      baseUrl,
+      `/api/shared/content?type=plugins&path=${encodeURIComponent(pluginDir)}`
+    );
+
+    expect(payload.content).toContain('Shared docs');
+    expect(payload.contentPath).toBe(fs.realpathSync(path.join(pluginDir, 'README.md')));
+  });
+
   it('does not use markdown frontmatter fences as descriptions when frontmatter is malformed', async () => {
     const commandsDir = path.join(ccsDir, 'shared', 'commands');
     fs.mkdirSync(commandsDir, { recursive: true });

ui/src/components/account/accounts-table.tsx

@@ -25,9 +25,11 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
-import { Check, CheckCheck, Pencil, RotateCcw, Trash2 } from 'lucide-react';
+import { Box, Check, CheckCheck, Pencil, RotateCcw, Trash2 } from 'lucide-react';
+import { cn } from '@/lib/utils';
 import { useTranslation } from 'react-i18next';
 import { EditAccountContextDialog } from '@/components/account/edit-account-context-dialog';
+import { EditAccountSharedResourcesDialog } from '@/components/account/edit-account-shared-resources-dialog';
 import {
   useSetDefaultAccount,
   useDeleteAccount,
@@ -57,6 +59,7 @@ export function AccountsTable({
   const updateContextMutation = useUpdateAccountContext();
   const [deleteTarget, setDeleteTarget] = useState<string | null>(null);
   const [contextTarget, setContextTarget] = useState<AuthAccountRow | null>(null);
+  const [resourcesTarget, setResourcesTarget] = useState<AuthAccountRow | null>(null);
 
   const columns: ColumnDef<AuthAccountRow>[] = [
     {
@@ -164,6 +167,42 @@ export function AccountsTable({
         );
       },
     },
+    {
+      id: 'resources',
+      header: t('accountsTable.sharedResources'),
+      size: 150,
+      cell: ({ row }) => {
+        if (row.original.type === 'cliproxy') {
+          return <span className="text-muted-foreground/50">-</span>;
+        }
+
+        const mode = row.original.shared_resource_mode || 'shared';
+        const isInferred = row.original.shared_resource_inferred;
+
+        return (
+          <div className="flex flex-col items-start gap-1">
+            <Badge
+              variant={mode === 'shared' ? 'outline' : 'secondary'}
+              className={cn(
+                'font-mono text-[10px] uppercase px-1.5 py-0',
+                mode === 'shared'
+                  ? 'text-emerald-700 border-emerald-300/60 bg-emerald-50/50 dark:text-emerald-300 dark:border-emerald-900/40 dark:bg-emerald-900/20'
+                  : 'text-muted-foreground bg-muted/60 border-transparent shadow-none'
+              )}
+            >
+              {mode === 'shared'
+                ? t('accountsTable.resourcesShared')
+                : t('accountsTable.resourcesProfileLocal')}
+            </Badge>
+            {isInferred && (
+              <p className="text-[10px] text-amber-700/80 dark:text-amber-400/80 whitespace-nowrap">
+                {t('accountsTable.legacyReview')}
+              </p>
+            )}
+          </div>
+        );
+      },
+    },
     {
       id: 'actions',
       header: t('accountsTable.actions'),
@@ -193,6 +232,19 @@ export function AccountsTable({
                 {t('accountsTable.sync')}
               </Button>
             )}
+            {!isCliproxy && (
+              <Button
+                variant="outline"
+                size="sm"
+                className="h-8 px-2"
+                disabled={isPending}
+                onClick={() => setResourcesTarget(row.original)}
+                title={t('accountsTable.resourcesTitle')}
+              >
+                <Box className="w-3.5 h-3.5 mr-1" />
+                {t('accountsTable.sharedResources')}
+              </Button>
+            )}
             {!isCliproxy && hasLegacyInference && (
               <Button
                 variant="ghost"
@@ -275,12 +327,13 @@ export function AccountsTable({
                   {headerGroup.headers.map((header) => {
                     const widthClass =
                       {
-                        name: 'w-[200px]',
+                        name: 'w-[180px]',
-                        type: 'w-[100px]',
+                        type: 'w-[80px]',
-                        created: 'w-[150px]',
+                        created: 'w-[120px]',
-                        last_used: 'w-[150px]',
+                        last_used: 'w-[120px]',
-                        context: 'w-[170px]',
+                        context: 'w-[150px]',
-                        actions: 'w-[290px]',
+                        resources: 'w-[120px]',
+                        actions: 'w-[320px]',
                       }[header.id] || 'w-auto';
 
                     return (
@@ -333,6 +386,13 @@ export function AccountsTable({
         />
       )}
 
+      {resourcesTarget && (
+        <EditAccountSharedResourcesDialog
+          account={resourcesTarget}
+          onClose={() => setResourcesTarget(null)}
+        />
+      )}
+
       {/* Delete confirmation dialog */}
       <AlertDialog open={!!deleteTarget} onOpenChange={(open) => !open && setDeleteTarget(null)}>
         <AlertDialogContent>

ui/src/components/account/edit-account-shared-resources-dialog.tsx

@@ -0,0 +1,149 @@
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { useUpdateAccountSharedResources } from '@/hooks/use-accounts';
+import type { AuthAccountRow } from '@/lib/account-continuity';
+import { AlertCircle, Box, ShieldCheck } from 'lucide-react';
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
+
+interface EditAccountSharedResourcesDialogProps {
+  account: AuthAccountRow;
+  onClose: () => void;
+}
+
+export function EditAccountSharedResourcesDialog({
+  account,
+  onClose,
+}: EditAccountSharedResourcesDialogProps) {
+  const { t } = useTranslation();
+  const updateMutation = useUpdateAccountSharedResources();
+
+  const [resourceMode, setResourceMode] = useState<'shared' | 'profile-local'>(
+    account.shared_resource_mode || 'shared'
+  );
+
+  const handleSave = () => {
+    updateMutation.mutate(
+      {
+        name: account.name,
+        shared_resource_mode: resourceMode,
+      },
+      {
+        onSuccess: () => {
+          onClose();
+        },
+      }
+    );
+  };
+
+  return (
+    <Dialog open onOpenChange={onClose}>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>{t('editAccountSharedResources.title')}</DialogTitle>
+          <DialogDescription>
+            {t('editAccountSharedResources.description', { name: account.name })}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="grid gap-4 py-4">
+          <div className="grid gap-2">
+            <Label htmlFor="resource-mode">{t('editAccountSharedResources.resourceMode')}</Label>
+            <Select
+              value={resourceMode}
+              onValueChange={(val) => setResourceMode(val as 'shared' | 'profile-local')}
+            >
+              <SelectTrigger id="resource-mode" className="w-full">
+                <SelectValue placeholder={t('editAccountSharedResources.selectResourceMode')} />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="shared">
+                  <div className="flex flex-col items-start py-1">
+                    <span className="font-medium text-sm">
+                      {t('editAccountSharedResources.sharedOption')}
+                    </span>
+                    <span className="text-[11px] text-muted-foreground">
+                      {t('editAccountSharedResources.sharedHint')}
+                    </span>
+                  </div>
+                </SelectItem>
+                <SelectItem value="profile-local">
+                  <div className="flex flex-col items-start py-1">
+                    <span className="font-medium text-sm">
+                      {t('editAccountSharedResources.profileLocalOption')}
+                    </span>
+                    <span className="text-[11px] text-muted-foreground">
+                      {t('editAccountSharedResources.profileLocalHint')}
+                    </span>
+                  </div>
+                </SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div className="space-y-3">
+            <p className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
+              {t('editAccountSharedResources.implicationTitle')}
+            </p>
+
+            {resourceMode === 'shared' ? (
+              <Alert className="border-emerald-500/20 bg-emerald-500/5">
+                <Box className="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
+                <AlertTitle className="text-xs font-semibold text-emerald-800 dark:text-emerald-300">
+                  {t('editAccountSharedResources.sharedOption')}
+                </AlertTitle>
+                <AlertDescription className="text-xs text-emerald-700/80 dark:text-emerald-400/80">
+                  {t('editAccountSharedResources.sharedImplication')}
+                </AlertDescription>
+              </Alert>
+            ) : (
+              <Alert className="border-amber-500/20 bg-amber-500/5">
+                <ShieldCheck className="h-4 w-4 text-amber-600 dark:text-amber-400" />
+                <AlertTitle className="text-xs font-semibold text-amber-800 dark:text-amber-300">
+                  {t('editAccountSharedResources.profileLocalOption')}
+                </AlertTitle>
+                <AlertDescription className="text-xs text-amber-700/80 dark:text-amber-400/80">
+                  {t('editAccountSharedResources.profileLocalImplication')}
+                </AlertDescription>
+              </Alert>
+            )}
+          </div>
+
+          {account.shared_resource_inferred && (
+            <div className="flex items-start gap-2 rounded-md bg-muted/50 p-3">
+              <AlertCircle className="h-4 w-4 mt-0.5 text-muted-foreground shrink-0" />
+              <p className="text-[11px] text-muted-foreground">{t('accountsTable.legacyReview')}</p>
+            </div>
+          )}
+        </div>
+
+        <DialogFooter>
+          <Button variant="outline" onClick={onClose}>
+            {t('editAccountSharedResources.cancel')}
+          </Button>
+          <Button onClick={handleSave} disabled={updateMutation.isPending}>
+            {updateMutation.isPending
+              ? t('editAccountSharedResources.saving')
+              : t('editAccountSharedResources.save')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

ui/src/hooks/use-accounts.ts

@@ -208,3 +208,28 @@ export function useConfirmLegacyAccountPolicies() {
     },
   });
 }
+export function useUpdateAccountSharedResources() {
+  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  return useMutation({
+    mutationFn: ({
+      name,
+      shared_resource_mode,
+    }: {
+      name: string;
+      shared_resource_mode: 'shared' | 'profile-local';
+    }) => api.accounts.updateSharedResources(name, { shared_resource_mode }),
+    onSuccess: (_data, vars) => {
+      queryClient.invalidateQueries({ queryKey: ['accounts'] });
+      const resourceSummary =
+        vars.shared_resource_mode === 'shared'
+          ? t('accountsPage.resourcesShared')
+          : t('accountsPage.resourcesProfileLocal');
+      toast.success(t('toasts.resourcesUpdated', { name: vars.name, summary: resourceSummary }));
+    },
+    onError: (error: Error) => {
+      toast.error(error.message);
+    },
+  });
+}

ui/src/hooks/use-shared.ts

@@ -4,13 +4,17 @@ export interface SharedItem {
   name: string;
   description: string;
   path: string;
-  type: 'command' | 'skill' | 'agent';
+  type: 'command' | 'skill' | 'agent' | 'plugin';
 }
 
-interface SharedSummary {
+export type SharedResourceTab = 'commands' | 'skills' | 'agents' | 'plugins' | 'settings';
+
+export interface SharedSummary {
   commands: number;
   skills: number;
   agents: number;
+  plugins: number;
+  settings: boolean;
   total: number;
   symlinkStatus: { valid: boolean; message: string };
 }
@@ -99,20 +103,22 @@ export function useSharedSummary() {
   });
 }
 
-export function useSharedItems(type: 'commands' | 'skills' | 'agents') {
+export function useSharedItems(type: SharedResourceTab) {
   return useQuery<{ items: SharedItem[] }>({
     queryKey: ['shared', type],
+    enabled: type !== 'settings',
     queryFn: async () => {
+      if (type === 'settings') {
+        return { items: [] };
+      }
+
       const res = await fetch(`/api/shared/${type}`);
       return readJsonOrThrow<{ items: SharedItem[] }>(res, `Failed to fetch shared ${type}`);
     },
   });
 }
 
-export function useSharedItemContent(
+export function useSharedItemContent(type: SharedResourceTab, itemPath: string | null) {
-  type: 'commands' | 'skills' | 'agents',
-  itemPath: string | null
-) {
   return useQuery<SharedItemContent>({
     queryKey: ['shared', type, 'content', itemPath],
     enabled: typeof itemPath === 'string' && itemPath.length > 0,

ui/src/lib/api-client.ts

@@ -934,10 +934,16 @@ export interface Account {
   continuity_mode?: 'standard' | 'deeper';
   context_inferred?: boolean;
   continuity_inferred?: boolean;
+  shared_resource_mode?: 'shared' | 'profile-local';
+  shared_resource_inferred?: boolean;
   provider?: string;
   displayName?: string;
 }
 
+export interface UpdateAccountSharedResources {
+  shared_resource_mode: 'shared' | 'profile-local';
+}
+
 export interface PlainCcsLane {
   kind: 'native' | 'account-default' | 'account-inherited' | 'profile-default' | 'ambient';
   label: string;
@@ -1459,6 +1465,11 @@ export const api = {
         method: 'PUT',
         body: JSON.stringify(data),
       }),
+    updateSharedResources: (name: string, data: UpdateAccountSharedResources) =>
+      request(`/accounts/${encodeURIComponent(name)}/shared-resources`, {
+        method: 'PUT',
+        body: JSON.stringify(data),
+      }),
   },
   // Unified config API
   config: {

ui/src/lib/i18n.ts

@@ -28,7 +28,7 @@ const resources = {
         claudeExtension: 'Claude Extension',
         accounts: 'Accounts',
         allAccounts: 'All Accounts',
-        sharedData: 'Shared Data',
+        sharedData: 'Shared Resources',
         compatibleClis: 'Compatible',
         deprecated: 'Deprecated',
         factoryDroid: 'Factory Droid',
@@ -96,6 +96,7 @@ const resources = {
         settingsSaved: 'Settings saved',
         defaultTargetUpdated: 'Default target updated',
         failedUpdateDefaultTarget: 'Failed to update default target to {{target}}{{suffix}}',
+        resourcesUpdated: 'Shared resources updated',
       },
       profileDialog: {
         editTitle: 'Edit Profile',
@@ -675,8 +676,10 @@ const resources = {
         created: 'Created',
         lastUsed: 'Last Used',
         historySync: 'History Sync',
+        sharedResources: 'Resources',
         actions: 'Actions',
         syncTitle: 'Edit sync mode, group, and continuity depth',
+        resourcesTitle: 'Edit shared resource inheritance',
         confirmLegacyTitle: "Confirm this legacy account's current mode as explicit",
         sync: 'Sync',
         confirm: 'Confirm',
@@ -696,6 +699,8 @@ const resources = {
         sharedGroupLegacy: 'shared ({{group}}, projects only, legacy)',
         isolatedLegacy: 'isolated (legacy default)',
         isolated: 'isolated',
+        resourcesShared: 'shared',
+        resourcesProfileLocal: 'profile-local',
         noSameGroupPeer: 'No same-group peer yet',
         sameGroupPeerCount_one: '{{count}} same-group peer',
         sameGroupPeerCount_other: '{{count}} same-group peers',
@@ -706,6 +711,7 @@ const resources = {
           deeper: 'Deeper',
           legacy: 'Legacy',
           isolated: 'Isolated',
+          profileLocal: 'Local',
         },
       },
       addAccountDialog: {
@@ -1196,6 +1202,9 @@ const resources = {
         quickCommandsDesc: 'Copy and run in terminal.',
         workspaceBadge: 'ccs auth Workspace',
         historySyncBadge: 'History & Resume Controls',
+        resourcesBadge: 'Shared Resources Controls',
+        resourcesShared: 'Shared',
+        resourcesProfileLocal: 'Profile Local',
         authAccounts: 'Auth Accounts',
         tableScopePrefix: 'This table is intentionally scoped to',
         tableScopeMiddle: 'accounts. Use',
@@ -1494,9 +1503,11 @@ const resources = {
         commands: 'Commands',
         skills: 'Skills',
         agents: 'Agents',
-        title: 'Shared Data',
+        plugins: 'Plugins',
-        subtitle: 'Commands, skills, and agents shared across Claude instances',
+        settings: 'Settings',
-        totalShared: 'Total Shared',
+        title: 'Shared Resources',
+        subtitle: 'Commands, skills, agents, and configuration shared across accounts',
+        totalShared: 'Total Resources',
         visible: 'Visible',
         markdownDetail: 'Markdown detail view',
         filterPrefix: 'Filter:',
@@ -1517,9 +1528,41 @@ const resources = {
         pathLabel: 'Path',
         resolvedSource: 'Resolved Source',
         loadingMarkdown: 'Loading markdown content...',
+        loadingSettings: 'Loading settings content...',
         failedLoadContent: 'Failed to load content',
         retryContent: 'Retry content',
         noMarkdown: 'No markdown content available.',
+        settingsTitle: 'settings.json',
+        settingsDescription:
+          'This file contains shared settings that are linked across all shared-mode accounts.',
+        settingsPath: 'Shared Settings Path',
+        settingsActive: 'Active',
+        settingsInactive: 'Not Found',
+        resourcePolicies: 'Resource policies',
+        resourcePoliciesDescription:
+          'Accounts marked shared inherit this hub. Profile-local accounts keep separate commands, skills, agents, plugins, and settings.',
+        sharedAccounts: '{{count}} shared',
+        profileLocalAccounts: '{{count}} profile-local',
+        moreProfileLocalAccounts: '+{{count}} more',
+      },
+      editAccountSharedResources: {
+        title: 'Edit Shared Resources',
+        description:
+          'Configure how "{{name}}" inherits commands, skills, and settings from the CCS shared directory.',
+        resourceMode: 'Resource Mode',
+        selectResourceMode: 'Select resource mode',
+        sharedOption: 'Shared',
+        sharedHint: 'Inherits commands, skills, and agents from the shared directory.',
+        profileLocalOption: 'Profile Local',
+        profileLocalHint: "Uses isolated resources in the account's private directory.",
+        implicationTitle: 'What this means',
+        sharedImplication:
+          'This account will see all tools and configuration in the shared resource hub.',
+        profileLocalImplication:
+          'This account will not see shared tools. It stays fully isolated for security or testing.',
+        cancel: 'Cancel',
+        save: 'Save',
+        saving: 'Saving...',
       },
 
       // ========================================
@@ -4033,8 +4076,10 @@ const resources = {
         commands: '命令',
         skills: '技能',
         agents: '代理',
-        title: '共享数据',
+        plugins: '插件',
-        subtitle: '在 Claude 实例间共享的命令、技能和代理',
+        settings: '设置',
+        title: '共享资源',
+        subtitle: '在账号之间共享的命令、技能、代理、插件和配置',
         totalShared: '共享总数',
         visible: '可见',
         markdownDetail: 'Markdown 详情视图',
@@ -4055,9 +4100,21 @@ const resources = {
         pathLabel: '路径',
         resolvedSource: '解析后来源',
         loadingMarkdown: '正在加载 Markdown 内容...',
+        loadingSettings: '正在加载设置内容...',
         failedLoadContent: '加载内容失败',
         retryContent: '重试内容加载',
         noMarkdown: '暂无 Markdown 内容。',
+        settingsTitle: 'settings.json',
+        settingsDescription: '此文件包含所有 shared 模式账号链接使用的共享设置。',
+        settingsPath: '共享设置路径',
+        settingsActive: '已启用',
+        settingsInactive: '未找到',
+        resourcePolicies: '资源策略',
+        resourcePoliciesDescription:
+          '标记为 shared 的账号继承此中心。profile-local 账号保留单独的命令、技能、代理、插件和设置。',
+        sharedAccounts: '{{count}} 个 shared',
+        profileLocalAccounts: '{{count}} 个 profile-local',
+        moreProfileLocalAccounts: '+{{count}} 个更多',
       },
       heroSection: {
         title: 'CCS Config',
@@ -6623,8 +6680,10 @@ const resources = {
         commands: 'Lệnh',
         skills: 'Kỹ năng',
         agents: 'Agent',
-        title: 'Dữ liệu dùng chung',
+        plugins: 'Plugin',
-        subtitle: 'Các lệnh, kỹ năng và agent được chia sẻ giữa các phiên Claude',
+        settings: 'Cài đặt',
+        title: 'Tài nguyên dùng chung',
+        subtitle: 'Lệnh, kỹ năng, agent, plugin và cấu hình được chia sẻ giữa các tài khoản',
         totalShared: 'Tổng số mục dùng chung',
         visible: 'Hiển thị',
         markdownDetail: 'Chế độ xem chi tiết Markdown',
@@ -6646,9 +6705,22 @@ const resources = {
         pathLabel: 'Đường dẫn',
         resolvedSource: 'Nguồn đã giải quyết',
         loadingMarkdown: 'Đang tải nội dung Markdown...',
+        loadingSettings: 'Đang tải nội dung cài đặt...',
         failedLoadContent: 'Không tải được nội dung',
         retryContent: 'Thử lại nội dung',
         noMarkdown: 'Không có nội dung Markdown khả dụng.',
+        settingsTitle: 'settings.json',
+        settingsDescription:
+          'Tệp này chứa cài đặt dùng chung được liên kết qua mọi tài khoản ở chế độ shared.',
+        settingsPath: 'Đường dẫn cài đặt dùng chung',
+        settingsActive: 'Đang hoạt động',
+        settingsInactive: 'Không tìm thấy',
+        resourcePolicies: 'Chính sách tài nguyên',
+        resourcePoliciesDescription:
+          'Tài khoản shared kế thừa hub này. Tài khoản profile-local giữ lệnh, kỹ năng, agent, plugin và cài đặt riêng.',
+        sharedAccounts: '{{count}} shared',
+        profileLocalAccounts: '{{count}} profile-local',
+        moreProfileLocalAccounts: '+{{count}} khác',
       },
       heroSection: {
         title: 'CCS Config',
@@ -9238,8 +9310,10 @@ const resources = {
         commands: 'コマンド',
         skills: 'スキル',
         agents: 'エージェント',
-        title: '共有データ',
+        plugins: 'プラグイン',
-        subtitle: 'Claudeインスタンス間で共有されるコマンド、スキル、エージェント',
+        settings: '設定',
+        title: '共有リソース',
+        subtitle: 'アカウント間で共有されるコマンド、スキル、エージェント、プラグイン、設定',
         totalShared: '共有数',
         visible: '表示中',
         markdownDetail: 'Markdown詳細ビュー',
@@ -9261,9 +9335,22 @@ const resources = {
         pathLabel: 'パス',
         resolvedSource: '解決後ソース',
         loadingMarkdown: 'Markdownコンテンツを読み込み中...',
+        loadingSettings: '設定内容を読み込み中...',
         failedLoadContent: 'コンテンツの読み込みに失敗しました',
         retryContent: '再読み込み',
         noMarkdown: 'Markdownコンテンツはありません。',
+        settingsTitle: 'settings.json',
+        settingsDescription:
+          'このファイルには shared モードの全アカウントにリンクされる共有設定が含まれます。',
+        settingsPath: '共有設定パス',
+        settingsActive: '有効',
+        settingsInactive: '未検出',
+        resourcePolicies: 'リソースポリシー',
+        resourcePoliciesDescription:
+          'shared のアカウントはこのハブを継承します。profile-local のアカウントはコマンド、スキル、エージェント、プラグイン、設定を分離します。',
+        sharedAccounts: '{{count}} shared',
+        profileLocalAccounts: '{{count}} profile-local',
+        moreProfileLocalAccounts: '+{{count}} 件',
       },
 
       accountCardStats: {

ui/src/pages/accounts.tsx

@@ -176,6 +176,7 @@ export function AccountsPage() {
             <div className="flex items-center gap-2">
               <Badge variant="outline">{t('accountsPage.workspaceBadge')}</Badge>
               <Badge variant="secondary">{t('accountsPage.historySyncBadge')}</Badge>
+              <Badge variant="secondary">{t('accountsPage.resourcesBadge')}</Badge>
             </div>
             <h2 className="mt-2 text-xl font-semibold tracking-tight">
               {t('accountsPage.authAccounts')}

ui/src/pages/shared.tsx

@@ -6,6 +6,8 @@ import { Card, CardContent } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { CodeEditor } from '@/components/shared/code-editor';
+import { useAccounts } from '@/hooks/use-accounts';
 import { useSharedItemContent, useSharedItems, useSharedSummary } from '@/hooks/use-shared';
 import { cn } from '@/lib/utils';
 import '@/lib/i18n';
@@ -14,6 +16,8 @@ import {
   AlertCircle,
   AlertTriangle,
   Bot,
+  Box,
+  FileJson,
   FileText,
   FolderOpen,
   RefreshCw,
@@ -21,7 +25,7 @@ import {
   Sparkles,
 } from 'lucide-react';
 
-type TabType = 'commands' | 'skills' | 'agents';
+type TabType = 'commands' | 'skills' | 'agents' | 'plugins' | 'settings';
 
 export function SharedPage() {
   const { t } = useTranslation();
@@ -30,6 +34,8 @@ export function SharedPage() {
     commands: t('sharedPage.commands'),
     skills: t('sharedPage.skills'),
     agents: t('sharedPage.agents'),
+    plugins: t('sharedPage.plugins'),
+    settings: t('sharedPage.settings'),
   };
 
   const [query, setQuery] = useState('');
@@ -41,6 +47,7 @@ export function SharedPage() {
     error: summaryError,
     refetch: refetchSummary,
   } = useSharedSummary();
+  const { data: accountsView } = useAccounts();
   const { data: items, isLoading, isFetching, isError, error, refetch } = useSharedItems(tab);
   const allItems = items?.items ?? [];
   const normalizedQuery = query.trim().toLowerCase();
@@ -71,23 +78,43 @@ export function SharedPage() {
     return filteredItems.find((item) => item.path === selectedItemPath) ?? filteredItems[0];
   }, [filteredItems, selectedItemPath]);
 
+  const contentPath =
+    tab === 'settings' && summary?.settings ? 'settings.json' : (selectedItem?.path ?? null);
   const {
     data: selectedItemContent,
     isLoading: isContentLoading,
     isError: isContentError,
     error: contentError,
     refetch: refetchContent,
-  } = useSharedItemContent(tab, selectedItem?.path ?? null);
+  } = useSharedItemContent(tab, contentPath);
 
-  const tabs: { id: TabType; label: string; icon: typeof FileText; count: number }[] = [
+  const tabs: { id: TabType; label: string; icon: typeof FileText; count: number | string }[] = [
     { id: 'commands', label: tabLabels.commands, icon: FileText, count: summary?.commands ?? 0 },
     { id: 'skills', label: tabLabels.skills, icon: Sparkles, count: summary?.skills ?? 0 },
     { id: 'agents', label: tabLabels.agents, icon: Bot, count: summary?.agents ?? 0 },
+    { id: 'plugins', label: tabLabels.plugins, icon: Box, count: summary?.plugins ?? 0 },
+    {
+      id: 'settings',
+      label: tabLabels.settings,
+      icon: FileJson,
+      count: summary?.settings ? 1 : 0,
+    },
   ];
-  const totalSharedItems = tabs.reduce((sum, tabOption) => sum + tabOption.count, 0);
+  const totalSharedItems = summary?.total ?? 0;
+  const settingsCount = summary?.settings ? 1 : 0;
+  const currentItemCount = tab === 'settings' ? settingsCount : allItems.length;
+  const currentVisibleCount = tab === 'settings' ? settingsCount : filteredItems.length;
+  const showListStatus = tab === 'settings' || (!isLoading && !isError);
 
   const hasNoItems = !isLoading && !isError && allItems.length === 0;
   const hasNoMatches = !isLoading && !isError && allItems.length > 0 && filteredItems.length === 0;
+  const sharedResourceAccounts =
+    accountsView?.accounts.filter(
+      (account) => (account.shared_resource_mode || 'shared') === 'shared'
+    ) ?? [];
+  const profileLocalResourceAccounts =
+    accountsView?.accounts.filter((account) => account.shared_resource_mode === 'profile-local') ??
+    [];
 
   // TODO i18n: missing key for "Shared item totals could not be loaded. Listing still works."
   const summaryErrorMessage = getSharedErrorMessage(
@@ -104,7 +131,7 @@ export function SharedPage() {
   );
 
   return (
-    <div className="h-full overflow-hidden flex flex-col">
+    <div className="h-full overflow-auto lg:overflow-hidden flex flex-col">
       <div className="p-6 pb-4 space-y-3">
         <div className="flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between">
           <div className="space-y-3">
@@ -136,8 +163,8 @@ export function SharedPage() {
           <div className="flex flex-col gap-2 lg:items-end">
             <div className="grid w-full gap-2 sm:w-auto sm:min-w-[340px] sm:grid-cols-3">
               <HeaderMetricCard label={t('sharedPage.totalShared')} value={totalSharedItems} />
-              <HeaderMetricCard label={tabLabels[tab]} value={allItems.length} />
+              <HeaderMetricCard label={tabLabels[tab]} value={currentItemCount} />
-              <HeaderMetricCard label={t('sharedPage.visible')} value={filteredItems.length} />
+              <HeaderMetricCard label={t('sharedPage.visible')} value={currentVisibleCount} />
             </div>
 
             <div className="flex items-center gap-2 text-xs">
@@ -183,21 +210,29 @@ export function SharedPage() {
             </AlertDescription>
           </Alert>
         )}
+
+        {accountsView ? (
+          <ResourcePoliciesPanel
+            sharedCount={sharedResourceAccounts.length}
+            profileLocalCount={profileLocalResourceAccounts.length}
+            profileLocalNames={profileLocalResourceAccounts.map((account) => account.name)}
+          />
+        ) : null}
       </div>
 
-      <div className="flex-1 min-h-0 px-6 pb-6">
+      <div className="px-6 pb-6 lg:flex-1 lg:min-h-0">
-        <div className="h-full rounded-lg border overflow-hidden bg-background">
+        <div className="rounded-lg border overflow-hidden bg-background lg:h-full">
-          <div className="grid h-full min-h-0 lg:grid-cols-[320px_minmax(0,1fr)]">
+          <div className="grid lg:h-full lg:min-h-0 lg:grid-cols-[320px_minmax(0,1fr)]">
-            <div className="min-h-0 border-b lg:border-b-0 lg:border-r flex flex-col bg-muted/30">
+            <div className="border-b lg:border-b-0 lg:border-r flex flex-col bg-muted/30 lg:min-h-0">
               <div className="p-4 border-b bg-background space-y-3">
                 <div className="flex items-center justify-between gap-2">
                   <div className="flex items-center gap-2 min-w-0">
                     <FolderOpen className="w-4 h-4 text-primary shrink-0" />
                     <h2 className="font-semibold truncate">{tabLabels[tab]}</h2>
                   </div>
-                  {!isLoading && !isError && (
+                  {showListStatus && (
                     <Badge variant="outline" className="text-[10px] h-5">
-                      {filteredItems.length}/{allItems.length}
+                      {currentVisibleCount}/{currentItemCount}
                     </Badge>
                   )}
                 </div>
@@ -213,11 +248,11 @@ export function SharedPage() {
                   />
                 </div>
 
-                {!isLoading && !isError && (
+                {showListStatus && (
                   <p className="text-xs text-muted-foreground">
                     {t('sharedPage.showing', {
-                      visible: filteredItems.length,
+                      visible: currentVisibleCount,
-                      total: allItems.length,
+                      total: currentItemCount,
                       tab,
                     })}
                     {activeQuery ? t('sharedPage.showingQuery', { query: activeQuery }) : ''}
@@ -226,8 +261,35 @@ export function SharedPage() {
                 )}
               </div>
 
-              <ScrollArea className="flex-1 min-h-0">
+              <ScrollArea className="max-h-[360px] lg:max-h-none lg:flex-1 lg:min-h-0">
-                {isLoading ? (
+                {tab === 'settings' ? (
+                  <div className="p-2 space-y-1">
+                    <button
+                      type="button"
+                      onClick={() => setSelectedItemPath('settings.json')}
+                      className={cn(
+                        'w-full text-left p-3 rounded-md border transition-colors',
+                        summary?.settings
+                          ? 'bg-primary/10 border-primary/30'
+                          : 'bg-background hover:bg-muted border-transparent opacity-50'
+                      )}
+                      disabled={!summary?.settings}
+                    >
+                      <p className="text-sm font-medium truncate">settings.json</p>
+                      <p className="text-xs text-muted-foreground mt-1 line-clamp-2">
+                        {t('sharedPage.settingsDescription')}
+                      </p>
+                      <Badge
+                        variant={summary?.settings ? 'default' : 'secondary'}
+                        className="mt-2 text-[10px]"
+                      >
+                        {summary?.settings
+                          ? t('sharedPage.settingsActive')
+                          : t('sharedPage.settingsInactive')}
+                      </Badge>
+                    </button>
+                  </div>
+                ) : isLoading ? (
                   <div className="p-4 text-sm text-muted-foreground">
                     {t('sharedPage.loadingShared', { tab })}
                   </div>
@@ -289,12 +351,94 @@ export function SharedPage() {
               </ScrollArea>
             </div>
 
-            <div className="min-w-0 min-h-0 flex flex-col bg-muted/20">
+            <div className="min-w-0 min-h-[360px] flex flex-col bg-muted/20 lg:min-h-0">
-              {!selectedItem ? (
+              {!selectedItem && tab !== 'settings' ? (
                 <div className="min-h-[320px] flex items-center justify-center p-6 text-center text-muted-foreground">
                   {t('sharedPage.selectOne', { tab: tab.slice(0, -1) })}
                 </div>
-              ) : (
+              ) : tab === 'settings' ? (
+                <>
+                  <div className="px-4 py-3 border-b bg-background">
+                    <div className="flex items-center gap-2">
+                      <h2 className="text-base font-semibold truncate">settings.json</h2>
+                      <Badge variant="outline" className="uppercase text-[10px]">
+                        {t('sharedPage.settings')}
+                      </Badge>
+                    </div>
+                  </div>
+
+                  <div className="p-4 space-y-4 min-h-0 flex-1 flex flex-col">
+                    <div className="rounded-md border bg-muted/35 p-3">
+                      <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
+                        <MetadataField
+                          label={t('sharedPage.settingsTitle')}
+                          value={t('sharedPage.settingsDescription')}
+                        />
+                        {selectedItemContent?.contentPath ? (
+                          <MetadataField
+                            label={t('sharedPage.resolvedSource')}
+                            value={selectedItemContent.contentPath}
+                            mono
+                          />
+                        ) : null}
+                      </div>
+                    </div>
+
+                    <Card className="min-h-0 flex-1">
+                      <CardContent className="p-0 h-full">
+                        <ScrollArea className="h-full px-5 py-4">
+                          {!summary?.settings ? (
+                            <div className="min-h-[260px] flex flex-col items-center justify-center text-center">
+                              <FileJson className="w-12 h-12 text-muted-foreground/40 mb-4" />
+                              <h3 className="text-lg font-semibold">
+                                {t('sharedPage.settingsTitle')}
+                              </h3>
+                              <p className="text-sm text-muted-foreground max-w-md mt-2">
+                                {t('sharedPage.settingsDescription')}
+                              </p>
+                              <div className="mt-6 p-3 rounded-md bg-muted/50 border font-mono text-xs">
+                                {t('sharedPage.settingsInactive')}
+                              </div>
+                            </div>
+                          ) : isContentLoading ? (
+                            <p className="text-sm text-muted-foreground">
+                              {t('sharedPage.loadingSettings')}
+                            </p>
+                          ) : isContentError ? (
+                            <Alert variant="destructive" className="max-w-2xl">
+                              <AlertTriangle className="h-4 w-4" />
+                              <AlertTitle>{t('sharedPage.failedLoadContent')}</AlertTitle>
+                              <AlertDescription>
+                                <p>{contentErrorMessage}</p>
+                                <div className="mt-3">
+                                  <Button
+                                    size="sm"
+                                    variant="outline"
+                                    onClick={() => {
+                                      void refetchContent();
+                                    }}
+                                  >
+                                    <RefreshCw className="w-4 h-4 mr-2" />
+                                    {t('sharedPage.retryContent')}
+                                  </Button>
+                                </div>
+                              </AlertDescription>
+                            </Alert>
+                          ) : (
+                            <CodeEditor
+                              value={selectedItemContent?.content ?? ''}
+                              onChange={() => {}}
+                              language="json"
+                              readonly
+                              minHeight="320px"
+                            />
+                          )}
+                        </ScrollArea>
+                      </CardContent>
+                    </Card>
+                  </div>
+                </>
+              ) : selectedItem ? (
                 <>
                   <div className="px-4 py-3 border-b bg-background">
                     <div className="flex items-center gap-2">
@@ -359,7 +503,7 @@ export function SharedPage() {
                     </Card>
                   </div>
                 </>
-              )}
+              ) : null}
             </div>
           </div>
         </div>
@@ -368,6 +512,58 @@ export function SharedPage() {
   );
 }
 
+function ResourcePoliciesPanel({
+  sharedCount,
+  profileLocalCount,
+  profileLocalNames,
+}: {
+  sharedCount: number;
+  profileLocalCount: number;
+  profileLocalNames: string[];
+}) {
+  const { t } = useTranslation();
+  const displayedProfileLocalNames = profileLocalNames.slice(0, 4);
+  const hiddenProfileLocalCount = Math.max(
+    profileLocalNames.length - displayedProfileLocalNames.length,
+    0
+  );
+
+  return (
+    <div className="rounded-md border bg-muted/25 px-4 py-3">
+      <div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
+        <div className="min-w-0">
+          <p className="text-sm font-semibold">{t('sharedPage.resourcePolicies')}</p>
+          <p className="text-xs text-muted-foreground mt-1">
+            {t('sharedPage.resourcePoliciesDescription')}
+          </p>
+        </div>
+
+        <div className="flex flex-wrap items-center gap-2">
+          <Badge
+            variant="outline"
+            className="border-emerald-300/60 bg-emerald-50/50 text-emerald-700 dark:border-emerald-900/40 dark:bg-emerald-900/20 dark:text-emerald-300"
+          >
+            {t('sharedPage.sharedAccounts', { count: sharedCount })}
+          </Badge>
+          <Badge variant="secondary">
+            {t('sharedPage.profileLocalAccounts', { count: profileLocalCount })}
+          </Badge>
+          {displayedProfileLocalNames.map((name) => (
+            <Badge key={name} variant="outline" className="font-mono text-[10px]">
+              {name}
+            </Badge>
+          ))}
+          {hiddenProfileLocalCount > 0 ? (
+            <Badge variant="outline" className="text-[10px]">
+              {t('sharedPage.moreProfileLocalAccounts', { count: hiddenProfileLocalCount })}
+            </Badge>
+          ) : null}
+        </div>
+      </div>
+    </div>
+  );
+}
+
 function HeaderMetricCard({ label, value }: { label: string; value: number }) {
   return (
     <div className="rounded-md border bg-muted/30 px-3 py-2">

ui/tests/unit/ui/pages/shared/shared-page.test.tsx

@@ -21,6 +21,29 @@ function requestUrl(input: RequestInfo | URL): string {
   return input.url;
 }
 
+function accountsResponse() {
+  return jsonResponse({
+    default: 'work',
+    plain_ccs_lane: null,
+    accounts: [
+      {
+        name: 'work',
+        type: 'oauth',
+        created: '2026-05-01T00:00:00.000Z',
+        context_mode: 'isolated',
+        shared_resource_mode: 'shared',
+      },
+      {
+        name: 'sandbox',
+        type: 'oauth',
+        created: '2026-05-02T00:00:00.000Z',
+        context_mode: 'isolated',
+        shared_resource_mode: 'profile-local',
+      },
+    ],
+  });
+}
+
 describe('SharedPage', () => {
   const fetchMock = vi.fn<typeof fetch>();
 
@@ -41,10 +64,15 @@ describe('SharedPage', () => {
           commands: 0,
           skills: 0,
           agents: 0,
+          plugins: 0,
+          settings: false,
           total: 0,
           symlinkStatus: { valid: true, message: 'Symlinks active' },
         });
       }
+      if (url.endsWith('/api/accounts')) {
+        return accountsResponse();
+      }
       if (url.endsWith('/api/shared/commands')) {
         return jsonResponse({ error: 'Backend unavailable' }, 500);
       }
@@ -67,10 +95,15 @@ describe('SharedPage', () => {
           commands: 1,
           skills: 0,
           agents: 0,
+          plugins: 0,
+          settings: false,
           total: 1,
           symlinkStatus: { valid: true, message: 'Symlinks active' },
         });
       }
+      if (url.endsWith('/api/accounts')) {
+        return accountsResponse();
+      }
       if (url.endsWith('/api/shared/commands')) {
         return jsonResponse({
           items: [
@@ -109,6 +142,115 @@ describe('SharedPage', () => {
     expect(await screen.findByText('No commands match "no-match".')).toBeInTheDocument();
   });
 
+  it('loads plugin directory content and renders real settings content', async () => {
+    fetchMock.mockImplementation(async (input) => {
+      const url = requestUrl(input);
+      if (url.endsWith('/api/shared/summary')) {
+        return jsonResponse({
+          commands: 0,
+          skills: 0,
+          agents: 0,
+          plugins: 1,
+          settings: true,
+          total: 2,
+          symlinkStatus: { valid: true, message: 'Symlinks active' },
+        });
+      }
+      if (url.endsWith('/api/accounts')) {
+        return accountsResponse();
+      }
+      if (url.endsWith('/api/shared/commands')) {
+        return jsonResponse({ items: [] });
+      }
+      if (url.endsWith('/api/shared/plugins')) {
+        return jsonResponse({
+          items: [
+            {
+              name: 'cache',
+              description: 'Directory with 2 items: payloads/, plugin-index.json',
+              path: '/tmp/plugins/cache',
+              type: 'plugin',
+            },
+          ],
+        });
+      }
+      if (url.includes('/api/shared/content?') && url.includes('type=plugins')) {
+        return jsonResponse({
+          content:
+            '# Plugin directory: cache\n\n## Directory contents\n\n- payloads/\n- plugin-index.json',
+          contentPath: '/tmp/plugins/cache',
+        });
+      }
+      if (url.includes('/api/shared/content?') && url.includes('type=settings')) {
+        return jsonResponse({
+          content:
+            '{\n  "env": {\n    "ANTHROPIC_MODEL": "claude-sonnet-4-5"\n  },\n  "permissions": {\n    "allow": [\n      "Bash(git status)"\n    ]\n  }\n}',
+          contentPath: '/tmp/.ccs/shared/settings.json',
+        });
+      }
+
+      return jsonResponse({ error: `Unexpected request: ${url}` }, 404);
+    });
+
+    render(<SharedPage />);
+
+    await userEvent.click(await screen.findByRole('tab', { name: /Plugins/ }));
+
+    expect(
+      await screen.findByText('Directory with 2 items: payloads/, plugin-index.json')
+    ).toBeInTheDocument();
+    expect(await screen.findByText('plugin-index.json')).toBeInTheDocument();
+
+    await userEvent.click(screen.getByRole('tab', { name: /Settings/ }));
+
+    expect(await screen.findByText('Showing 1 of 1 settings')).toBeInTheDocument();
+    expect(
+      await screen.findByText((content) =>
+        content.includes('"ANTHROPIC_MODEL": "claude-sonnet-4-5"')
+      )
+    ).toBeInTheDocument();
+    expect(screen.getByText('/tmp/.ccs/shared/settings.json')).toBeInTheDocument();
+
+    const requestedUrls = fetchMock.mock.calls.map(([input]) => requestUrl(input));
+    expect(
+      requestedUrls.some(
+        (url) => url.includes('/api/shared/content?') && url.includes('type=settings')
+      )
+    ).toBe(true);
+  });
+
+  it('shows account resource policy context on the shared hub', async () => {
+    fetchMock.mockImplementation(async (input) => {
+      const url = requestUrl(input);
+      if (url.endsWith('/api/shared/summary')) {
+        return jsonResponse({
+          commands: 0,
+          skills: 0,
+          agents: 0,
+          plugins: 0,
+          settings: false,
+          total: 0,
+          symlinkStatus: { valid: true, message: 'Symlinks active' },
+        });
+      }
+      if (url.endsWith('/api/accounts')) {
+        return accountsResponse();
+      }
+      if (url.endsWith('/api/shared/commands')) {
+        return jsonResponse({ items: [] });
+      }
+
+      return jsonResponse({ items: [] });
+    });
+
+    render(<SharedPage />);
+
+    expect(await screen.findByText('Resource policies')).toBeInTheDocument();
+    expect(screen.getByText('1 shared')).toBeInTheDocument();
+    expect(screen.getByText('1 profile-local')).toBeInTheDocument();
+    expect(screen.getByText('sandbox')).toBeInTheDocument();
+  });
+
   it('shows offline guidance when network request fails', async () => {
     fetchMock.mockImplementation(async (input) => {
       const url = requestUrl(input);