@shepai/cli 1.55.2 → 1.56.0

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',