@shipit-ai/cli 1.168.0 → 1.169.0-pr12.6d78faf

package/dist/src/presentation/web/app/actions/fetch-plugin-catalog.js

@@ -0,0 +1,11 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+export async function fetchPluginCatalogAction() {
+    try {
+        const useCase = resolve('FetchPluginCatalogUseCase');
+        return await useCase.execute();
+    }
+    catch {
+        return { plugins: [], installedPlugins: [], error: 'Failed to fetch plugin catalog' };
+    }
+}

package/dist/src/presentation/web/app/actions/install-plugin.d.ts

@@ -0,0 +1,5 @@
+export declare function installPluginAction(pluginId: string, marketplace: string, scope?: string): Promise<{
+    success: boolean;
+    error?: string;
+}>;
+//# sourceMappingURL=install-plugin.d.ts.map

package/dist/src/presentation/web/app/actions/install-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"install-plugin.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/install-plugin.ts"],"names":[],"mappings":"AAKA,wBAAsB,mBAAmB,CACvC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,KAAK,CAAC,EAAE,MAAM,GACb,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAO/C"}

package/dist/src/presentation/web/app/actions/install-plugin.js

@@ -0,0 +1,11 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+export async function installPluginAction(pluginId, marketplace, scope) {
+    try {
+        const useCase = resolve('InstallPluginUseCase');
+        return await useCase.execute({ pluginId, marketplace, scope });
+    }
+    catch {
+        return { success: false, error: 'Failed to install plugin' };
+    }
+}

package/dist/src/presentation/web/app/actions/toggle-plugin.d.ts

@@ -0,0 +1,5 @@
+export declare function togglePluginAction(pluginId: string, marketplace: string, enabled: boolean): Promise<{
+    success: boolean;
+    error?: string;
+}>;
+//# sourceMappingURL=toggle-plugin.d.ts.map

package/dist/src/presentation/web/app/actions/toggle-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-plugin.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/toggle-plugin.ts"],"names":[],"mappings":"AAKA,wBAAsB,kBAAkB,CACtC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,OAAO,GACf,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAO/C"}

package/dist/src/presentation/web/app/actions/toggle-plugin.js

@@ -0,0 +1,11 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+export async function togglePluginAction(pluginId, marketplace, enabled) {
+    try {
+        const useCase = resolve('TogglePluginUseCase');
+        return await useCase.execute({ pluginId, marketplace, enabled });
+    }
+    catch {
+        return { success: false, error: 'Failed to toggle plugin' };
+    }
+}

package/dist/src/presentation/web/app/actions/uninstall-plugin.d.ts

@@ -0,0 +1,5 @@
+export declare function uninstallPluginAction(pluginId: string, marketplace: string): Promise<{
+    success: boolean;
+    error?: string;
+}>;
+//# sourceMappingURL=uninstall-plugin.d.ts.map

package/dist/src/presentation/web/app/actions/uninstall-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uninstall-plugin.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/uninstall-plugin.ts"],"names":[],"mappings":"AAKA,wBAAsB,qBAAqB,CACzC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAO/C"}

package/dist/src/presentation/web/app/actions/uninstall-plugin.js

@@ -0,0 +1,11 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+export async function uninstallPluginAction(pluginId, marketplace) {
+    try {
+        const useCase = resolve('UninstallPluginUseCase');
+        return await useCase.execute({ pluginId, marketplace });
+    }
+    catch {
+        return { success: false, error: 'Failed to uninstall plugin' };
+    }
+}

package/dist/src/presentation/web/app/plugins/page.d.ts

@@ -0,0 +1,2 @@
+export default function PluginsPage(): Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=page.d.ts.map

package/dist/src/presentation/web/app/plugins/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/plugins/page.tsx"],"names":[],"mappings":"AAOA,wBAA8B,WAAW,qDAkBxC"}

package/dist/src/presentation/web/app/plugins/page.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { notFound } from 'next/navigation';
+import { getFeatureFlags } from '../../lib/feature-flags.js';
+import { PluginsPageClient } from '../../components/features/plugins/plugins-page-client.js';
+import { resolve } from '../../lib/server-container.js';
+import { AgentType } from '../../../../../packages/core/src/domain/generated/output.js';
+export default async function PluginsPage() {
+    const flags = await getFeatureFlags();
+    if (!flags.plugins)
+        notFound();
+    let proxyConfigured = false;
+    let isClaudeCode = false;
+    try {
+        const useCase = resolve('LoadSettingsUseCase');
+        const settings = await useCase.execute();
+        proxyConfigured = !!(settings.litellmProxy?.baseUrl && settings.litellmProxy?.marketplaceEnabled);
+        isClaudeCode = settings.agent?.type === AgentType.ClaudeCode;
+    }
+    catch {
+        // Settings not available
+    }
+    return _jsx(PluginsPageClient, { proxyConfigured: proxyConfigured, isClaudeCode: isClaudeCode });
+}

package/dist/src/presentation/web/components/common/repository-node/repository-drawer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAOvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAqB/C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAuBF,2EAA2E;AAC3E,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAkCF,0FAA0F;AAC1F,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC"}
+{"version":3,"file":"repository-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAOvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAqB/C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAuBF,2EAA2E;AAC3E,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAmCF,0FAA0F;AAC1F,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC"}

package/dist/src/presentation/web/components/common/repository-node/repository-drawer.stories.js

@@ -57,6 +57,7 @@ function WithGitOpsTemplate({ data }) {
         adoptBranch: true,
         gitRebaseSync: true,
         reactFileManager: true,
+        plugins: true,
     };
     return (_jsx(FeatureFlagsProvider, { flags: allEnabledFlags, children: _jsxs("div", { style: { height: '100vh', background: '#f8fafc', padding: '2rem' }, children: [_jsx("button", { type: "button", onClick: () => setSelected(data), style: { padding: '8px 16px', border: '1px solid #ccc', borderRadius: '6px' }, children: "Open Drawer" }), _jsx(RepositoryDrawer, { data: selected, onClose: () => setSelected(null) })] }) }));
 }

package/dist/src/presentation/web/components/features/plugins/plugin-card.d.ts

@@ -0,0 +1,9 @@
+import type { PluginMarketplaceEntry, InstalledPlugin } from '../../../../../../packages/core/src/application/ports/output/services/plugin-marketplace.interface.js';
+export interface PluginCardProps {
+    plugin: PluginMarketplaceEntry;
+    installed?: InstalledPlugin;
+    onSelect: (plugin: PluginMarketplaceEntry) => void;
+    onToggle?: (pluginName: string, enabled: boolean) => void;
+}
+export declare function PluginCard({ plugin, installed, onSelect, onToggle }: PluginCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=plugin-card.d.ts.map

package/dist/src/presentation/web/components/features/plugins/plugin-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/plugins/plugin-card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EAChB,MAAM,gFAAgF,CAAC;AAGxF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA0DpF"}

package/dist/src/presentation/web/components/features/plugins/plugin-card.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from '../../ui/card.js';
+import { Badge } from '../../ui/badge.js';
+import { Switch } from '../../ui/switch.js';
+import { useTranslation } from 'react-i18next';
+export function PluginCard({ plugin, installed, onSelect, onToggle }) {
+    const { t } = useTranslation('web');
+    return (_jsxs(Card, { className: "cursor-pointer p-5 transition-all duration-300 hover:scale-[1.02] hover:shadow-md hover:ring-slate-300 dark:hover:ring-slate-600", role: "button", tabIndex: 0, onClick: () => onSelect(plugin), onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onSelect(plugin);
+            }
+        }, "data-testid": `plugin-card-${plugin.name}`, children: [_jsx("h3", { className: "text-foreground text-sm leading-tight font-bold tracking-tight", children: plugin.name }), plugin.version ? (_jsxs("p", { className: "text-muted-foreground mt-1 font-mono text-xs", children: ["v", plugin.version] })) : null, _jsx("p", { className: "text-muted-foreground mt-3 line-clamp-2 text-xs leading-relaxed", children: plugin.description }), _jsxs("div", { className: "mt-4 flex flex-wrap items-center gap-1.5", children: [plugin.category ? _jsx(Badge, { variant: "outline", children: plugin.category }) : null, installed ? (_jsx(Badge, { variant: "secondary", children: t('plugins.installed') })) : (_jsx(Badge, { variant: "outline", className: "opacity-50", children: t('plugins.notInstalled') }))] }), installed ? (_jsxs("div", { className: "mt-3 flex items-center gap-2", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: [_jsx(Switch, { checked: installed.enabled, onCheckedChange: (checked) => onToggle?.(plugin.name, checked), "data-testid": `plugin-toggle-${plugin.name}` }), _jsx("span", { className: "text-muted-foreground text-xs", children: installed.enabled ? t('plugins.disable') : t('plugins.enable') })] })) : null] }));
+}

package/dist/src/presentation/web/components/features/plugins/plugin-card.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { PluginCard } from './plugin-card.js';
+declare const meta: {
+    title: string;
+    component: typeof PluginCard;
+    args: {
+        onSelect: () => undefined;
+        onToggle: () => undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Installed: Story;
+export declare const NotInstalled: Story;
+export declare const LongDescription: Story;
+//# sourceMappingURL=plugin-card.stories.d.ts.map

package/dist/src/presentation/web/components/features/plugins/plugin-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/plugins/plugin-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI;;;;;;;CAOyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC"}

package/dist/src/presentation/web/components/features/plugins/plugin-card.stories.js

@@ -0,0 +1,60 @@
+import { PluginCard } from './plugin-card.js';
+const meta = {
+    title: 'Features/Plugins/PluginCard',
+    component: PluginCard,
+    args: {
+        onSelect: () => undefined,
+        onToggle: () => undefined,
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        plugin: {
+            name: 'superpowers',
+            description: 'Advanced Claude Code skills and workflow automation for power users',
+            version: '2.1.0',
+            source: { source: 'github', repo: 'anthropics/superpowers' },
+            category: 'productivity',
+            keywords: ['automation', 'workflows'],
+        },
+    },
+};
+export const Installed = {
+    args: {
+        plugin: {
+            name: 'code-review-graph',
+            description: 'Build knowledge graphs for intelligent code review with structural analysis',
+            version: '1.5.0',
+            source: { source: 'github', repo: 'anthropics/code-review-graph' },
+            category: 'code-quality',
+        },
+        installed: {
+            id: 'code-review-graph@claude-plugins-official',
+            scope: 'user',
+            version: '1.5.0',
+            enabled: true,
+        },
+    },
+};
+export const NotInstalled = {
+    args: {
+        plugin: {
+            name: 'hookify',
+            description: 'Create hooks to prevent unwanted AI behaviors',
+            version: '1.0.0',
+            source: { source: 'github', repo: 'anthropics/hookify' },
+            category: 'productivity',
+        },
+    },
+};
+export const LongDescription = {
+    args: {
+        plugin: {
+            name: 'very-long-description-plugin',
+            description: 'This plugin has a very long description that should be truncated by the line-clamp CSS utility class. '.repeat(5),
+            version: '0.1.0',
+            source: { source: 'url', url: 'https://github.com/org/plugin.git' },
+        },
+    },
+};

package/dist/src/presentation/web/components/features/plugins/plugin-detail-drawer.d.ts

@@ -0,0 +1,11 @@
+import type { PluginMarketplaceEntry, InstalledPlugin } from '../../../../../../packages/core/src/application/ports/output/services/plugin-marketplace.interface.js';
+export interface PluginDetailDrawerProps {
+    plugin: PluginMarketplaceEntry | null;
+    installed?: InstalledPlugin;
+    open: boolean;
+    onClose: () => void;
+    onInstall?: (pluginName: string) => void;
+    onUninstall?: (pluginName: string) => void;
+}
+export declare function PluginDetailDrawer({ plugin, installed, open, onClose, onInstall, onUninstall, }: PluginDetailDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=plugin-detail-drawer.d.ts.map

package/dist/src/presentation/web/components/features/plugins/plugin-detail-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-detail-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/plugins/plugin-detail-drawer.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EAChB,MAAM,gFAAgF,CAAC;AAExF,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,sBAAsB,GAAG,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAkBD,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,SAAS,EACT,WAAW,GACZ,EAAE,uBAAuB,kDAmFzB"}

package/dist/src/presentation/web/components/features/plugins/plugin-detail-drawer.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseDrawer } from '../../common/base-drawer/index.js';
+import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
+import { Badge } from '../../ui/badge.js';
+import { Button } from '../../ui/button.js';
+import { Separator } from '../../ui/separator.js';
+import { ExternalLink } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+function getSourceUrl(plugin) {
+    const { source } = plugin;
+    if (source.source === 'github' && source.repo) {
+        return `https://github.com/${source.repo}`;
+    }
+    if ((source.source === 'url' || source.source === 'git-subdir') && source.url) {
+        try {
+            const url = new URL(source.url);
+            if (url.protocol === 'https:')
+                return source.url;
+        }
+        catch {
+            // Invalid URL — don't render as link
+        }
+    }
+    return null;
+}
+export function PluginDetailDrawer({ plugin, installed, open, onClose, onInstall, onUninstall, }) {
+    const { t } = useTranslation('web');
+    if (!plugin)
+        return null;
+    const sourceUrl = getSourceUrl(plugin);
+    return (_jsxs(BaseDrawer, { open: open, onClose: onClose, children: [_jsx(DrawerTitle, { className: "text-foreground text-lg font-bold tracking-tight", children: plugin.name }), _jsx(DrawerDescription, { className: "text-muted-foreground mt-1 text-sm", children: plugin.description }), _jsx(Separator, { className: "my-4" }), _jsxs("div", { className: "space-y-3", children: [plugin.version ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: t('plugins.version') }), _jsxs("span", { className: "font-mono text-sm", children: ["v", plugin.version] })] })) : null, plugin.category ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: t('plugins.category') }), _jsx(Badge, { variant: "outline", children: plugin.category })] })) : null, sourceUrl ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: t('plugins.source') }), _jsxs("a", { href: sourceUrl, target: "_blank", rel: "noopener noreferrer", className: "text-primary hover:text-primary/80 inline-flex items-center gap-1 text-sm underline underline-offset-2", children: [plugin.source.repo ?? 'Repository', _jsx(ExternalLink, { className: "size-3" })] })] })) : null, plugin.keywords && plugin.keywords.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1.5 pt-2", children: plugin.keywords.map((kw) => (_jsx(Badge, { variant: "outline", className: "text-xs", children: kw }, kw))) })) : null] }), _jsx(Separator, { className: "my-4" }), _jsx("div", { className: "flex gap-2", children: installed ? (_jsx(Button, { variant: "destructive", size: "sm", onClick: () => onUninstall?.(plugin.name), "data-testid": "plugin-uninstall-button", children: t('plugins.uninstall') })) : (_jsx(Button, { size: "sm", onClick: () => onInstall?.(plugin.name), "data-testid": "plugin-install-button", children: t('plugins.install') })) })] }));
+}

package/dist/src/presentation/web/components/features/plugins/plugin-detail-drawer.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { PluginDetailDrawer } from './plugin-detail-drawer.js';
+declare const meta: {
+    title: string;
+    component: typeof PluginDetailDrawer;
+    args: {
+        open: true;
+        onClose: () => undefined;
+        onInstall: () => undefined;
+        onUninstall: () => undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Installed: Story;
+export declare const NoSource: Story;
+//# sourceMappingURL=plugin-detail-drawer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-detail-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/plugins/plugin-detail-drawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;CASiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC"}

package/dist/src/presentation/web/components/features/plugins/plugin-detail-drawer.stories.js

@@ -0,0 +1,51 @@
+import { PluginDetailDrawer } from './plugin-detail-drawer.js';
+const meta = {
+    title: 'Features/Plugins/PluginDetailDrawer',
+    component: PluginDetailDrawer,
+    args: {
+        open: true,
+        onClose: () => undefined,
+        onInstall: () => undefined,
+        onUninstall: () => undefined,
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        plugin: {
+            name: 'superpowers',
+            description: 'Advanced Claude Code skills and workflow automation for power users',
+            version: '2.1.0',
+            source: { source: 'github', repo: 'anthropics/superpowers' },
+            category: 'productivity',
+            keywords: ['automation', 'workflows', 'skills'],
+        },
+    },
+};
+export const Installed = {
+    args: {
+        plugin: {
+            name: 'code-review-graph',
+            description: 'Build knowledge graphs for intelligent code review',
+            version: '1.5.0',
+            source: { source: 'github', repo: 'anthropics/code-review-graph' },
+            category: 'code-quality',
+            keywords: ['review', 'graph', 'analysis'],
+        },
+        installed: {
+            id: 'code-review-graph@claude-plugins-official',
+            scope: 'user',
+            version: '1.5.0',
+            enabled: true,
+        },
+    },
+};
+export const NoSource = {
+    args: {
+        plugin: {
+            name: 'mystery-plugin',
+            description: 'A plugin with no source URL information',
+            source: { source: 'github' },
+        },
+    },
+};

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

@@ -0,0 +1,6 @@
+export interface PluginsPageClientProps {
+    proxyConfigured: boolean;
+    isClaudeCode: boolean;
+}
+export declare function PluginsPageClient({ proxyConfigured, isClaudeCode }: PluginsPageClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=plugins-page-client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plugins-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/plugins/plugins-page-client.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,sBAAsB,2CA0M1F"}

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

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useEffect, useTransition } from 'react';
+import { Search, Blocks, AlertCircle } from 'lucide-react';
+import { toast } from 'sonner';
+import { Input } from '../../ui/input.js';
+import { Button } from '../../ui/button.js';
+import { PageHeader } from '../../common/page-header/index.js';
+import { EmptyState } from '../../common/empty-state/index.js';
+import { PluginCard } from './plugin-card.js';
+import { PluginDetailDrawer } from './plugin-detail-drawer.js';
+import { useTranslation } from 'react-i18next';
+import { fetchPluginCatalogAction } from '../../../app/actions/fetch-plugin-catalog.js';
+import { installPluginAction } from '../../../app/actions/install-plugin.js';
+import { uninstallPluginAction } from '../../../app/actions/uninstall-plugin.js';
+import { togglePluginAction } from '../../../app/actions/toggle-plugin.js';
+export function PluginsPageClient({ proxyConfigured, isClaudeCode }) {
+    const { t } = useTranslation('web');
+    const [, startTransition] = useTransition();
+    const [searchQuery, setSearchQuery] = useState('');
+    const [activeCategory, setActiveCategory] = useState(null);
+    const [selectedPlugin, setSelectedPlugin] = useState(null);
+    const [plugins, setPlugins] = useState([]);
+    const [installedPlugins, setInstalledPlugins] = useState([]);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        if (!proxyConfigured) {
+            setLoading(false);
+            return;
+        }
+        fetchPluginCatalogAction().then((result) => {
+            setPlugins(result.plugins);
+            setInstalledPlugins(result.installedPlugins);
+            setLoading(false);
+        });
+    }, [proxyConfigured]);
+    const categories = useMemo(() => {
+        const cats = new Set();
+        for (const p of plugins) {
+            if (p.category)
+                cats.add(p.category);
+        }
+        return Array.from(cats).sort();
+    }, [plugins]);
+    const filteredPlugins = useMemo(() => {
+        const query = searchQuery.toLowerCase();
+        return plugins.filter((p) => {
+            if (activeCategory && p.category !== activeCategory)
+                return false;
+            if (query) {
+                const matchesName = p.name.toLowerCase().includes(query);
+                const matchesDescription = p.description.toLowerCase().includes(query);
+                if (!matchesName && !matchesDescription)
+                    return false;
+            }
+            return true;
+        });
+    }, [plugins, searchQuery, activeCategory]);
+    const getInstalled = (pluginName) => installedPlugins.find((ip) => ip.id.startsWith(`${pluginName}@`));
+    const handleInstall = (pluginName) => {
+        startTransition(async () => {
+            const result = await installPluginAction(pluginName, 'default');
+            if (result.success) {
+                toast.success(`${pluginName} installed`);
+                const catalog = await fetchPluginCatalogAction();
+                setInstalledPlugins(catalog.installedPlugins);
+            }
+            else {
+                toast.error(result.error ?? 'Installation failed');
+            }
+        });
+    };
+    const handleUninstall = (pluginName) => {
+        startTransition(async () => {
+            const result = await uninstallPluginAction(pluginName, 'default');
+            if (result.success) {
+                toast.success(`${pluginName} uninstalled`);
+                const catalog = await fetchPluginCatalogAction();
+                setInstalledPlugins(catalog.installedPlugins);
+            }
+            else {
+                toast.error(result.error ?? 'Uninstallation failed');
+            }
+        });
+    };
+    const handleToggle = (pluginName, enabled) => {
+        startTransition(async () => {
+            const result = await togglePluginAction(pluginName, 'default', enabled);
+            if (result.success) {
+                toast.success(`${pluginName} ${enabled ? 'enabled' : 'disabled'}`);
+                const catalog = await fetchPluginCatalogAction();
+                setInstalledPlugins(catalog.installedPlugins);
+            }
+            else {
+                toast.error(result.error ?? 'Toggle failed');
+            }
+        });
+    };
+    if (!isClaudeCode) {
+        return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('plugins.title') }), _jsx(EmptyState, { icon: _jsx(AlertCircle, { className: "size-10" }), title: t('plugins.wrongAgent') })] }));
+    }
+    if (!proxyConfigured) {
+        return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('plugins.title') }), _jsx(EmptyState, { icon: _jsx(AlertCircle, { className: "size-10" }), title: t('plugins.noProxy') })] }));
+    }
+    if (loading) {
+        return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('plugins.title') }), _jsxs("div", { className: "text-muted-foreground text-center text-sm", children: [t('accessibility.loading'), "..."] })] }));
+    }
+    if (plugins.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('plugins.title') }), _jsx(EmptyState, { icon: _jsx(Blocks, { className: "size-10" }), title: t('plugins.emptyState') })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('plugins.title') }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 size-4 -translate-y-1/2" }), _jsx(Input, { placeholder: t('plugins.searchPlaceholder'), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "ps-9", "data-testid": "plugin-search" })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: activeCategory === null ? 'default' : 'outline', size: "sm", onClick: () => setActiveCategory(null), children: t('plugins.allCategories') }), categories.map((cat) => (_jsx(Button, { variant: activeCategory === cat ? 'default' : 'outline', size: "sm", onClick: () => setActiveCategory(cat === activeCategory ? null : cat), children: cat }, cat)))] }), filteredPlugins.length > 0 ? (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredPlugins.map((plugin) => (_jsx(PluginCard, { plugin: plugin, installed: getInstalled(plugin.name), onSelect: setSelectedPlugin, onToggle: handleToggle }, plugin.name))) })) : (_jsx(EmptyState, { icon: _jsx(Search, { className: "size-10" }), title: t('plugins.emptyState'), action: _jsx(Button, { variant: "outline", onClick: () => {
+                        setSearchQuery('');
+                        setActiveCategory(null);
+                    }, children: t('plugins.clearFilters') }) })), _jsx(PluginDetailDrawer, { plugin: selectedPlugin, installed: selectedPlugin ? getInstalled(selectedPlugin.name) : undefined, open: !!selectedPlugin, onClose: () => setSelectedPlugin(null), onInstall: handleInstall, onUninstall: handleUninstall })] }));
+}

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

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { PluginsPageClient } from './plugins-page-client.js';
+declare const meta: {
+    title: string;
+    component: typeof PluginsPageClient;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoProxy: Story;
+export declare const WrongAgent: Story;
+//# sourceMappingURL=plugins-page-client.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plugins-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/plugins/plugins-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,QAAA,MAAM,IAAI;;;CAGgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC"}

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

@@ -0,0 +1,24 @@
+import { PluginsPageClient } from './plugins-page-client.js';
+const meta = {
+    title: 'Features/Plugins/PluginsPageClient',
+    component: PluginsPageClient,
+};
+export default meta;
+export const Default = {
+    args: {
+        proxyConfigured: true,
+        isClaudeCode: true,
+    },
+};
+export const NoProxy = {
+    args: {
+        proxyConfigured: false,
+        isClaudeCode: true,
+    },
+};
+export const WrongAgent = {
+    args: {
+        proxyConfigured: true,
+        isClaudeCode: false,
+    },
+};

package/dist/src/presentation/web/components/features/settings/agent-settings-section.d.ts

@@ -1,6 +1,6 @@
-import type { AgentConfig } from '../../../../../../packages/core/src/domain/generated/output.js';
+import type { Settings } from '../../../../../../packages/core/src/domain/generated/output.js';
 export interface AgentSettingsSectionProps {
-    agent: AgentConfig;
+    settings: Settings;
 }
-export declare function AgentSettingsSection({ agent }: AgentSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentSettingsSection({ settings }: AgentSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=agent-settings-section.d.ts.map

package/dist/src/presentation/web/components/features/settings/agent-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAgB3E,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,CAAC;CACpB;AAkBD,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAoKxE"}
+{"version":3,"file":"agent-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAa,MAAM,yCAAyC,CAAC;AAInF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CA0C3E"}