devchain-cli 0.9.1 → 0.10.0

package/dist/server/modules/orchestrator/ui/app/orchestrator-app.js

@@ -0,0 +1,752 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateWorktreeDialog = CreateWorktreeDialog;
+exports.OrchestratorApp = OrchestratorApp;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_query_1 = require("@tanstack/react-query");
+const lucide_react_1 = require("lucide-react");
+const badge_1 = require("../../../../ui/components/ui/badge");
+const button_1 = require("../../../../ui/components/ui/button");
+const card_1 = require("../../../../ui/components/ui/card");
+const checkbox_1 = require("../../../../ui/components/ui/checkbox");
+const dialog_1 = require("../../../../ui/components/ui/dialog");
+const input_1 = require("../../../../ui/components/ui/input");
+const label_1 = require("../../../../ui/components/ui/label");
+const select_1 = require("../../../../ui/components/ui/select");
+const separator_1 = require("../../../../ui/components/ui/separator");
+const textarea_1 = require("../../../../ui/components/ui/textarea");
+const runtime_1 = require("../../../../ui/lib/runtime");
+const utils_1 = require("../../../../ui/lib/utils");
+const worktrees_1 = require("./lib/worktrees");
+const REFRESH_INTERVAL_MS = 15_000;
+const ACTIVITY_REFRESH_INTERVAL_MS = 60_000;
+const OVERVIEW_TAB_ID = 'overview';
+const WORKTREE_NAME_PATTERN = /^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/;
+const INVALID_BRANCH_CONTROL_OR_SPACE = /[\x00-\x20\x7f]/;
+const INVALID_BRANCH_CHARS = /[~^:?*\[]/;
+function formatMaybeCount(value) {
+    if (value === null || value === undefined) {
+        return '--';
+    }
+    return String(value);
+}
+function getDerivedStatus(worktree, mergeInProgress = false) {
+    if (mergeInProgress) {
+        return { icon: '◔', label: 'Merging', iconClassName: 'text-amber-600' };
+    }
+    const normalized = worktree.status.toLowerCase();
+    if (normalized === 'merged') {
+        return { icon: '🔀', label: 'Merged', iconClassName: 'text-violet-600' };
+    }
+    if (normalized === 'completed') {
+        return { icon: '✓', label: 'Completed', iconClassName: 'text-emerald-600' };
+    }
+    if (normalized === 'stopped') {
+        return { icon: '■', label: 'Stopped', iconClassName: 'text-slate-500' };
+    }
+    if (normalized === 'error') {
+        return { icon: '✕', label: 'Error', iconClassName: 'text-red-600' };
+    }
+    if (normalized === 'running') {
+        const isIdle = (worktree.commitsAhead ?? 0) === 0 &&
+            (worktree.commitsBehind ?? 0) === 0 &&
+            !worktree.errorMessage;
+        if (isIdle) {
+            return { icon: '◌', label: 'Idle', iconClassName: 'text-amber-600' };
+        }
+        return { icon: '●', label: 'Running', iconClassName: 'text-blue-600' };
+    }
+    return { icon: '●', label: 'Creating', iconClassName: 'text-sky-500' };
+}
+function getRuntimeTypeLabel(runtimeType) {
+    return String(runtimeType).trim().toLowerCase() === 'process' ? 'Process' : 'Container';
+}
+function getRuntimeTypeBadgeClassName(runtimeType) {
+    return String(runtimeType).trim().toLowerCase() === 'process'
+        ? 'border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300'
+        : 'border-sky-500/30 bg-sky-500/10 text-sky-700 dark:text-sky-300';
+}
+function normalizeWorktreeName(value) {
+    return value
+        .trim()
+        .toLowerCase()
+        .replace(/[^a-z0-9-]+/g, '-')
+        .replace(/-{2,}/g, '-')
+        .replace(/^-+/, '')
+        .replace(/-+$/, '')
+        .slice(0, 63);
+}
+function deriveBranchName(worktreeName) {
+    return normalizeWorktreeName(worktreeName);
+}
+function isValidGitBranchName(name) {
+    if (name.length < 1 || name.length > 255) {
+        return false;
+    }
+    if (INVALID_BRANCH_CONTROL_OR_SPACE.test(name)) {
+        return false;
+    }
+    if (name.includes('..') ||
+        name.includes('@{') ||
+        name.includes('//') ||
+        name.includes('\\') ||
+        name.startsWith('/') ||
+        name.endsWith('/') ||
+        name.startsWith('.') ||
+        name.endsWith('.') ||
+        name.endsWith('.lock')) {
+        return false;
+    }
+    if (INVALID_BRANCH_CHARS.test(name)) {
+        return false;
+    }
+    const segments = name.split('/');
+    return !segments.some((segment) => segment.length === 0 || segment === '.' || segment === '..');
+}
+function toErrorMessage(error) {
+    if (error instanceof Error) {
+        return error.message;
+    }
+    return 'Request failed';
+}
+function isWorktreeApiError(error) {
+    return (error instanceof Error &&
+        'status' in error &&
+        typeof error.status === 'number' &&
+        'conflicts' in error &&
+        Array.isArray(error.conflicts));
+}
+function parseStoredMergeConflicts(raw) {
+    if (!raw) {
+        return [];
+    }
+    const files = raw
+        .split('\n')
+        .map((line) => line.trim())
+        .filter(Boolean);
+    return [...new Set(files)].map((file) => ({ file, type: 'merge' }));
+}
+function formatTimestamp(value) {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) {
+        return value;
+    }
+    return new Intl.DateTimeFormat(undefined, {
+        month: 'short',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+    }).format(date);
+}
+function formatRelativeTimestamp(value) {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) {
+        return value;
+    }
+    const diffMs = Date.now() - date.getTime();
+    if (diffMs < 60_000) {
+        return 'just now';
+    }
+    const diffMinutes = Math.floor(diffMs / 60_000);
+    if (diffMinutes < 60) {
+        return `${diffMinutes}m ago`;
+    }
+    const diffHours = Math.floor(diffMinutes / 60);
+    if (diffHours < 24) {
+        return `${diffHours}h ago`;
+    }
+    const diffDays = Math.floor(diffHours / 24);
+    return `${diffDays}d ago`;
+}
+function getActivityIconVisual(type) {
+    const normalizedType = String(type).trim().toLowerCase();
+    if (normalizedType === 'started') {
+        return {
+            icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Play, { className: "h-4 w-4" }),
+            className: 'text-emerald-600',
+        };
+    }
+    if (normalizedType === 'stopped') {
+        return {
+            icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Square, { className: "h-4 w-4" }),
+            className: 'text-slate-500',
+        };
+    }
+    if (normalizedType === 'created') {
+        return {
+            icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { className: "h-4 w-4" }),
+            className: 'text-sky-600',
+        };
+    }
+    if (normalizedType === 'deleted') {
+        return {
+            icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { className: "h-4 w-4" }),
+            className: 'text-rose-600',
+        };
+    }
+    if (normalizedType === 'merged') {
+        return {
+            icon: (0, jsx_runtime_1.jsx)(lucide_react_1.GitMerge, { className: "h-4 w-4" }),
+            className: 'text-violet-600',
+        };
+    }
+    if (normalizedType === 'error') {
+        return {
+            icon: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "h-4 w-4" }),
+            className: 'text-red-600',
+        };
+    }
+    if (normalizedType === 'rebased') {
+        return {
+            icon: (0, jsx_runtime_1.jsx)(lucide_react_1.GitBranch, { className: "h-4 w-4" }),
+            className: 'text-amber-600',
+        };
+    }
+    return {
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "h-4 w-4" }),
+        className: 'text-muted-foreground',
+    };
+}
+function CreateWorktreeDialog({ open, onOpenChange, templates, baseBranchOptions, isBranchesLoading, branchesError, isTemplatesLoading, templatesError, dockerAvailable, isSubmitting, onSubmit, }) {
+    const [name, setName] = (0, react_1.useState)('');
+    const [branchName, setBranchName] = (0, react_1.useState)('');
+    const [baseBranch, setBaseBranch] = (0, react_1.useState)('');
+    const [templateSlug, setTemplateSlug] = (0, react_1.useState)('');
+    const [description, setDescription] = (0, react_1.useState)('');
+    const [useDockerContainer, setUseDockerContainer] = (0, react_1.useState)(dockerAvailable);
+    const [branchIsAutoDerived, setBranchIsAutoDerived] = (0, react_1.useState)(true);
+    const [selectedPreset, setSelectedPreset] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            return;
+        }
+        setName('');
+        setBranchName('');
+        setBaseBranch(baseBranchOptions[0] ?? '');
+        setTemplateSlug(templates[0]?.slug ?? '');
+        setDescription('');
+        setUseDockerContainer(dockerAvailable);
+        setBranchIsAutoDerived(true);
+        setSelectedPreset('');
+        setError(null);
+    }, [open, baseBranchOptions, dockerAvailable, templates]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            return;
+        }
+        if (!baseBranch.trim() && baseBranchOptions.length > 0) {
+            setBaseBranch(baseBranchOptions[0]);
+        }
+    }, [baseBranchOptions, baseBranch, open]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            return;
+        }
+        if (templates.length > 0 && !templates.some((template) => template.slug === templateSlug)) {
+            setTemplateSlug(templates[0].slug);
+        }
+    }, [open, templateSlug, templates]);
+    const { data: templateDetail } = (0, react_query_1.useQuery)({
+        queryKey: ['template-detail', templateSlug],
+        queryFn: () => (0, worktrees_1.fetchTemplate)(templateSlug),
+        enabled: Boolean(templateSlug),
+        staleTime: 5 * 60 * 1000,
+    });
+    const availablePresets = (0, react_1.useMemo)(() => {
+        const presets = templateDetail?.content?.presets;
+        if (!Array.isArray(presets) || presets.length === 0)
+            return [];
+        return presets.map((p) => p.name).reverse();
+    }, [templateDetail]);
+    (0, react_1.useEffect)(() => {
+        setSelectedPreset('');
+    }, [templateSlug]);
+    async function handleSubmit(event) {
+        event.preventDefault();
+        setError(null);
+        const resolvedName = normalizeWorktreeName(name);
+        const resolvedBranchName = branchName.trim();
+        const resolvedDescription = description.trim();
+        if (!WORKTREE_NAME_PATTERN.test(resolvedName)) {
+            setError('Name must use lowercase letters, numbers, and hyphens (1-63 chars, no leading/trailing hyphen).');
+            return;
+        }
+        if (!isValidGitBranchName(resolvedBranchName)) {
+            setError('Branch name is invalid.');
+            return;
+        }
+        const resolvedBaseBranch = baseBranch.trim();
+        if (!resolvedBaseBranch) {
+            setError('Base branch is required.');
+            return;
+        }
+        if (!templateSlug.trim()) {
+            setError('Template is required.');
+            return;
+        }
+        try {
+            await onSubmit({
+                name: resolvedName,
+                branchName: resolvedBranchName,
+                baseBranch: resolvedBaseBranch,
+                templateSlug,
+                description: resolvedDescription.length > 0 ? resolvedDescription : undefined,
+                runtimeType: useDockerContainer && dockerAvailable ? 'container' : 'process',
+                ...(selectedPreset && { presetName: selectedPreset }),
+            });
+        }
+        catch (submitError) {
+            setError(toErrorMessage(submitError));
+        }
+    }
+    const canSelectBaseBranch = baseBranchOptions.length > 0;
+    const showManualBaseBranchInput = Boolean(branchesError) || (!isBranchesLoading && baseBranchOptions.length === 0);
+    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: open, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "sm:max-w-xl", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: "Create New Worktree" }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { children: "Create an isolated worktree runtime from a selected template." })] }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: (event) => void handleSubmit(event), children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-4 py-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "wt-name", children: "Name" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "wt-name", value: name, placeholder: "feature-auth", onChange: (event) => {
+                                                const normalizedName = normalizeWorktreeName(event.target.value);
+                                                setName(normalizedName);
+                                                if (branchIsAutoDerived) {
+                                                    setBranchName(deriveBranchName(normalizedName));
+                                                }
+                                            }, disabled: isSubmitting }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: "Used for worktree path and container name." })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "wt-branch", children: "Branch Name" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "wt-branch", value: branchName, placeholder: "feature-auth", onChange: (event) => {
+                                                const nextBranch = event.target.value;
+                                                setBranchName(nextBranch);
+                                                setBranchIsAutoDerived(nextBranch === deriveBranchName(name));
+                                            }, disabled: isSubmitting }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: "Auto-derived from name until manually edited." })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2 sm:grid-cols-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "wt-base", children: "Base Branch" }), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: canSelectBaseBranch && baseBranchOptions.includes(baseBranch) ? baseBranch : '', onValueChange: setBaseBranch, disabled: isSubmitting || isBranchesLoading || !canSelectBaseBranch, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { id: "wt-base", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: isBranchesLoading ? 'Loading branches...' : 'Select base branch' }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { children: baseBranchOptions.map((branch) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: branch, children: branch }, branch))) })] }), isBranchesLoading && ((0, jsx_runtime_1.jsxs)("p", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-3 w-3 animate-spin" }), "Loading branches..."] })), branchesError && ((0, jsx_runtime_1.jsx)("p", { className: "rounded-md border border-red-300 bg-red-50 p-2 text-xs text-red-700", children: branchesError })), showManualBaseBranchInput && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "wt-base-manual", className: "text-xs text-muted-foreground", children: "Enter base branch manually" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "wt-base-manual", value: baseBranch, placeholder: "main", onChange: (event) => setBaseBranch(event.target.value), disabled: isSubmitting })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "wt-template", children: "Template" }), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: templateSlug, onValueChange: setTemplateSlug, disabled: isSubmitting || isTemplatesLoading || templates.length === 0, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { id: "wt-template", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: isTemplatesLoading ? 'Loading templates...' : 'Select template' }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { children: templates.map((template) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: template.slug, children: template.name }, template.slug))) })] }), isTemplatesLoading && ((0, jsx_runtime_1.jsxs)("p", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-3 w-3 animate-spin" }), "Loading templates..."] })), templatesError && ((0, jsx_runtime_1.jsx)("p", { className: "rounded-md border border-red-300 bg-red-50 p-2 text-xs text-red-700", children: templatesError }))] })] }), availablePresets.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "wt-preset", children: "Preset (Optional)" }), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: selectedPreset || '__none__', onValueChange: (v) => setSelectedPreset(v === '__none__' ? '' : v), disabled: isSubmitting, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { id: "wt-preset", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: "Use default configuration" }) }), (0, jsx_runtime_1.jsxs)(select_1.SelectContent, { children: [(0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: "__none__", children: "Default configuration" }), availablePresets.map((presetName) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: presetName, children: presetName }, presetName)))] })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: "Optionally select a preset to pre-configure agent providers" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "wt-description", children: "Description" }), (0, jsx_runtime_1.jsx)(textarea_1.Textarea, { id: "wt-description", value: description, placeholder: "Describe the worktree goal and implementation scope...", rows: 4, onChange: (event) => setDescription(event.target.value), disabled: isSubmitting })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2 rounded-md border p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { id: "wt-use-docker", checked: useDockerContainer, onCheckedChange: (value) => setUseDockerContainer(value === true), disabled: isSubmitting || !dockerAvailable }), (0, jsx_runtime_1.jsxs)("div", { className: "grid gap-1", children: [(0, jsx_runtime_1.jsx)(label_1.Label, { htmlFor: "wt-use-docker", className: (0, utils_1.cn)(!dockerAvailable && 'text-muted-foreground'), children: "Use Docker container" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: "Provides full process and filesystem isolation." })] })] }), !dockerAvailable && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: "Docker is required for container isolation. Worktree will run as a host process." }))] }), error && ((0, jsx_runtime_1.jsx)("p", { className: "rounded-md border border-red-300 bg-red-50 p-2 text-sm text-red-700", children: error }))] }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Cancel" }), (0, jsx_runtime_1.jsxs)(button_1.Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Create"] })] })] })] }) }));
+}
+function MergePreviewDialog({ open, onOpenChange, worktree, preview, isPreviewLoading, previewError, isMerging, onConfirmMerge, onResolveManually, }) {
+    const conflicts = preview?.conflicts ?? [];
+    const canMerge = Boolean(preview?.canMerge);
+    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: open, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "sm:max-w-xl", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: "Merge Preview" }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { children: worktree
+                                ? `Review merge changes for "${worktree.name}" before executing merge.`
+                                : 'Review merge changes before executing merge.' })] }), isPreviewLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 rounded-md border p-3 text-sm text-muted-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), "Loading merge preview..."] })) : previewError ? ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md border border-red-300 bg-red-50 p-3 text-sm text-red-700", children: previewError })) : preview ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-2 sm:grid-cols-3", children: [(0, jsx_runtime_1.jsx)(InfoCell, { label: "Ahead", value: String(preview.commitsAhead) }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Behind", value: String(preview.commitsBehind) }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Files Changed", value: String(preview.filesChanged) }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Insertions", value: String(preview.insertions) }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Deletions", value: String(preview.deletions) }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Conflicts", value: String(conflicts.length) })] }), conflicts.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm font-medium text-amber-800", children: "Conflicting files" }), (0, jsx_runtime_1.jsx)("ul", { className: "mt-2 space-y-1 text-sm text-amber-900", children: conflicts.map((conflict) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.FileWarning, { className: "h-4 w-4 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs", children: conflict.file })] }, `${conflict.type}:${conflict.file}`))) }), (0, jsx_runtime_1.jsx)("p", { className: "mt-2 text-xs text-amber-700", children: "Resolve conflicts manually or abort this merge attempt." })] })), preview.canMerge && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md border border-emerald-300 bg-emerald-50 p-3 text-sm text-emerald-800", children: "Merge can proceed cleanly." }))] })) : null, (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: isMerging, children: "Abort" }), worktree && preview && !canMerge && ((0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "secondary", onClick: () => void onResolveManually(worktree), disabled: isMerging, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.FolderOpen, { className: "mr-2 h-4 w-4" }), "Resolve Manually"] })), worktree && preview && canMerge && ((0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "default", onClick: () => void onConfirmMerge(worktree.id), disabled: isMerging, children: [isMerging && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Confirm Merge"] }))] })] }) }));
+}
+function DeleteWorktreeDialog({ open, onOpenChange, worktree, deleteBranch, onDeleteBranchChange, isDeleting, onConfirmDelete, }) {
+    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: open, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: "Delete Worktree" }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { children: worktree
+                                ? `Delete worktree "${worktree.name}"? This action cannot be undone.`
+                                : 'Delete this worktree? This action cannot be undone.' })] }), worktree && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 rounded-md border p-3", children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { id: "delete-branch-checkbox", checked: deleteBranch, onCheckedChange: (checked) => onDeleteBranchChange(checked === true) }), (0, jsx_runtime_1.jsxs)(label_1.Label, { htmlFor: "delete-branch-checkbox", className: "text-sm font-normal", children: ["Also delete git branch ", (0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: worktree.branchName })] })] })), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: isDeleting, children: "Cancel" }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "destructive", onClick: () => {
+                                void onConfirmDelete();
+                            }, disabled: isDeleting || !worktree, children: [isDeleting && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete Worktree"] })] })] }) }));
+}
+function OrchestratorApp({ ownerProjectId } = {}) {
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const scopedWorktreesQueryKey = ['orchestrator-worktrees', ownerProjectId ?? null];
+    const scopedActivityQueryKey = [
+        'orchestrator-worktree-activity',
+        ownerProjectId ?? null,
+    ];
+    const [activeTabId, setActiveTabId] = (0, react_1.useState)(OVERVIEW_TAB_ID);
+    const [createDialogOpen, setCreateDialogOpen] = (0, react_1.useState)(false);
+    const [actionError, setActionError] = (0, react_1.useState)(null);
+    const [actionInfo, setActionInfo] = (0, react_1.useState)(null);
+    const [mergeDialogWorktreeId, setMergeDialogWorktreeId] = (0, react_1.useState)(null);
+    const [deleteDialogWorktreeId, setDeleteDialogWorktreeId] = (0, react_1.useState)(null);
+    const [deleteBranch, setDeleteBranch] = (0, react_1.useState)(true);
+    const [deletingWorktreeIds, setDeletingWorktreeIds] = (0, react_1.useState)({});
+    const [deleteErrors, setDeleteErrors] = (0, react_1.useState)({});
+    const [mergeInProgressWorktreeId, setMergeInProgressWorktreeId] = (0, react_1.useState)(null);
+    const [dismissedMergedNoticeIds, setDismissedMergedNoticeIds] = (0, react_1.useState)([]);
+    const [mergeConflictMap, setMergeConflictMap] = (0, react_1.useState)({});
+    const worktreesQuery = (0, react_query_1.useQuery)({
+        queryKey: scopedWorktreesQueryKey,
+        queryFn: () => ownerProjectId
+            ? (0, worktrees_1.listWorktrees)({
+                ownerProjectId,
+            })
+            : (0, worktrees_1.listWorktrees)(),
+        refetchInterval: REFRESH_INTERVAL_MS,
+        refetchOnWindowFocus: true,
+    });
+    const overviewQuery = (0, react_query_1.useQuery)({
+        queryKey: ['orchestrator-worktree-overview', ownerProjectId ?? null],
+        queryFn: () => ownerProjectId
+            ? (0, worktrees_1.listWorktreeOverviews)({
+                ownerProjectId,
+            })
+            : (0, worktrees_1.listWorktreeOverviews)(),
+        enabled: activeTabId === OVERVIEW_TAB_ID,
+        refetchInterval: activeTabId === OVERVIEW_TAB_ID ? REFRESH_INTERVAL_MS : false,
+        refetchOnWindowFocus: true,
+    });
+    const activityQuery = (0, react_query_1.useQuery)({
+        queryKey: scopedActivityQueryKey,
+        queryFn: () => ownerProjectId
+            ? (0, worktrees_1.listWorktreeActivity)({
+                ownerProjectId,
+            })
+            : (0, worktrees_1.listWorktreeActivity)(),
+        enabled: activeTabId === OVERVIEW_TAB_ID,
+        refetchInterval: activeTabId === OVERVIEW_TAB_ID ? ACTIVITY_REFRESH_INTERVAL_MS : false,
+        refetchOnWindowFocus: true,
+    });
+    const templatesQuery = (0, react_query_1.useQuery)({
+        queryKey: ['orchestrator-worktree-templates'],
+        queryFn: worktrees_1.listTemplates,
+        enabled: createDialogOpen,
+        staleTime: 60_000,
+    });
+    const branchesQuery = (0, react_query_1.useQuery)({
+        queryKey: ['orchestrator-branches'],
+        queryFn: worktrees_1.listBranches,
+        enabled: createDialogOpen,
+        staleTime: 30_000,
+    });
+    const runtimeQuery = (0, react_query_1.useQuery)({
+        queryKey: ['orchestrator-runtime-info'],
+        queryFn: runtime_1.fetchRuntimeInfo,
+        staleTime: 60_000,
+    });
+    const createWorktreeMutation = (0, react_query_1.useMutation)({
+        mutationFn: worktrees_1.createWorktree,
+        onSuccess: (createdWorktree) => {
+            setCreateDialogOpen(false);
+            setActiveTabId(createdWorktree.id);
+            setActionError(null);
+            queryClient.setQueryData(scopedWorktreesQueryKey, (existing) => {
+                const items = existing ?? [];
+                const withoutCreated = items.filter((item) => item.id !== createdWorktree.id);
+                return [createdWorktree, ...withoutCreated];
+            });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktrees'] });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktree-overview'] });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktree-activity'] });
+        },
+    });
+    const stopWorktreeMutation = (0, react_query_1.useMutation)({
+        mutationFn: worktrees_1.stopWorktree,
+        onSuccess: () => {
+            setActionError(null);
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktrees'] });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktree-overview'] });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktree-activity'] });
+        },
+    });
+    const deleteWorktreeMutation = (0, react_query_1.useMutation)({
+        mutationFn: ({ id, deleteBranch: shouldDeleteBranch }) => (0, worktrees_1.deleteWorktree)(id, { deleteBranch: shouldDeleteBranch }),
+        onSuccess: (_, variables) => {
+            if (activeTabId === variables.id) {
+                setActiveTabId(OVERVIEW_TAB_ID);
+            }
+            setActionError(null);
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktrees'] });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktree-overview'] });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktree-activity'] });
+        },
+    });
+    const mergeWorktreeMutation = (0, react_query_1.useMutation)({
+        mutationFn: worktrees_1.triggerMerge,
+        onMutate: async (worktreeId) => {
+            setMergeInProgressWorktreeId(worktreeId);
+            setActionError(null);
+            setActionInfo(null);
+        },
+        onSuccess: (mergedWorktree) => {
+            setMergeDialogWorktreeId(null);
+            setMergeConflictMap((current) => {
+                if (!current[mergedWorktree.id]) {
+                    return current;
+                }
+                const next = { ...current };
+                delete next[mergedWorktree.id];
+                return next;
+            });
+            setDismissedMergedNoticeIds((current) => current.filter((id) => id !== mergedWorktree.id));
+            setActionError(null);
+            setActionInfo(`Merged "${mergedWorktree.name}". Keep or delete the worktree from its tab.`);
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktrees'] });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktree-overview'] });
+            void queryClient.invalidateQueries({ queryKey: ['orchestrator-worktree-activity'] });
+        },
+        onError: (error, worktreeId) => {
+            if (isWorktreeApiError(error) && error.conflicts.length > 0) {
+                setMergeConflictMap((current) => ({ ...current, [worktreeId]: error.conflicts }));
+            }
+            setActionError(toErrorMessage(error));
+        },
+        onSettled: (_data, _error, worktreeId) => {
+            setMergeInProgressWorktreeId((current) => (current === worktreeId ? null : current));
+        },
+    });
+    const worktrees = worktreesQuery.data ?? [];
+    const overviewRows = overviewQuery.data ?? [];
+    const activityItems = activityQuery.data ?? [];
+    const templates = templatesQuery.data ?? [];
+    const selectedWorktree = (0, react_1.useMemo)(() => activeTabId === OVERVIEW_TAB_ID
+        ? null
+        : (worktrees.find((worktree) => worktree.id === activeTabId) ?? null), [activeTabId, worktrees]);
+    const selectedConflictFiles = (0, react_1.useMemo)(() => {
+        if (!selectedWorktree) {
+            return [];
+        }
+        const fromApiError = mergeConflictMap[selectedWorktree.id];
+        if (fromApiError && fromApiError.length > 0) {
+            return fromApiError;
+        }
+        return parseStoredMergeConflicts(selectedWorktree.mergeConflicts);
+    }, [mergeConflictMap, selectedWorktree]);
+    const mergeDialogWorktree = (0, react_1.useMemo)(() => mergeDialogWorktreeId
+        ? (worktrees.find((worktree) => worktree.id === mergeDialogWorktreeId) ?? null)
+        : null, [mergeDialogWorktreeId, worktrees]);
+    const deleteDialogWorktree = (0, react_1.useMemo)(() => deleteDialogWorktreeId
+        ? (worktrees.find((worktree) => worktree.id === deleteDialogWorktreeId) ?? null)
+        : null, [deleteDialogWorktreeId, worktrees]);
+    const mergePreviewQuery = (0, react_query_1.useQuery)({
+        queryKey: ['orchestrator-worktree-merge-preview', mergeDialogWorktreeId],
+        queryFn: async () => {
+            if (!mergeDialogWorktreeId) {
+                throw new Error('No worktree selected for merge preview');
+            }
+            return (0, worktrees_1.previewMerge)(mergeDialogWorktreeId);
+        },
+        enabled: Boolean(mergeDialogWorktreeId),
+        retry: false,
+    });
+    (0, react_1.useEffect)(() => {
+        const worktreeId = mergeDialogWorktreeId;
+        const preview = mergePreviewQuery.data;
+        if (!worktreeId || !preview || preview.conflicts.length > 0) {
+            return;
+        }
+        setMergeConflictMap((current) => {
+            if (!current[worktreeId]) {
+                return current;
+            }
+            const next = { ...current };
+            delete next[worktreeId];
+            return next;
+        });
+        queryClient.setQueryData(scopedWorktreesQueryKey, (existing) => {
+            if (!existing) {
+                return existing;
+            }
+            return existing.map((item) => item.id === worktreeId
+                ? {
+                    ...item,
+                    mergeConflicts: null,
+                }
+                : item);
+        });
+    }, [mergeDialogWorktreeId, mergePreviewQuery.data, queryClient, scopedWorktreesQueryKey]);
+    (0, react_1.useEffect)(() => {
+        if (worktrees.length === 0) {
+            setActiveTabId(OVERVIEW_TAB_ID);
+            return;
+        }
+        if (activeTabId !== OVERVIEW_TAB_ID &&
+            !worktrees.some((worktree) => worktree.id === activeTabId)) {
+            setActiveTabId(worktrees[0].id);
+        }
+    }, [activeTabId, worktrees]);
+    const baseBranchOptions = branchesQuery.data ?? [];
+    async function handleCreateWorktree(input) {
+        const resolvedOwnerProjectId = ownerProjectId?.trim();
+        if (!resolvedOwnerProjectId) {
+            throw new Error('Select a project before creating a worktree.');
+        }
+        await createWorktreeMutation.mutateAsync({
+            ...input,
+            ownerProjectId: resolvedOwnerProjectId,
+        });
+    }
+    async function handleStopWorktree(id) {
+        try {
+            await stopWorktreeMutation.mutateAsync(id);
+            setActionInfo(null);
+        }
+        catch (error) {
+            setActionError(toErrorMessage(error));
+        }
+    }
+    function handleOpenDeleteWorktreeDialog(worktree) {
+        setDeleteDialogWorktreeId(worktree.id);
+        setDeleteBranch(true);
+        if (deleteErrors[worktree.id]) {
+            setDeleteErrors((current) => {
+                const next = { ...current };
+                delete next[worktree.id];
+                return next;
+            });
+        }
+        setActionError(null);
+        setActionInfo(null);
+    }
+    async function handleDeleteWorktree() {
+        if (!deleteDialogWorktree) {
+            return;
+        }
+        const worktreeId = deleteDialogWorktree.id;
+        const shouldDeleteBranch = deleteBranch;
+        setDeleteDialogWorktreeId(null);
+        setDeleteBranch(true);
+        setActionInfo(null);
+        setDeletingWorktreeIds((current) => ({ ...current, [worktreeId]: true }));
+        if (deleteErrors[worktreeId]) {
+            setDeleteErrors((current) => {
+                const next = { ...current };
+                delete next[worktreeId];
+                return next;
+            });
+        }
+        deleteWorktreeMutation.mutate({
+            id: worktreeId,
+            deleteBranch: shouldDeleteBranch,
+        }, {
+            onError: (error) => {
+                setDeleteErrors((current) => ({
+                    ...current,
+                    [worktreeId]: toErrorMessage(error),
+                }));
+            },
+            onSettled: () => {
+                setDeletingWorktreeIds((current) => {
+                    if (!current[worktreeId]) {
+                        return current;
+                    }
+                    const next = { ...current };
+                    delete next[worktreeId];
+                    return next;
+                });
+            },
+        });
+    }
+    function handleOpenMergePreview(worktree) {
+        setMergeDialogWorktreeId(worktree.id);
+        setActionError(null);
+        setActionInfo(null);
+    }
+    async function handleMergeWorktree(id) {
+        try {
+            await mergeWorktreeMutation.mutateAsync(id);
+        }
+        catch (error) {
+            setActionError(toErrorMessage(error));
+        }
+    }
+    async function handleResolveManually(worktree) {
+        if (!worktree.worktreePath) {
+            setActionError('Cannot resolve manually: worktree path is unavailable.');
+            return;
+        }
+        const worktreePath = worktree.worktreePath;
+        const editorUri = `vscode://file/${encodeURI(worktreePath)}`;
+        let openedEditor = false;
+        try {
+            openedEditor = Boolean(window.open(editorUri, '_blank', 'noopener,noreferrer'));
+        }
+        catch {
+            openedEditor = false;
+        }
+        let copied = false;
+        if (navigator.clipboard && typeof navigator.clipboard.writeText === 'function') {
+            try {
+                await navigator.clipboard.writeText(worktreePath);
+                copied = true;
+            }
+            catch {
+                copied = false;
+            }
+        }
+        setActionError(null);
+        if (openedEditor && copied) {
+            setActionInfo('Opened editor and copied worktree path for manual conflict resolution.');
+        }
+        else if (openedEditor) {
+            setActionInfo('Opened worktree in editor for manual conflict resolution.');
+        }
+        else if (copied) {
+            setActionInfo('Worktree path copied. Open it in your editor to resolve conflicts.');
+        }
+        else {
+            setActionInfo(`Open your editor at: ${worktreePath}`);
+        }
+    }
+    async function handleAbortMerge(worktree) {
+        if (!worktree.worktreePath) {
+            setActionInfo('Merge aborted in UI. Resolve conflicts manually before retrying merge.');
+            setActionError(null);
+            setMergeDialogWorktreeId(null);
+            return;
+        }
+        const command = `git -C "${worktree.worktreePath}" merge --abort`;
+        let copied = false;
+        if (navigator.clipboard && typeof navigator.clipboard.writeText === 'function') {
+            try {
+                await navigator.clipboard.writeText(command);
+                copied = true;
+            }
+            catch {
+                copied = false;
+            }
+        }
+        if (copied) {
+            setActionInfo('Abort command copied. Run it in terminal to cancel in-progress merge state.');
+        }
+        else {
+            setActionInfo(`Run this command to abort merge: ${command}`);
+        }
+        setActionError(null);
+        setMergeDialogWorktreeId(null);
+    }
+    function handleKeepWorktree(id) {
+        setDismissedMergedNoticeIds((current) => (current.includes(id) ? current : [...current, id]));
+        setActionError(null);
+        setActionInfo('Keeping merged worktree.');
+    }
+    const selectedVisual = selectedWorktree
+        ? getDerivedStatus(selectedWorktree, mergeInProgressWorktreeId === selectedWorktree.id)
+        : null;
+    const selectedWorktreeId = selectedWorktree?.id ?? null;
+    const selectedIsDeleting = selectedWorktreeId
+        ? Boolean(deletingWorktreeIds[selectedWorktreeId])
+        : false;
+    const selectedDeleteError = selectedWorktreeId ? deleteErrors[selectedWorktreeId] : undefined;
+    const selectedIsMerged = String(selectedWorktree?.status ?? '').toLowerCase() === 'merged';
+    const showSelectedMergedNotice = Boolean(selectedWorktree) &&
+        selectedIsMerged &&
+        !dismissedMergedNoticeIds.includes(selectedWorktree?.id ?? '');
+    return ((0, jsx_runtime_1.jsxs)("main", { className: "min-h-screen bg-background text-foreground", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-full max-w-7xl flex-col gap-4 p-4 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("header", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "text-xs uppercase tracking-[0.2em] text-muted-foreground", children: "Orchestrator" }), (0, jsx_runtime_1.jsx)("h1", { className: "text-2xl font-semibold", children: "Worktree Dashboard" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", onClick: () => worktreesQuery.refetch(), disabled: worktreesQuery.isLoading || worktreesQuery.isFetching, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCcw, { className: "mr-2 h-4 w-4" }), "Refresh"] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", onClick: () => setCreateDialogOpen(true), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { className: "mr-2 h-4 w-4" }), "New Worktree"] })] })] }), (0, jsx_runtime_1.jsx)(card_1.Card, { children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 overflow-x-auto pb-1", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setActiveTabId(OVERVIEW_TAB_ID), className: (0, utils_1.cn)('inline-flex min-w-max items-center gap-2 rounded-md border px-3 py-2 text-sm transition-colors', activeTabId === OVERVIEW_TAB_ID
+                                            ? 'border-primary bg-primary/10 text-primary'
+                                            : 'border-border bg-card hover:bg-accent hover:text-accent-foreground'), children: [(0, jsx_runtime_1.jsx)("span", { className: "text-base leading-none", children: "\u25EB" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "Overview" })] }), worktrees.map((worktree) => {
+                                        const visual = getDerivedStatus(worktree, mergeInProgressWorktreeId === worktree.id);
+                                        const selected = activeTabId === worktree.id;
+                                        return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setActiveTabId(worktree.id), className: (0, utils_1.cn)('inline-flex min-w-max items-center gap-2 rounded-md border px-3 py-2 text-sm transition-colors', selected
+                                                ? 'border-primary bg-primary/10 text-primary'
+                                                : 'border-border bg-card hover:bg-accent hover:text-accent-foreground'), children: [(0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('text-base leading-none', visual.iconClassName), children: visual.icon }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: worktree.name })] }, worktree.id));
+                                    }), worktrees.length === 0 && ((0, jsx_runtime_1.jsx)("p", { className: "px-2 py-2 text-sm text-muted-foreground", children: "No worktrees available yet." }))] }) }) }), worktreesQuery.error instanceof Error && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "border-red-300 bg-red-50/60 dark:bg-red-950/20", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "flex items-start gap-3 p-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "mt-0.5 h-4 w-4 text-red-600" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-red-700 dark:text-red-300", children: worktreesQuery.error.message })] }) })), actionError && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "border-red-300 bg-red-50/60 dark:bg-red-950/20", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "flex items-start gap-3 p-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "mt-0.5 h-4 w-4 text-red-600" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-red-700 dark:text-red-300", children: actionError })] }) })), actionInfo && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "border-emerald-300 bg-emerald-50/70", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "flex items-start gap-3 p-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "mt-0.5 h-4 w-4 text-emerald-700" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-emerald-800", children: actionInfo })] }) })), activeTabId === OVERVIEW_TAB_ID ? ((0, jsx_runtime_1.jsxs)("div", { className: "grid gap-4 lg:grid-cols-[2fr_1fr]", children: [(0, jsx_runtime_1.jsxs)(card_1.Card, { children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-base", children: "Worktree Overview" }), overviewQuery.isFetching && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: "Refreshing overview..." }))] }), (0, jsx_runtime_1.jsx)(separator_1.Separator, {})] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: overviewQuery.isLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), "Loading overview data..."] })) : overviewQuery.error instanceof Error ? ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-red-700 dark:text-red-300", children: overviewQuery.error.message })) : overviewRows.length === 0 ? ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: "No worktree overview data available." })) : ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-3 md:grid-cols-2", children: overviewRows.map((overview) => {
+                                                const worktree = overview.worktree;
+                                                const isMergeInProgress = mergeInProgressWorktreeId === worktree.id;
+                                                const visual = getDerivedStatus(worktree, isMergeInProgress);
+                                                const normalizedStatus = String(worktree.status).toLowerCase();
+                                                const isDeleting = Boolean(deletingWorktreeIds[worktree.id]);
+                                                const deleteError = deleteErrors[worktree.id];
+                                                const isMerged = normalizedStatus === 'merged';
+                                                const stopDisabled = ['stopped', 'merged', 'creating'].includes(normalizedStatus);
+                                                const mergeDisabled = ['merged', 'creating'].includes(normalizedStatus);
+                                                return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)(card_1.Card, { "aria-busy": isDeleting || undefined, className: (0, utils_1.cn)('relative border-border/80', isDeleting && 'opacity-70'), children: [isDeleting ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : null, (0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-base", children: worktree.name }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: worktree.branchName })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [(0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: "outline", className: (0, utils_1.cn)('font-medium', visual.iconClassName), children: [visual.icon, " ", visual.label] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: "outline", className: (0, utils_1.cn)('font-medium', getRuntimeTypeBadgeClassName(worktree.runtimeType)), children: getRuntimeTypeLabel(worktree.runtimeType) })] })] }), (0, jsx_runtime_1.jsx)(separator_1.Separator, {}), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [(0, jsx_runtime_1.jsx)(InfoCell, { label: "Template", value: worktree.templateSlug }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Epic Progress", value: overview.epics.total === null || overview.epics.done === null
+                                                                                        ? '--'
+                                                                                        : `${overview.epics.done}/${overview.epics.total}` }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Agents", value: overview.agents.total === null
+                                                                                        ? '--'
+                                                                                        : String(overview.agents.total) }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Ahead/Behind", value: `${formatMaybeCount(worktree.commitsAhead)} / ${formatMaybeCount(worktree.commitsBehind)}` })] }), (0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-muted-foreground", children: ["Updated ", formatTimestamp(overview.fetchedAt)] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "outline", disabled: isDeleting, onClick: () => setActiveTabId(worktree.id), children: "Open" }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "outline", disabled: stopDisabled || isDeleting, onClick: () => void handleStopWorktree(worktree.id), children: "Stop" }), isMerged ? ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "secondary", disabled: isDeleting, onClick: () => handleKeepWorktree(worktree.id), children: "Keep Worktree" })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "secondary", disabled: mergeDisabled || isMergeInProgress || isDeleting, onClick: () => handleOpenMergePreview(worktree), children: "Merge" })), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "destructive", disabled: isDeleting, onClick: () => handleOpenDeleteWorktreeDialog(worktree), children: "Delete" })] })] })] }), deleteError ? ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-destructive", children: deleteError })) : null] }, worktree.id));
+                                            }) })) })] }), (0, jsx_runtime_1.jsxs)(card_1.Card, { children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "space-y-3", children: [(0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-base", children: "Lifecycle Activity" }), (0, jsx_runtime_1.jsx)(separator_1.Separator, {})] }), (0, jsx_runtime_1.jsxs)(card_1.CardContent, { children: [activityQuery.isLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), "Loading activity..."] })) : activityItems.length === 0 ? ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: "No activity yet." })) : ((0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: activityItems.map((item) => {
+                                                    const visual = getActivityIconVisual(item.type);
+                                                    return ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md border p-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('mt-0.5', visual.className), children: visual.icon }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm font-medium", children: item.message }), (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: item.worktreeName }), (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", title: formatTimestamp(item.publishedAt), children: formatRelativeTimestamp(item.publishedAt) })] })] }) }, item.id));
+                                                }) })), activityQuery.error instanceof Error && ((0, jsx_runtime_1.jsx)("p", { className: "mt-3 text-sm text-red-700 dark:text-red-300", children: activityQuery.error.message }))] })] })] })) : ((0, jsx_runtime_1.jsxs)(card_1.Card, { children: [(0, jsx_runtime_1.jsxs)(card_1.CardHeader, { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.GitBranch, { className: "h-4 w-4 text-muted-foreground" }), (0, jsx_runtime_1.jsx)(card_1.CardTitle, { className: "text-base", children: selectedWorktree ? selectedWorktree.branchName : 'Select a worktree' })] }), selectedWorktree && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: "outline", className: (0, utils_1.cn)('font-medium', selectedVisual?.iconClassName), children: [selectedVisual?.icon, " ", selectedVisual?.label] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: "outline", className: (0, utils_1.cn)('font-medium', getRuntimeTypeBadgeClassName(selectedWorktree.runtimeType)), children: getRuntimeTypeLabel(selectedWorktree.runtimeType) })] }))] }), (0, jsx_runtime_1.jsx)(separator_1.Separator, {}), (0, jsx_runtime_1.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-5", children: [(0, jsx_runtime_1.jsx)(InfoCell, { label: "Branch", value: selectedWorktree?.branchName ?? '--' }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Base", value: selectedWorktree?.baseBranch ?? '--' }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Agent Count", value: selectedWorktree?.devchainProjectId ? '1' : '0' }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Commits Ahead", value: formatMaybeCount(selectedWorktree?.commitsAhead ?? null) }), (0, jsx_runtime_1.jsx)(InfoCell, { label: "Commits Behind", value: formatMaybeCount(selectedWorktree?.commitsBehind ?? null) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-2", children: [selectedWorktree && selectedIsMerged ? ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "secondary", onClick: () => handleKeepWorktree(selectedWorktree.id), children: "Keep Worktree" })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "secondary", disabled: !selectedWorktree ||
+                                                    selectedWorktree.status === 'merged' ||
+                                                    mergeInProgressWorktreeId === selectedWorktree.id, onClick: () => selectedWorktree && handleOpenMergePreview(selectedWorktree), children: "Merge" })), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "outline", disabled: !selectedWorktree || selectedWorktree.status === 'stopped', onClick: () => selectedWorktree && void handleStopWorktree(selectedWorktree.id), children: "Stop" }), selectedWorktree && selectedIsMerged && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "destructive", disabled: selectedIsDeleting, onClick: () => handleOpenDeleteWorktreeDialog(selectedWorktree), children: [selectedIsDeleting ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, selectedIsDeleting ? 'Deleting...' : 'Delete Worktree'] }))] })] }), (0, jsx_runtime_1.jsxs)(card_1.CardContent, { children: [selectedDeleteError ? ((0, jsx_runtime_1.jsx)("p", { className: "mb-3 text-xs text-destructive", children: selectedDeleteError })) : null, showSelectedMergedNotice && selectedWorktree && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 rounded-md border border-emerald-300 bg-emerald-50 p-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm font-medium text-emerald-800", children: "This worktree is merged. Keep it for reference or delete it now." }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex flex-wrap gap-2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "secondary", onClick: () => handleKeepWorktree(selectedWorktree.id), children: "Keep Worktree" }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "destructive", disabled: selectedIsDeleting, onClick: () => handleOpenDeleteWorktreeDialog(selectedWorktree), children: "Delete Worktree" })] })] })), selectedWorktree && selectedConflictFiles.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 rounded-md border border-amber-300 bg-amber-50 p-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm font-medium text-amber-900", children: "Merge conflicts detected" }), (0, jsx_runtime_1.jsx)("ul", { className: "mt-2 space-y-1 text-sm text-amber-900", children: selectedConflictFiles.map((conflict) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.FileWarning, { className: "h-4 w-4 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs", children: conflict.file })] }, `${conflict.type}:${conflict.file}`))) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex flex-wrap gap-2", children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "secondary", onClick: () => void handleResolveManually(selectedWorktree), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.FolderOpen, { className: "mr-2 h-4 w-4" }), "Resolve Manually"] }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", variant: "outline", onClick: () => void handleAbortMerge(selectedWorktree), children: "Abort Merge" })] })] })), (0, jsx_runtime_1.jsx)("div", { className: "rounded-lg border border-dashed border-border p-6 text-sm text-muted-foreground", children: selectedWorktree
+                                            ? `Proxy content area for "${selectedWorktree.name}" will mount here in Proxy module implementation.`
+                                            : 'Select a worktree tab to view container information and controls.' })] })] }))] }), (0, jsx_runtime_1.jsx)(CreateWorktreeDialog, { open: createDialogOpen, onOpenChange: setCreateDialogOpen, templates: templates, baseBranchOptions: baseBranchOptions, isBranchesLoading: branchesQuery.isLoading || (branchesQuery.isFetching && !branchesQuery.data), branchesError: branchesQuery.error instanceof Error ? branchesQuery.error.message : null, isTemplatesLoading: templatesQuery.isLoading || (templatesQuery.isFetching && !templatesQuery.data), templatesError: templatesQuery.error instanceof Error ? templatesQuery.error.message : null, dockerAvailable: runtimeQuery.data?.dockerAvailable ?? false, isSubmitting: createWorktreeMutation.isPending, onSubmit: handleCreateWorktree }), (0, jsx_runtime_1.jsx)(MergePreviewDialog, { open: Boolean(mergeDialogWorktreeId), onOpenChange: (value) => {
+                    if (!value) {
+                        setMergeDialogWorktreeId(null);
+                    }
+                }, worktree: mergeDialogWorktree, preview: mergePreviewQuery.data ?? null, isPreviewLoading: mergePreviewQuery.isFetching || mergePreviewQuery.isLoading, previewError: mergePreviewQuery.error instanceof Error ? mergePreviewQuery.error.message : null, isMerging: mergeWorktreeMutation.isPending, onConfirmMerge: handleMergeWorktree, onResolveManually: handleResolveManually }), (0, jsx_runtime_1.jsx)(DeleteWorktreeDialog, { open: Boolean(deleteDialogWorktreeId), onOpenChange: (value) => {
+                    if (!value) {
+                        setDeleteDialogWorktreeId(null);
+                        setDeleteBranch(true);
+                    }
+                }, worktree: deleteDialogWorktree, deleteBranch: deleteBranch, onDeleteBranchChange: setDeleteBranch, isDeleting: deleteDialogWorktree ? Boolean(deletingWorktreeIds[deleteDialogWorktree.id]) : false, onConfirmDelete: handleDeleteWorktree })] }));
+}
+function InfoCell({ label, value }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "rounded-md border bg-card p-3", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-xs uppercase tracking-[0.12em] text-muted-foreground", children: label }), (0, jsx_runtime_1.jsx)("p", { className: "mt-1 text-sm font-medium", children: value })] }));
+}
+//# sourceMappingURL=orchestrator-app.js.map