@shepai/cli 1.177.0 → 1.178.0

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

@@ -21,7 +21,9 @@ export interface RepositoryNodeData {
     gitInfoStatus?: 'loading' | 'ready' | 'not-a-repo';
     onClick?: () => void;
     onAdd?: () => void;
-    onDelete?: (repositoryId: string) => void;
+    onDelete?: (repositoryId: string, options?: {
+        deleteFromDisk?: boolean;
+    }) => void;
     showHandles?: boolean;
     /** When true, the "+" add-feature button shows a pulse attention animation. */
     pulseAdd?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"repository-node-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,kBAAkB;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+GAA+G;IAC/G,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,oHAAoH;IACpH,aAAa,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"repository-node-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,kBAAkB;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+GAA+G;IAC/G,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,oHAAoH;IACpH,aAAa,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AASnE,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,2CA2cA"}
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AASnE,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,2CAueA"}

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

@@ -1,14 +1,16 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { Handle, Position } from '@xyflow/react';
 import { useRouter } from 'next/navigation';
 import { Github, Plus, Code2, Terminal, FolderOpen, Trash2, Play, Square, GitBranch, GitCommitHorizontal, ArrowDown, User, RotateCcw, MessageSquare, } from 'lucide-react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { cn } from '../../../lib/utils.js';
 import { ActionButton } from '../../common/action-button/index.js';
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
 import { Button } from '../../ui/button.js';
+import { Checkbox } from '../../ui/checkbox.js';
+import { Label } from '../../ui/label.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { useDeployAction } from '../../../hooks/use-deploy-action.js';
 import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
@@ -24,6 +26,11 @@ export function RepositoryNode({ data, selected, }) {
     const sourceHandlePos = isRtl ? Position.Left : Position.Right;
     const featureFlags = useFeatureFlags();
     const [confirmOpen, setConfirmOpen] = useState(false);
+    const [deleteFromDisk, setDeleteFromDisk] = useState(false);
+    useEffect(() => {
+        if (confirmOpen)
+            setDeleteFromDisk(false);
+    }, [confirmOpen]);
     const repoScopeId = data.id ? `repo-${data.id}` : `repo-${data.name}`;
     const chatTurnStatus = useTurnStatus(repoScopeId);
     const actions = useRepositoryActions(data.repositoryPath ? { repositoryId: data.id, repositoryPath: data.repositoryPath } : null);
@@ -68,9 +75,11 @@ export function RepositoryNode({ data, selected, }) {
     return (_jsxs("div", { className: cn('group relative', data.onDelete && data.id && 'ps-10'), style: { direction: isRtl ? 'rtl' : 'ltr' }, children: [data.showHandles ? (_jsx(Handle, { type: "target", position: targetHandlePos, isConnectable: false, className: "opacity-0!", style: { top: 70 } })) : null, data.onDelete && data.id ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute -start-3 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-hover:opacity-100", children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": t('repositoryNode.removeRepository'), "data-testid": "repository-node-delete-button", onClick: (e) => {
                                                 e.stopPropagation();
                                                 setConfirmOpen(true);
-                                            }, className: "bg-card text-muted-foreground hover:border-destructive hover:text-destructive flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border shadow-sm transition-colors", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: t('repositoryNode.removeRepository') })] }) }) }), _jsx(Dialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: _jsxs(DialogContent, { className: "max-w-xs", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t('repositoryNode.removeConfirmTitle') }), _jsx(DialogDescription, { children: t('repositoryNode.removeConfirmDescription', { name: data.name }) })] }), _jsxs(DialogFooter, { className: "grid grid-cols-2 gap-2 sm:flex-none", children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: t('repositoryNode.cancel') }) }), _jsx(Button, { variant: "destructive", onClick: () => {
+                                            }, className: "bg-card text-muted-foreground hover:border-destructive hover:text-destructive flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border shadow-sm transition-colors", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: t('repositoryNode.removeRepository') })] }) }) }), _jsx(Dialog, { open: confirmOpen, onOpenChange: setConfirmOpen, children: _jsxs(DialogContent, { className: "max-w-sm", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t('repositoryNode.removeConfirmTitle') }), _jsxs(DialogDescription, { children: [_jsx(Trans, { t: t, i18nKey: "repositoryNode.removeConfirmDescription", values: { name: data.name }, components: { strong: _jsx("strong", {}) } }), ' ', deleteFromDisk
+                                                    ? t('repositoryNode.removeConfirmDescriptionDeleteFiles')
+                                                    : t('repositoryNode.removeConfirmDescriptionKeepFiles')] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "repository-delete-from-disk", checked: deleteFromDisk, onCheckedChange: (checked) => setDeleteFromDisk(checked === true), "data-testid": "repository-node-delete-from-disk-checkbox", "aria-label": t('repositoryNode.deleteFromDiskLabel') }), _jsx(Label, { htmlFor: "repository-delete-from-disk", className: "cursor-pointer text-sm font-normal", children: t('repositoryNode.deleteFromDiskLabel') })] }), _jsxs(DialogFooter, { className: "grid grid-cols-2 gap-2 sm:flex-none", children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: t('repositoryNode.cancel') }) }), _jsx(Button, { variant: "destructive", "data-testid": "repository-node-delete-confirm-button", onClick: () => {
                                                 setConfirmOpen(false);
-                                                data.onDelete?.(data.id);
+                                                data.onDelete?.(data.id, { deleteFromDisk });
                                             }, children: t('repositoryNode.remove') })] })] }) })] })) : null, _jsxs("div", { role: "button", tabIndex: 0, "data-testid": "repository-node-card", "data-repo-name": data.name, onClick: (e) => {
                     e.stopPropagation();
                     data.onClick?.();

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,SAAS,GACV,EAAE,4BAA4B,kDAoM9B"}
+{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,SAAS,GACV,EAAE,4BAA4B,kDAsN9B"}

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from 'react';
-import { FolderOpen, Copy, Check, Loader2, CheckCircle2, AlertCircle, Terminal, ChevronDown, ExternalLink, } from 'lucide-react';
+import { FolderOpen, FolderPlus, Copy, Check, Loader2, CheckCircle2, AlertCircle, Terminal, ChevronDown, ExternalLink, } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { cn } from '../../../lib/utils.js';
 import { pickFolder } from '../../common/add-repository-button/pick-folder.js';
@@ -11,6 +11,7 @@ import { isAgentSetupComplete } from '../../../app/actions/agent-setup-flag.js';
 import { checkAgentAuth } from '../../../app/actions/check-agent-auth.js';
 import { checkToolStatus } from '../../../app/actions/check-tool-status.js';
 import { WelcomeAgentSetup } from './welcome-agent-setup.js';
+import { NewProjectDialog } from './new-project-dialog.js';
 const commands = ['cd ~/my-repo', 'shep feat new "sleek dashboard"'];
 export function ControlCenterEmptyState({ onRepositorySelect, className, }) {
     const { t } = useTranslation('web');
@@ -21,6 +22,7 @@ export function ControlCenterEmptyState({ onRepositorySelect, className, }) {
     const [authStatus, setAuthStatus] = useState(null);
     const [cliExpanded, setCliExpanded] = useState(false);
     const [toolStatus, setToolStatus] = useState(null);
+    const [newProjectOpen, setNewProjectOpen] = useState(false);
     const { reactFileManager: useReactFileManager } = useFeatureFlags();
     useEffect(() => {
         isAgentSetupComplete().then((done) => {
@@ -79,14 +81,14 @@ export function ControlCenterEmptyState({ onRepositorySelect, className, }) {
             /* Agent setup wizard — owns its own hero */
             _jsx(WelcomeAgentSetup, { onComplete: handleAgentSetupComplete })) : (
             /* Repository step — fade in to match wizard transitions */
-            _jsxs("div", { className: "animate-in fade-in flex w-full max-w-md flex-col items-center duration-300", children: [_jsx("h1", { className: "text-foreground/90 text-center text-5xl font-extralight tracking-tight", children: t('emptyState.addProject') }), _jsxs("p", { className: "text-muted-foreground mt-3 text-center text-lg leading-relaxed font-light", children: [t('emptyState.addProjectDescription'), _jsx("br", {}), t('emptyState.addProjectDescriptionLine2')] }), _jsxs("div", { className: "mt-8 flex w-full flex-col gap-3", children: [_jsx(AgentAuthBanner, { status: authStatus, onRetry: handleRetryAuth }), _jsx(ToolStatusRow, { label: t('emptyState.git'), status: toolStatus?.git ?? null, missingHint: t('emptyState.gitRequired') }), _jsx(ToolStatusRow, { label: t('emptyState.githubCli'), status: toolStatus?.gh ?? null, missingHint: t('emptyState.githubCliRequired') })] }), _jsxs("button", { type: "button", "data-testid": "empty-state-add-repository", onClick: handlePickerClick, disabled: loading, className: "bg-foreground text-background hover:bg-foreground/90 mt-10 flex w-full cursor-pointer items-center justify-center gap-2.5 rounded-xl px-6 py-4 text-base font-medium shadow-lg transition-all duration-200 hover:shadow-xl active:scale-[0.98] disabled:cursor-wait disabled:opacity-50", children: [loading ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (_jsx(FolderOpen, { className: "h-5 w-5" })), loading ? t('emptyState.opening') : t('emptyState.chooseFolder')] }), _jsx("p", { className: "text-muted-foreground/60 mt-3 text-center text-sm", children: t('emptyState.folderHint') })] })), agentReady ? (_jsxs("div", { className: "absolute bottom-8 flex flex-col items-center", style: {
+            _jsxs("div", { className: "animate-in fade-in flex w-full max-w-md flex-col items-center duration-300", children: [_jsx("h1", { className: "text-foreground/90 text-center text-5xl font-extralight tracking-tight", children: t('emptyState.addProject') }), _jsxs("p", { className: "text-muted-foreground mt-3 text-center text-lg leading-relaxed font-light", children: [t('emptyState.addProjectDescription'), _jsx("br", {}), t('emptyState.addProjectDescriptionLine2')] }), _jsxs("div", { className: "mt-8 flex w-full flex-col gap-3", children: [_jsx(AgentAuthBanner, { status: authStatus, onRetry: handleRetryAuth }), _jsx(ToolStatusRow, { label: t('emptyState.git'), status: toolStatus?.git ?? null, missingHint: t('emptyState.gitRequired') }), _jsx(ToolStatusRow, { label: t('emptyState.githubCli'), status: toolStatus?.gh ?? null, missingHint: t('emptyState.githubCliRequired') })] }), _jsxs("button", { type: "button", "data-testid": "empty-state-add-repository", onClick: handlePickerClick, disabled: loading, className: "bg-foreground text-background hover:bg-foreground/90 mt-10 flex w-full cursor-pointer items-center justify-center gap-2.5 rounded-xl px-6 py-4 text-base font-medium shadow-lg transition-all duration-200 hover:shadow-xl active:scale-[0.98] disabled:cursor-wait disabled:opacity-50", children: [loading ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (_jsx(FolderOpen, { className: "h-5 w-5" })), loading ? t('emptyState.opening') : t('emptyState.chooseFolder')] }), _jsxs("button", { type: "button", "data-testid": "empty-state-new-project", onClick: () => setNewProjectOpen(true), disabled: loading, className: "border-foreground/15 text-foreground/80 hover:bg-foreground/5 hover:border-foreground/25 mt-3 flex w-full cursor-pointer items-center justify-center gap-2.5 rounded-xl border px-6 py-3.5 text-sm font-medium transition-all duration-200 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50", children: [_jsx(FolderPlus, { className: "h-4 w-4" }), "New Project"] }), _jsx("p", { className: "text-muted-foreground/60 mt-3 text-center text-sm", children: t('emptyState.folderHint') })] })), agentReady ? (_jsxs("div", { className: "absolute bottom-8 flex flex-col items-center", style: {
                     animationDelay: '400ms',
                     animationDuration: '600ms',
                     animationFillMode: 'both',
                 }, children: [_jsxs("button", { type: "button", onClick: () => setCliExpanded(!cliExpanded), className: "text-muted-foreground hover:text-foreground flex cursor-pointer items-center gap-1.5 transition-colors duration-200", children: [_jsx(Terminal, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "text-sm", children: t('emptyState.orUseCli') }), _jsx(ChevronDown, { className: cn('h-3.5 w-3.5 transition-transform duration-200', cliExpanded ? '' : 'rotate-180') })] }), cliExpanded ? (_jsx("div", { className: "animate-in fade-in slide-in-from-top-1 mt-3 w-80 duration-200", children: _jsxs("div", { "data-testid": "cli-code-block", className: "relative rounded-xl bg-zinc-900 px-5 py-4 font-mono text-[13px] leading-relaxed text-zinc-400", children: [_jsx("button", { type: "button", "data-testid": "cli-code-block-copy", onClick: handleCopy, className: "absolute top-3 right-3 cursor-pointer rounded-md p-1.5 text-zinc-600 transition-colors hover:bg-zinc-800 hover:text-zinc-300", "aria-label": t('emptyState.copyCommands'), children: copied ? (_jsx(Check, { className: "h-3.5 w-3.5 text-emerald-400" })) : (_jsx(Copy, { className: "h-3.5 w-3.5" })) }), _jsx("div", { className: "space-y-1", children: commands.map((cmd) => (_jsxs("div", { className: "whitespace-nowrap", children: [_jsx("span", { className: "text-zinc-600 select-none", children: "$ " }), _jsx("span", { className: "text-zinc-300", children: cmd })] }, cmd))) })] }) })) : null] })) : null, _jsx(ReactFileManagerDialog, { open: showReactPicker, onOpenChange: (open) => {
                     if (!open)
                         setShowReactPicker(false);
-                }, onSelect: handleReactPickerSelect })] }));
+                }, onSelect: handleReactPickerSelect }), _jsx(NewProjectDialog, { open: newProjectOpen, onOpenChange: setNewProjectOpen, onCreated: (path) => onRepositorySelect?.(path) })] }));
 }
 /** Status row for the AI agent (Claude Code, etc.) */
 function AgentAuthBanner({ status, onRetry, }) {

package/dist/src/presentation/web/components/features/control-center/control-center-inner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAgC5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CAiezF"}
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAoBpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAoC5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA2iBzF"}

package/dist/src/presentation/web/components/features/control-center/control-center-inner.js

@@ -1,11 +1,18 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { Sparkles, FolderPlus, Github, GitBranch } from 'lucide-react';
+import { FolderPlus } from 'lucide-react';
 import { useReactFlow } from '@xyflow/react';
 import { FeaturesCanvas } from '../../features/features-canvas/index.js';
 import { CanvasToolbar } from '../../features/features-canvas/canvas-toolbar.js';
+import { WorkspaceSelector } from '../../features/features-canvas/workspace-selector.js';
+import { ManageWorkspaceDialog } from '../../features/features-canvas/manage-workspace-dialog.js';
+import { WorkspaceNameDialog } from '../../features/features-canvas/workspace-name-dialog.js';
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../../ui/alert-dialog.js';
+import { useWorkspaces, DEFAULT_WORKSPACE_ID } from '../../../hooks/use-workspaces.js';
+import { Layers, Plus } from 'lucide-react';
+import { Button } from '../../ui/button.js';
 import { FloatingActionButton, } from '../../common/floating-action-button/index.js';
 import { useSidebarFeaturesContext, mapNodeStateToSidebarStatus, } from '../../../hooks/sidebar-features-context.js';
 import { useTranslation } from 'react-i18next';
@@ -18,7 +25,11 @@ import { useViewportPersistence } from '../../../hooks/use-viewport-persistence.
 import { useSidebar } from '../../ui/sidebar.js';
 import { useFabLayout } from '../../../hooks/fab-layout-context.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
+import { NewProjectDialog } from './new-project-dialog.js';
 import { useControlCenterState } from './use-control-center-state.js';
+import { useCanvasEventListeners } from './use-canvas-event-listeners.js';
+import { useWorkspaceFitView } from './use-workspace-fit-view.js';
+import { useFabActions } from './use-fab-actions.js';
 const AUTO_FOCUS_OPTIONS = {
     maxZoom: 1.0,
     padding: 0.5,
@@ -26,7 +37,6 @@ const AUTO_FOCUS_OPTIONS = {
 };
 const AUTO_FOCUS_DRAWER_DELAY_MS = 600;
 export function ControlCenterInner({ initialNodes, initialEdges }) {
-    const { t } = useTranslation('web');
     const router = useRouter();
     const pathname = usePathname();
     const selectedFeatureId = useSelectedFeatureId();
@@ -37,6 +47,21 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const drawerTimerRef = useRef(null);
     const { defaultViewport, onMoveEnd: handleViewportChange, resetViewport, } = useViewportPersistence();
     const { nodes, edges, onNodesChange, handleConnect, handleAddRepository, handleArchiveFeature, handleDeleteFeature, handleRetryFeature, handleStartFeature, handleStopFeature, handleUnarchiveFeature, handleDeleteRepository, createFeatureNode, showArchived, setShowArchived, setCallbacks, } = useControlCenterState(initialNodes, initialEdges);
+    // ── Workspaces (client-only prototype) ────────────────────────────────
+    const { workspaces, activeWorkspace, isDefaultActive, setActiveWorkspace, createWorkspace, renameWorkspace, deleteWorkspace, setWorkspaceMembers, addToActiveWorkspace, } = useWorkspaces();
+    // Tracks the set of node ids we've already seen, so we can detect new
+    // repo/feature nodes appearing on the canvas and auto-include them in the
+    // active workspace (when it isn't the default).
+    const knownNodeIdsRef = useRef(new Set());
+    const [manageWorkspaceOpen, setManageWorkspaceOpen] = useState(false);
+    const [createWorkspaceOpen, setCreateWorkspaceOpen] = useState(false);
+    const [renameWorkspaceOpen, setRenameWorkspaceOpen] = useState(false);
+    const [deleteWorkspaceOpen, setDeleteWorkspaceOpen] = useState(false);
+    // Target of the delete confirmation dialog. Allows deleting any workspace
+    // (not just the active one) directly from the workspace dropdown.
+    const [pendingDeleteWorkspaceId, setPendingDeleteWorkspaceId] = useState(null);
+    // Inline "New Project" dialog launched from the empty-workspace state.
+    const [workspaceNewProjectOpen, setWorkspaceNewProjectOpen] = useState(false);
     // Publish sidebar features + repo state to context
     const { setFeatures: setSidebarFeatures, setHasRepositories: setSidebarHasRepos } = useSidebarFeaturesContext();
     const featureNodes = useMemo(() => nodes.filter((n) => n.type === 'featureNode'), [nodes]);
@@ -165,80 +190,26 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
             focusOnNode(tempNodeId);
         }
     }, [handleAddRepository, focusAndOpenDrawer, focusOnNode]);
-    // Listen for global "add repository" events from the top bar button
+    // All five window-level CustomEvent listeners (add-repository, feature-
+    // created, delete/archive/unarchive requests) live in this hook so the
+    // parent component stays focused on graph state + rendering.
+    useCanvasEventListeners({
+        addRepoAndFocus,
+        createFeatureNode,
+        nodes,
+        handleDeleteFeature,
+        handleArchiveFeature,
+        handleUnarchiveFeature,
+    });
+    // Cleanup the drawer timer on unmount. Used to live inside the inlined
+    // shep:add-repository listener; now standalone since the listener moved.
     useEffect(() => {
-        const handler = (e) => {
-            const path = e.detail.path;
-            addRepoAndFocus(path);
-        };
-        window.addEventListener('shep:add-repository', handler);
         return () => {
-            window.removeEventListener('shep:add-repository', handler);
             if (drawerTimerRef.current != null) {
                 clearTimeout(drawerTimerRef.current);
             }
         };
-    }, [addRepoAndFocus]);
-    // Listen for create events from the create drawer (with real feature ID from server)
-    useEffect(() => {
-        const handler = (e) => {
-            const detail = e.detail;
-            // When a parentId is provided, connect to the parent feature node
-            // via a dependency edge instead of the repo node.
-            if (detail.parentId) {
-                const parentNodeId = `feat-${detail.parentId}`;
-                createFeatureNode(parentNodeId, {
-                    state: 'creating',
-                    featureId: detail.featureId,
-                    name: detail.name,
-                    description: detail.description,
-                    repositoryPath: detail.repositoryPath,
-                }, 'dependencyEdge');
-                return;
-            }
-            // Find the repo node to connect to
-            const repoNode = nodes.find((n) => n.type === 'repositoryNode' &&
-                n.data.repositoryPath === detail.repositoryPath);
-            createFeatureNode(repoNode?.id ?? null, {
-                state: 'running',
-                featureId: detail.featureId,
-                name: detail.name,
-                description: detail.description,
-                repositoryPath: detail.repositoryPath,
-            });
-        };
-        window.addEventListener('shep:feature-created', handler);
-        return () => window.removeEventListener('shep:feature-created', handler);
-    }, [nodes, createFeatureNode]);
-    // Listen for delete requests from the feature drawer (fires when the user
-    // confirms delete inside the drawer). Delegates to handleDeleteFeature so
-    // the canvas gets optimistic state, mutation guard, and node removal.
-    useEffect(() => {
-        const handler = (e) => {
-            const { featureId, cleanup, cascadeDelete, closePr } = e.detail;
-            handleDeleteFeature(featureId, cleanup, cascadeDelete, closePr);
-        };
-        window.addEventListener('shep:feature-delete-requested', handler);
-        return () => window.removeEventListener('shep:feature-delete-requested', handler);
-    }, [handleDeleteFeature]);
-    // Listen for archive requests from the feature drawer.
-    useEffect(() => {
-        const handler = (e) => {
-            const { featureId } = e.detail;
-            handleArchiveFeature(featureId);
-        };
-        window.addEventListener('shep:feature-archive-requested', handler);
-        return () => window.removeEventListener('shep:feature-archive-requested', handler);
-    }, [handleArchiveFeature]);
-    // Listen for unarchive requests from the feature drawer.
-    useEffect(() => {
-        const handler = (e) => {
-            const { featureId } = e.detail;
-            handleUnarchiveFeature(featureId);
-        };
-        window.addEventListener('shep:feature-unarchive-requested', handler);
-        return () => window.removeEventListener('shep:feature-unarchive-requested', handler);
-    }, [handleUnarchiveFeature]);
+    }, []);
     // Wire callbacks into derived node data (via ref — no re-render).
     useEffect(() => {
         setCallbacks({
@@ -302,72 +273,111 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
                 clearTimeout(latchTimerRef.current);
         };
     }, [hasRepositories, showCanvas, resetViewport]);
+    // Auto-include any newly-appearing repo/feature nodes in the active
+    // workspace (skipped when default is active — that workspace shows
+    // everything anyway). We diff the current node id list against the set
+    // we've already seen so we only add the deltas.
+    useEffect(() => {
+        const seen = knownNodeIdsRef.current;
+        const newRepoIds = [];
+        const newFeatureIds = [];
+        for (const n of nodes) {
+            if (seen.has(n.id))
+                continue;
+            seen.add(n.id);
+            if (n.type === 'repositoryNode')
+                newRepoIds.push(n.id);
+            else if (n.type === 'featureNode')
+                newFeatureIds.push(n.id);
+        }
+        if (isDefaultActive)
+            return;
+        if (newRepoIds.length === 0 && newFeatureIds.length === 0)
+            return;
+        addToActiveWorkspace({ repoIds: newRepoIds, featureIds: newFeatureIds });
+    }, [nodes, isDefaultActive, addToActiveWorkspace]);
+    // Filter nodes by the active workspace (default workspace = no filter).
+    // We always filter from the full `nodes` list so `displayNodes` already
+    // reflects workspace membership before pulse-add decoration runs.
+    const workspaceFilteredNodes = useMemo(() => {
+        if (isDefaultActive)
+            return nodes;
+        const allowedRepos = new Set(activeWorkspace.repoIds);
+        const allowedFeatures = new Set(activeWorkspace.featureIds);
+        return nodes.filter((n) => {
+            if (n.type === 'repositoryNode')
+                return allowedRepos.has(n.id);
+            if (n.type === 'featureNode')
+                return allowedFeatures.has(n.id);
+            return true;
+        });
+    }, [nodes, isDefaultActive, activeWorkspace]);
+    // Drop edges whose endpoints were filtered out.
+    const workspaceFilteredEdges = useMemo(() => {
+        if (isDefaultActive)
+            return edges;
+        const visibleIds = new Set(workspaceFilteredNodes.map((n) => n.id));
+        return edges.filter((e) => visibleIds.has(e.source) && visibleIds.has(e.target));
+    }, [edges, isDefaultActive, workspaceFilteredNodes]);
     // Pulse the "+" button when there's a single repo with no features and the
     // create-feature drawer is not open — draws attention to the next action.
     const isCreateDrawerOpen = pathname.startsWith('/create');
     const displayNodes = useMemo(() => {
-        const repoNodes = nodes.filter((n) => n.type === 'repositoryNode');
-        const hasFeatures = nodes.some((n) => n.type === 'featureNode');
+        const source = workspaceFilteredNodes;
+        const repoNodes = source.filter((n) => n.type === 'repositoryNode');
+        const hasFeatures = source.some((n) => n.type === 'featureNode');
         const shouldPulse = repoNodes.length === 1 && !hasFeatures && !isCreateDrawerOpen;
         if (!shouldPulse)
-            return nodes;
-        return nodes.map((n) => n.type === 'repositoryNode' ? { ...n, data: { ...n.data, pulseAdd: true } } : n);
-    }, [nodes, isCreateDrawerOpen]);
+            return source;
+        return source.map((n) => n.type === 'repositoryNode' ? { ...n, data: { ...n.data, pulseAdd: true } } : n);
+    }, [workspaceFilteredNodes, isCreateDrawerOpen]);
     const handlePickFolder = useCallback(() => {
         window.dispatchEvent(new CustomEvent('shep:pick-folder'));
     }, []);
+    // Re-fit the viewport when the active workspace's visible node set changes.
+    // See use-workspace-fit-view.ts for the scoping rules.
+    useWorkspaceFitView({
+        activeWorkspace,
+        isDefaultActive,
+        workspaceFilteredNodes,
+        fitView,
+    });
+    // When the active (non-default) workspace has no members but real repos
+    // exist on the canvas, show a workspace-aware empty state instead of the
+    // welcome wizard. The wizard would imply "no repos at all", which is wrong
+    // here — and crucially, leaves the workspace selector visible via the
+    // toolbar so users can switch back to the default workspace.
+    const workspaceFilteredEmpty = hasRepositories && !isDefaultActive && workspaceFilteredNodes.length === 0;
+    const emptyStateNode = workspaceFilteredEmpty ? (_jsxs("div", { className: "pointer-events-auto flex h-full w-full flex-col items-center justify-center px-8", children: [_jsx("div", { className: "bg-primary/10 text-primary mb-5 flex h-12 w-12 items-center justify-center rounded-2xl", children: _jsx(Layers, { className: "h-6 w-6" }) }), _jsx("h2", { className: "text-foreground/90 text-center text-2xl font-light tracking-tight", children: "This workspace is empty" }), _jsx("p", { className: "text-muted-foreground mt-2 max-w-sm text-center text-sm leading-relaxed", children: "Add repositories or features from the canvas, or switch back to the default workspace to see everything." }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsxs(Button, { size: "sm", onClick: () => setWorkspaceNewProjectOpen(true), className: "bg-blue-500 text-white hover:bg-blue-600", children: [_jsx(FolderPlus, { className: "me-1.5 h-3.5 w-3.5" }), "New project"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setManageWorkspaceOpen(true), children: [_jsx(Plus, { className: "me-1.5 h-3.5 w-3.5" }), "Manage items"] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setActiveWorkspace(DEFAULT_WORKSPACE_ID), children: "Switch to Default" })] })] })) : (_jsx(ControlCenterEmptyState, { onRepositorySelect: addRepoAndFocus }));
     const featureFlags = useFeatureFlags();
-    // (+) FAB actions — only visible on control center
-    const fabActions = useMemo(() => {
-        const actions = [
-            {
-                id: 'new-feature',
-                label: t('fab.newFeature'),
-                icon: _jsx(Sparkles, { className: "h-4 w-4" }),
-                onClick: () => {
-                    clickSound.play();
-                    guardedNavigate(() => router.push('/create'));
-                },
-            },
-            {
-                id: 'add-local-repo',
-                label: t('fab.localFolder'),
-                icon: _jsx(FolderPlus, { className: "h-4 w-4" }),
-                onClick: handlePickFolder,
-            },
-        ];
-        if (featureFlags.adoptBranch) {
-            actions.push({
-                id: 'adopt-branch',
-                label: t('fab.adoptBranch'),
-                icon: _jsx(GitBranch, { className: "h-4 w-4" }),
-                onClick: () => {
-                    guardedNavigate(() => router.push('/adopt'));
-                },
-            });
-        }
-        if (featureFlags.githubImport) {
-            actions.push({
-                id: 'add-github-repo',
-                label: t('fab.fromGithub'),
-                icon: _jsx(Github, { className: "h-4 w-4" }),
-                onClick: () => {
-                    window.dispatchEvent(new CustomEvent('shep:open-github-import'));
-                },
-            });
-        }
-        return actions;
-    }, [
-        t,
+    // (+) FAB actions — only visible on control center. Action list lives in
+    // its own hook so this component stays focused on graph state + rendering.
+    const fabActions = useFabActions({
+        router,
         clickSound,
         guardedNavigate,
-        router,
         handlePickFolder,
-        featureFlags.adoptBranch,
-        featureFlags.githubImport,
-    ]);
-    const canvasToolbar = (_jsx(CanvasToolbar, { showArchived: showArchived, onToggleArchived: () => setShowArchived(!showArchived), onResetViewport: resetViewport }));
-    return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: showCanvas ? displayNodes : [], edges: showCanvas ? edges : [], selectedFeatureId: selectedFeatureId, selectedRepository: selectedRepository, defaultViewport: defaultViewport, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeClick: handleNodeClick, onPaneClick: handleClearDrawers, onMoveEnd: handleMoveEnd, toolbar: canvasToolbar, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: addRepoAndFocus }) }), showCanvas ? _jsx(CreateFab, { actions: fabActions }) : null] }));
+        onNewProject: () => setWorkspaceNewProjectOpen(true),
+        featureFlags,
+    });
+    const canvasToolbar = (_jsx(CanvasToolbar, { showArchived: showArchived, onToggleArchived: () => setShowArchived(!showArchived), onResetViewport: resetViewport, startSlot: _jsx(WorkspaceSelector, { workspaces: workspaces, activeWorkspace: activeWorkspace, onSelect: setActiveWorkspace, onRequestCreate: () => setCreateWorkspaceOpen(true), onRequestRename: () => setRenameWorkspaceOpen(true), onRequestDelete: (id) => {
+                setPendingDeleteWorkspaceId(id);
+                setDeleteWorkspaceOpen(true);
+            }, onManage: () => setManageWorkspaceOpen(true) }) }));
+    return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: showCanvas ? displayNodes : [], edges: showCanvas ? workspaceFilteredEdges : [], selectedFeatureId: selectedFeatureId, selectedRepository: selectedRepository, defaultViewport: defaultViewport, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeClick: handleNodeClick, onPaneClick: handleClearDrawers, onMoveEnd: handleMoveEnd, toolbar: canvasToolbar, emptyState: emptyStateNode }), showCanvas ? _jsx(CreateFab, { actions: fabActions }) : null, _jsx(NewProjectDialog, { open: workspaceNewProjectOpen, onOpenChange: setWorkspaceNewProjectOpen, onCreated: (path) => addRepoAndFocus(path) }), _jsx(ManageWorkspaceDialog, { open: manageWorkspaceOpen, onOpenChange: setManageWorkspaceOpen, workspace: activeWorkspace, allNodes: nodes, onSave: (members) => setWorkspaceMembers(activeWorkspace.id, members) }), _jsx(WorkspaceNameDialog, { open: createWorkspaceOpen, onOpenChange: setCreateWorkspaceOpen, title: "New workspace", description: "Create a workspace to filter the canvas to a specific set of repositories and features.", confirmLabel: "Create", onConfirm: (name) => {
+                    createWorkspace(name);
+                    setManageWorkspaceOpen(true);
+                } }), _jsx(WorkspaceNameDialog, { open: renameWorkspaceOpen, onOpenChange: setRenameWorkspaceOpen, title: "Rename workspace", initialValue: activeWorkspace.name, confirmLabel: "Rename", onConfirm: (name) => renameWorkspace(activeWorkspace.id, name) }), _jsx(AlertDialog, { open: deleteWorkspaceOpen, onOpenChange: (open) => {
+                    setDeleteWorkspaceOpen(open);
+                    if (!open)
+                        setPendingDeleteWorkspaceId(null);
+                }, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete workspace?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently remove the workspace \u201C", workspaces.find((w) => w.id === pendingDeleteWorkspaceId)?.name ??
+                                            activeWorkspace.name, "\u201D. The repositories and features themselves are not affected."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", onClick: () => {
+                                        if (pendingDeleteWorkspaceId) {
+                                            deleteWorkspace(pendingDeleteWorkspaceId);
+                                            setPendingDeleteWorkspaceId(null);
+                                        }
+                                    }, children: "Delete" })] })] }) })] }));
 }
 /** (+) FAB that tracks sidebar width via CSS var + transition.
  *  When fabLayout.swapPosition is true, moves to the end side (right in LTR). */

package/dist/src/presentation/web/components/features/control-center/new-project-dialog.d.ts

@@ -0,0 +1,8 @@
+export interface NewProjectDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Called with the absolute path of the newly-created project folder. */
+    onCreated: (path: string) => void;
+}
+export declare function NewProjectDialog({ open, onOpenChange, onCreated }: NewProjectDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=new-project-dialog.d.ts.map

package/dist/src/presentation/web/components/features/control-center/new-project-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-project-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/new-project-dialog.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,yEAAyE;IACzE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAsFxF"}

package/dist/src/presentation/web/components/features/control-center/new-project-dialog.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Loader2 } from 'lucide-react';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
+import { Input } from '../../ui/input.js';
+import { Button } from '../../ui/button.js';
+import { createProjectFolder } from '../../../app/actions/create-project-folder.js';
+export function NewProjectDialog({ open, onOpenChange, onCreated }) {
+    const [name, setName] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    // Reset state every time the dialog opens.
+    useEffect(() => {
+        if (open) {
+            setName('');
+            setBusy(false);
+            setError(null);
+        }
+    }, [open]);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        const trimmed = name.trim();
+        if (!trimmed || busy)
+            return;
+        setBusy(true);
+        setError(null);
+        const result = await createProjectFolder(trimmed);
+        if (!result.ok || !result.path) {
+            setError(result.error ?? 'Failed to create project.');
+            setBusy(false);
+            return;
+        }
+        // Hand the new path off to the empty state's existing add-repo flow.
+        onCreated(result.path);
+        onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsx(DialogContent, { className: "max-w-sm", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "New project" }), _jsx(DialogDescription, { children: "Create an empty project folder inside your Shep home directory. Git will be initialised automatically when the project is added." })] }), _jsxs("div", { className: "py-4", children: [_jsx(Input, { autoFocus: true, value: name, onChange: (e) => {
+                                    setName(e.target.value);
+                                    if (error)
+                                        setError(null);
+                                }, placeholder: "my-prototype", disabled: busy, "data-testid": "new-project-name-input" }), error ? (_jsx("p", { className: "text-destructive mt-2 text-xs", role: "alert", children: error })) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), disabled: busy, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: !name.trim() || busy, children: busy ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Creating\u2026"] })) : ('Create project') })] })] }) }) }));
+}

package/dist/src/presentation/web/components/features/control-center/use-canvas-event-listeners.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Wire global window events used by the control center canvas to the
+ * appropriate handlers. The canvas listens for cross-component requests
+ * dispatched as CustomEvents:
+ *
+ *   - shep:add-repository           → addRepoAndFocus(path)
+ *   - shep:feature-created          → createFeatureNode(...)
+ *   - shep:feature-delete-requested → handleDeleteFeature(...)
+ *   - shep:feature-archive-requested → handleArchiveFeature(...)
+ *   - shep:feature-unarchive-requested → handleUnarchiveFeature(...)
+ *
+ * Extracted from control-center-inner.tsx so the parent component stays
+ * focused on graph state + rendering, not event-bus plumbing.
+ */
+import type { CanvasNodeType } from '../../features/features-canvas/index.js';
+import type { FeatureNodeData } from '../../common/feature-node/index.js';
+export type CreateFeatureNodeFn = (sourceNodeId: string | null, dataOverride?: Partial<FeatureNodeData>, edgeType?: string) => string;
+export interface CanvasEventListenerHandlers {
+    addRepoAndFocus: (path: string) => void;
+    createFeatureNode: CreateFeatureNodeFn;
+    nodes: CanvasNodeType[];
+    handleDeleteFeature: (featureId: string, cleanup?: boolean, cascadeDelete?: boolean, closePr?: boolean) => void;
+    handleArchiveFeature: (featureId: string) => void;
+    handleUnarchiveFeature: (featureId: string) => void;
+}
+export declare function useCanvasEventListeners(handlers: CanvasEventListenerHandlers): void;
+//# sourceMappingURL=use-canvas-event-listeners.d.ts.map

package/dist/src/presentation/web/components/features/control-center/use-canvas-event-listeners.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-canvas-event-listeners.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-canvas-event-listeners.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG,CAChC,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;AAEZ,MAAM,WAAW,2BAA2B;IAC1C,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,EAAE,mBAAmB,CAAC;IACvC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mBAAmB,EAAE,CACnB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,OAAO,EACjB,aAAa,CAAC,EAAE,OAAO,EACvB,OAAO,CAAC,EAAE,OAAO,KACd,IAAI,CAAC;IACV,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,sBAAsB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,2BAA2B,GAAG,IAAI,CAyGnF"}