@termaxjs/web-ui-components 0.1.1

package/dist/source-control/GraphRail.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+export const LANE_WIDTH = 14;
+export const RAIL_PADDING_X = 8;
+export const MAX_VISIBLE_LANES = 6;
+const STRAIGHT_WIDTH = 1.5;
+const CURVE_WIDTH = 1.5;
+function laneX(lane) {
+    return RAIL_PADDING_X + lane * LANE_WIDTH;
+}
+export function railWidth(maxLane) {
+    const visible = Math.min(maxLane, MAX_VISIBLE_LANES);
+    return RAIL_PADDING_X * 2 + Math.max(0, visible - 1) * LANE_WIDTH + 6;
+}
+function renderTopEdge(edge, midY) {
+    if (edge.kind === "straight") {
+        const x = laneX(edge.lane);
+        return (_jsx("line", { x1: x, y1: 0, x2: x, y2: midY, stroke: edge.color, strokeWidth: STRAIGHT_WIDTH, strokeLinecap: "round" }, `t-s-${edge.lane}`));
+    }
+    if (edge.kind === "merge") {
+        const xFrom = laneX(edge.fromLane);
+        const xTo = laneX(edge.toLane);
+        const c1y = midY * 0.55;
+        return (_jsx("path", { d: `M ${xFrom} 0 C ${xFrom} ${c1y}, ${xTo} ${c1y}, ${xTo} ${midY}`, fill: "none", stroke: edge.color, strokeWidth: CURVE_WIDTH, strokeLinecap: "round" }, `t-m-${edge.fromLane}-${edge.toLane}`));
+    }
+    return null;
+}
+function renderBottomEdge(edge, midY, bottomY) {
+    if (edge.kind === "straight") {
+        const x = laneX(edge.lane);
+        return (_jsx("line", { x1: x, y1: midY, x2: x, y2: bottomY, stroke: edge.color, strokeWidth: STRAIGHT_WIDTH, strokeLinecap: "round" }, `b-s-${edge.lane}`));
+    }
+    if (edge.kind === "branch") {
+        const xFrom = laneX(edge.fromLane);
+        const xTo = laneX(edge.toLane);
+        const c1y = midY + (bottomY - midY) * 0.45;
+        return (_jsx("path", { d: `M ${xFrom} ${midY} C ${xFrom} ${c1y}, ${xTo} ${c1y}, ${xTo} ${bottomY}`, fill: "none", stroke: edge.color, strokeWidth: CURVE_WIDTH, strokeLinecap: "round" }, `b-b-${edge.fromLane}-${edge.toLane}`));
+    }
+    return null;
+}
+export const GraphRail = memo(function GraphRail({ row, rowHeight, maxLaneCount, active, }) {
+    const width = railWidth(maxLaneCount);
+    const midY = Math.round(rowHeight / 2);
+    const nodeX = laneX(row.lane);
+    const visible = Math.min(maxLaneCount, MAX_VISIBLE_LANES);
+    const overflow = row.laneCount > visible;
+    return (_jsxs("svg", { width: width, height: rowHeight, viewBox: `0 0 ${width} ${rowHeight}`, "aria-hidden": true, className: "shrink-0 overflow-visible", children: [row.topEdges.map((e) => renderTopEdge(e, midY)), row.bottomEdges.map((e) => renderBottomEdge(e, midY, rowHeight)), _jsx("circle", { cx: nodeX, cy: midY, r: active ? 4.6 : 3.6, fill: row.nodeColor, stroke: "var(--background)", strokeWidth: 1.5 }), active ? (_jsx("circle", { cx: nodeX, cy: midY, r: 6.5, fill: "none", stroke: row.nodeColor, strokeOpacity: 0.35, strokeWidth: 1.4 })) : null, overflow ? (_jsxs("text", { x: width - 4, y: midY + 3, textAnchor: "end", className: "fill-muted-foreground", style: { fontSize: 8 }, children: ["+", row.laneCount - visible] })) : null] }));
+});
+//# sourceMappingURL=GraphRail.js.map

package/dist/source-control/GraphRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphRail.js","sourceRoot":"","sources":["../../src/source-control/GraphRail.tsx"],"names":[],"mappings":"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"}

package/dist/source-control/InlineHunkView.d.ts

@@ -0,0 +1,22 @@
+import type { SourceControlFileEntry } from "@termaxjs/web-source-control";
+export type DiffHunk = {
+    header: string;
+    lines: string[];
+    rawText: string;
+};
+export type ParsedDiff = {
+    fileHeader: string;
+    hunks: DiffHunk[];
+};
+export interface GitDiffContentResult {
+    fallbackPatch?: string | null;
+}
+export type InlineHunkViewProps = {
+    entry: SourceControlFileEntry;
+    repoRoot: string | null;
+    loadDiffContent?: (repoRoot: string, path: string, staged: boolean, originalPath?: string) => Promise<GitDiffContentResult>;
+    onStageHunk: (entry: SourceControlFileEntry, patch: string, reverse: boolean) => Promise<void>;
+    onDiscardHunk: (entry: SourceControlFileEntry, patch: string) => Promise<void>;
+};
+export declare function InlineHunkView({ entry, repoRoot, loadDiffContent, onStageHunk, onDiscardHunk, }: InlineHunkViewProps): import("react").JSX.Element | null;
+//# sourceMappingURL=InlineHunkView.d.ts.map

package/dist/source-control/InlineHunkView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineHunkView.d.ts","sourceRoot":"","sources":["../../src/source-control/InlineHunkView.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,MAAM,MAAM,QAAQ,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAmBD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,CAChB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,OAAO,EACf,YAAY,CAAC,EAAE,MAAM,KAClB,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACnC,WAAW,EAAE,CACX,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,OAAO,KACb,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,aAAa,EAAE,CACb,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,WAAW,EACX,aAAa,GACd,EAAE,mBAAmB,sCA6IrB"}

package/dist/source-control/InlineHunkView.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner } from "../primitives/spinner.js";
+import { cn } from "../utils/cn.js";
+import { useEffect, useMemo, useState } from "react";
+import { HeadlessSourceControl } from "@termaxjs/web-core";
+function parseUnifiedDiff(diffText) {
+    const coreHunks = HeadlessSourceControl.parseUnifiedDiff(diffText);
+    const fileHeaderLines = [];
+    for (const line of diffText.split("\n")) {
+        if (line.startsWith("@@ "))
+            break;
+        fileHeaderLines.push(line);
+    }
+    return {
+        fileHeader: fileHeaderLines.join("\n"),
+        hunks: coreHunks.map((h) => ({
+            header: h.header,
+            lines: h.lines,
+            rawText: `${h.header}\n${h.lines.join("\n")}`,
+        })),
+    };
+}
+export function InlineHunkView({ entry, repoRoot, loadDiffContent, onStageHunk, onDiscardHunk, }) {
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [diffText, setDiffText] = useState(null);
+    const [actionBusyHunk, setActionBusyHunk] = useState(null);
+    useEffect(() => {
+        let canceled = false;
+        if (!repoRoot) {
+            setDiffText(null);
+            return;
+        }
+        setLoading(true);
+        const fetcher = loadDiffContent
+            ? loadDiffContent(repoRoot, entry.path, entry.staged && !entry.unstaged, entry.originalPath)
+            : Promise.resolve({ fallbackPatch: null });
+        fetcher
+            .then((res) => {
+            if (canceled)
+                return;
+            setDiffText(res.fallbackPatch || null);
+            setLoading(false);
+        })
+            .catch((err) => {
+            if (canceled)
+                return;
+            setError(String(err));
+            setLoading(false);
+        });
+        return () => {
+            canceled = true;
+        };
+    }, [entry.path, entry.staged, entry.unstaged, entry.originalPath, repoRoot, loadDiffContent]);
+    const parsed = useMemo(() => {
+        if (!diffText)
+            return null;
+        return parseUnifiedDiff(diffText);
+    }, [diffText]);
+    if (loading) {
+        return (_jsx("div", { className: "flex items-center justify-center p-4 bg-zinc-950/40", children: _jsx(Spinner, { className: "size-4" }) }));
+    }
+    if (error) {
+        return _jsx("div", { className: "p-3 text-destructive text-[11px] bg-zinc-950/40", children: error });
+    }
+    if (!parsed || parsed.hunks.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { className: "flex flex-col border-y border-border/40 bg-zinc-950/40 text-xs", children: _jsx("div", { className: "divide-y divide-border/20 font-mono text-[11px]", children: parsed.hunks.map((hunk) => {
+                const patch = `${parsed.fileHeader}\n${hunk.rawText}\n`;
+                return (_jsxs("div", { className: "p-2", children: [_jsxs("div", { className: "flex items-center justify-between text-muted-foreground pb-1", children: [_jsx("span", { children: hunk.header }), _jsxs("div", { className: "flex gap-1", children: [entry.staged ? (_jsx("button", { type: "button", disabled: actionBusyHunk === hunk.header, onClick: async () => {
+                                                setActionBusyHunk(hunk.header);
+                                                await onStageHunk(entry, patch, true);
+                                                setActionBusyHunk(null);
+                                            }, className: "px-1.5 py-0.5 rounded bg-muted/40 hover:bg-muted text-[10px]", children: "Unstage Hunk" })) : (_jsx("button", { type: "button", disabled: actionBusyHunk === hunk.header, onClick: async () => {
+                                                setActionBusyHunk(hunk.header);
+                                                await onStageHunk(entry, patch, false);
+                                                setActionBusyHunk(null);
+                                            }, className: "px-1.5 py-0.5 rounded bg-muted/40 hover:bg-muted text-[10px]", children: "Stage Hunk" })), _jsx("button", { type: "button", disabled: actionBusyHunk === hunk.header, onClick: async () => {
+                                                setActionBusyHunk(hunk.header);
+                                                await onDiscardHunk(entry, patch);
+                                                setActionBusyHunk(null);
+                                            }, className: "px-1.5 py-0.5 rounded hover:bg-rose-500/20 text-rose-400 text-[10px]", children: "Discard" })] })] }), _jsx("div", { className: "overflow-x-auto", children: (() => {
+                                // Occurrence-counted keys: stable across renders, unique
+                                // even for repeated blank context lines.
+                                const seen = new Map();
+                                return hunk.lines.map((l) => {
+                                    const n = (seen.get(l) ?? 0) + 1;
+                                    seen.set(l, n);
+                                    return (_jsx("div", { className: cn("whitespace-pre leading-relaxed px-1", l.startsWith("+") && "bg-emerald-500/10 text-emerald-400", l.startsWith("-") && "bg-rose-500/10 text-rose-400"), children: l }, `${n}:${l}`));
+                                });
+                            })() })] }, hunk.header));
+            }) }) }));
+}
+//# sourceMappingURL=InlineHunkView.js.map

package/dist/source-control/InlineHunkView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineHunkView.js","sourceRoot":"","sources":["../../src/source-control/InlineHunkView.tsx"],"names":[],"mappings":"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"}

package/dist/source-control/SourceControlActions.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+export declare function IconActionButton({ label, disabled, onClick, children, }: {
+    label: string;
+    disabled?: boolean;
+    side?: "left" | "top" | "right" | "bottom";
+    onClick: () => void;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function CommitFeedback({ feedback, }: {
+    feedback: {
+        tone: "error" | "success";
+        message: string;
+    } | null;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=SourceControlActions.d.ts.map

package/dist/source-control/SourceControlActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceControlActions.d.ts","sourceRoot":"","sources":["../../src/source-control/SourceControlActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAcA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE;QAAE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACjE,sCAyDA"}

package/dist/source-control/SourceControlActions.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../primitives/button.js";
+import { cn } from "../utils/cn.js";
+import { useEffect, useState } from "react";
+export function IconActionButton({ label, disabled, onClick, children, }) {
+    return (_jsx(Button, { size: "icon-sm", variant: "ghost", className: "size-6 p-3 cursor-pointer rounded-md text-muted-foreground hover:text-foreground disabled:cursor-not-allowed", "aria-label": label, title: label, disabled: disabled, onClick: onClick, children: children }));
+}
+export function CommitFeedback({ feedback, }) {
+    const [visibleFeedback, setVisibleFeedback] = useState(feedback);
+    const [isVisible, setIsVisible] = useState(false);
+    const feedbackMessage = feedback?.message;
+    const feedbackTone = feedback?.tone;
+    useEffect(() => {
+        if (!feedbackMessage || !feedbackTone) {
+            setIsVisible(false);
+            return;
+        }
+        setVisibleFeedback({ message: feedbackMessage, tone: feedbackTone });
+        setIsVisible(true);
+        const hideTimer = window.setTimeout(() => setIsVisible(false), 3600);
+        const clearTimer = window.setTimeout(() => {
+            setVisibleFeedback((current) => current?.message === feedbackMessage && current.tone === feedbackTone
+                ? null
+                : current);
+        }, 3900);
+        return () => {
+            window.clearTimeout(hideTimer);
+            window.clearTimeout(clearTimer);
+        };
+    }, [feedbackMessage, feedbackTone]);
+    if (!visibleFeedback)
+        return null;
+    const isError = visibleFeedback.tone === "error";
+    return (_jsxs("div", { className: cn("pointer-events-none absolute inset-x-3 top-[calc(100%-0.25rem)] z-20 flex min-w-0 items-center gap-1.5 rounded-lg border px-2.5 py-1.5 text-[var(--text-xs,11px)] leading-snug shadow-lg shadow-black/15 backdrop-blur transition-all duration-200", isVisible ? "translate-y-0 opacity-100" : "-translate-y-1 opacity-0", isError
+            ? "border-destructive/30 bg-card/95 text-destructive"
+            : "border-border/70 bg-card/95 text-muted-foreground"), children: [_jsx("span", { className: cn("size-1.5 shrink-0 rounded-full", isError ? "bg-destructive" : "bg-foreground/70") }), _jsx("span", { className: cn("min-w-0 flex-1 truncate", isError ? "text-destructive" : "text-muted-foreground"), children: visibleFeedback.message })] }));
+}
+//# sourceMappingURL=SourceControlActions.js.map

package/dist/source-control/SourceControlActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceControlActions.js","sourceRoot":"","sources":["../../src/source-control/SourceControlActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GAOT;IACC,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,8GAA8G,gBAC5G,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,GAGT;IACC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,eAAe,GAAG,QAAQ,EAAE,OAAO,CAAC;IAC1C,MAAM,YAAY,GAAG,QAAQ,EAAE,IAAI,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,eAAe,IAAI,CAAC,YAAY,EAAE,CAAC;YACtC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;QACT,CAAC;QACD,kBAAkB,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;QACrE,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACrE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACxC,kBAAkB,CAAC,CAAC,OAAO,EAAE,EAAE,CAC7B,OAAO,EAAE,OAAO,KAAK,eAAe,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY;gBACnE,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,OAAO,CACZ,CAAC;QACJ,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC/B,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC;IAEpC,IAAI,CAAC,eAAe;QAAE,OAAO,IAAI,CAAC;IAElC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,KAAK,OAAO,CAAC;IACjD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,oPAAoP,EACpP,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,0BAA0B,EACpE,OAAO;YACL,CAAC,CAAC,mDAAmD;YACrD,CAAC,CAAC,mDAAmD,CACxD,aAED,eACE,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAChD,GACD,EACF,eACE,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CACvD,YAEA,eAAe,CAAC,OAAO,GACnB,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/source-control/SourceControlPanel.d.ts

@@ -0,0 +1,21 @@
+export type SourceControlSummary = any;
+export type SourceControlPanelProps = {
+    scm?: any;
+    open: boolean;
+    sourceControl: SourceControlSummary;
+    onOpenGitGraph?: () => void;
+    onOpenDiff: (input: {
+        path: string;
+        repoRoot: string;
+        mode: "+" | "-";
+        originalPath: string | null;
+        title?: string;
+    }) => void;
+    onOpenFile?: (absolutePath: string) => void;
+    onOpenBranchSwitcher?: () => void;
+    onPreviewLocalVsRemote?: () => void;
+    onPreviewCommit?: () => void;
+    onToggleSidebar?: () => void;
+};
+export declare const SourceControlPanel: import("react").NamedExoticComponent<SourceControlPanelProps>;
+//# sourceMappingURL=SourceControlPanel.d.ts.map

package/dist/source-control/SourceControlPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceControlPanel.d.ts","sourceRoot":"","sources":["../../src/source-control/SourceControlPanel.tsx"],"names":[],"mappings":"AAuDA,MAAM,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAMvC,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,oBAAoB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,EAAE,CAAC,KAAK,EAAE;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;QAChB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+DAyqB7B,CAAC"}

package/dist/source-control/SourceControlPanel.js

@@ -0,0 +1,300 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "../primitives/alert-dialog.js";
+import { Button } from "../primitives/button.js";
+import { Spinner } from "../primitives/spinner.js";
+import { Textarea } from "../primitives/textarea.js";
+import { IS_MAC } from "../utils/platform.js";
+import { cn } from "../utils/cn.js";
+import { AiContentGenerator02Icon, ArrowDown01Icon, ArrowRight01Icon, ArrowUp01Icon, Cancel01Icon, Download01Icon, FolderCloudIcon, FolderGitTwoIcon, GitBranchIcon, Refresh01Icon, Upload01Icon, ViewIcon, } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { memo, useCallback, useEffect, useMemo, useRef, useState, } from "react";
+import { RowRenderer } from "./EntryRow.js";
+import { CommitFeedback, IconActionButton, } from "./SourceControlActions.js";
+import { CleanTreeHint, PanelCenter, } from "./SourceControlStatusViews.js";
+import { StashSection } from "./StashSection.js";
+import { ROW_HEIGHTS, upstreamBadgeLabel, } from "./sourceControlHelpers.js";
+import { useSourceControlPanel, } from "@termaxjs/web-source-control";
+export const SourceControlPanel = memo(function SourceControlPanel({ scm: scmProp, open, sourceControl, onOpenGitGraph, onOpenDiff, onOpenFile, onOpenBranchSwitcher, onPreviewLocalVsRemote, onPreviewCommit, onToggleSidebar, }) {
+    const fallbackScm = useSourceControlPanel({}, open, sourceControl, onOpenDiff);
+    const scm = scmProp || fallbackScm;
+    const refreshAnimationRef = useRef(null);
+    const [refreshAnimating, setRefreshAnimating] = useState(false);
+    const scrollRef = useRef(null);
+    const containerRef = useRef(null);
+    const [focusedRowKey, setFocusedRowKey] = useState(null);
+    useEffect(() => {
+        return () => {
+            if (refreshAnimationRef.current) {
+                window.clearTimeout(refreshAnimationRef.current);
+            }
+        };
+    }, []);
+    const isRefreshing = scm.panelState === "loading";
+    const repoLabel = useMemo(() => {
+        if (!scm.status)
+            return "Source Control";
+        return scm.status.isDetached ? "detached" : scm.status.branch;
+    }, [scm.status]);
+    const commitShortcut = IS_MAC ? "⌘↩" : "Ctrl+Enter";
+    const generateShortcut = IS_MAC ? "⌘G" : "Ctrl+G";
+    const canCommit = scm.stagedEntries.length > 0 &&
+        scm.commitMessage.trim().length > 0 &&
+        !scm.actionBusy;
+    const commitDisabledReason = scm.actionBusy
+        ? "Wait for the current Git action to finish."
+        : scm.stagedEntries.length === 0
+            ? "Stage changes to enable commit."
+            : scm.commitMessage.trim().length === 0
+                ? "Enter a commit message to enable commit."
+                : null;
+    const commitHint = canCommit
+        ? `Commit with ${commitShortcut}.`
+        : (commitDisabledReason ?? `Commit with ${commitShortcut}.`);
+    const pushHint = scm.pushHint ?? "Push is unavailable right now.";
+    const pushDisabledReason = scm.actionBusy
+        ? "Wait for the current Git action to finish."
+        : pushHint;
+    const stagedCount = scm.stagedEntries.length;
+    const changedCount = scm.fileEntries.length;
+    const pushStatusLabel = upstreamBadgeLabel(scm.status?.upstream);
+    const hasUpstream = !!scm.status?.upstream;
+    const isDiverged = !!scm.status && scm.status.ahead > 0 && scm.status.behind > 0;
+    const canPull = hasUpstream &&
+        !!scm.status &&
+        scm.status.behind > 0 &&
+        !isDiverged &&
+        !scm.actionBusy &&
+        !sourceControl.busyAction;
+    const canFetch = hasUpstream && !scm.actionBusy && !sourceControl.busyAction;
+    const footerFeedback = useMemo(() => {
+        if (scm.actionError)
+            return { tone: "error", message: scm.actionError };
+        if (scm.remoteError)
+            return { tone: "error", message: scm.remoteError };
+        if (scm.actionMessage)
+            return { tone: "success", message: scm.actionMessage };
+        return null;
+    }, [scm.actionError, scm.actionMessage, scm.remoteError]);
+    const handleCommitShortcut = (event) => {
+        if (event.key === "Enter" &&
+            (event.metaKey || event.ctrlKey) &&
+            canCommit) {
+            event.preventDefault();
+            void scm.commit();
+            return;
+        }
+        if (event.key.toLowerCase() === "g" &&
+            (event.metaKey || event.ctrlKey) &&
+            scm.canGenerateCommitMessage) {
+            event.preventDefault();
+            void scm.generateCommitMessage();
+        }
+    };
+    const handleRefresh = useCallback(() => {
+        setRefreshAnimating(true);
+        if (refreshAnimationRef.current) {
+            window.clearTimeout(refreshAnimationRef.current);
+        }
+        void scm.refresh().finally(() => {
+            refreshAnimationRef.current = window.setTimeout(() => {
+                setRefreshAnimating(false);
+                refreshAnimationRef.current = null;
+            }, 450);
+        });
+    }, [scm]);
+    const handleFetch = useCallback(() => {
+        void sourceControl.runRemoteAction("fetch");
+    }, [sourceControl]);
+    const handlePull = useCallback(() => {
+        void sourceControl.runRemoteAction("pull");
+    }, [sourceControl]);
+    const rows = useMemo(() => {
+        const result = [];
+        if (isDiverged) {
+            result.push({ kind: "banner-diverged", key: "banner-diverged" });
+        }
+        if (changedCount > 0) {
+            result.push({
+                kind: "list-header",
+                key: "list-header",
+                count: changedCount,
+            });
+            for (const entry of scm.fileEntries) {
+                result.push({ kind: "entry", key: entry.key, entry });
+            }
+        }
+        return result;
+    }, [changedCount, isDiverged, scm.fileEntries]);
+    const rowKeyToIndex = useMemo(() => {
+        const map = new Map();
+        rows.forEach((row, index) => {
+            map.set(row.key, index);
+        });
+        return map;
+    }, [rows]);
+    useEffect(() => {
+        if (!focusedRowKey)
+            return;
+        if (!rowKeyToIndex.has(focusedRowKey)) {
+            setFocusedRowKey(null);
+        }
+    }, [focusedRowKey, rowKeyToIndex]);
+    const focusableIndices = useMemo(() => {
+        const out = [];
+        rows.forEach((row, index) => {
+            if (row.kind === "entry")
+                out.push(index);
+        });
+        return out;
+    }, [rows]);
+    const estimateSize = useCallback((index) => {
+        const row = rows[index];
+        if (!row)
+            return ROW_HEIGHTS.entry;
+        switch (row.kind) {
+            case "banner-diverged":
+                return ROW_HEIGHTS.banner;
+            case "list-header":
+                return ROW_HEIGHTS.header;
+            case "entry":
+                return ROW_HEIGHTS.entry;
+        }
+    }, [rows]);
+    const virtualizer = useVirtualizer({
+        count: rows.length,
+        getScrollElement: () => scrollRef.current,
+        estimateSize,
+        overscan: 12,
+        getItemKey: (index) => rows[index]?.key ?? index,
+    });
+    const moveFocus = useCallback((direction) => {
+        if (focusableIndices.length === 0)
+            return;
+        const currentIndex = focusedRowKey === null ? -1 : (rowKeyToIndex.get(focusedRowKey) ?? -1);
+        let pos = focusableIndices.indexOf(currentIndex);
+        if (pos === -1)
+            pos = direction > 0 ? -1 : focusableIndices.length;
+        let nextPos = pos + direction;
+        if (nextPos < 0)
+            nextPos = 0;
+        if (nextPos > focusableIndices.length - 1)
+            nextPos = focusableIndices.length - 1;
+        const targetRowIndex = focusableIndices[nextPos];
+        const target = rows[targetRowIndex];
+        if (!target)
+            return;
+        setFocusedRowKey(target.key);
+        virtualizer.scrollToIndex(targetRowIndex, { align: "auto" });
+    }, [focusableIndices, focusedRowKey, rowKeyToIndex, rows, virtualizer]);
+    const focusedEntry = useCallback(() => {
+        if (!focusedRowKey)
+            return null;
+        const index = rowKeyToIndex.get(focusedRowKey);
+        if (index === undefined)
+            return null;
+        const row = rows[index];
+        return row && row.kind === "entry" ? row.entry : null;
+    }, [focusedRowKey, rowKeyToIndex, rows]);
+    const handlePanelKeyDown = useCallback((event) => {
+        const target = event.target;
+        if (target &&
+            (target.tagName === "TEXTAREA" ||
+                target.tagName === "INPUT" ||
+                target.closest("button"))) {
+            return;
+        }
+        const meta = event.metaKey || event.ctrlKey;
+        if (meta && (event.key === "r" || event.key === "R")) {
+            event.preventDefault();
+            handleRefresh();
+            return;
+        }
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                moveFocus(1);
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                moveFocus(-1);
+                break;
+            case "Enter": {
+                const entry = focusedEntry();
+                if (entry) {
+                    event.preventDefault();
+                    void scm.selectFile(entry);
+                }
+                break;
+            }
+            case " ":
+            case "s":
+            case "S": {
+                if (meta)
+                    break;
+                const entry = focusedEntry();
+                if (entry) {
+                    event.preventDefault();
+                    void scm.toggleStageFile(entry);
+                }
+                break;
+            }
+            case "d":
+            case "D": {
+                if (meta)
+                    break;
+                const entry = focusedEntry();
+                if (entry?.unstaged) {
+                    event.preventDefault();
+                    scm.requestDiscardFile(entry);
+                }
+                break;
+            }
+        }
+    }, [focusedEntry, handleRefresh, moveFocus, scm]);
+    if (!open)
+        return null;
+    const fetchBusy = sourceControl.busyAction === "fetch";
+    const pullBusy = sourceControl.busyAction === "pull";
+    return (_jsxs(_Fragment, { children: [_jsxs("aside", { className: "flex h-full min-w-0 flex-col bg-card/80 backdrop-blur [contain:layout_style]", children: [_jsxs("header", { className: "flex shrink-0 items-center justify-between gap-2 border-b border-border/50 px-3 pb-2.5 pt-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [_jsxs("button", { type: "button", onClick: () => onOpenBranchSwitcher?.(), className: "inline-flex min-w-0 cursor-pointer items-center gap-1.5 rounded-md bg-foreground/5 px-2 py-1 text-[11.5px] font-medium leading-none text-foreground transition-colors hover:bg-foreground/10", children: [_jsx(HugeiconsIcon, { icon: FolderGitTwoIcon, size: 12, strokeWidth: 1.9, className: "shrink-0 text-muted-foreground" }), _jsx("span", { className: "max-w-[140px] truncate", children: repoLabel })] }), scm.status && (scm.status.ahead > 0 || scm.status.behind > 0) ? (_jsxs("button", { type: "button", onClick: () => onPreviewLocalVsRemote?.(), className: "flex shrink-0 cursor-pointer items-center gap-0.5 text-[10px] font-semibold tabular-nums leading-none text-muted-foreground hover:text-foreground transition-colors", children: [scm.status.ahead > 0 ? (_jsxs("span", { className: "inline-flex items-center gap-0.5 rounded-md border border-border/60 px-1 py-0.5 bg-background", children: [_jsx(HugeiconsIcon, { icon: ArrowUp01Icon, size: 9, strokeWidth: 2.2 }), scm.status.ahead] })) : null, scm.status.behind > 0 ? (_jsxs("span", { className: "inline-flex items-center gap-0.5 rounded-md border border-border/60 px-1 py-0.5 bg-background", children: [_jsx(HugeiconsIcon, { icon: ArrowDown01Icon, size: 9, strokeWidth: 2.2 }), scm.status.behind] })) : null] })) : null, scm.status?.isDetached ? (_jsx("span", { className: "rounded bg-muted/55 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wider text-muted-foreground", children: "detached" })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [_jsx(IconActionButton, { label: fetchBusy ? "Fetching…" : "Fetch from remote", disabled: !canFetch, onClick: handleFetch, side: "bottom", children: fetchBusy ? (_jsx(Spinner, { className: "size-3" })) : (_jsx(HugeiconsIcon, { icon: FolderCloudIcon, size: 14, strokeWidth: 1.85 })) }), _jsx(IconActionButton, { label: pullBusy
+                                            ? "Pulling…"
+                                            : isDiverged
+                                                ? "Branch diverged — resolve in terminal"
+                                                : !hasUpstream
+                                                    ? "No upstream configured"
+                                                    : (scm.status?.behind ?? 0) === 0
+                                                        ? "Already up to date"
+                                                        : `Pull ${scm.status?.behind ?? 0} commits (fast-forward)`, disabled: !canPull, onClick: handlePull, side: "bottom", children: pullBusy ? (_jsx(Spinner, { className: "size-3" })) : (_jsx(HugeiconsIcon, { icon: Download01Icon, size: 14, strokeWidth: 1.9 })) }), _jsx(IconActionButton, { label: pushDisabledReason, disabled: !scm.canPush || !!scm.actionBusy, onClick: () => void scm.push(), side: "bottom", children: scm.actionBusy === "push" ? (_jsx(Spinner, { className: "size-3" })) : (_jsx(HugeiconsIcon, { icon: Upload01Icon, size: 14, strokeWidth: 1.9 })) }), _jsx(IconActionButton, { label: "Refresh source control", disabled: isRefreshing || !!scm.actionBusy, onClick: handleRefresh, side: "bottom", children: isRefreshing ? (_jsx(Spinner, { className: "size-3.5" })) : (_jsx(HugeiconsIcon, { icon: Refresh01Icon, size: 14, strokeWidth: 1.9, className: cn(refreshAnimating && "animate-spin") })) }), onToggleSidebar && (_jsx(IconActionButton, { label: "Collapse sidebar (\u2318B)", onClick: onToggleSidebar, side: "bottom", children: _jsx(HugeiconsIcon, { icon: Cancel01Icon, size: 14, strokeWidth: 1.9 }) }))] })] }), onOpenGitGraph ? (_jsxs("button", { type: "button", onClick: () => onOpenGitGraph(), className: "group flex shrink-0 cursor-pointer items-center gap-2 border-b border-border/40 px-3 py-2 text-left text-muted-foreground transition-colors hover:bg-foreground/[0.04] hover:text-foreground", children: [_jsx(HugeiconsIcon, { icon: GitBranchIcon, size: 13, strokeWidth: 1.85, className: "shrink-0" }), _jsx("span", { className: "flex-1 text-[var(--text-sm,12px)] font-medium", children: "Commit Graph" }), _jsx(HugeiconsIcon, { icon: ArrowRight01Icon, size: 12, strokeWidth: 2, className: "shrink-0 opacity-50 transition-transform group-hover:translate-x-0.5" })] })) : null, scm.panelState === "loading" ? (_jsx(PanelCenter, { title: "Loading repository" })) : null, scm.panelState === "no-repo" ? (_jsx(PanelCenter, { title: "No repository", body: "The active workspace is not inside a Git repository." })) : null, scm.panelState === "error" ? (_jsx(PanelCenter, { title: "Source control error", body: scm.statusError ?? "Unknown source control error", action: _jsx(Button, { size: "sm", onClick: () => void scm.refresh(), children: "Retry" }) })) : null, scm.panelState === "ready" && scm.status ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative shrink-0 space-y-2 border-b border-border/40 bg-gradient-to-b from-card/65 to-card/30 px-2.5 pb-2.5 pt-2.5", children: [_jsx("div", { className: cn("relative rounded-lg border bg-background/95 shadow-sm transition-colors", scm.commitMessage.length > 0
+                                            ? "border-border/70"
+                                            : "border-border/45", "focus-within:border-primary/45 focus-within:shadow-md focus-within:shadow-primary/5"), children: _jsx(Textarea, { value: scm.commitMessage, onChange: (event) => scm.setCommitMessage(event.target.value), onKeyDown: handleCommitShortcut, placeholder: "Commit message", rows: 3, className: cn("min-h-[72px] border-border resize-none rounded-lg bg-transparent px-3 py-2.5 text-[12.5px] leading-snug shadow-none placeholder:text-muted-foreground/65 focus-visible:ring-0 focus:border-0") }) }), _jsxs("div", { className: "flex items-center justify-between px-1", children: [_jsx("div", { className: "flex items-center gap-1 text-[10px] tabular-nums text-muted-foreground/55", children: scm.commitMessage.length > 0 ? (_jsxs("span", { children: [scm.commitMessage.length, " chars"] })) : (_jsxs("span", { className: "flex items-center gap-1", children: [commitShortcut, " to commit"] })) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs(Button, { size: "xs", variant: "ghost", className: "h-6 gap-1 px-2 text-[10.5px] text-muted-foreground hover:text-foreground", onClick: () => onPreviewCommit?.(), disabled: stagedCount === 0, children: [_jsx(HugeiconsIcon, { icon: ViewIcon, size: 12, strokeWidth: 2 }), "Preview"] }), _jsxs(Button, { size: "xs", variant: "ghost", className: "h-6 gap-1 px-2 text-[10.5px] text-muted-foreground hover:text-foreground disabled:opacity-50", disabled: !scm.canGenerateCommitMessage, title: `${scm.generateCommitMessageHint} (${generateShortcut})`, onClick: () => void scm.generateCommitMessage(), children: [scm.actionBusy === "generate-message" ? (_jsx(Spinner, { className: "size-3" })) : (_jsx(HugeiconsIcon, { icon: AiContentGenerator02Icon, size: 12, strokeWidth: 2 })), "AI Message"] })] })] }), _jsxs("div", { className: "flex min-w-0 items-center gap-1.5 text-[10.5px] text-muted-foreground", children: [_jsx("span", { className: cn("size-1.5 shrink-0 rounded-full transition-colors", canCommit
+                                                    ? "bg-foreground/80"
+                                                    : stagedCount > 0
+                                                        ? "bg-muted-foreground/60"
+                                                        : "bg-muted-foreground/30") }), _jsx("span", { className: "truncate font-medium text-foreground/85", children: stagedCount === 0
+                                                    ? "Nothing staged"
+                                                    : `${stagedCount} ${stagedCount === 1 ? "file" : "files"} staged` }), _jsx("span", { className: "ml-auto shrink-0 truncate text-muted-foreground/65", children: pushStatusLabel })] }), _jsx("div", { className: "flex w-full", children: _jsx(Button, { size: "xs", className: "h-7 w-full cursor-pointer text-[11.5px] font-semibold tracking-tight shadow-sm disabled:cursor-not-allowed disabled:shadow-none", disabled: !canCommit, title: commitHint, onClick: () => void scm.commit(), children: scm.actionBusy === "commit" ? "Committing…" : "Commit" }) }), _jsx(CommitFeedback, { feedback: footerFeedback })] }), scm.allClean ? (_jsx(CleanTreeHint, { repoLabel: repoLabel })) : (_jsx("div", { ref: containerRef, tabIndex: 0, role: "listbox", "aria-label": "Changed files", "aria-activedescendant": focusedRowKey ? `scm-row-${focusedRowKey}` : undefined, onKeyDown: handlePanelKeyDown, className: "relative min-h-0 flex-1 outline-none focus-visible:ring-1 focus-visible:ring-primary/30", children: _jsx("div", { ref: scrollRef, className: "h-full overflow-y-auto overflow-x-hidden [scrollbar-gutter:stable]", children: _jsx("div", { style: {
+                                            height: virtualizer.getTotalSize(),
+                                            position: "relative",
+                                            width: "100%",
+                                        }, children: virtualizer.getVirtualItems().map((virtualRow) => {
+                                            const row = rows[virtualRow.index];
+                                            if (!row)
+                                                return null;
+                                            return (_jsx("div", { "data-index": virtualRow.index, ref: virtualizer.measureElement, style: {
+                                                    position: "absolute",
+                                                    top: 0,
+                                                    left: 0,
+                                                    width: "100%",
+                                                    height: virtualRow.size,
+                                                    transform: `translateY(${virtualRow.start}px)`,
+                                                }, children: _jsx(RowRenderer, { row: row, focused: focusedRowKey === row.key, selectedPath: scm.selected?.path ?? null, actionBusy: scm.actionBusy, headerCheckState: scm.headerCheckState, repoRoot: scm.repo?.repoRoot ?? null, onFocusRow: setFocusedRowKey, onToggleAll: scm.toggleAll, onSelectFile: scm.selectFile, onToggleStageFile: scm.toggleStageFile, onDiscardFile: scm.requestDiscardFile, onStageHunk: scm.stageHunk, onDiscardHunk: scm.discardHunk, onOpenFile: onOpenFile }) }, virtualRow.key));
+                                        }) }) }) })), scm.stashes && scm.stashes.length > 0 ? (_jsx(StashSection, { stashes: scm.stashes, busy: scm.actionBusy === "stash", onPop: scm.stashPop, onApply: scm.stashApply, onDrop: scm.stashDrop })) : null] })) : null] }), _jsx(AlertDialog, { open: scm.pendingDiscard !== null, onOpenChange: (o) => {
+                    if (!o)
+                        scm.cancelPendingDiscard();
+                }, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Discard changes?" }), _jsx(AlertDialogDescription, { children: scm.pendingDiscard?.scope === "all"
+                                        ? `This will discard ${scm.pendingDiscard.label} and cannot be undone.`
+                                        : scm.pendingDiscard
+                                            ? `Discard changes in "${scm.pendingDiscard.label}"? This cannot be undone.`
+                                            : null })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { onClick: () => scm.cancelPendingDiscard(), children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => void scm.confirmPendingDiscard(), children: "Discard" })] })] }) })] }));
+});
+//# sourceMappingURL=SourceControlPanel.js.map