@shepai/cli 1.127.3-pr400.67a8317 → 1.127.3-pr401.eb52cb4

package/dist/src/presentation/web/components/common/feature-drawer-tabs/overview-tab.stories.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { fn } from '@storybook/test';
 import { PrStatus, CiStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
 import { OverviewTab } from './overview-tab.js';
 const meta = {
@@ -132,6 +133,18 @@ export const Blocked = {
 export const Error = {
     args: { data: errorData },
 };
+const errorWithRetryData = {
+    ...errorData,
+    onRetry: fn(),
+};
+/** Error state with retry button visible. */
+export const ErrorWithRetry = {
+    args: { data: errorWithRetryData },
+};
+/** Running state with stop button visible. */
+export const RunningWithStop = {
+    args: { data: { ...fullData, onStop: fn() } },
+};
 /** Minimal data — only required fields, no optional details or PR. */
 export const Minimal = {
     args: { data: minimalData },

package/dist/src/presentation/web/components/common/github-import-dialog/github-import-dialog.d.ts

@@ -0,0 +1,8 @@
+import type { Repository } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface GitHubImportDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onImportComplete: (repository: Repository) => void;
+}
+export declare function GitHubImportDialog({ open, onOpenChange, onImportComplete, }: GitHubImportDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=github-import-dialog.d.ts.map

package/dist/src/presentation/web/components/common/github-import-dialog/github-import-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-import-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-import-dialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAEvE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,gBAAgB,GACjB,EAAE,uBAAuB,2CAqDzB"}

package/dist/src/presentation/web/components/common/github-import-dialog/github-import-dialog.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs.js';
+import { GitHubUrlInput } from './github-url-input.js';
+import { GitHubRepoBrowser } from './github-repo-browser.js';
+import { importGitHubRepository } from '../../../app/actions/import-github-repository.js';
+export function GitHubImportDialog({ open, onOpenChange, onImportComplete, }) {
+    const [importing, setImporting] = useState(false);
+    const [error, setError] = useState('');
+    async function handleImport(url) {
+        setImporting(true);
+        setError('');
+        try {
+            const result = await importGitHubRepository({ url });
+            if (result.error) {
+                setError(result.error);
+            }
+            else if (result.repository) {
+                onImportComplete(result.repository);
+                onOpenChange(false);
+            }
+        }
+        catch {
+            setError('An unexpected error occurred');
+        }
+        finally {
+            setImporting(false);
+        }
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "overflow-hidden sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Import from GitHub" }), _jsx(DialogDescription, { children: "Clone a GitHub repository and add it to Shep." })] }), _jsxs(Tabs, { defaultValue: "url", className: "min-w-0", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "url", children: "URL" }), _jsx(TabsTrigger, { value: "browse", children: "Browse" })] }), _jsx(TabsContent, { value: "url", className: "mt-4", children: _jsx(GitHubUrlInput, { onSubmit: handleImport, loading: importing }) }), _jsx(TabsContent, { value: "browse", className: "mt-4", children: _jsx(GitHubRepoBrowser, { onSelect: handleImport, loading: importing }) })] }), error ? (_jsx("p", { className: "text-destructive text-sm", role: "alert", children: error })) : null] }) }));
+}

package/dist/src/presentation/web/components/common/github-import-dialog/github-import-dialog.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { GitHubImportDialog } from './github-import-dialog.js';
+declare const meta: Meta<typeof GitHubImportDialog>;
+export default meta;
+type Story = StoryObj<typeof GitHubImportDialog>;
+export declare const Default: Story;
+export declare const URLTab: Story;
+export declare const BrowseTab: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=github-import-dialog.stories.d.ts.map

package/dist/src/presentation/web/components/common/github-import-dialog/github-import-dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-import-dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-import-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAYzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/presentation/web/components/common/github-import-dialog/github-import-dialog.stories.js

@@ -0,0 +1,26 @@
+import { fn } from '@storybook/test';
+import { GitHubImportDialog } from './github-import-dialog.js';
+const meta = {
+    title: 'Composed/GitHubImportDialog',
+    component: GitHubImportDialog,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        open: true,
+        onOpenChange: fn().mockName('onOpenChange'),
+        onImportComplete: fn().mockName('onImportComplete'),
+    },
+};
+export default meta;
+export const Default = {};
+export const URLTab = {
+// Default tab is URL, so this is the same as Default
+};
+export const BrowseTab = {
+// User clicks Browse tab to see repo list
+};
+export const Loading = {
+// Loading state happens during import — interact with the story to see it
+};

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.d.ts

@@ -0,0 +1,15 @@
+import type { GitHubRepo } from '../../../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+export interface GitHubRepoBrowserProps {
+    onSelect: (nameWithOwner: string) => void;
+    loading?: boolean;
+    /** Override the fetch function for testing/stories */
+    fetchRepos?: (input?: {
+        search?: string;
+        limit?: number;
+    }) => Promise<{
+        repos?: GitHubRepo[];
+        error?: string;
+    }>;
+}
+export declare function GitHubRepoBrowser({ onSelect, loading: externalLoading, fetchRepos, }: GitHubRepoBrowserProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=github-repo-browser.d.ts.map

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-repo-browser.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-repo-browser.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oFAAoF,CAAC;AAErH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QACpB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACzD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EAAE,eAAuB,EAChC,UAAmC,GACpC,EAAE,sBAAsB,2CAsIxB"}

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Lock, Globe, Loader2, Search, AlertCircle } from 'lucide-react';
+import { Input } from '../../ui/input.js';
+import { Badge } from '../../ui/badge.js';
+import { Skeleton } from '../../ui/skeleton.js';
+import { listGitHubRepositories } from '../../../app/actions/list-github-repositories.js';
+export function GitHubRepoBrowser({ onSelect, loading: externalLoading = false, fetchRepos = listGitHubRepositories, }) {
+    const [repos, setRepos] = useState([]);
+    const [fetching, setFetching] = useState(true);
+    const [error, setError] = useState('');
+    const [search, setSearch] = useState('');
+    const debounceRef = useRef(null);
+    const fetchData = useCallback(async (searchTerm) => {
+        setFetching(true);
+        setError('');
+        try {
+            const result = await fetchRepos(searchTerm ? { search: searchTerm } : undefined);
+            if (result.error) {
+                setError(result.error);
+                setRepos([]);
+            }
+            else {
+                setRepos(result.repos ?? []);
+            }
+        }
+        catch {
+            setError('Failed to fetch repositories');
+            setRepos([]);
+        }
+        finally {
+            setFetching(false);
+        }
+    }, [fetchRepos]);
+    useEffect(() => {
+        fetchData();
+    }, [fetchData]);
+    function handleSearchChange(value) {
+        setSearch(value);
+        if (debounceRef.current)
+            clearTimeout(debounceRef.current);
+        debounceRef.current = setTimeout(() => {
+            fetchData(value || undefined);
+        }, 300);
+    }
+    const disabled = externalLoading;
+    if (error && !fetching) {
+        return (_jsxs("div", { className: "flex flex-col items-center gap-2 py-8 text-center", "data-testid": "repo-browser-error", children: [_jsx(AlertCircle, { className: "text-destructive h-8 w-8" }), _jsx("p", { className: "text-destructive text-sm", children: error })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2" }), _jsx(Input, { placeholder: "Search repositories...", value: search, onChange: (e) => handleSearchChange(e.target.value), className: "pl-9", disabled: disabled, "aria-label": "Search repositories" })] }), _jsx("div", { className: "max-h-64 overflow-x-hidden overflow-y-auto rounded-md border", role: "listbox", "aria-label": "GitHub repositories", children: fetching ? (_jsx("div", { className: "flex flex-col gap-2 p-3", "data-testid": "repo-browser-loading", children: Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-3 w-72" })] }, `skeleton-${String(i)}`))) })) : repos.length === 0 ? (_jsx("div", { className: "text-muted-foreground py-8 text-center text-sm", "data-testid": "repo-browser-empty", children: "No repositories found" })) : (repos.map((repo) => (_jsxs("button", { type: "button", role: "option", "aria-selected": false, className: "hover:bg-accent flex w-full items-start gap-2 border-b px-3 py-2.5 text-left last:border-b-0 disabled:opacity-50", onClick: () => onSelect(repo.nameWithOwner), disabled: disabled, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium", children: repo.nameWithOwner }), _jsx(Badge, { variant: repo.isPrivate ? 'secondary' : 'outline', className: "shrink-0 text-xs", children: repo.isPrivate ? (_jsxs(_Fragment, { children: [_jsx(Lock, { className: "mr-1 h-3 w-3" }), "Private"] })) : (_jsxs(_Fragment, { children: [_jsx(Globe, { className: "mr-1 h-3 w-3" }), "Public"] })) })] }), repo.description ? (_jsx("p", { className: "text-muted-foreground mt-0.5 truncate text-xs", children: repo.description })) : null] }), disabled ? _jsx(Loader2, { className: "mt-0.5 h-4 w-4 shrink-0 animate-spin" }) : null] }, repo.nameWithOwner)))) })] }));
+}

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { GitHubRepoBrowser } from './github-repo-browser.js';
+declare const meta: Meta<typeof GitHubRepoBrowser>;
+export default meta;
+type Story = StoryObj<typeof GitHubRepoBrowser>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const Error: Story;
+//# sourceMappingURL=github-repo-browser.stories.d.ts.map

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-repo-browser.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAyC1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAiBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fn } from '@storybook/test';
+import { GitHubRepoBrowser } from './github-repo-browser.js';
+const mockRepos = [
+    {
+        name: 'awesome-app',
+        nameWithOwner: 'octocat/awesome-app',
+        description: 'An awesome application built with React and TypeScript',
+        isPrivate: false,
+        pushedAt: '2025-03-15T10:00:00Z',
+    },
+    {
+        name: 'secret-project',
+        nameWithOwner: 'octocat/secret-project',
+        description: 'Top secret private repository',
+        isPrivate: true,
+        pushedAt: '2025-03-14T08:00:00Z',
+    },
+    {
+        name: 'open-source-lib',
+        nameWithOwner: 'octocat/open-source-lib',
+        description: 'A reusable open-source library for everyone',
+        isPrivate: false,
+        pushedAt: '2025-03-13T15:30:00Z',
+    },
+    {
+        name: 'private-infra',
+        nameWithOwner: 'octocat/private-infra',
+        description: '',
+        isPrivate: true,
+        pushedAt: '2025-03-12T12:00:00Z',
+    },
+    {
+        name: 'docs-site',
+        nameWithOwner: 'octocat/docs-site',
+        description: 'Documentation website powered by Next.js',
+        isPrivate: false,
+        pushedAt: '2025-03-11T09:00:00Z',
+    },
+];
+const meta = {
+    title: 'Composed/GitHubRepoBrowser',
+    component: GitHubRepoBrowser,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        onSelect: fn().mockName('onSelect'),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: 480 }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        fetchRepos: () => Promise.resolve({ repos: mockRepos }),
+    },
+};
+export const Loading = {
+    args: {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        fetchRepos: () => new Promise(() => { }), // never resolves
+    },
+};
+export const Empty = {
+    args: {
+        fetchRepos: () => Promise.resolve({ repos: [] }),
+    },
+};
+export const Error = {
+    args: {
+        fetchRepos: () => Promise.resolve({
+            error: 'GitHub CLI is not authenticated. Run `gh auth login` to sign in.',
+        }),
+    },
+};

package/dist/src/presentation/web/components/common/github-import-dialog/github-url-input.d.ts

@@ -0,0 +1,7 @@
+export declare function isValidGitHubUrl(url: string): boolean;
+export interface GitHubUrlInputProps {
+    onSubmit: (url: string) => void;
+    loading?: boolean;
+}
+export declare function GitHubUrlInput({ onSubmit, loading }: GitHubUrlInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=github-url-input.d.ts.map

package/dist/src/presentation/web/components/common/github-import-dialog/github-url-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-url-input.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-url-input.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAErD;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAe,EAAE,EAAE,mBAAmB,2CAqDhF"}

package/dist/src/presentation/web/components/common/github-import-dialog/github-url-input.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Loader2 } from 'lucide-react';
+import { Input } from '../../ui/input.js';
+import { Button } from '../../ui/button.js';
+import { Label } from '../../ui/label.js';
+/**
+ * Matches supported GitHub URL formats:
+ * - https://github.com/owner/repo
+ * - https://github.com/owner/repo.git
+ * - git@github.com:owner/repo.git
+ * - owner/repo (shorthand)
+ */
+const GITHUB_URL_PATTERN = /^(?:https:\/\/github\.com\/([a-zA-Z0-9._-]+)\/([a-zA-Z0-9._-]+?)(?:\.git)?|git@github\.com:([a-zA-Z0-9._-]+)\/([a-zA-Z0-9._-]+?)(?:\.git)?|([a-zA-Z0-9._-]+)\/([a-zA-Z0-9._-]+))$/;
+export function isValidGitHubUrl(url) {
+    return GITHUB_URL_PATTERN.test(url.trim());
+}
+export function GitHubUrlInput({ onSubmit, loading = false }) {
+    const [url, setUrl] = useState('');
+    const [error, setError] = useState('');
+    function handleSubmit() {
+        const trimmed = url.trim();
+        if (!trimmed) {
+            setError('Please enter a GitHub URL');
+            return;
+        }
+        if (!isValidGitHubUrl(trimmed)) {
+            setError('Enter a valid GitHub URL (e.g. owner/repo or https://github.com/owner/repo)');
+            return;
+        }
+        setError('');
+        onSubmit(trimmed);
+    }
+    function handleKeyDown(e) {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            handleSubmit();
+        }
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "github-url-input", children: "GitHub URL" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { id: "github-url-input", placeholder: "owner/repo or https://github.com/owner/repo", value: url, onChange: (e) => {
+                            setUrl(e.target.value);
+                            if (error)
+                                setError('');
+                        }, onKeyDown: handleKeyDown, disabled: loading, "aria-invalid": !!error, "aria-describedby": error ? 'github-url-error' : undefined }), _jsx(Button, { onClick: handleSubmit, disabled: loading || !url.trim(), size: "sm", children: loading ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : 'Import' })] }), error ? (_jsx("p", { id: "github-url-error", className: "text-destructive text-sm", role: "alert", children: error })) : null] }));
+}

package/dist/src/presentation/web/components/common/github-import-dialog/github-url-input.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { GitHubUrlInput } from './github-url-input.js';
+declare const meta: Meta<typeof GitHubUrlInput>;
+export default meta;
+type Story = StoryObj<typeof GitHubUrlInput>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const WithError: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=github-url-input.stories.d.ts.map

package/dist/src/presentation/web/components/common/github-import-dialog/github-url-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-url-input.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-url-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAiBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAGvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC"}

package/dist/src/presentation/web/components/common/github-import-dialog/github-url-input.stories.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fn } from '@storybook/test';
+import { GitHubUrlInput } from './github-url-input.js';
+const meta = {
+    title: 'Composed/GitHubUrlInput',
+    component: GitHubUrlInput,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        onSubmit: fn().mockName('onSubmit'),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: 400 }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {};
+export const Loading = {
+    args: {
+        loading: true,
+    },
+};
+export const WithError = {
+    // Render pre-filled with invalid URL to demonstrate error state on submit
+    render: (args) => _jsx(GitHubUrlInput, { ...args }),
+};
+export const Empty = {};

package/dist/src/presentation/web/components/common/github-import-dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { GitHubImportDialog } from './github-import-dialog.js';
+export { GitHubUrlInput } from './github-url-input.js';
+export { GitHubRepoBrowser } from './github-repo-browser.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/github-import-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/src/presentation/web/components/common/github-import-dialog/index.js

@@ -0,0 +1,3 @@
+export { GitHubImportDialog } from './github-import-dialog.js';
+export { GitHubUrlInput } from './github-url-input.js';
+export { GitHubRepoBrowser } from './github-repo-browser.js';

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

@@ -1 +1 @@
-{"version":3,"file":"repository-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-drawer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CA+ExE"}
+{"version":3,"file":"repository-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-drawer.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAcD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAsLxE"}

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

@@ -1,22 +1,39 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { Code2, Terminal, FolderOpen } from 'lucide-react';
+import { Code2, Terminal, FolderOpen, GitBranch, GitCommitHorizontal, User, ArrowDown, Clock, } from 'lucide-react';
 import { BaseDrawer } from '../../common/base-drawer/index.js';
 import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
 import { Separator } from '../../ui/separator.js';
+import { Badge } from '../../ui/badge.js';
 import { ActionButton } from '../../common/action-button/index.js';
 import { useRepositoryActions } from './use-repository-actions.js';
+function formatRelativeTime(epochMs) {
+    const diff = Date.now() - epochMs;
+    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+    if (days === 0)
+        return 'Today';
+    if (days === 1)
+        return 'Yesterday';
+    if (days < 30)
+        return `${days} days ago`;
+    const months = Math.floor(days / 30);
+    if (months < 12)
+        return `${months} month${months > 1 ? 's' : ''} ago`;
+    const years = Math.floor(months / 12);
+    return `${years} year${years > 1 ? 's' : ''} ago`;
+}
 export function RepositoryDrawer({ data, onClose }) {
     const handleClose = useCallback(() => {
         onClose();
     }, [onClose]);
     const actions = useRepositoryActions(data?.repositoryPath ? { repositoryPath: data.repositoryPath } : null);
+    const hasGitInfo = !!(data?.branch ?? data?.commitMessage);
     return (_jsx(BaseDrawer, { open: data !== null, onClose: handleClose, size: "md", modal: false, "data-testid": "repository-drawer", deployTarget: data?.repositoryPath
             ? {
                 targetId: data.repositoryPath,
                 targetType: 'repository',
                 repositoryPath: data.repositoryPath,
             }
-            : undefined, header: data ? (_jsxs("div", { "data-testid": "repository-drawer-header", children: [_jsx(DrawerTitle, { children: data.name }), data.repositoryPath ? (_jsx(DrawerDescription, { className: "truncate font-mono text-xs", children: data.repositoryPath })) : null] })) : undefined, children: data?.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "OPEN WITH" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, variant: "outline", size: "sm" })] })] })] })) : null }));
+            : undefined, header: data ? (_jsxs("div", { "data-testid": "repository-drawer-header", children: [_jsx(DrawerTitle, { children: data.name }), data.repositoryPath ? (_jsx(DrawerDescription, { className: "truncate font-mono text-xs", children: data.repositoryPath })) : null] })) : undefined, children: data ? (_jsxs("div", { className: "flex flex-1 flex-col overflow-y-auto", children: [hasGitInfo ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex flex-col gap-3 p-4", "data-testid": "repository-drawer-git-section", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "GIT STATUS" }), _jsxs("div", { className: "flex flex-col gap-2", children: [data.branch ? (_jsxs("div", { className: "flex items-center justify-between gap-2", "data-testid": "repository-drawer-branch-row", children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(GitBranch, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "text-foreground font-medium", children: "Branch" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "secondary", className: "font-mono text-xs", "data-testid": "repository-drawer-branch", children: data.branch }), data.behindCount != null && data.behindCount > 0 ? (_jsxs(Badge, { variant: "outline", className: "border-amber-500/40 bg-amber-50 text-xs text-amber-600 dark:bg-amber-900/20 dark:text-amber-400", "data-testid": "repository-drawer-behind", children: [_jsx(ArrowDown, { className: "mr-1 h-3 w-3" }), data.behindCount, " behind"] })) : null] })] })) : null, data.commitMessage ? (_jsx("div", { className: "bg-muted/50 rounded-lg p-3", "data-testid": "repository-drawer-commit-section", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-foreground text-sm leading-snug font-medium", "data-testid": "repository-drawer-commit-message", children: data.commitMessage }), data.committer ? (_jsxs("div", { className: "text-muted-foreground mt-1 flex items-center gap-1 text-xs", children: [_jsx(User, { className: "h-3 w-3 shrink-0" }), _jsx("span", { "data-testid": "repository-drawer-committer", children: data.committer })] })) : null] })] }) })) : null] })] })] })) : null, data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "OPEN WITH" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, variant: "outline", size: "sm" })] })] })] })) : null, data.createdAt ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex flex-col gap-3 p-4", "data-testid": "repository-drawer-metadata", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "INFO" }), _jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-2", children: [_jsx(Clock, { className: "h-4 w-4 shrink-0" }), _jsx("span", { children: "Added" })] }), _jsx("span", { className: "text-foreground text-xs", title: new Date(data.createdAt).toLocaleString(), "data-testid": "repository-drawer-created-at", children: formatRelativeTime(data.createdAt) })] })] })] })) : null] })) : null }));
 }

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

@@ -3,7 +3,12 @@ import { RepositoryDrawer } from './repository-drawer.js';
 declare const meta: Meta<typeof RepositoryDrawer>;
 export default meta;
 type Story = StoryObj<typeof RepositoryDrawer>;
+/** Basic drawer — no git info, just path and actions. */
 export declare const Default: Story;
+/** Full enriched drawer — branch, commit, committer, behind count, metadata. */
+export declare const WithGitInfo: Story;
+/** On default branch — no behind count shown. */
+export declare const OnDefaultBranch: Story;
 export declare const LongPath: Story;
 export declare const WithoutPath: Story;
 /** Repository drawer rendered inside a full-page context — starts open. */

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,kBAAkB,CAAC;AAEvD,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"}
+{"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,kBAAkB,CAAC;AAEvD,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;AAgE/C,yDAAyD;AACzD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

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

@@ -16,30 +16,59 @@ const repoData = {
     name: 'shep-ai/cli',
     repositoryPath: '/home/user/shep-ai/cli',
 };
+const enrichedRepoData = {
+    id: 'repo-2',
+    name: 'shep-ai/cli',
+    repositoryPath: '/home/user/shep-ai/cli',
+    branch: 'feat/repo-tab-redesign',
+    commitMessage: 'feat(web): redesign repository drawer with git info',
+    committer: 'Jane Doe',
+    behindCount: 3,
+    createdAt: Date.now() - 1000 * 60 * 60 * 24 * 5, // 5 days ago
+};
+const onDefaultBranchData = {
+    id: 'repo-3',
+    name: 'my-org/my-project',
+    repositoryPath: '/home/user/my-org/my-project',
+    branch: 'main',
+    commitMessage: 'chore: bump dependencies to latest versions',
+    committer: 'John Smith',
+    behindCount: null,
+    createdAt: Date.now() - 1000 * 60 * 60 * 24 * 30, // 1 month ago
+};
 function DrawerTrigger({ data, label }) {
     const [selected, setSelected] = useState(null);
     return (_jsxs("div", { className: "flex h-screen items-start p-4", children: [_jsx(Button, { variant: "outline", onClick: () => setSelected(data), children: label }), _jsx(RepositoryDrawer, { data: selected, onClose: () => setSelected(null) })] }));
 }
+/* ---------------------------------------------------------------------------
+ * Shell template — full page context, starts open (matches ReviewDrawerShell pattern)
+ * ------------------------------------------------------------------------- */
+function RepositoryDrawerShellTemplate({ data }) {
+    const [selected, setSelected] = useState(data);
+    return (_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) })] }));
+}
+/** Basic drawer — no git info, just path and actions. */
 export const Default = {
     render: () => _jsx(RepositoryDrawerShellTemplate, { data: repoData }),
 };
+/** Full enriched drawer — branch, commit, committer, behind count, metadata. */
+export const WithGitInfo = {
+    render: () => _jsx(RepositoryDrawerShellTemplate, { data: enrichedRepoData }),
+};
+/** On default branch — no behind count shown. */
+export const OnDefaultBranch = {
+    render: () => _jsx(RepositoryDrawerShellTemplate, { data: onDefaultBranchData }),
+};
 export const LongPath = {
     render: () => (_jsx(DrawerTrigger, { data: {
-            ...repoData,
+            ...enrichedRepoData,
             repositoryPath: '/home/user/projects/company/some-very-long-path/shep-ai/cli',
         }, label: "Open Long Path" })),
 };
 export const WithoutPath = {
     render: () => (_jsx(DrawerTrigger, { data: { ...repoData, repositoryPath: undefined }, label: "Open Without Path" })),
 };
-/* ---------------------------------------------------------------------------
- * Shell template — full page context, starts open (matches ReviewDrawerShell pattern)
- * ------------------------------------------------------------------------- */
-function RepositoryDrawerShellTemplate({ data }) {
-    const [selected, setSelected] = useState(data);
-    return (_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) })] }));
-}
 /** Repository drawer rendered inside a full-page context — starts open. */
 export const InDrawer = {
-    render: () => _jsx(RepositoryDrawerShellTemplate, { data: repoData }),
+    render: () => _jsx(RepositoryDrawerShellTemplate, { data: enrichedRepoData }),
 };

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

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAkBzE,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,gCAAgC,2CAgE7F"}
+{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AA0BzE,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,gCAAgC,2CAgE7F"}

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.js

@@ -11,15 +11,23 @@ const FLAG_DESCRIPTIONS = {
     skills: 'Enable Skills navigation and functionality in the web UI',
     envDeploy: 'Enable environment deployment features in the web UI',
     debug: 'Enable debug UI elements and verbose client-side logging',
+    githubImport: 'Enable GitHub repository import in the web UI',
     adoptBranch: 'Enable the ability to adopt existing branches as tracked features',
 };
 const FLAG_LABELS = {
     skills: 'Skills',
     envDeploy: 'Deployments',
     debug: 'Debug',
+    githubImport: 'GitHub Import',
     adoptBranch: 'Adopt Branch',
 };
-const FLAG_KEYS = ['skills', 'envDeploy', 'debug', 'adoptBranch'];
+const FLAG_KEYS = [
+    'skills',
+    'envDeploy',
+    'debug',
+    'githubImport',
+    'adoptBranch',
+];
 export function FeatureFlagsSettingsSection({ featureFlags }) {
     const [flags, setFlags] = useState({ ...featureFlags });
     const [isPending, startTransition] = useTransition();

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}
+{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.stories.js

@@ -14,6 +14,7 @@ export const Default = {
             skills: false,
             envDeploy: false,
             debug: false,
+            githubImport: false,
             adoptBranch: false,
         },
     },
@@ -24,6 +25,7 @@ export const AllEnabled = {
             skills: true,
             envDeploy: true,
             debug: true,
+            githubImport: true,
             adoptBranch: true,
         },
     },
@@ -34,6 +36,7 @@ export const AllDisabled = {
             skills: false,
             envDeploy: false,
             debug: false,
+            githubImport: false,
             adoptBranch: false,
         },
     },