@shepai/cli 1.72.7 → 1.72.8

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

@@ -13,6 +13,9 @@ const installedIdeTool = {
     documentationUrl: 'https://cursor.sh',
     installCommand: 'brew install --cask cursor',
     status: { status: 'available', toolName: 'cursor' },
+    author: 'Anysphere',
+    website: 'https://cursor.com',
+    platforms: ['linux', 'darwin', 'win32'],
 };
 const installedNoLaunchTool = {
     id: 'claude-code',
@@ -27,6 +30,9 @@ const installedNoLaunchTool = {
     documentationUrl: 'https://claude.ai',
     installCommand: 'npm install -g @anthropic-ai/claude-code',
     status: { status: 'available', toolName: 'claude-code' },
+    author: 'Anthropic',
+    website: 'https://claude.ai/code',
+    platforms: ['linux', 'darwin'],
 };
 const missingAutoInstallTool = {
     id: 'aider',
@@ -41,6 +47,9 @@ const missingAutoInstallTool = {
     documentationUrl: 'https://aider.chat',
     installCommand: 'pip install aider-chat',
     status: { status: 'missing', toolName: 'aider' },
+    author: 'Paul Gauthier',
+    website: 'https://aider.chat',
+    platforms: ['linux', 'darwin', 'win32'],
 };
 const missingManualTool = {
     id: 'vscode',
@@ -55,6 +64,9 @@ const missingManualTool = {
     documentationUrl: 'https://code.visualstudio.com',
     installCommand: 'brew install --cask visual-studio-code',
     status: { status: 'missing', toolName: 'vscode' },
+    author: 'Microsoft',
+    website: 'https://code.visualstudio.com',
+    platforms: ['linux', 'darwin', 'win32'],
 };
 const cliAgentTool = {
     id: 'cursor-cli',
@@ -69,6 +81,9 @@ const cliAgentTool = {
     documentationUrl: 'https://cursor.sh',
     installCommand: 'curl https://cursor.com/install -fsS | bash',
     status: { status: 'available', toolName: 'cursor-cli' },
+    author: 'Anysphere',
+    website: 'https://cursor.com',
+    platforms: ['linux', 'darwin', 'win32'],
 };
 const vcsTool = {
     id: 'gh',
@@ -83,6 +98,9 @@ const vcsTool = {
     documentationUrl: 'https://cli.github.com/manual/',
     installCommand: 'brew install gh',
     status: { status: 'available', toolName: 'gh' },
+    author: 'GitHub',
+    website: 'https://cli.github.com',
+    platforms: ['linux', 'darwin', 'win32'],
 };
 const meta = {
     title: 'Features/ToolCard',

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

@@ -0,0 +1,10 @@
+import type { ToolItem } from '../../../../../../packages/core/src/application/use-cases/tools/list-tools.use-case.js';
+export interface ToolDetailDrawerProps {
+    tool: ToolItem;
+    open: boolean;
+    onClose: () => void;
+    onRefresh?: () => Promise<void>;
+    autoStart?: boolean;
+}
+export declare function ToolDetailDrawer({ tool, open, onClose, onRefresh, autoStart, }: ToolDetailDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tool-detail-drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-detail-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/tools/tool-detail-drawer.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8DAA8D,CAAC;AAQ7F,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkCD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,2CAgPvB"}

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

@@ -0,0 +1,95 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { Copy, Check, ExternalLink, Download, Rocket, Loader2, Monitor, Terminal, GitBranch, Package, } from 'lucide-react';
+import { Button } from '../../ui/button.js';
+import { BaseDrawer } from '../../common/base-drawer/base-drawer.js';
+import { useToolInstallStream } from '../../../hooks/use-tool-install-stream.js';
+const PLATFORM_LABELS = {
+    linux: 'Linux',
+    darwin: 'macOS',
+    win32: 'Windows',
+};
+const TAG_CONFIG = {
+    ide: { label: 'IDE', icon: Monitor },
+    'cli-agent': { label: 'CLI Agent', icon: Terminal },
+    vcs: { label: 'VCS', icon: GitBranch },
+    terminal: { label: 'Terminal', icon: Terminal },
+};
+const AUTO_SCROLL_THRESHOLD = 50;
+function StatusBadge({ status }) {
+    if (status === 'available') {
+        return (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400", children: [_jsx(Check, { className: "h-3 w-3" }), "Installed"] }));
+    }
+    if (status === 'error') {
+        return (_jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-red-100 px-2 py-0.5 text-xs font-medium text-red-700 dark:bg-red-900/30 dark:text-red-400", children: "Error" }));
+    }
+    return (_jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-700 dark:bg-amber-900/30 dark:text-amber-400", children: "Missing" }));
+}
+export function ToolDetailDrawer({ tool, open, onClose, onRefresh, autoStart, }) {
+    const [copied, setCopied] = useState(false);
+    const [isLaunching, setIsLaunching] = useState(false);
+    const { logs, status, startInstall } = useToolInstallStream(tool.id);
+    const logRef = useRef(null);
+    const isAtBottomRef = useRef(true);
+    const autoStartedRef = useRef(false);
+    const isInstalled = tool.status.status === 'available';
+    const isError = tool.status.status === 'error';
+    const canLaunch = isInstalled && Boolean(tool.openDirectory);
+    const canInstall = !isInstalled && !isError && tool.autoInstall;
+    // Auto-start install when drawer opens with autoStart flag
+    useEffect(() => {
+        if (open && autoStart && canInstall && status === 'idle' && !autoStartedRef.current) {
+            autoStartedRef.current = true;
+            startInstall();
+        }
+        if (!open) {
+            autoStartedRef.current = false;
+        }
+    }, [open, autoStart, canInstall, status, startInstall]);
+    function handleCopy() {
+        if (!tool.installCommand)
+            return;
+        void navigator.clipboard.writeText(tool.installCommand).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        });
+    }
+    async function handleLaunch() {
+        setIsLaunching(true);
+        try {
+            await fetch(`/api/tools/${tool.id}/launch`, { method: 'POST' });
+        }
+        finally {
+            setIsLaunching(false);
+        }
+    }
+    const handleScroll = useCallback(() => {
+        const el = logRef.current;
+        if (!el)
+            return;
+        isAtBottomRef.current =
+            el.scrollTop + el.clientHeight >= el.scrollHeight - AUTO_SCROLL_THRESHOLD;
+    }, []);
+    useEffect(() => {
+        if (isAtBottomRef.current && logRef.current) {
+            logRef.current.scrollTop = logRef.current.scrollHeight;
+        }
+    }, [logs, status]);
+    // Refresh tool status after install completes
+    useEffect(() => {
+        if (status === 'done' && onRefresh) {
+            void onRefresh();
+        }
+    }, [status, onRefresh]);
+    const header = (_jsxs("div", { className: "flex flex-col gap-1.5 pr-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [tool.iconUrl ? (
+                    /* eslint-disable-next-line @next/next/no-img-element */
+                    _jsx("img", { src: tool.iconUrl, alt: "", width: 24, height: 24, className: "shrink-0 dark:invert" })) : (_jsx(Package, { className: "text-muted-foreground h-6 w-6 shrink-0" })), _jsx("h2", { className: "text-base font-bold", children: tool.name }), _jsx(StatusBadge, { status: tool.status.status })] }), _jsx("div", { className: "flex items-center gap-2", children: tool.tags.map((tag) => {
+                    const config = TAG_CONFIG[tag] ?? { label: tag, icon: Monitor };
+                    const TagIcon = config.icon;
+                    return (_jsxs("span", { className: "text-muted-foreground/70 inline-flex items-center gap-0.5 text-[10px]", children: [_jsx(TagIcon, { className: "h-3 w-3" }), config.label] }, tag));
+                }) })] }));
+    return (_jsx(BaseDrawer, { open: open, onClose: onClose, size: "md", modal: true, title: tool.name, header: header, "data-testid": "tool-detail-drawer", children: _jsxs("div", { className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: tool.description }), tool.author || tool.platforms ? (_jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs", children: [tool.author ? (_jsxs("span", { className: "text-muted-foreground", children: ["by", ' ', tool.website ? (_jsx("a", { href: tool.website, target: "_blank", rel: "noopener noreferrer", className: "text-foreground hover:underline", children: tool.author })) : (_jsx("span", { className: "text-foreground", children: tool.author }))] })) : null, tool.platforms && tool.platforms.length > 0 ? (_jsx("span", { className: "text-muted-foreground", children: tool.platforms.map((p) => PLATFORM_LABELS[p] ?? p).join(' · ') })) : null] })) : null, tool.installCommand ? (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: "Install command" }), _jsxs("div", { className: "relative rounded-md bg-zinc-900 text-zinc-100", children: [_jsx("pre", { className: "overflow-x-auto px-3 py-2.5 pr-16 font-mono text-xs leading-relaxed break-all whitespace-pre-wrap", children: _jsx("code", { children: tool.installCommand }) }), _jsxs(Button, { variant: "ghost", size: "sm", className: "absolute top-1.5 right-1.5 h-7 cursor-pointer px-2 text-zinc-400 hover:text-zinc-100", onClick: handleCopy, "aria-label": copied ? 'Copied!' : 'Copy install command', children: [copied ? (_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-500" })) : (_jsx(Copy, { className: "h-3.5 w-3.5" })), _jsx("span", { className: "ml-1 text-[10px]", children: copied ? 'Copied!' : 'Copy' })] })] })] })) : null, _jsxs("div", { className: "flex items-center gap-2", children: [canInstall ? (_jsxs(Button, { size: "sm", onClick: startInstall, disabled: status === 'streaming', "aria-label": `Install ${tool.name}`, className: "cursor-pointer", children: [status === 'streaming' ? (_jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" })) : (_jsx(Download, { className: "mr-1.5 h-3.5 w-3.5" })), status === 'streaming' ? 'Installing...' : 'Install'] })) : null, canLaunch ? (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => void handleLaunch(), disabled: isLaunching, "aria-label": `Launch ${tool.name}`, className: "cursor-pointer", children: [isLaunching ? (_jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" })) : (_jsx(Rocket, { className: "mr-1.5 h-3.5 w-3.5" })), "Launch"] })) : null, tool.documentationUrl ? (_jsx(Button, { variant: "outline", size: "sm", className: "cursor-pointer", asChild: true, children: _jsxs("a", { href: tool.documentationUrl, target: "_blank", rel: "noopener noreferrer", children: ["Docs", _jsx(ExternalLink, { className: "ml-1 h-3 w-3" })] }) })) : null] }), (status === 'streaming' || status === 'done' || status === 'error') && logs.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: "Install log" }), _jsxs("div", { ref: logRef, onScroll: handleScroll, className: "max-h-60 overflow-auto rounded-md bg-zinc-900 p-3 font-mono text-xs leading-relaxed text-zinc-100", "data-testid": "tool-install-log", children: [logs.map((line, idx) => (
+                                // eslint-disable-next-line react/no-array-index-key -- logs are append-only, never reorder
+                                _jsx("div", { className: "break-all whitespace-pre-wrap", children: line }, idx))), status === 'done' ? (_jsx("div", { className: "mt-2 border-t border-zinc-700 pt-2 text-emerald-400", children: "Installation complete" })) : null, status === 'error' ? (_jsx("div", { className: "mt-2 border-t border-zinc-700 pt-2 text-red-400", children: "Installation failed" })) : null] })] })) : null] }) }));
+}

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ToolDetailDrawer } from './tool-detail-drawer.js';
+declare const meta: Meta<typeof ToolDetailDrawer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Installed: Story;
+export declare const MissingAutoInstall: Story;
+export declare const MissingManual: Story;
+export declare const Error: Story;
+export declare const WithLogs: Story;
+export declare const AfterInstall: Story;
+//# sourceMappingURL=tool-detail-drawer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-detail-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/tools/tool-detail-drawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAsBxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAYvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsB1B,CAAC"}

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

@@ -0,0 +1,119 @@
+import { ToolDetailDrawer } from './tool-detail-drawer.js';
+const baseTool = {
+    id: 'tmux',
+    name: 'tmux',
+    summary: 'Terminal multiplexer',
+    description: 'tmux is a terminal multiplexer for Unix-like operating systems. It allows multiple terminal sessions to be accessed simultaneously in a single window.',
+    tags: ['terminal'],
+    iconUrl: 'https://cdn.simpleicons.org/tmux',
+    autoInstall: true,
+    required: false,
+    openDirectory: 'tmux new-session -c {dir}',
+    documentationUrl: 'https://github.com/tmux/tmux/wiki',
+    installCommand: 'sudo apt-get install -y tmux',
+    status: { status: 'missing', toolName: 'tmux' },
+    author: 'tmux team',
+    website: 'https://tmux.github.io',
+    platforms: ['linux', 'darwin'],
+};
+const meta = {
+    title: 'Features/ToolDetailDrawer',
+    component: ToolDetailDrawer,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    args: {
+        tool: baseTool,
+        open: true,
+        onClose: () => undefined,
+    },
+};
+export default meta;
+export const Installed = {
+    args: {
+        tool: {
+            ...baseTool,
+            status: { status: 'available', toolName: 'tmux' },
+        },
+        open: true,
+    },
+};
+export const MissingAutoInstall = {
+    args: {
+        tool: {
+            ...baseTool,
+            status: { status: 'missing', toolName: 'tmux' },
+            autoInstall: true,
+        },
+        open: true,
+    },
+};
+export const MissingManual = {
+    args: {
+        tool: {
+            ...baseTool,
+            status: { status: 'missing', toolName: 'tmux' },
+            autoInstall: false,
+        },
+        open: true,
+    },
+};
+export const Error = {
+    args: {
+        tool: {
+            ...baseTool,
+            status: {
+                status: 'error',
+                toolName: 'tmux',
+                errorMessage: 'Permission denied: /usr/bin/tmux',
+            },
+        },
+        open: true,
+    },
+};
+export const WithLogs = {
+    args: {
+        tool: baseTool,
+        open: true,
+    },
+    parameters: {
+        mockData: {
+            useToolInstallStream: {
+                logs: [
+                    'Reading package lists...',
+                    'Building dependency tree...',
+                    'Reading state information...',
+                    'The following NEW packages will be installed:',
+                    '  tmux',
+                    'Setting up tmux (3.3a-3) ...',
+                ],
+                status: 'streaming',
+                result: null,
+            },
+        },
+    },
+};
+export const AfterInstall = {
+    args: {
+        tool: {
+            ...baseTool,
+            status: { status: 'available', toolName: 'tmux' },
+        },
+        open: true,
+    },
+    parameters: {
+        mockData: {
+            useToolInstallStream: {
+                logs: [
+                    'Reading package lists...',
+                    'Building dependency tree...',
+                    'Setting up tmux (3.3a-3) ...',
+                    'Processing triggers...',
+                ],
+                status: 'done',
+                result: { status: 'available', toolName: 'tmux' },
+            },
+        },
+    },
+};

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useState, useCallback } from 'react';
 import { Wrench } from 'lucide-react';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs.js';
 import { cn } from '../../../lib/utils.js';
@@ -15,7 +15,7 @@ const TAB_FILTER = {
 export function ToolsPageClient({ tools: initialTools, className }) {
     const [tools, setTools] = useState(initialTools);
     const [activeTab, setActiveTab] = useState('all');
-    async function refreshTools() {
+    const refreshTools = useCallback(async () => {
         try {
             const res = await fetch('/api/tools');
             if (res.ok) {
@@ -26,7 +26,7 @@ export function ToolsPageClient({ tools: initialTools, className }) {
         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(TabsTrigger, { value: "terminal", "data-testid": "tools-tab-terminal", className: "px-2.5 text-xs", children: "Terminals" })] }), _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.map

@@ -1 +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"}
+{"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;AAmGtD,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

@@ -13,6 +13,9 @@ const mockTools = [
         documentationUrl: 'https://cursor.sh',
         installCommand: 'brew install --cask cursor',
         status: { status: 'available', toolName: 'cursor' },
+        author: 'Anysphere',
+        website: 'https://cursor.com',
+        platforms: ['linux', 'darwin', 'win32'],
     },
     {
         id: 'vscode',
@@ -27,6 +30,9 @@ const mockTools = [
         documentationUrl: 'https://code.visualstudio.com',
         installCommand: 'brew install --cask visual-studio-code',
         status: { status: 'missing', toolName: 'vscode' },
+        author: 'Microsoft',
+        website: 'https://code.visualstudio.com',
+        platforms: ['linux', 'darwin', 'win32'],
     },
     {
         id: 'claude-code',
@@ -41,6 +47,9 @@ const mockTools = [
         documentationUrl: 'https://claude.ai/code',
         installCommand: 'npm install -g @anthropic-ai/claude-code',
         status: { status: 'available', toolName: 'claude-code' },
+        author: 'Anthropic',
+        website: 'https://claude.ai/code',
+        platforms: ['linux', 'darwin'],
     },
     {
         id: 'aider',
@@ -55,6 +64,9 @@ const mockTools = [
         documentationUrl: 'https://aider.chat',
         installCommand: 'pip install aider-chat',
         status: { status: 'missing', toolName: 'aider' },
+        author: 'Paul Gauthier',
+        website: 'https://aider.chat',
+        platforms: ['linux', 'darwin', 'win32'],
     },
     {
         id: 'goose',
@@ -69,6 +81,9 @@ const mockTools = [
         documentationUrl: 'https://block.github.io/goose',
         installCommand: 'pip install goose-ai',
         status: { status: 'missing', toolName: 'goose' },
+        author: 'Block',
+        website: 'https://block.github.io/goose',
+        platforms: ['linux', 'darwin', 'win32'],
     },
 ];
 const ideOnlyTools = mockTools.filter((t) => t.tags.includes('ide'));

package/dist/src/presentation/web/hooks/use-tool-install-stream.d.ts

@@ -0,0 +1,10 @@
+import type { ToolInstallationStatus } from '../../../../packages/core/src/domain/generated/output.js';
+export type InstallStreamStatus = 'idle' | 'streaming' | 'done' | 'error';
+export interface UseToolInstallStreamResult {
+    logs: string[];
+    status: InstallStreamStatus;
+    result: ToolInstallationStatus | null;
+    startInstall: () => void;
+}
+export declare function useToolInstallStream(toolId: string): UseToolInstallStreamResult;
+//# sourceMappingURL=use-tool-install-stream.d.ts.map

package/dist/src/presentation/web/hooks/use-tool-install-stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tool-install-stream.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-tool-install-stream.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1E,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,EAAE,mBAAmB,CAAC;IAC5B,MAAM,EAAE,sBAAsB,GAAG,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,0BAA0B,CA2C/E"}

package/dist/src/presentation/web/hooks/use-tool-install-stream.js

@@ -0,0 +1,38 @@
+'use client';
+import { useState, useRef, useCallback, useEffect } from 'react';
+export function useToolInstallStream(toolId) {
+    const [logs, setLogs] = useState([]);
+    const [status, setStatus] = useState('idle');
+    const [result, setResult] = useState(null);
+    const esRef = useRef(null);
+    const cleanup = useCallback(() => {
+        if (esRef.current) {
+            esRef.current.close();
+            esRef.current = null;
+        }
+    }, []);
+    // Cleanup on unmount
+    useEffect(() => cleanup, [cleanup]);
+    const startInstall = useCallback(() => {
+        cleanup();
+        setLogs([]);
+        setResult(null);
+        setStatus('streaming');
+        const es = new EventSource(`/api/tools/${toolId}/install/stream`);
+        esRef.current = es;
+        es.onmessage = (event) => {
+            setLogs((prev) => [...prev, event.data]);
+        };
+        es.addEventListener('done', (event) => {
+            const installResult = JSON.parse(event.data);
+            setResult(installResult);
+            setStatus(installResult.status === 'error' ? 'error' : 'done');
+            cleanup();
+        });
+        es.onerror = () => {
+            setStatus('error');
+            cleanup();
+        };
+    }, [toolId, cleanup]);
+    return { logs, status, result, startInstall };
+}