@shepai/cli 1.152.0 → 1.153.0-pr477.9c7fcd0

package/dist/src/presentation/web/components/common/commit-history-tree/commit-history-tree.js

@@ -0,0 +1,120 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { GitCommit, AlertCircle, GitBranch, Copy, Check, Loader2 } from 'lucide-react';
+/* ---------------------------------------------------------------------------
+ * Helpers
+ * ------------------------------------------------------------------------- */
+function formatRelativeDate(iso) {
+    if (!iso)
+        return '';
+    const date = new Date(iso);
+    if (Number.isNaN(date.getTime()))
+        return '';
+    const diffMs = Date.now() - date.getTime();
+    const diffSeconds = Math.floor(diffMs / 1000);
+    if (diffSeconds < 60)
+        return 'just now';
+    const diffMinutes = Math.floor(diffSeconds / 60);
+    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);
+    if (diffDays < 30)
+        return `${diffDays}d ago`;
+    const diffMonths = Math.floor(diffDays / 30);
+    if (diffMonths < 12)
+        return `${diffMonths}mo ago`;
+    return `${Math.floor(diffMonths / 12)}y ago`;
+}
+/** Generate a deterministic color from a string (e.g. author email). */
+function getAvatarColor(seed) {
+    let hash = 0;
+    for (let i = 0; i < seed.length; i++) {
+        hash = seed.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    const hue = Math.abs(hash) % 360;
+    return `hsl(${hue}, 60%, 45%)`;
+}
+function getInitials(name) {
+    const parts = name.trim().split(/\s+/);
+    if (parts.length === 1)
+        return parts[0].slice(0, 2).toUpperCase();
+    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+/** Parse refs into branch and tag labels, stripping remote prefixes. */
+function parseRefs(refs) {
+    const branches = [];
+    const tags = [];
+    for (const ref of refs) {
+        if (ref.startsWith('tag: ')) {
+            tags.push(ref.slice(5));
+        }
+        else if (ref.startsWith('HEAD -> ')) {
+            branches.push(ref.slice(8));
+        }
+        else if (!ref.startsWith('origin/') && !ref.startsWith('upstream/')) {
+            branches.push(ref);
+        }
+    }
+    return { branches, tags };
+}
+/* ---------------------------------------------------------------------------
+ * Sub-components
+ * ------------------------------------------------------------------------- */
+function AuthorAvatar({ name, email }) {
+    const initials = getInitials(name || email || '?');
+    const color = getAvatarColor(email || name);
+    return (_jsx("span", { title: name || email, style: { backgroundColor: color }, className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-[9px] font-semibold text-white", children: initials }));
+}
+function RefBadge({ label, variant }) {
+    const classes = variant === 'head'
+        ? 'bg-violet-100 text-violet-700 dark:bg-violet-950/50 dark:text-violet-300'
+        : variant === 'branch'
+            ? 'bg-emerald-100 text-emerald-700 dark:bg-emerald-950/50 dark:text-emerald-300'
+            : 'bg-amber-100 text-amber-700 dark:bg-amber-950/50 dark:text-amber-300';
+    return (_jsxs("span", { className: `inline-flex items-center gap-0.5 rounded px-1 py-0.5 text-[10px] font-medium ${classes}`, children: [variant !== 'tag' && _jsx(GitBranch, { className: "h-2.5 w-2.5" }), label] }));
+}
+function CopyHashButton({ hash }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = useCallback(() => {
+        navigator.clipboard.writeText(hash).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1500);
+        });
+    }, [hash]);
+    return (_jsx("button", { type: "button", onClick: handleCopy, title: "Copy full commit hash", className: "text-muted-foreground/40 hover:text-muted-foreground ml-0.5 opacity-0 transition-opacity group-hover/commit:opacity-100", children: copied ? _jsx(Check, { className: "h-3 w-3 text-emerald-500" }) : _jsx(Copy, { className: "h-3 w-3" }) }));
+}
+function BranchSelector({ currentBranch, defaultBranch, activeBranch, onBranchChange, }) {
+    const branches = Array.from(new Set([currentBranch, defaultBranch].filter(Boolean)));
+    if (branches.length <= 1)
+        return null;
+    return (_jsx("div", { className: "flex items-center gap-1 px-4 py-2", children: branches.map((branch) => (_jsxs("button", { type: "button", onClick: () => onBranchChange(branch), className: `flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors ${activeBranch === branch
+                ? 'bg-primary/10 text-primary'
+                : 'text-muted-foreground hover:text-foreground hover:bg-muted/50'}`, children: [_jsx(GitBranch, { className: "h-3 w-3" }), branch, branch === currentBranch && branch === activeBranch && (_jsx("span", { className: "bg-primary/20 text-primary rounded px-1 text-[9px]", children: "current" })), branch === defaultBranch && (_jsx("span", { className: "bg-muted text-muted-foreground rounded px-1 text-[9px]", children: "default" }))] }, branch))) }));
+}
+function CommitRow({ commit, isLast }) {
+    const { branches, tags } = parseRefs(commit.refs);
+    const headRef = commit.refs.find((r) => r.startsWith('HEAD -> '));
+    const headBranch = headRef ? headRef.slice(8) : null;
+    return (_jsxs("div", { className: "group/commit relative flex gap-3 px-4 py-2", children: [_jsxs("div", { className: "relative flex flex-col items-center", children: [_jsx("div", { className: "bg-primary relative z-10 mt-1.5 h-3 w-3 shrink-0 rounded-full border-2 border-white shadow-sm dark:border-gray-900" }), !isLast && (_jsx("div", { className: "bg-border/60 mt-0.5 w-px flex-1", style: { minHeight: '16px' } }))] }), _jsxs("div", { className: "min-w-0 flex-1 pb-1", children: [headBranch || branches.length > 0 || tags.length > 0 ? (_jsxs("div", { className: "mb-1 flex flex-wrap gap-1", children: [headBranch ? _jsx(RefBadge, { label: headBranch, variant: "head" }) : null, branches
+                                .filter((b) => b !== headBranch)
+                                .map((b) => (_jsx(RefBadge, { label: b, variant: "branch" }, b))), tags.map((t) => (_jsx(RefBadge, { label: t, variant: "tag" }, t)))] })) : null, _jsx("p", { className: "text-foreground/90 truncate text-sm leading-snug", title: commit.subject, children: commit.subject }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx(AuthorAvatar, { name: commit.authorName, email: commit.authorEmail }), _jsx("span", { className: "text-muted-foreground min-w-0 truncate text-xs", children: commit.authorName || commit.authorEmail }), _jsx("span", { className: "text-muted-foreground/60 shrink-0 font-mono text-xs", children: commit.shortHash }), _jsx(CopyHashButton, { hash: commit.hash }), _jsx("span", { className: "text-muted-foreground/50 ml-auto shrink-0 text-xs tabular-nums", children: formatRelativeDate(commit.date) })] })] })] }));
+}
+/* ---------------------------------------------------------------------------
+ * Main component
+ * ------------------------------------------------------------------------- */
+export function CommitHistoryTree({ commits, loading, error, currentBranch, defaultBranch, activeBranch, onBranchChange, }) {
+    if (loading) {
+        return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin" }) }));
+    }
+    if (error) {
+        return (_jsxs("div", { className: "flex items-center gap-2 p-4 text-sm text-red-600", children: [_jsx(AlertCircle, { className: "h-4 w-4 shrink-0" }), _jsx("span", { children: error })] }));
+    }
+    if (!commits || commits.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 p-8", children: [_jsx(GitCommit, { className: "text-muted-foreground h-8 w-8" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "No commits found" })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx(BranchSelector, { currentBranch: currentBranch, defaultBranch: defaultBranch, activeBranch: activeBranch, onBranchChange: onBranchChange }), _jsx("div", { className: "flex flex-col", children: commits.map((commit, index) => (_jsx(CommitRow, { commit: commit, isLast: index === commits.length - 1 }, commit.hash))) })] }));
+}

package/dist/src/presentation/web/components/common/commit-history-tree/commit-history-tree.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CommitHistoryTree } from './commit-history-tree.js';
+declare const meta: Meta<typeof CommitHistoryTree>;
+export default meta;
+type Story = StoryObj<typeof CommitHistoryTree>;
+export declare const Default: Story;
+export declare const OnDefaultBranch: Story;
+export declare const Loading: Story;
+export declare const Error: Story;
+export declare const Empty: Story;
+export declare const LongSubjects: Story;
+//# sourceMappingURL=commit-history-tree.stories.d.ts.map

package/dist/src/presentation/web/components/common/commit-history-tree/commit-history-tree.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commit-history-tree.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/commit-history-tree/commit-history-tree.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAcxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAsFhD,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAKF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC"}

package/dist/src/presentation/web/components/common/commit-history-tree/commit-history-tree.stories.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CommitHistoryTree } from './commit-history-tree.js';
+const meta = {
+    title: 'Common/CommitHistoryTree',
+    component: CommitHistoryTree,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "border-border bg-background w-[380px] overflow-y-auto rounded-lg border", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+const now = new Date();
+const daysAgo = (n) => new Date(now.getTime() - n * 86400000).toISOString();
+const sampleCommits = [
+    {
+        hash: 'a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2',
+        shortHash: 'a1b2c3d',
+        subject: 'feat(web): add commit history tree component',
+        authorName: 'Alex Dev',
+        authorEmail: 'alex@example.com',
+        date: daysAgo(0),
+        refs: ['HEAD -> feat/commit-history-tree'],
+    },
+    {
+        hash: 'b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6b2c3d4',
+        shortHash: 'b2c3d4e',
+        subject: 'fix(web): resolve chat concurrency issue in polling',
+        authorName: 'Alex Dev',
+        authorEmail: 'alex@example.com',
+        date: daysAgo(1),
+        refs: [],
+    },
+    {
+        hash: 'c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6c3d4e5f6',
+        shortHash: 'c3d4e5f',
+        subject: 'chore(release): 1.152.0 [skip ci]',
+        authorName: 'Release Bot',
+        authorEmail: 'bot@example.com',
+        date: daysAgo(2),
+        refs: ['origin/main', 'main', 'v1.152.0'],
+    },
+    {
+        hash: 'd4e5f6a1b2c3d4e5f6a1b2c3d4e5f6d4e5f6a1b2',
+        shortHash: 'd4e5f6a',
+        subject: 'feat(agents): interactive feature agent with claude agent sdk',
+        authorName: 'Sam Engineer',
+        authorEmail: 'sam@example.com',
+        date: daysAgo(3),
+        refs: [],
+    },
+    {
+        hash: 'e5f6a1b2c3d4e5f6a1b2c3d4e5f6e5f6a1b2c3d4',
+        shortHash: 'e5f6a1b',
+        subject: 'fix(agents): deduplicate evidence across retry attempts',
+        authorName: 'Sam Engineer',
+        authorEmail: 'sam@example.com',
+        date: daysAgo(4),
+        refs: [],
+    },
+    {
+        hash: 'f6a1b2c3d4e5f6a1b2c3d4e5f6f6a1b2c3d4e5f6',
+        shortHash: 'f6a1b2c',
+        subject: 'refactor(web): reorganize sidebar layout with improved component structure',
+        authorName: 'Alex Dev',
+        authorEmail: 'alex@example.com',
+        date: daysAgo(5),
+        refs: [],
+    },
+];
+function InteractiveTemplate({ commits, currentBranch, defaultBranch, }) {
+    const [activeBranch, setActiveBranch] = useState(currentBranch);
+    return (_jsx(CommitHistoryTree, { commits: commits, loading: false, error: null, currentBranch: currentBranch, defaultBranch: defaultBranch, activeBranch: activeBranch, onBranchChange: setActiveBranch }));
+}
+export const Default = {
+    render: () => (_jsx(InteractiveTemplate, { commits: sampleCommits, currentBranch: "feat/commit-history-tree", defaultBranch: "main" })),
+};
+export const OnDefaultBranch = {
+    render: () => (_jsx(InteractiveTemplate, { commits: sampleCommits, currentBranch: "main", defaultBranch: "main" })),
+};
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = (_branch) => { };
+export const Loading = {
+    args: {
+        commits: null,
+        loading: true,
+        error: null,
+        currentBranch: 'main',
+        defaultBranch: 'main',
+        activeBranch: 'main',
+        onBranchChange: noop,
+    },
+};
+export const Error = {
+    args: {
+        commits: null,
+        loading: false,
+        error: 'Unable to determine default branch for repository. No remote HEAD configured.',
+        currentBranch: 'main',
+        defaultBranch: 'main',
+        activeBranch: 'main',
+        onBranchChange: noop,
+    },
+};
+export const Empty = {
+    args: {
+        commits: [],
+        loading: false,
+        error: null,
+        currentBranch: 'main',
+        defaultBranch: 'main',
+        activeBranch: 'main',
+        onBranchChange: noop,
+    },
+};
+export const LongSubjects = {
+    render: () => (_jsx(InteractiveTemplate, { commits: [
+            {
+                hash: 'a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2',
+                shortHash: 'a1b2c3d',
+                subject: 'feat(web): implement comprehensive commit history tree with branch selector, author avatars, ref badges, and copy hash functionality',
+                authorName: 'Very Long Author Name Indeed',
+                authorEmail: 'verylongname@example.com',
+                date: daysAgo(0),
+                refs: ['HEAD -> feat/very-long-branch-name-for-testing'],
+            },
+            {
+                hash: 'b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6b2c3d4',
+                shortHash: 'b2c3d4e',
+                subject: 'fix: short fix',
+                authorName: 'Al',
+                authorEmail: 'al@x.com',
+                date: daysAgo(7),
+                refs: ['origin/main', 'main', 'tag: v1.0.0'],
+            },
+        ], currentBranch: "feat/very-long-branch-name-for-testing", defaultBranch: "main" })),
+};

package/dist/src/presentation/web/components/common/commit-history-tree/use-commit-history.d.ts

@@ -0,0 +1,16 @@
+import type { RepositoryCommitsData } from '../../../app/actions/get-repository-commits.js';
+export interface UseCommitHistoryOptions {
+    repositoryPath: string | undefined;
+    branch?: string;
+    limit?: number;
+    /** Only fetch when enabled (e.g. when the tab is active) */
+    enabled?: boolean;
+}
+export interface UseCommitHistoryState {
+    data: RepositoryCommitsData | null;
+    loading: boolean;
+    error: string | null;
+    refresh: () => void;
+}
+export declare function useCommitHistory({ repositoryPath, branch, limit, enabled, }: UseCommitHistoryOptions): UseCommitHistoryState;
+//# sourceMappingURL=use-commit-history.d.ts.map

package/dist/src/presentation/web/components/common/commit-history-tree/use-commit-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-commit-history.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/commit-history-tree/use-commit-history.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,MAAM,EACN,KAAU,EACV,OAAc,GACf,EAAE,uBAAuB,GAAG,qBAAqB,CA4BjD"}

package/dist/src/presentation/web/components/common/commit-history-tree/use-commit-history.js

@@ -0,0 +1,33 @@
+'use client';
+import { useState, useEffect, useCallback } from 'react';
+import { getRepositoryCommits } from '../../../app/actions/get-repository-commits.js';
+export function useCommitHistory({ repositoryPath, branch, limit = 50, enabled = true, }) {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const fetch = useCallback(async () => {
+        if (!repositoryPath || !enabled)
+            return;
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await getRepositoryCommits(repositoryPath, branch, limit);
+            if (result.success && result.data) {
+                setData(result.data);
+            }
+            else {
+                setError(result.error ?? 'Failed to load commit history');
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load commit history');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [repositoryPath, branch, limit, enabled]);
+    useEffect(() => {
+        void fetch();
+    }, [fetch]);
+    return { data, loading, error, refresh: fetch };
+}

package/dist/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.d.ts

@@ -2,7 +2,7 @@ import type { RepositoryNodeData } from '../../common/repository-node/index.js';
 export interface RepositoryDrawerClientProps {
     data: RepositoryNodeData;
     /** Initial tab key from URL (e.g. 'chat'). */
-    initialTab?: 'overview' | 'chat';
+    initialTab?: 'overview' | 'chat' | 'commits';
 }
 export declare function RepositoryDrawerClient({ data, initialTab }: RepositoryDrawerClientProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=repository-drawer-client.d.ts.map

package/dist/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;IACzB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;CAClC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,2BAA2B,2CA6KvF"}
+{"version":3,"file":"repository-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAK9E,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;IACzB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;CAC9C;AAED,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,2BAA2B,2CA2MvF"}

package/dist/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.js

@@ -13,12 +13,15 @@ import { useRepositoryActions } from '../../common/repository-node/use-repositor
 import { useDeployAction } from '../../../hooks/use-deploy-action.js';
 import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 import { ChatTab } from '../../features/chat/ChatTab.js';
+import { CommitHistoryTree } from '../../common/commit-history-tree/commit-history-tree.js';
+import { useCommitHistory } from '../../common/commit-history-tree/use-commit-history.js';
 export function RepositoryDrawerClient({ data, initialTab }) {
     const featureFlags = useFeatureFlags();
     const router = useRouter();
     const pathname = usePathname();
     const isOpen = pathname.startsWith('/repository/');
     const [activeTab, setActiveTab] = useState(initialTab ?? 'overview');
+    const [commitBranch, setCommitBranch] = useState(undefined);
     const repoActions = useRepositoryActions(data.repositoryPath ? { repositoryId: data.id, repositoryPath: data.repositoryPath } : null);
     const onClose = useCallback(() => {
         router.push('/');
@@ -33,5 +36,12 @@ export function RepositoryDrawerClient({ data, initialTab }) {
     const isDeployActive = deployAction.status === 'Booting' || deployAction.status === 'Ready';
     // Session ID for repo chat — deterministic per repo
     const repoSessionId = data.id ? `repo-${data.id}` : `repo-${data.name}`;
-    return (_jsx(BaseDrawer, { open: isOpen, onClose: onClose, size: "lg", modal: false, "data-testid": "repository-drawer", children: _jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex min-h-0 flex-1 flex-col", children: [_jsxs("div", { className: "shrink-0 px-4 pt-4 pb-3", "data-testid": "repository-drawer-header", children: [_jsxs("div", { className: "flex items-baseline gap-4 pr-6", children: [_jsx("h2", { className: "text-foreground min-w-0 shrink truncate text-base font-semibold tracking-tight", children: data.name }), _jsxs(TabsList, { className: "h-auto shrink-0 gap-0.5 rounded-none border-0 bg-transparent p-0", children: [_jsx(TabsTrigger, { value: "overview", className: "text-muted-foreground hover:text-foreground data-[state=active]:text-foreground data-[state=active]:border-primary h-auto rounded-none border-b-2 border-transparent bg-transparent px-2 py-0.5 text-[12px] font-medium shadow-none transition-colors data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: "Overview" }), _jsx(TabsTrigger, { value: "chat", className: "text-muted-foreground hover:text-foreground data-[state=active]:text-foreground data-[state=active]:border-primary h-auto rounded-none border-b-2 border-transparent bg-transparent px-2 py-0.5 text-[12px] font-medium shadow-none transition-colors data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: "Chat" })] })] }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [data.repositoryPath ? (_jsx("p", { className: "text-muted-foreground min-w-0 truncate font-mono text-xs", children: data.repositoryPath })) : null, featureFlags.envDeploy && data.repositoryPath ? (_jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isDeployActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isDeployActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: data.repositoryPath })) : null] })) : null] })] }), _jsx(Separator, {}), _jsx(TabsContent, { value: "overview", className: "mt-0 flex-1 overflow-y-auto", children: data.repositoryPath ? (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "OPEN WITH" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Open in IDE", onClick: repoActions.openInIde, loading: repoActions.ideLoading, error: !!repoActions.ideError, icon: Code2, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open in Shell", onClick: repoActions.openInShell, loading: repoActions.shellLoading, error: !!repoActions.shellError, icon: Terminal, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open Folder", onClick: repoActions.openFolder, loading: repoActions.folderLoading, error: !!repoActions.folderError, icon: FolderOpen, variant: "outline", size: "sm" })] })] }), data.id && featureFlags.gitRebaseSync ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "GIT OPERATIONS" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Sync Main", onClick: repoActions.syncMain, loading: repoActions.syncLoading, error: !!repoActions.syncError, icon: RefreshCw, variant: "outline", size: "sm" }), repoActions.syncError ? (_jsx("p", { className: "text-destructive text-xs", children: repoActions.syncError })) : null] })] })] })) : null] })) : null }), _jsx(TabsContent, { value: "chat", className: "mt-0 flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: repoSessionId, worktreePath: data.repositoryPath }) })] }) }));
+    const commitHistory = useCommitHistory({
+        repositoryPath: data.repositoryPath,
+        branch: commitBranch,
+        enabled: activeTab === 'commits' && !!data.repositoryPath,
+    });
+    return (_jsx(BaseDrawer, { open: isOpen, onClose: onClose, size: "lg", modal: false, "data-testid": "repository-drawer", children: _jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex min-h-0 flex-1 flex-col", children: [_jsxs("div", { className: "shrink-0 px-4 pt-4 pb-3", "data-testid": "repository-drawer-header", children: [_jsxs("div", { className: "flex items-baseline gap-4 pr-6", children: [_jsx("h2", { className: "text-foreground min-w-0 shrink truncate text-base font-semibold tracking-tight", children: data.name }), _jsxs(TabsList, { className: "h-auto shrink-0 gap-0.5 rounded-none border-0 bg-transparent p-0", children: [_jsx(TabsTrigger, { value: "overview", className: "text-muted-foreground hover:text-foreground data-[state=active]:text-foreground data-[state=active]:border-primary h-auto rounded-none border-b-2 border-transparent bg-transparent px-2 py-0.5 text-[12px] font-medium shadow-none transition-colors data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: "Overview" }), _jsx(TabsTrigger, { value: "chat", className: "text-muted-foreground hover:text-foreground data-[state=active]:text-foreground data-[state=active]:border-primary h-auto rounded-none border-b-2 border-transparent bg-transparent px-2 py-0.5 text-[12px] font-medium shadow-none transition-colors data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: "Chat" }), data.repositoryPath ? (_jsx(TabsTrigger, { value: "commits", className: "text-muted-foreground hover:text-foreground data-[state=active]:text-foreground data-[state=active]:border-primary h-auto rounded-none border-b-2 border-transparent bg-transparent px-2 py-0.5 text-[12px] font-medium shadow-none transition-colors data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: "Commits" })) : null] })] }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [data.repositoryPath ? (_jsx("p", { className: "text-muted-foreground min-w-0 truncate font-mono text-xs", children: data.repositoryPath })) : null, featureFlags.envDeploy && data.repositoryPath ? (_jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isDeployActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isDeployActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: data.repositoryPath })) : null] })) : null] })] }), _jsx(Separator, {}), _jsx(TabsContent, { value: "overview", className: "mt-0 flex-1 overflow-y-auto", children: data.repositoryPath ? (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "OPEN WITH" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Open in IDE", onClick: repoActions.openInIde, loading: repoActions.ideLoading, error: !!repoActions.ideError, icon: Code2, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open in Shell", onClick: repoActions.openInShell, loading: repoActions.shellLoading, error: !!repoActions.shellError, icon: Terminal, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open Folder", onClick: repoActions.openFolder, loading: repoActions.folderLoading, error: !!repoActions.folderError, icon: FolderOpen, variant: "outline", size: "sm" })] })] }), data.id && featureFlags.gitRebaseSync ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "GIT OPERATIONS" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Sync Main", onClick: repoActions.syncMain, loading: repoActions.syncLoading, error: !!repoActions.syncError, icon: RefreshCw, variant: "outline", size: "sm" }), repoActions.syncError ? (_jsx("p", { className: "text-destructive text-xs", children: repoActions.syncError })) : null] })] })] })) : null] })) : null }), _jsx(TabsContent, { value: "chat", className: "mt-0 flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: repoSessionId, worktreePath: data.repositoryPath }) }), _jsx(TabsContent, { value: "commits", className: "mt-0 flex-1 overflow-y-auto", children: _jsx(CommitHistoryTree, { commits: commitHistory.data?.commits ?? null, loading: commitHistory.loading, error: commitHistory.error, currentBranch: commitHistory.data?.currentBranch ?? '', defaultBranch: commitHistory.data?.defaultBranch ?? '', activeBranch: commitBranch ?? commitHistory.data?.currentBranch ?? '', onBranchChange: (branch) => {
+                            setCommitBranch(branch);
+                        } }) })] }) }));
 }

package/dist/src/presentation/web/components/common/floating-action-button/floating-action-button.d.ts

@@ -16,8 +16,14 @@ export interface FloatingActionButtonAction {
 export interface FloatingActionButtonProps {
     /** Action items shown when the FAB is expanded. */
     actions: FloatingActionButtonAction[];
-    /** Additional CSS classes for the container. */
+    /** Additional CSS classes for the wrapper. */
     className?: string;
+    /** Inline styles for the wrapper (e.g. dynamic positioning). */
+    style?: React.CSSProperties;
 }
-export declare function FloatingActionButton({ actions, className }: FloatingActionButtonProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * (+) FAB with expandable action menu.
+ * Renders inline — parent controls positioning.
+ */
+export declare function FloatingActionButton({ actions, className, style }: FloatingActionButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=floating-action-button.d.ts.map

package/dist/src/presentation/web/components/common/floating-action-button/floating-action-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floating-action-button.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/floating-action-button/floating-action-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,0BAA0B;IACzC,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,yBAAyB;IACxC,mDAAmD;IACnD,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CA2GrF"}
+{"version":3,"file":"floating-action-button.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/floating-action-button/floating-action-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,0BAA0B;IACzC,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,yBAAyB;IACxC,mDAAmD;IACnD,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAQD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAyG5F"}

package/dist/src/presentation/web/components/common/floating-action-button/floating-action-button.js

@@ -8,7 +8,11 @@ import { Button } from '../../ui/button.js';
 const STAGGER_MS = 50;
 /** Total animation duration in ms. */
 const DURATION_MS = 250;
-export function FloatingActionButton({ actions, className }) {
+/**
+ * (+) FAB with expandable action menu.
+ * Renders inline — parent controls positioning.
+ */
+export function FloatingActionButton({ actions, className, style }) {
     const [open, setOpen] = useState(false);
     // Close on Escape key
     useEffect(() => {
@@ -22,14 +26,13 @@ export function FloatingActionButton({ actions, className }) {
         document.addEventListener('keydown', handleKeyDown);
         return () => document.removeEventListener('keydown', handleKeyDown);
     }, [open]);
-    return (_jsxs(_Fragment, { children: [open ? (_jsx("div", { "data-testid": "fab-overlay", className: "fixed inset-0 z-40", onClick: () => setOpen(false), "aria-hidden": "true" })) : null, _jsxs("div", { "data-testid": "floating-action-button", className: cn('fixed right-6 bottom-6 z-50', className), children: [_jsx("div", { className: cn('absolute right-[calc(100%+12px)] bottom-0 flex flex-col items-end gap-2', !open && 'pointer-events-none'), "data-testid": "fab-actions", children: actions.map((action, i) => {
+    return (_jsxs(_Fragment, { children: [open ? (_jsx("div", { "data-testid": "fab-overlay", className: "fixed inset-0 z-40", onClick: () => setOpen(false), "aria-hidden": "true" })) : null, _jsxs("div", { "data-testid": "floating-action-button", className: cn('relative z-50', className), style: style, children: [_jsx("div", { className: cn('absolute bottom-[calc(100%+24px)] left-0 flex flex-col items-start gap-2', !open && 'pointer-events-none'), "data-testid": "fab-actions", children: actions.map((action, i) => {
                             const openDelay = (actions.length - 1 - i) * STAGGER_MS;
-                            const closeDelay = i * STAGGER_MS;
-                            return (_jsxs("button", { "data-testid": `fab-action-${action.id}`, "aria-label": action.label, disabled: action.disabled ?? action.loading, className: cn('flex h-12 w-52 items-center justify-center gap-3 rounded-full px-4', 'bg-background text-foreground shadow-sm', 'border-border border', 'hover:bg-accent hover:text-accent-foreground', 'disabled:pointer-events-none disabled:opacity-50', open ? 'translate-x-0 opacity-100' : 'pointer-events-none translate-x-0 opacity-0'), style: {
-                                    transition: `opacity ${open ? DURATION_MS : 150}ms ease-out ${open ? openDelay : closeDelay}ms`,
+                            return (_jsxs("button", { "data-testid": `fab-action-${action.id}`, "aria-label": action.label, disabled: action.disabled ?? action.loading, className: cn('flex h-10 items-center gap-2.5 rounded-full px-4', 'bg-background text-foreground shadow-md', 'border-border border', 'hover:bg-accent hover:text-accent-foreground', 'disabled:pointer-events-none disabled:opacity-50', 'text-sm font-medium whitespace-nowrap', open ? 'translate-y-0 opacity-100' : 'pointer-events-none translate-y-0 opacity-0'), style: {
+                                    transition: `opacity ${open ? DURATION_MS : 120}ms ease-out ${open ? openDelay : 0}ms, transform ${open ? DURATION_MS : 120}ms ease-out ${open ? openDelay : 0}ms`,
                                 }, onClick: () => {
                                     action.onClick();
                                     setOpen(false);
-                                }, children: [_jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: action.loading ? _jsx(Loader2, { className: "h-5 w-5 animate-spin" }) : action.icon }), _jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: action.label })] }, action.id));
-                        }) }), _jsx("div", { className: "flex items-center", children: _jsxs(Button, { size: "icon", "data-testid": "fab-trigger", "aria-label": open ? 'Close actions' : 'Open actions', className: cn('relative h-14 w-14 rounded-full shadow-lg', 'bg-indigo-500 text-white hover:bg-indigo-400 dark:bg-indigo-500 dark:hover:bg-indigo-400', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95'), onClick: () => setOpen((prev) => !prev), children: [_jsx(Plus, { className: cn('absolute h-8 w-8 stroke-[2.5] transition-all', open ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100'), style: { transitionDuration: `${DURATION_MS}ms` } }), _jsx(X, { className: cn('absolute h-8 w-8 stroke-[2.5] transition-all', open ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0'), style: { transitionDuration: `${DURATION_MS}ms` } })] }) })] })] }));
+                                }, children: [_jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: action.loading ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : action.icon }), _jsx("span", { children: action.label })] }, action.id));
+                        }) }), _jsxs(Button, { size: "icon", "data-testid": "fab-trigger", "aria-label": open ? 'Close actions' : 'Create new', className: cn('relative h-14 w-14 rounded-full shadow-lg', 'bg-indigo-500 text-white hover:bg-indigo-400 dark:bg-indigo-500 dark:hover:bg-indigo-400', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95'), onClick: () => setOpen((prev) => !prev), children: [_jsx(Plus, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all', open ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100'), style: { transitionDuration: `${DURATION_MS}ms` } }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all', open ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0'), style: { transitionDuration: `${DURATION_MS}ms` } })] })] })] }));
 }

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":"AAoCA,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,2CAicA"}
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAoCA,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,2CAgcA"}

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

@@ -13,15 +13,14 @@ import { useDeployAction } from '../../../hooks/use-deploy-action.js';
 import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 import { useRepositoryActions } from './use-repository-actions.js';
 import { ChatDotIndicator } from '../../features/chat/ChatDotIndicator.js';
-import { useTurnStatuses } from '../../../hooks/use-turn-statuses.js';
+import { useTurnStatus } from '../../../hooks/turn-statuses-provider.js';
 import { FeatureSessionsDropdown, } from '../../common/feature-node/feature-sessions-dropdown.js';
 export function RepositoryNode({ data, selected, }) {
     const router = useRouter();
     const featureFlags = useFeatureFlags();
     const [confirmOpen, setConfirmOpen] = useState(false);
     const repoScopeId = data.id ? `repo-${data.id}` : `repo-${data.name}`;
-    const turnStatuses = useTurnStatuses([repoScopeId]);
-    const chatTurnStatus = turnStatuses[repoScopeId] ?? 'idle';
+    const chatTurnStatus = useTurnStatus(repoScopeId);
     const actions = useRepositoryActions(data.repositoryPath ? { repositoryId: data.id, repositoryPath: data.repositoryPath } : null);
     const deployAction = useDeployAction(data.repositoryPath
         ? {

package/dist/src/presentation/web/components/features/chat/ChatSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSheet.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatSheet.tsx"],"names":[],"mappings":"AAmDA,wBAAgB,eAAe,4CAyX9B"}
+{"version":3,"file":"ChatSheet.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatSheet.tsx"],"names":[],"mappings":"AAwDA,wBAAgB,eAAe,4CA+X9B"}