@shepai/cli 1.55.3 → 1.57.0

package/dist/src/presentation/web/components/features/tools/tool-card.d.ts

@@ -0,0 +1,8 @@
+import type { ToolItem } from '../../../../../../packages/core/src/application/use-cases/tools/list-tools.use-case.js';
+export interface ToolCardProps {
+    tool: ToolItem;
+    onRefresh?: () => Promise<void>;
+    className?: string;
+}
+export declare function ToolCard({ tool, onRefresh, className }: ToolCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tool-card.d.ts.map

package/dist/src/presentation/web/components/features/tools/tool-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/tools/tool-card.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8DAA8D,CAAC;AAE7F,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,aAAa,2CA2JrE"}

package/dist/src/presentation/web/components/features/tools/tool-card.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useTransition } from 'react';
+import { ExternalLink, Loader2, Rocket, Download, Monitor, Terminal, GitBranch, CircleX, Check, Package, } from 'lucide-react';
+import { Button } from '../../ui/button.js';
+import { cn } from '../../../lib/utils.js';
+import { InstallInstructions } from './install-instructions.js';
+const TAG_CONFIG = {
+    ide: { label: 'IDE', icon: Monitor },
+    'cli-agent': { label: 'CLI Agent', icon: Terminal },
+    vcs: { label: 'VCS', icon: GitBranch },
+};
+export function ToolCard({ tool, onRefresh, className }) {
+    const [installDrawerOpen, setInstallDrawerOpen] = useState(false);
+    const [isPending, startTransition] = useTransition();
+    const isInstalled = tool.status.status === 'available';
+    const isError = tool.status.status === 'error';
+    const canLaunch = isInstalled && Boolean(tool.openDirectory);
+    function handleLaunch() {
+        startTransition(async () => {
+            await fetch(`/api/tools/${tool.id}/launch`, { method: 'POST' });
+        });
+    }
+    function handleAutoInstall() {
+        startTransition(async () => {
+            const res = await fetch(`/api/tools/${tool.id}/install`, { method: 'POST' });
+            if (res.ok && onRefresh) {
+                await onRefresh();
+            }
+        });
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "tool-card", className: cn('bg-card group flex h-30 w-full flex-col rounded-lg border p-3 shadow-sm transition-shadow hover:shadow-md', className), children: [_jsxs("div", { className: "mb-2 flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [tool.iconUrl ? (
+                                    /* eslint-disable-next-line @next/next/no-img-element */
+                                    _jsx("img", { src: tool.iconUrl, alt: "", width: 20, height: 20, className: "shrink-0 dark:invert" })) : (_jsx(Package, { className: "text-muted-foreground h-5 w-5 shrink-0" })), _jsx("h3", { "data-testid": "tool-card-name", className: "truncate text-sm font-bold", children: tool.name })] }), _jsx("div", { "data-testid": "tool-card-tags", className: "flex shrink-0 items-center gap-1", children: tool.tags.map((tag) => {
+                                    const config = TAG_CONFIG[tag] ?? { label: tag, icon: Monitor };
+                                    const TagIcon = config.icon;
+                                    return (_jsxs("span", { className: "bg-muted text-muted-foreground inline-flex items-center gap-0.5 rounded px-1.5 py-0.5 text-[10px] font-medium", children: [_jsx(TagIcon, { className: "h-2.5 w-2.5" }), config.label] }, tag));
+                                }) })] }), _jsx("p", { "data-testid": "tool-card-summary", className: "text-muted-foreground mt-1 truncate text-xs", children: tool.summary }), _jsxs("div", { className: "mt-auto flex items-center justify-between pt-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [isError && tool.status.status === 'error' ? (_jsxs("span", { className: "flex items-center gap-1 truncate text-[10px] text-red-600 dark:text-red-400", title: tool.status.errorMessage, children: [_jsx(CircleX, { className: "h-3 w-3 shrink-0" }), tool.status.errorMessage ?? 'Error'] })) : isInstalled ? (_jsxs("span", { className: "flex items-center gap-1 text-[11px] text-emerald-600 dark:text-emerald-400", children: [_jsx(Check, { className: "h-3 w-3" }), "Installed"] })) : (_jsx("span", { className: "text-muted-foreground text-[10px]", children: "Not installed" })), tool.required ? (_jsx("span", { className: "text-muted-foreground text-[10px] italic", children: "Required" })) : null] }), isInstalled && canLaunch ? (_jsxs(Button, { size: "sm", variant: "ghost", onClick: handleLaunch, disabled: isPending, "aria-label": `Launch ${tool.name}`, "data-testid": "tool-card-launch-button", className: "hover:bg-primary hover:text-primary-foreground h-7 cursor-pointer rounded-md px-3 text-xs", children: [isPending ? (_jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" })) : (_jsx(Rocket, { className: "mr-1 h-3 w-3" })), "Launch"] })) : !isInstalled && !isError && tool.autoInstall ? (_jsxs(Button, { size: "sm", onClick: handleAutoInstall, disabled: isPending, "aria-label": `Install ${tool.name}`, "data-testid": "tool-card-install-button", className: "h-7 cursor-pointer rounded-md px-3 text-xs", children: [isPending ? (_jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" })) : (_jsx(Download, { className: "mr-1 h-3 w-3" })), isPending ? 'Installing…' : 'Install'] })) : !isInstalled && !isError ? (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => setInstallDrawerOpen(true), "aria-label": `View install instructions for ${tool.name}`, "data-testid": "tool-card-manual-install-button", className: "h-7 cursor-pointer rounded-md px-3 text-xs", children: [_jsx(ExternalLink, { className: "mr-1 h-3 w-3" }), "Install"] })) : null] })] }), _jsx(InstallInstructions, { tool: tool, open: installDrawerOpen, onOpenChange: setInstallDrawerOpen })] }));
+}

package/dist/src/presentation/web/components/features/tools/tool-card.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ToolCard } from './tool-card.js';
+declare const meta: Meta<typeof ToolCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InstalledWithLaunch: Story;
+export declare const InstalledNoLaunch: Story;
+export declare const MissingAutoInstall: Story;
+export declare const MissingManualInstall: Story;
+export declare const ErrorStatus: Story;
+export declare const CliAgent: Story;
+export declare const VcsTool: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=tool-card.stories.d.ts.map

package/dist/src/presentation/web/components/features/tools/tool-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/tools/tool-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmGvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAc/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAEjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAElC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC"}

package/dist/src/presentation/web/components/features/tools/tool-card.stories.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ToolCard } from './tool-card.js';
+const installedIdeTool = {
+    id: 'cursor',
+    name: 'Cursor',
+    summary: 'AI-powered code editor built on VS Code',
+    description: 'Cursor is an AI-first code editor that lets you write, edit, and chat about your code. It is built on top of VS Code and integrates deeply with AI models to accelerate development workflows.',
+    tags: ['ide'],
+    iconUrl: 'https://cdn.simpleicons.org/cursor',
+    autoInstall: false,
+    required: false,
+    openDirectory: '/usr/bin/cursor',
+    documentationUrl: 'https://cursor.sh',
+    installCommand: 'brew install --cask cursor',
+    status: { status: 'available', toolName: 'cursor' },
+};
+const installedNoLaunchTool = {
+    id: 'claude-code',
+    name: 'Claude Code',
+    summary: 'Anthropic AI coding agent for the terminal',
+    description: 'Claude Code is an agentic coding tool by Anthropic that lives in your terminal. It understands your codebase and helps you ship features, fix bugs, and review changes.',
+    tags: ['cli-agent'],
+    iconUrl: 'https://cdn.simpleicons.org/claude',
+    autoInstall: true,
+    required: false,
+    openDirectory: undefined,
+    documentationUrl: 'https://claude.ai',
+    installCommand: 'npm install -g @anthropic-ai/claude-code',
+    status: { status: 'available', toolName: 'claude-code' },
+};
+const missingAutoInstallTool = {
+    id: 'aider',
+    name: 'Aider',
+    summary: 'AI pair programming in your terminal',
+    description: 'Aider lets you pair program with AI in your terminal. Aider works best with Claude 3.5 Sonnet and can make coordinated changes across multiple files.',
+    tags: ['cli-agent'],
+    iconUrl: undefined,
+    autoInstall: true,
+    required: false,
+    openDirectory: undefined,
+    documentationUrl: 'https://aider.chat',
+    installCommand: 'pip install aider-chat',
+    status: { status: 'missing', toolName: 'aider' },
+};
+const missingManualTool = {
+    id: 'vscode',
+    name: 'VS Code',
+    summary: 'Lightweight but powerful source code editor',
+    description: 'Visual Studio Code is a lightweight but powerful source code editor from Microsoft.',
+    tags: ['ide'],
+    iconUrl: 'https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vscode/vscode-original.svg',
+    autoInstall: false,
+    required: false,
+    openDirectory: '/usr/bin/code',
+    documentationUrl: 'https://code.visualstudio.com',
+    installCommand: 'brew install --cask visual-studio-code',
+    status: { status: 'missing', toolName: 'vscode' },
+};
+const cliAgentTool = {
+    id: 'cursor-cli',
+    name: 'Cursor CLI',
+    summary: 'AI-powered terminal coding agent',
+    description: 'Cursor CLI is a terminal-based AI coding agent that brings conversational AI assistance directly to your command line.',
+    tags: ['cli-agent'],
+    iconUrl: 'https://cdn.simpleicons.org/cursor',
+    autoInstall: true,
+    required: false,
+    openDirectory: undefined,
+    documentationUrl: 'https://cursor.sh',
+    installCommand: 'curl https://cursor.com/install -fsS | bash',
+    status: { status: 'available', toolName: 'cursor-cli' },
+};
+const vcsTool = {
+    id: 'gh',
+    name: 'GitHub CLI',
+    summary: "GitHub's official command-line tool",
+    description: 'GitHub CLI brings GitHub to your terminal. Manage pull requests, issues, repositories, workflows, and more.',
+    tags: ['vcs'],
+    iconUrl: 'https://cdn.simpleicons.org/github',
+    autoInstall: true,
+    required: true,
+    openDirectory: undefined,
+    documentationUrl: 'https://cli.github.com/manual/',
+    installCommand: 'brew install gh',
+    status: { status: 'available', toolName: 'gh' },
+};
+const meta = {
+    title: 'Features/ToolCard',
+    component: ToolCard,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-64", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: { tool: installedIdeTool },
+};
+export const InstalledWithLaunch = {
+    args: { tool: installedIdeTool, onRefresh: async () => undefined },
+};
+export const InstalledNoLaunch = {
+    args: { tool: installedNoLaunchTool },
+};
+export const MissingAutoInstall = {
+    args: { tool: missingAutoInstallTool, onRefresh: async () => undefined },
+};
+export const MissingManualInstall = {
+    args: { tool: missingManualTool },
+};
+export const ErrorStatus = {
+    args: {
+        tool: {
+            ...missingAutoInstallTool,
+            status: { status: 'error', toolName: 'aider', errorMessage: 'Binary check failed' },
+        },
+    },
+};
+export const CliAgent = {
+    args: { tool: cliAgentTool },
+};
+export const VcsTool = {
+    args: { tool: vcsTool },
+};
+export const AllStates = {
+    decorators: [
+        (Story) => (_jsx("div", { className: "grid grid-cols-3 gap-3", children: _jsx(Story, {}) })),
+    ],
+    render: () => (_jsxs(_Fragment, { children: [_jsx(ToolCard, { tool: installedIdeTool }), _jsx(ToolCard, { tool: installedNoLaunchTool }), _jsx(ToolCard, { tool: missingAutoInstallTool }), _jsx(ToolCard, { tool: missingManualTool }), _jsx(ToolCard, { tool: {
+                    ...missingAutoInstallTool,
+                    status: { status: 'error', toolName: 'aider', errorMessage: 'Binary check failed' },
+                } }), _jsx(ToolCard, { tool: cliAgentTool }), _jsx(ToolCard, { tool: vcsTool })] })),
+};

package/dist/src/presentation/web/components/features/tools/tools-page-client.d.ts

@@ -0,0 +1,7 @@
+import type { ToolItem } from '../../../../../../packages/core/src/application/use-cases/tools/list-tools.use-case.js';
+export interface ToolsPageClientProps {
+    tools: ToolItem[];
+    className?: string;
+}
+export declare function ToolsPageClient({ tools: initialTools, className }: ToolsPageClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tools-page-client.d.ts.map

package/dist/src/presentation/web/components/features/tools/tools-page-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/tools/tools-page-client.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8DAA8D,CAAC;AAE7F,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA4EvF"}

package/dist/src/presentation/web/components/features/tools/tools-page-client.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Wrench } from 'lucide-react';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs.js';
+import { cn } from '../../../lib/utils.js';
+import { ToolCard } from './tool-card.js';
+const TAB_FILTER = {
+    all: () => true,
+    ide: (tool) => tool.tags.includes('ide'),
+    'cli-agent': (tool) => tool.tags.includes('cli-agent'),
+    vcs: (tool) => tool.tags.includes('vcs'),
+};
+export function ToolsPageClient({ tools: initialTools, className }) {
+    const [tools, setTools] = useState(initialTools);
+    const [activeTab, setActiveTab] = useState('all');
+    async function refreshTools() {
+        try {
+            const res = await fetch('/api/tools');
+            if (res.ok) {
+                const updated = (await res.json());
+                setTools(updated);
+            }
+        }
+        catch {
+            // Silently ignore refresh errors; user can re-navigate to refresh
+        }
+    }
+    const filtered = tools.filter(TAB_FILTER[activeTab]);
+    return (_jsxs("div", { "data-testid": "tools-page-client", className: cn('space-y-4', className), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Wrench, { className: "text-muted-foreground h-4 w-4" }), _jsx("h1", { className: "text-sm font-bold tracking-tight", children: "Tools" }), _jsxs("span", { className: "text-muted-foreground text-[10px]", children: [tools.filter((t) => t.status.status === 'available').length, "/", tools.length, " installed"] })] }), _jsxs(Tabs, { value: activeTab, onValueChange: (value) => setActiveTab(value), "data-testid": "tools-page-tabs", children: [_jsxs(TabsList, { className: "h-7", children: [_jsx(TabsTrigger, { value: "all", "data-testid": "tools-tab-all", className: "px-2.5 text-xs", children: "All" }), _jsx(TabsTrigger, { value: "ide", "data-testid": "tools-tab-ide", className: "px-2.5 text-xs", children: "IDEs" }), _jsx(TabsTrigger, { value: "cli-agent", "data-testid": "tools-tab-cli-agent", className: "px-2.5 text-xs", children: "CLI Agents" }), _jsx(TabsTrigger, { value: "vcs", "data-testid": "tools-tab-vcs", className: "px-2.5 text-xs", children: "Version Control" })] }), _jsx(TabsContent, { value: activeTab, className: "mt-3", children: filtered.length === 0 ? (_jsxs("div", { "data-testid": "tools-page-empty", className: "text-muted-foreground flex flex-col items-center justify-center py-12 text-center", children: [_jsx(Wrench, { className: "mb-2 h-6 w-6 opacity-20" }), _jsx("p", { className: "text-xs", children: "No tools in this category." })] })) : (_jsx("div", { "data-testid": "tools-page-grid", className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: filtered.map((tool) => (_jsx(ToolCard, { tool: tool, onRefresh: refreshTools }, tool.id))) })) })] })] }));
+}

package/dist/src/presentation/web/components/features/tools/tools-page-client.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ToolsPageClient } from './tools-page-client.js';
+declare const meta: Meta<typeof ToolsPageClient>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllToolsMix: Story;
+export declare const IDEsOnly: Story;
+export declare const CLIAgentsOnly: Story;
+export declare const EmptyList: Story;
+export declare const AllInstalled: Story;
+export declare const NoneInstalled: Story;
+//# sourceMappingURL=tools-page-client.stories.d.ts.map

package/dist/src/presentation/web/components/features/tools/tools-page-client.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/tools/tools-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAoFtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAOtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC"}

package/dist/src/presentation/web/components/features/tools/tools-page-client.stories.js

@@ -0,0 +1,122 @@
+import { ToolsPageClient } from './tools-page-client.js';
+const mockTools = [
+    {
+        id: 'cursor',
+        name: 'Cursor',
+        summary: 'AI-powered code editor built on VS Code',
+        description: 'Cursor is an AI-first code editor that integrates AI models deeply into the development workflow.',
+        tags: ['ide'],
+        iconUrl: 'https://cdn.simpleicons.org/cursor',
+        autoInstall: false,
+        required: false,
+        openDirectory: '/usr/bin/cursor',
+        documentationUrl: 'https://cursor.sh',
+        installCommand: 'brew install --cask cursor',
+        status: { status: 'available', toolName: 'cursor' },
+    },
+    {
+        id: 'vscode',
+        name: 'VS Code',
+        summary: 'Lightweight but powerful source code editor',
+        description: 'Visual Studio Code is a lightweight but powerful source code editor from Microsoft with support for debugging, Git, syntax highlighting, and intelligent code completion.',
+        tags: ['ide'],
+        iconUrl: 'https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vscode/vscode-original.svg',
+        autoInstall: false,
+        required: false,
+        openDirectory: '/usr/bin/code',
+        documentationUrl: 'https://code.visualstudio.com',
+        installCommand: 'brew install --cask visual-studio-code',
+        status: { status: 'missing', toolName: 'vscode' },
+    },
+    {
+        id: 'claude-code',
+        name: 'Claude Code',
+        summary: 'Anthropic AI coding agent for the terminal',
+        description: 'Claude Code is an agentic coding tool by Anthropic that lives in your terminal, understands your codebase, and helps you ship features faster.',
+        tags: ['cli-agent'],
+        iconUrl: 'https://cdn.simpleicons.org/claude',
+        autoInstall: true,
+        required: false,
+        openDirectory: undefined,
+        documentationUrl: 'https://claude.ai/code',
+        installCommand: 'npm install -g @anthropic-ai/claude-code',
+        status: { status: 'available', toolName: 'claude-code' },
+    },
+    {
+        id: 'aider',
+        name: 'Aider',
+        summary: 'AI pair programming in your terminal',
+        description: 'Aider lets you pair program with LLMs to edit code in your local git repository. It works best with Claude 3.5 Sonnet and GPT-4o.',
+        tags: ['cli-agent'],
+        iconUrl: undefined,
+        autoInstall: true,
+        required: false,
+        openDirectory: undefined,
+        documentationUrl: 'https://aider.chat',
+        installCommand: 'pip install aider-chat',
+        status: { status: 'missing', toolName: 'aider' },
+    },
+    {
+        id: 'goose',
+        name: 'Goose',
+        summary: 'Open-source AI coding agent by Block',
+        description: 'Goose is a developer agent by Block that autonomously handles complex engineering tasks through conversation and code execution.',
+        tags: ['cli-agent'],
+        iconUrl: undefined,
+        autoInstall: true,
+        required: false,
+        openDirectory: undefined,
+        documentationUrl: 'https://block.github.io/goose',
+        installCommand: 'pip install goose-ai',
+        status: { status: 'missing', toolName: 'goose' },
+    },
+];
+const ideOnlyTools = mockTools.filter((t) => t.tags.includes('ide'));
+const cliOnlyTools = mockTools.filter((t) => t.tags.includes('cli-agent'));
+const meta = {
+    title: 'Features/ToolsPageClient',
+    component: ToolsPageClient,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        tools: mockTools,
+    },
+};
+export const AllToolsMix = {
+    args: {
+        tools: mockTools,
+    },
+};
+export const IDEsOnly = {
+    args: {
+        tools: ideOnlyTools,
+    },
+};
+export const CLIAgentsOnly = {
+    args: {
+        tools: cliOnlyTools,
+    },
+};
+export const EmptyList = {
+    args: {
+        tools: [],
+    },
+};
+export const AllInstalled = {
+    args: {
+        tools: mockTools.map((t) => ({
+            ...t,
+            status: { status: 'available', toolName: t.id },
+        })),
+    },
+};
+export const NoneInstalled = {
+    args: {
+        tools: mockTools.map((t) => ({ ...t, status: { status: 'missing', toolName: t.id } })),
+    },
+};

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
-import { Home, Brain, Plus } from 'lucide-react';
+import { Home, Wrench, Plus } from 'lucide-react';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarRail, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
 import { SidebarNavItem } from '../../common/sidebar-nav-item/index.js';
@@ -26,7 +26,7 @@ export function AppSidebar({ features, onNewFeature, onFeatureClick, onFeaturesF
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',
-                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20 }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Brain, label: "Memory", href: "/memory", active: pathname === '/memory' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20 }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'min-w-0 overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',

package/dist/src/presentation/web/dev-server.js

@@ -18,6 +18,7 @@ import { initializeContainer, container } from '../../../packages/core/src/infra
 import { InitializeSettingsUseCase } from '../../../packages/core/src/application/use-cases/settings/initialize-settings.use-case.js';
 import { initializeSettings } from '../../../packages/core/src/infrastructure/services/settings.service.js';
 import { initializeNotificationWatcher, getNotificationWatcher, } from '../../../packages/core/src/infrastructure/services/notifications/notification-watcher.service.js';
+import { initializePrSyncWatcher, getPrSyncWatcher, } from '../../../packages/core/src/infrastructure/services/pr-sync/pr-sync-watcher.service.js';
 const DEFAULT_PORT = 3000;
 async function isPortAvailable(port) {
     return new Promise((resolve) => {
@@ -61,6 +62,10 @@ async function main() {
         const notificationService = container.resolve('INotificationService');
         initializeNotificationWatcher(runRepo, phaseTimingRepo, featureRepo, notificationService);
         getNotificationWatcher().start();
+        // Start PR sync watcher to detect PR/CI status transitions on GitHub
+        const gitPrService = container.resolve('IGitPrService');
+        initializePrSyncWatcher(featureRepo, runRepo, gitPrService, notificationService);
+        getPrSyncWatcher().start();
     }
     catch (error) {
         console.warn('[dev-server] DI initialization failed — features will be empty:', error);
@@ -106,6 +111,12 @@ async function main() {
             catch {
                 /* not initialized */
             }
+            try {
+                getPrSyncWatcher().stop();
+            }
+            catch {
+                /* not initialized */
+            }
             server.closeAllConnections();
             await Promise.all([
                 new Promise((resolve) => server.close(() => resolve())),