@shepai/cli 1.127.3 → 1.128.0

package/dist/src/presentation/cli/commands/repo/index.js

@@ -9,10 +9,12 @@
  * Subcommands:
  *   shep repo ls             List tracked repositories
  *   shep repo show <id>      Display details of a tracked repository
+ *   shep repo add             Import a GitHub repository
  */
 import { Command } from 'commander';
 import { createShowCommand } from './show.command.js';
 import { createLsCommand } from './ls.command.js';
+import { createAddCommand } from './add.command.js';
 /**
  * Create the repo command with all subcommands
  */
@@ -20,6 +22,7 @@ export function createRepoCommand() {
     const repo = new Command('repo')
         .description('Manage tracked repositories')
         .addCommand(createLsCommand())
-        .addCommand(createShowCommand());
+        .addCommand(createShowCommand())
+        .addCommand(createAddCommand());
     return repo;
 }

package/dist/src/presentation/tui/wizards/github-import.wizard.d.ts

@@ -0,0 +1,33 @@
+/**
+ * GitHub Import Wizard
+ *
+ * Interactive TUI wizard that guides users through importing a GitHub repository.
+ * Offers two paths: paste a GitHub URL or browse the user's repositories.
+ * Returns the selected URL/nameWithOwner and optional destination override.
+ */
+import type { IGitHubRepositoryService } from '../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+import type { ListGitHubRepositoriesUseCase } from '../../../../packages/core/src/application/use-cases/repositories/list-github-repositories.use-case.js';
+/**
+ * Result returned by the GitHub import wizard.
+ */
+export interface GitHubImportWizardResult {
+    /** GitHub URL or owner/repo shorthand */
+    url: string;
+    /** Optional override for clone destination directory */
+    dest?: string;
+}
+/**
+ * Runs the interactive GitHub import wizard.
+ *
+ * Steps:
+ * 1. Choose import method (URL input or browse repos)
+ * 2a. If URL: prompt for URL, validate with parseGitHubUrl
+ * 2b. If browse: fetch repos via listUseCase, display select list
+ * 3. Optionally prompt for destination directory override
+ *
+ * @param gitHubService - Service for URL validation
+ * @param listUseCase - Use case for listing user repos
+ * @returns The selected import target and optional destination
+ */
+export declare function githubImportWizard(gitHubService: IGitHubRepositoryService, listUseCase: ListGitHubRepositoriesUseCase): Promise<GitHubImportWizardResult>;
+//# sourceMappingURL=github-import.wizard.d.ts.map

package/dist/src/presentation/tui/wizards/github-import.wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-import.wizard.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/tui/wizards/github-import.wizard.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,4EAA4E,CAAC;AAEpF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2EAA2E,CAAC;AAG/H;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,yCAAyC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAoBD;;;;;;;;;;;;GAYG;AACH,wBAAsB,kBAAkB,CACtC,aAAa,EAAE,wBAAwB,EACvC,WAAW,EAAE,6BAA6B,GACzC,OAAO,CAAC,wBAAwB,CAAC,CAoCnC"}

package/dist/src/presentation/tui/wizards/github-import.wizard.js

@@ -0,0 +1,121 @@
+/**
+ * GitHub Import Wizard
+ *
+ * Interactive TUI wizard that guides users through importing a GitHub repository.
+ * Offers two paths: paste a GitHub URL or browse the user's repositories.
+ * Returns the selected URL/nameWithOwner and optional destination override.
+ */
+import { select, input } from '@inquirer/prompts';
+import { GitHubUrlParseError } from '../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+import { shepTheme } from '../themes/shep.theme.js';
+/**
+ * Format a GitHub repo for display in the select list.
+ * Shows name, visibility badge, and truncated description.
+ */
+function formatRepoChoice(repo) {
+    const visibility = repo.isPrivate ? ' (private)' : '';
+    return {
+        name: `${repo.nameWithOwner}${visibility}`,
+        value: repo.nameWithOwner,
+        description: repo.description || undefined,
+    };
+}
+/**
+ * Runs the interactive GitHub import wizard.
+ *
+ * Steps:
+ * 1. Choose import method (URL input or browse repos)
+ * 2a. If URL: prompt for URL, validate with parseGitHubUrl
+ * 2b. If browse: fetch repos via listUseCase, display select list
+ * 3. Optionally prompt for destination directory override
+ *
+ * @param gitHubService - Service for URL validation
+ * @param listUseCase - Use case for listing user repos
+ * @returns The selected import target and optional destination
+ */
+export async function githubImportWizard(gitHubService, listUseCase) {
+    // Step 1: Choose import method
+    const method = await select({
+        message: 'How would you like to add a GitHub repository?',
+        choices: [
+            {
+                name: 'Paste a GitHub URL',
+                value: 'url',
+                description: 'Enter a GitHub repository URL or owner/repo shorthand',
+            },
+            {
+                name: 'Browse my repositories',
+                value: 'browse',
+                description: 'Search and select from your GitHub repositories',
+            },
+        ],
+        theme: shepTheme,
+    });
+    let url;
+    if (method === 'url') {
+        url = await promptForUrl(gitHubService);
+    }
+    else {
+        url = await promptForBrowse(listUseCase);
+    }
+    // Step 3: Optional destination override
+    const dest = await promptForDestination();
+    const result = { url };
+    if (dest) {
+        result.dest = dest;
+    }
+    return result;
+}
+/**
+ * Prompt the user for a GitHub URL and validate it.
+ * Re-prompts on invalid input until a valid URL is provided.
+ */
+async function promptForUrl(gitHubService) {
+    const url = await input({
+        message: 'Enter a GitHub repository URL or owner/repo',
+        validate: (value) => {
+            if (!value.trim()) {
+                return 'URL is required';
+            }
+            try {
+                gitHubService.parseGitHubUrl(value.trim());
+                return true;
+            }
+            catch (error) {
+                if (error instanceof GitHubUrlParseError) {
+                    return error.message;
+                }
+                return 'Invalid GitHub URL format. Use https://github.com/owner/repo or owner/repo';
+            }
+        },
+        theme: shepTheme,
+    });
+    return url.trim();
+}
+/**
+ * Prompt the user to browse and select from their GitHub repositories.
+ * Fetches repos via the list use case and displays them in a select prompt.
+ */
+async function promptForBrowse(listUseCase) {
+    const repos = await listUseCase.execute({ limit: 30 });
+    if (repos.length === 0) {
+        throw new Error('No repositories found. Make sure you have repositories on GitHub.');
+    }
+    const choices = repos.map(formatRepoChoice);
+    const selected = await select({
+        message: 'Select a repository to import',
+        choices,
+        theme: shepTheme,
+    });
+    return selected;
+}
+/**
+ * Optionally prompt for a custom clone destination directory.
+ */
+async function promptForDestination() {
+    const dest = await input({
+        message: 'Clone destination (leave empty for default)',
+        theme: shepTheme,
+    });
+    return dest.trim() || undefined;
+}

package/dist/src/presentation/web/app/actions/import-github-repository.d.ts

@@ -0,0 +1,11 @@
+import type { Repository } from '../../../../../packages/core/src/domain/generated/output.js';
+interface ImportGitHubRepositoryInput {
+    url: string;
+    dest?: string;
+}
+export declare function importGitHubRepository(input: ImportGitHubRepositoryInput): Promise<{
+    repository?: Repository;
+    error?: string;
+}>;
+export {};
+//# sourceMappingURL=import-github-repository.d.ts.map

package/dist/src/presentation/web/app/actions/import-github-repository.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-github-repository.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/import-github-repository.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAOvE,UAAU,2BAA2B;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAsB,sBAAsB,CAC1C,KAAK,EAAE,2BAA2B,GACjC,OAAO,CAAC;IAAE,UAAU,CAAC,EAAE,UAAU,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAwBtD"}

package/dist/src/presentation/web/app/actions/import-github-repository.js

@@ -0,0 +1,27 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+import { GitHubAuthError, GitHubUrlParseError, GitHubCloneError, } from '../../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+export async function importGitHubRepository(input) {
+    const { url, dest } = input;
+    if (!url?.trim()) {
+        return { error: 'GitHub URL is required' };
+    }
+    try {
+        const useCase = resolve('ImportGitHubRepositoryUseCase');
+        const repository = await useCase.execute({ url, dest });
+        return { repository };
+    }
+    catch (error) {
+        if (error instanceof GitHubAuthError) {
+            return { error: 'GitHub CLI is not authenticated. Run `gh auth login` to sign in.' };
+        }
+        if (error instanceof GitHubUrlParseError) {
+            return { error: `Invalid GitHub URL: ${error.message}` };
+        }
+        if (error instanceof GitHubCloneError) {
+            return { error: `Clone failed: ${error.message}` };
+        }
+        const message = error instanceof Error ? error.message : 'Failed to import repository';
+        return { error: message };
+    }
+}

package/dist/src/presentation/web/app/actions/list-github-repositories.d.ts

@@ -0,0 +1,11 @@
+import type { GitHubRepo } from '../../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+interface ListGitHubRepositoriesInput {
+    search?: string;
+    limit?: number;
+}
+export declare function listGitHubRepositories(input?: ListGitHubRepositoriesInput): Promise<{
+    repos?: GitHubRepo[];
+    error?: string;
+}>;
+export {};
+//# sourceMappingURL=list-github-repositories.d.ts.map

package/dist/src/presentation/web/app/actions/list-github-repositories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-github-repositories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/list-github-repositories.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oFAAoF,CAAC;AAGrH,UAAU,2BAA2B;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAsB,sBAAsB,CAC1C,KAAK,CAAC,EAAE,2BAA2B,GAClC,OAAO,CAAC;IAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAYnD"}

package/dist/src/presentation/web/app/actions/list-github-repositories.js

@@ -0,0 +1,17 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+import { GitHubAuthError } from '../../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+export async function listGitHubRepositories(input) {
+    try {
+        const useCase = resolve('ListGitHubRepositoriesUseCase');
+        const repos = await useCase.execute(input);
+        return { repos };
+    }
+    catch (error) {
+        if (error instanceof GitHubAuthError) {
+            return { error: 'GitHub CLI is not authenticated. Run `gh auth login` to sign in.' };
+        }
+        const message = error instanceof Error ? error.message : 'Failed to list repositories';
+        return { error: message };
+    }
+}

package/dist/src/presentation/web/components/common/add-repository-button/add-repository-button.d.ts

@@ -1,6 +1,7 @@
-interface AddRepositoryButtonProps {
+import type { Repository } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface AddRepositoryButtonProps {
     onSelect?: (path: string) => void;
+    onGitHubImport?: (repository: Repository) => void;
 }
-export declare function AddRepositoryButton({ onSelect }: AddRepositoryButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function AddRepositoryButton({ onSelect, onGitHubImport }: AddRepositoryButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=add-repository-button.d.ts.map

package/dist/src/presentation/web/components/common/add-repository-button/add-repository-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-repository-button.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/add-repository-button/add-repository-button.tsx"],"names":[],"mappings":"AAQA,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAuCzE"}
+{"version":3,"file":"add-repository-button.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/add-repository-button/add-repository-button.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAEvE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,wBAAwB,2CA2FzF"}

package/dist/src/presentation/web/components/common/add-repository-button/add-repository-button.js

@@ -1,13 +1,20 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { FolderPlus, Loader2 } from 'lucide-react';
+import { FolderPlus, Github, Loader2, Plus } from 'lucide-react';
 import { Button } from '../../ui/button.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
+import { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover.js';
+import { GitHubImportDialog } from '../../common/github-import-dialog/index.js';
 import { pickFolder } from './pick-folder.js';
-export function AddRepositoryButton({ onSelect }) {
+import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
+export function AddRepositoryButton({ onSelect, onGitHubImport }) {
+    const featureFlags = useFeatureFlags();
     const [loading, setLoading] = useState(false);
-    async function handleClick() {
+    const [popoverOpen, setPopoverOpen] = useState(false);
+    const [githubDialogOpen, setGithubDialogOpen] = useState(false);
+    async function handleLocalFolder() {
+        setPopoverOpen(false);
         if (loading)
             return;
         setLoading(true);
@@ -21,5 +28,15 @@ export function AddRepositoryButton({ onSelect }) {
             setLoading(false);
         }
     }
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Add Repository", "data-testid": "add-repository-button", onClick: handleClick, disabled: loading, children: loading ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (_jsx(FolderPlus, { className: "h-5 w-5" })) }) }), _jsx(TooltipContent, { children: "Add Repository" })] }) }));
+    function handleFromGitHub() {
+        setPopoverOpen(false);
+        setGithubDialogOpen(true);
+    }
+    function handleImportComplete(repository) {
+        onGitHubImport?.(repository);
+        if (repository.path) {
+            onSelect?.(repository.path);
+        }
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Popover, { open: popoverOpen, onOpenChange: setPopoverOpen, children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Add Repository", "data-testid": "add-repository-button", disabled: loading, children: loading ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (_jsx(Plus, { className: "h-5 w-5" })) }) }) }), _jsx(TooltipContent, { children: "Add Repository" })] }) }), _jsxs(PopoverContent, { className: "w-48 p-1", align: "start", children: [_jsxs("button", { type: "button", className: "hover:bg-accent flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm", onClick: handleLocalFolder, "data-testid": "add-repo-local-folder", children: [_jsx(FolderPlus, { className: "h-4 w-4" }), "Local folder"] }), featureFlags.githubImport ? (_jsxs("button", { type: "button", className: "hover:bg-accent flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm", onClick: handleFromGitHub, "data-testid": "add-repo-from-github", children: [_jsx(Github, { className: "h-4 w-4" }), "From GitHub"] })) : null] })] }), featureFlags.githubImport ? (_jsx(GitHubImportDialog, { open: githubDialogOpen, onOpenChange: setGithubDialogOpen, onImportComplete: handleImportComplete })) : null] }));
 }

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"}