@akiojin/gwt 2.13.0 → 2.14.0

package/dist/web/client/src/components/AIToolLaunchModal.js

@@ -0,0 +1,363 @@
+import React, { useEffect, useMemo, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { Card, CardHeader, CardContent } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select";
+import { CLAUDE_PERMISSION_SKIP_ARGS, CODEX_DEFAULT_ARGS, } from "../../../../shared/aiToolConstants.js";
+import { useConfig } from "../hooks/useConfig";
+import { useStartSession } from "../hooks/useSessions";
+import { useCreateWorktree } from "../hooks/useWorktrees";
+import { useSyncBranch } from "../hooks/useBranches";
+import { ApiError } from "../lib/api";
+const BUILTIN_TOOL_SUMMARIES = {
+    "claude-code": {
+        command: "claude",
+        defaultArgs: [],
+        modeArgs: {
+            normal: [],
+            continue: ["-c"],
+            resume: ["-r"],
+        },
+        permissionSkipArgs: Array.from(CLAUDE_PERMISSION_SKIP_ARGS),
+    },
+    "codex-cli": {
+        command: "codex",
+        defaultArgs: Array.from(CODEX_DEFAULT_ARGS),
+        modeArgs: {
+            normal: [],
+            continue: ["resume", "--last"],
+            resume: ["resume"],
+        },
+    },
+};
+export function AIToolLaunchModal({ branch, onClose }) {
+    const { data: config, isLoading: isConfigLoading, error: configError, } = useConfig();
+    const startSession = useStartSession();
+    const createWorktree = useCreateWorktree();
+    const syncBranch = useSyncBranch(branch.name);
+    const navigate = useNavigate();
+    const [selectedToolId, setSelectedToolId] = useState("claude-code");
+    const [selectedMode, setSelectedMode] = useState("normal");
+    const [skipPermissions, setSkipPermissions] = useState(false);
+    const [extraArgsText, setExtraArgsText] = useState("");
+    const [banner, setBanner] = useState(null);
+    const [isStartingSession, setIsStartingSession] = useState(false);
+    const [isCreatingWorktree, setIsCreatingWorktree] = useState(false);
+    const customTools = config?.tools ?? [];
+    const availableTools = useMemo(() => [
+        { id: "claude-code", label: "Claude Code", target: "claude" },
+        { id: "codex-cli", label: "Codex CLI", target: "codex" },
+        ...customTools.map((tool) => ({
+            id: tool.id,
+            label: tool.displayName,
+            target: "custom",
+            definition: tool,
+        })),
+    ], [customTools]);
+    useEffect(() => {
+        if (!availableTools.length) {
+            setSelectedToolId("claude-code");
+            return;
+        }
+        if (!availableTools.find((tool) => tool.id === selectedToolId)) {
+            const first = availableTools[0];
+            if (first) {
+                setSelectedToolId(first.id);
+            }
+        }
+    }, [availableTools, selectedToolId]);
+    const selectedTool = availableTools.find((tool) => tool.id === selectedToolId);
+    const selectedToolSummary = useMemo(() => {
+        if (!selectedTool) {
+            return null;
+        }
+        if (selectedTool.target === "custom") {
+            return {
+                command: selectedTool.definition.command,
+                defaultArgs: selectedTool.definition.defaultArgs ?? null,
+                modeArgs: selectedTool.definition.modeArgs,
+                permissionSkipArgs: selectedTool.definition.permissionSkipArgs ?? null,
+            };
+        }
+        return BUILTIN_TOOL_SUMMARIES[selectedTool.id] ?? null;
+    }, [selectedTool]);
+    const argsPreview = useMemo(() => {
+        if (!selectedToolSummary) {
+            return null;
+        }
+        const args = [];
+        if (selectedToolSummary.defaultArgs?.length) {
+            args.push(...selectedToolSummary.defaultArgs);
+        }
+        const mode = selectedToolSummary.modeArgs?.[selectedMode];
+        if (mode?.length) {
+            args.push(...mode);
+        }
+        if (skipPermissions && selectedToolSummary.permissionSkipArgs?.length) {
+            args.push(...selectedToolSummary.permissionSkipArgs);
+        }
+        const extraArgs = parseExtraArgs(extraArgsText);
+        if (extraArgs.length) {
+            args.push(...extraArgs);
+        }
+        return { command: selectedToolSummary.command, args };
+    }, [selectedToolSummary, selectedMode, skipPermissions, extraArgsText]);
+    const PROTECTED_BRANCHES = ["main", "master", "develop"];
+    const isProtectedBranch = PROTECTED_BRANCHES.includes(branch.name.replace(/^origin\//, ""));
+    const divergenceInfo = branch.divergence ?? null;
+    const hasBlockingDivergence = Boolean(divergenceInfo && divergenceInfo.ahead > 0 && divergenceInfo.behind > 0);
+    const needsRemoteSync = Boolean(branch.worktreePath &&
+        divergenceInfo &&
+        divergenceInfo.behind > 0 &&
+        divergenceInfo.ahead === 0 &&
+        !hasBlockingDivergence);
+    useEffect(() => {
+        const previousOverflow = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        return () => {
+            document.body.style.overflow = previousOverflow;
+        };
+    }, []);
+    const handleClose = () => {
+        setBanner(null);
+        onClose();
+    };
+    const handleCreateWorktree = async () => {
+        if (isProtectedBranch) {
+            setBanner({
+                type: "error",
+                message: `Cannot create worktree for protected branch: ${branch.name}. Protected branches (main, develop, master) must remain in the main repository.`,
+            });
+            return;
+        }
+        setIsCreatingWorktree(true);
+        try {
+            await createWorktree.mutateAsync({
+                branchName: branch.name,
+                createBranch: false,
+            });
+            setBanner({
+                type: "success",
+                message: `Worktree created for ${branch.name}. Please sync before launching.`,
+            });
+        }
+        catch (error) {
+            setBanner({
+                type: "error",
+                message: formatError(error, "Failed to create worktree"),
+            });
+        }
+        finally {
+            setIsCreatingWorktree(false);
+        }
+    };
+    const handleSyncBranch = async () => {
+        if (!branch.worktreePath) {
+            setBanner({
+                type: "error",
+                message: "Cannot sync because worktree is missing.",
+            });
+            return;
+        }
+        try {
+            const result = await syncBranch.mutateAsync({
+                worktreePath: branch.worktreePath,
+            });
+            if (result.pullStatus === "success") {
+                setBanner({
+                    type: "success",
+                    message: "Fetched latest changes from remote.",
+                });
+            }
+            else {
+                const warning = result.warnings?.join("\n") ?? "fast-forward pull did not complete.";
+                setBanner({
+                    type: "error",
+                    message: `git pull --ff-only failed.\n${warning}`,
+                });
+            }
+        }
+        catch (error) {
+            setBanner({
+                type: "error",
+                message: formatError(error, "Git sync failed"),
+            });
+        }
+    };
+    const handleStartSession = async () => {
+        if (!branch.worktreePath) {
+            setBanner({
+                type: "error",
+                message: "Worktree missing. Create one first.",
+            });
+            return;
+        }
+        if (!selectedTool) {
+            setBanner({ type: "error", message: "Select an AI tool to launch." });
+            return;
+        }
+        if (needsRemoteSync) {
+            setBanner({
+                type: "error",
+                message: "Cannot launch until remote updates are synced.",
+            });
+            return;
+        }
+        if (hasBlockingDivergence) {
+            setBanner({
+                type: "error",
+                message: "Both remote and local have diverged. Resolve differences before launching.",
+            });
+            return;
+        }
+        if (skipPermissions &&
+            !window.confirm("Skip permission checks? This is risky.")) {
+            return;
+        }
+        setIsStartingSession(true);
+        try {
+            const toolType = selectedTool.target === "codex"
+                ? "codex-cli"
+                : selectedTool.target === "custom"
+                    ? "custom"
+                    : "claude-code";
+            const extraArgs = parseExtraArgs(extraArgsText);
+            const sessionRequest = {
+                toolType,
+                toolName: selectedTool.target === "custom" ? selectedTool.id : null,
+                ...(selectedTool.target === "custom"
+                    ? { customToolId: selectedTool.id }
+                    : {}),
+                mode: selectedMode,
+                worktreePath: branch.worktreePath,
+                skipPermissions,
+                ...(selectedTool.target === "codex"
+                    ? { bypassApprovals: skipPermissions }
+                    : {}),
+                ...(extraArgs.length ? { extraArgs } : {}),
+            };
+            const session = await startSession.mutateAsync(sessionRequest);
+            handleClose();
+            navigate(`/${encodeURIComponent(branch.name)}`, {
+                state: { focusSessionId: session.sessionId },
+            });
+        }
+        catch (error) {
+            setBanner({
+                type: "error",
+                message: formatError(error, "Failed to start session"),
+            });
+        }
+        finally {
+            setIsStartingSession(false);
+        }
+    };
+    return (React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80", role: "dialog", "aria-modal": "true" },
+        React.createElement(Card, { className: "mx-4 w-full max-w-2xl", role: "document" },
+            React.createElement(CardHeader, { className: "pb-4" },
+                React.createElement("div", { className: "flex items-start justify-between gap-4" },
+                    React.createElement("div", null,
+                        React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Launch AI Tool"),
+                        React.createElement("h2", { className: "mt-1 text-lg font-semibold" }, branch.name)),
+                    React.createElement(Button, { variant: "ghost", size: "sm", onClick: handleClose }, "\u00D7"))),
+            React.createElement(CardContent, { className: "space-y-4" },
+                banner && (React.createElement(Alert, { variant: banner.type === "error"
+                        ? "destructive"
+                        : banner.type === "success"
+                            ? "success"
+                            : "info" },
+                    React.createElement(AlertDescription, null, banner.message))),
+                configError && (React.createElement(Alert, { variant: "warning" },
+                    React.createElement(AlertDescription, null,
+                        "Failed to load config:",
+                        " ",
+                        configError instanceof Error ? configError.message : "unknown"))),
+                !branch.worktreePath && (React.createElement(Alert, { variant: isProtectedBranch ? "destructive" : "warning" },
+                    React.createElement(AlertDescription, { className: "space-y-2" }, isProtectedBranch ? (React.createElement("p", null, "Cannot create worktree for protected branches (main, develop, master). Protected branches must remain in the main repository.")) : (React.createElement(React.Fragment, null,
+                        React.createElement("p", null, "Worktree is missing. Create it before launching AI tools."),
+                        React.createElement(Button, { variant: "secondary", size: "sm", onClick: handleCreateWorktree, disabled: isCreatingWorktree }, isCreatingWorktree ? "Creating..." : "Create worktree")))))),
+                needsRemoteSync && (React.createElement(Alert, { variant: "info" },
+                    React.createElement(AlertDescription, null,
+                        "Remote has ",
+                        branch.divergence?.behind ?? 0,
+                        " commits you need to pull before launching."))),
+                hasBlockingDivergence && (React.createElement(Alert, { variant: "warning" },
+                    React.createElement(AlertDescription, null, "Both remote and local have unresolved differences. Rebase/merge before launching."))),
+                React.createElement("div", { className: "grid gap-4 sm:grid-cols-3" },
+                    React.createElement("div", { className: "space-y-2" },
+                        React.createElement("label", { className: "text-sm font-medium" }, "AI tool"),
+                        React.createElement(Select, { value: selectedToolId, onValueChange: setSelectedToolId, disabled: isConfigLoading ?? false },
+                            React.createElement(SelectTrigger, null,
+                                React.createElement(SelectValue, null)),
+                            React.createElement(SelectContent, null, availableTools.map((tool) => (React.createElement(SelectItem, { key: tool.id, value: tool.id }, tool.label)))))),
+                    React.createElement("div", { className: "space-y-2" },
+                        React.createElement("label", { className: "text-sm font-medium" }, "Launch mode"),
+                        React.createElement(Select, { value: selectedMode, onValueChange: (value) => setSelectedMode(value) },
+                            React.createElement(SelectTrigger, null,
+                                React.createElement(SelectValue, null)),
+                            React.createElement(SelectContent, null,
+                                React.createElement(SelectItem, { value: "normal" }, "normal"),
+                                React.createElement(SelectItem, { value: "continue" }, "continue"),
+                                React.createElement(SelectItem, { value: "resume" }, "resume")))),
+                    React.createElement("div", { className: "space-y-2" },
+                        React.createElement("label", { className: "text-sm font-medium" }, "Extra args"),
+                        React.createElement(Input, { type: "text", value: extraArgsText, onChange: (event) => setExtraArgsText(event.target.value), placeholder: "--flag value" }))),
+                React.createElement("label", { className: "flex items-center gap-2 text-sm" },
+                    React.createElement("input", { type: "checkbox", checked: skipPermissions, onChange: (event) => setSkipPermissions(event.target.checked), className: "h-4 w-4 rounded border-border" }),
+                    React.createElement("span", null, "Skip permission checks (at your own risk)")),
+                React.createElement("div", { className: "flex flex-wrap gap-2" },
+                    React.createElement(Button, { onClick: handleStartSession, disabled: isStartingSession ||
+                            !selectedTool ||
+                            hasBlockingDivergence ||
+                            needsRemoteSync }, isStartingSession ? "Launching..." : "Launch AI tool"),
+                    React.createElement(Button, { variant: "secondary", onClick: handleSyncBranch, disabled: !branch.worktreePath || syncBranch.isPending }, syncBranch.isPending ? "Syncing..." : "Sync latest"),
+                    React.createElement(Button, { variant: "ghost", onClick: handleClose }, "Cancel")),
+                selectedToolSummary && (React.createElement("div", { className: "space-y-2 rounded-lg border bg-muted/30 p-4 text-sm" },
+                    React.createElement("div", { className: "grid gap-2 sm:grid-cols-3" },
+                        React.createElement("div", null,
+                            React.createElement("span", { className: "text-muted-foreground" }, "Command:"),
+                            " ",
+                            React.createElement("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono" }, selectedToolSummary.command)),
+                        React.createElement("div", null,
+                            React.createElement("span", { className: "text-muted-foreground" }, "defaultArgs:"),
+                            " ",
+                            React.createElement("span", { className: !selectedToolSummary.defaultArgs?.length
+                                    ? "text-muted-foreground/50"
+                                    : "" }, renderArgs(selectedToolSummary.defaultArgs))),
+                        React.createElement("div", null,
+                            React.createElement("span", { className: "text-muted-foreground" }, "permissionSkipArgs:"),
+                            " ",
+                            React.createElement("span", { className: !selectedToolSummary.permissionSkipArgs?.length
+                                    ? "text-muted-foreground/50"
+                                    : "" }, renderArgs(selectedToolSummary.permissionSkipArgs)))),
+                    argsPreview && (React.createElement("div", { className: "border-t pt-2" },
+                        React.createElement("span", { className: "text-xs text-muted-foreground" }, "Command to run:"),
+                        React.createElement("pre", { className: "mt-1 overflow-x-auto rounded bg-background p-2 font-mono text-sm" },
+                            argsPreview.command,
+                            " ",
+                            argsPreview.args.join(" "))))))))));
+}
+function parseExtraArgs(value) {
+    return value
+        .split(/\s+/)
+        .map((chunk) => chunk.trim())
+        .filter(Boolean);
+}
+function renderArgs(args) {
+    if (!args || args.length === 0) {
+        return "未設定";
+    }
+    return args.join(" ");
+}
+function formatError(error, fallback) {
+    if (error instanceof ApiError) {
+        return `${error.message}${error.details ? `\n${error.details}` : ""}`;
+    }
+    if (error instanceof Error) {
+        return error.message;
+    }
+    return fallback;
+}
+//# sourceMappingURL=AIToolLaunchModal.js.map

package/dist/web/client/src/components/AIToolLaunchModal.js.map

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

package/dist/web/client/src/components/BranchGraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BranchGraph.d.ts","sourceRoot":"","sources":["../../../../../src/web/client/src/components/BranchGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAYvD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAmBD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,qBAqHzD"}
+{"version":3,"file":"BranchGraph.d.ts","sourceRoot":"","sources":["../../../../../src/web/client/src/components/BranchGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAYvD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAmBD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,qBAgIzD"}

package/dist/web/client/src/components/BranchGraph.js

@@ -1,5 +1,8 @@
 import React, { useMemo } from "react";
 import { Link } from "react-router-dom";
+import { Card, CardHeader, CardContent } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import { cn } from "@/lib/utils";
 const UNKNOWN_BASE = "__unknown__";
 function formatBranchLabel(branch) {
     return branch.name.length > 32
@@ -34,7 +37,6 @@ export function BranchGraph({ branches }) {
         branches.forEach((branch) => {
             const base = branch.baseBranch ?? UNKNOWN_BASE;
             if (!branch.baseBranch && referencedBases.has(branch.name)) {
-                // ベースとして参照されている場合は、グラフ上で基点ノードとしてのみ表示
                 return;
             }
             if (!laneMap.has(base)) {
@@ -50,76 +52,71 @@ export function BranchGraph({ branches }) {
             laneMap.get(base)?.nodes.push(branch);
         });
         return Array.from(laneMap.values()).sort((a, b) => {
-            if (a.id === UNKNOWN_BASE) {
+            if (a.id === UNKNOWN_BASE)
                 return 1;
-            }
-            if (b.id === UNKNOWN_BASE) {
+            if (b.id === UNKNOWN_BASE)
                 return -1;
-            }
             return a.baseLabel.localeCompare(b.baseLabel, "ja");
         });
     }, [branches, branchMap, referencedBases]);
     if (!lanes.length) {
-        return (React.createElement("section", { className: "branch-graph-panel" },
-            React.createElement("div", { className: "branch-graph-panel__empty" },
-                React.createElement("p", null, "\u30B0\u30E9\u30D5\u8868\u793A\u3067\u304D\u308B\u30D6\u30E9\u30F3\u30C1\u304C\u3042\u308A\u307E\u305B\u3093\u3002"),
-                React.createElement("p", null, "fetch\u6E08\u307F\u306E\u30D6\u30E9\u30F3\u30C1\u3084Worktree\u3092\u8FFD\u52A0\u3059\u308B\u3068\u95A2\u4FC2\u56F3\u304C\u8868\u793A\u3055\u308C\u307E\u3059\u3002"))));
+        return (React.createElement(Card, { className: "border-dashed" },
+            React.createElement(CardContent, { className: "flex flex-col items-center justify-center py-12 text-center" },
+                React.createElement("p", { className: "text-muted-foreground" }, "\u30B0\u30E9\u30D5\u8868\u793A\u3067\u304D\u308B\u30D6\u30E9\u30F3\u30C1\u304C\u3042\u308A\u307E\u305B\u3093\u3002"),
+                React.createElement("p", { className: "text-sm text-muted-foreground" }, "fetch\u6E08\u307F\u306E\u30D6\u30E9\u30F3\u30C1\u3084Worktree\u3092\u8FFD\u52A0\u3059\u308B\u3068\u95A2\u4FC2\u56F3\u304C\u8868\u793A\u3055\u308C\u307E\u3059\u3002"))));
     }
-    return (React.createElement("section", { className: "branch-graph-panel" },
-        React.createElement("header", { className: "branch-graph-panel__header" },
-            React.createElement("div", null,
-                React.createElement("p", { className: "branch-graph-panel__eyebrow" }, "BRANCH GRAPH"),
-                React.createElement("h2", null, "\u30D9\u30FC\u30B9\u30D6\u30E9\u30F3\u30C1\u306E\u95A2\u4FC2\u3092\u30B0\u30E9\u30D5\u30A3\u30AB\u30EB\u306B\u628A\u63E1"),
-                React.createElement("p", null, "baseRef\u3001Git upstream\u3001merge-base\u30D2\u30E5\u30FC\u30EA\u30B9\u30C6\u30A3\u30AF\u30B9\u3092\u7528\u3044\u3066\u63A8\u5B9A\u3057\u305F\u30D9\u30FC\u30B9\u30D6\u30E9\u30F3\u30C1\u5358\u4F4D\u3067 \u6D3E\u751F\u30CE\u30FC\u30C9\u3092\u30EC\u30FC\u30F3\u8868\u793A\u3057\u307E\u3059\u3002")),
-            React.createElement("div", { className: "branch-graph-panel__legend" },
-                React.createElement("span", { className: "graph-chip graph-chip--base" }, "Base"),
-                React.createElement("span", { className: "graph-chip graph-chip--local" }, "Local"),
-                React.createElement("span", { className: "graph-chip graph-chip--remote" }, "Remote"),
-                React.createElement("span", { className: "graph-chip graph-chip--worktree" }, "Worktree"))),
-        React.createElement("div", { className: "branch-graph" }, lanes.map((lane) => (React.createElement("article", { className: "branch-graph__lane", key: lane.id },
-            React.createElement("div", { className: "branch-graph__lane-heading" },
-                React.createElement("p", { className: "branch-graph__lane-label" },
-                    lane.baseLabel,
-                    lane.baseNode && (React.createElement("span", { className: "branch-graph__lane-meta" }, lane.baseNode.type === "local" ? "LOCAL" : "REMOTE")),
-                    lane.isSyntheticBase && (React.createElement("span", { className: "branch-graph__lane-meta lane-meta--muted" }, "\u63A8\u5B9A\u306E\u307F"))),
-                React.createElement("span", { className: "branch-graph__lane-count" },
+    return (React.createElement(Card, null,
+        React.createElement(CardHeader, { className: "pb-4" },
+            React.createElement("div", { className: "flex flex-wrap items-start justify-between gap-4" },
+                React.createElement("div", null,
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "BRANCH GRAPH"),
+                    React.createElement("h2", { className: "mt-1 text-lg font-semibold" }, "\u30D9\u30FC\u30B9\u30D6\u30E9\u30F3\u30C1\u306E\u95A2\u4FC2\u3092\u30B0\u30E9\u30D5\u30A3\u30AB\u30EB\u306B\u628A\u63E1"),
+                    React.createElement("p", { className: "mt-1 text-sm text-muted-foreground" }, "baseRef\u3001Git upstream\u3001merge-base\u30D2\u30E5\u30FC\u30EA\u30B9\u30C6\u30A3\u30AF\u30B9\u3092\u7528\u3044\u3066\u63A8\u5B9A\u3057\u305F\u30D9\u30FC\u30B9\u30D6\u30E9\u30F3\u30C1\u5358\u4F4D\u3067\u6D3E\u751F\u30CE\u30FC\u30C9\u3092\u30EC\u30FC\u30F3\u8868\u793A\u3057\u307E\u3059\u3002")),
+                React.createElement("div", { className: "flex flex-wrap gap-2" },
+                    React.createElement(Badge, { variant: "outline" }, "Base"),
+                    React.createElement(Badge, { variant: "local" }, "Local"),
+                    React.createElement(Badge, { variant: "remote" }, "Remote"),
+                    React.createElement(Badge, { variant: "success" }, "Worktree")))),
+        React.createElement(CardContent, { className: "space-y-4" }, lanes.map((lane) => (React.createElement("article", { key: lane.id, className: "rounded-lg border bg-muted/30 p-4" },
+            React.createElement("div", { className: "mb-3 flex items-center justify-between" },
+                React.createElement("div", { className: "flex items-center gap-2" },
+                    React.createElement("span", { className: "font-semibold" }, lane.baseLabel),
+                    lane.baseNode && (React.createElement(Badge, { variant: lane.baseNode.type === "local" ? "local" : "remote", className: "text-xs" }, lane.baseNode.type === "local" ? "LOCAL" : "REMOTE")),
+                    lane.isSyntheticBase && (React.createElement(Badge, { variant: "outline", className: "text-xs text-muted-foreground" }, "\u63A8\u5B9A\u306E\u307F"))),
+                React.createElement("span", { className: "text-sm text-muted-foreground" },
                     lane.nodes.length,
                     " branch",
                     lane.nodes.length > 1 ? "es" : "")),
-            React.createElement("div", { className: "branch-graph__track" },
+            React.createElement("div", { className: "flex flex-wrap gap-2" },
                 renderBaseNode(lane),
                 lane.nodes.map((branch) => (React.createElement(BranchNode, { key: branch.name, branch: branch }))))))))));
 }
 function renderBaseNode(lane) {
     const label = lane.baseLabel === "ベース不明" ? "Unknown base" : lane.baseLabel;
-    const content = (React.createElement("div", { className: `branch-graph__node branch-graph__node--base ${lane.baseNode ? `branch-graph__node--${lane.baseNode.type}` : ""}` },
-        React.createElement("span", { className: "branch-graph__node-label" }, label),
-        React.createElement("span", { className: "branch-graph__node-meta" }, "BASE"),
-        React.createElement("div", { className: "branch-graph__tooltip" },
-            React.createElement("p", null, label),
-            React.createElement("p", null, lane.baseNode
+    const content = (React.createElement("div", { className: cn("group relative rounded-md border bg-card px-3 py-2 transition-colors hover:border-muted-foreground/50", lane.baseNode?.type === "local" && "border-l-2 border-l-local", lane.baseNode?.type === "remote" && "border-l-2 border-l-remote") },
+        React.createElement("span", { className: "block truncate text-sm font-medium" }, label),
+        React.createElement("span", { className: "text-xs text-muted-foreground" }, "BASE"),
+        React.createElement("div", { className: "invisible absolute bottom-full left-0 z-10 mb-2 w-48 rounded-md border bg-popover p-2 text-xs shadow-md group-hover:visible" },
+            React.createElement("p", { className: "font-medium" }, label),
+            React.createElement("p", { className: "text-muted-foreground" }, lane.baseNode
                 ? `type: ${lane.baseNode.type}`
                 : "推定されたベースブランチ"))));
     if (lane.baseNode) {
-        return (React.createElement(Link, { key: `base-${lane.id}`, to: `/${encodeURIComponent(lane.baseNode.name)}`, className: "branch-graph__node-link", "aria-label": `ベースブランチ ${lane.baseNode.name} を開く` }, content));
+        return (React.createElement(Link, { key: `base-${lane.id}`, to: `/${encodeURIComponent(lane.baseNode.name)}`, className: "block", "aria-label": `ベースブランチ ${lane.baseNode.name} を開く` }, content));
     }
-    return (React.createElement("div", { key: `base-${lane.id}`, className: "branch-graph__node-link" }, content));
+    return React.createElement("div", { key: `base-${lane.id}` }, content);
 }
 function BranchNode({ branch }) {
-    const node = (React.createElement("div", { className: `branch-graph__node branch-graph__node--${branch.type} ${branch.mergeStatus === "merged"
-            ? "branch-graph__node--merged"
-            : branch.mergeStatus === "unmerged"
-                ? "branch-graph__node--active"
-                : ""}` },
-        React.createElement("span", { className: "branch-graph__node-label" }, formatBranchLabel(branch)),
-        React.createElement("span", { className: "branch-graph__node-meta" }, branch.worktreePath ? "Worktree" : "No Worktree"),
-        React.createElement("div", { className: "branch-graph__tooltip" },
-            React.createElement("p", null, branch.name),
-            React.createElement("p", null,
+    const node = (React.createElement("div", { className: cn("group relative rounded-md border bg-card px-3 py-2 transition-colors hover:border-muted-foreground/50", branch.type === "local" && "border-l-2 border-l-local", branch.type === "remote" && "border-l-2 border-l-remote", branch.mergeStatus === "merged" && "opacity-60") },
+        React.createElement("span", { className: "block truncate text-sm font-medium" }, formatBranchLabel(branch)),
+        React.createElement("span", { className: "text-xs text-muted-foreground" }, branch.worktreePath ? "Worktree" : "No Worktree"),
+        React.createElement("div", { className: "invisible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-md border bg-popover p-2 text-xs shadow-md group-hover:visible" },
+            React.createElement("p", { className: "font-medium" }, branch.name),
+            React.createElement("p", { className: "text-muted-foreground" },
                 "base: ",
                 branch.baseBranch ?? "unknown"),
-            React.createElement("p", null, getDivergenceLabel(branch)),
-            React.createElement("p", null, branch.worktreePath ?? "Worktree未作成"))));
-    return (React.createElement(Link, { to: `/${encodeURIComponent(branch.name)}`, className: "branch-graph__node-link", "aria-label": `${branch.name} の詳細を開く` }, node));
+            React.createElement("p", { className: "text-muted-foreground" }, getDivergenceLabel(branch)),
+            React.createElement("p", { className: "text-muted-foreground" }, branch.worktreePath ?? "Worktree未作成"))));
+    return (React.createElement(Link, { to: `/${encodeURIComponent(branch.name)}`, className: "block", "aria-label": `${branch.name} の詳細を開く` }, node));
 }
 //# sourceMappingURL=BranchGraph.js.map

package/dist/web/client/src/components/BranchGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"BranchGraph.js","sourceRoot":"","sources":["../../../../../src/web/client/src/components/BranchGraph.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BranchGraph.js","sourceRoot":"","sources":["../../../../../src/web/client/src/components/BranchGraph.tsx"],"names":[],"mappings":"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"}

package/dist/web/client/src/components/CustomToolForm.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { CustomAITool, EnvironmentVariable } from "../../../../types/api.js";
+export interface CustomToolFormValue {
+    id: string;
+    displayName: string;
+    icon?: string | null;
+    description?: string | null;
+    executionType: CustomAITool["executionType"];
+    command: string;
+    defaultArgs?: string[] | null;
+    modeArgs: CustomAITool["modeArgs"];
+    permissionSkipArgs?: string[] | null;
+    env?: EnvironmentVariable[] | null;
+}
+interface CustomToolFormProps {
+    initialValue?: CustomAITool;
+    onSubmit: (value: CustomToolFormValue) => void;
+    onCancel: () => void;
+    isSaving?: boolean;
+}
+export declare function CustomToolForm({ initialValue, onSubmit, onCancel, isSaving, }: CustomToolFormProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CustomToolForm.d.ts.map

package/dist/web/client/src/components/CustomToolForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomToolForm.d.ts","sourceRoot":"","sources":["../../../../../src/web/client/src/components/CustomToolForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACrC,GAAG,CAAC,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,qBA+OrB"}