@akiojin/gwt 4.2.0 → 4.3.1

package/dist/services/customToolResolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"customToolResolver.js","sourceRoot":"","sources":["../../src/services/customToolResolver.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"customToolResolver.js","sourceRoot":"","sources":["../../src/services/customToolResolver.ts"],"names":[],"mappings":"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"}

package/dist/utils/webui.js

@@ -1,5 +1,5 @@
 import * as net from "node:net";
-export function resolveWebUiPort(portEnv = process.env.PORT, defaultPort = 3000) {
+export function resolveWebUiPort(portEnv = process.env.PORT, defaultPort = 3001) {
     if (!portEnv) {
         return defaultPort;
     }

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

@@ -1,3 +1,8 @@
+/**
+ * ブランチグラフ - シナプス風ビジュアライゼーション
+ *
+ * React Flow + D3-forceによるインタラクティブなブランチ関係図
+ */
 import React from "react";
 import type { Branch } from "../../../../types/api.js";
 interface BranchGraphProps {

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;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"}
+{"version":3,"file":"BranchGraph.d.ts","sourceRoot":"","sources":["../../../../../src/web/client/src/components/BranchGraph.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGvD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,qBA8EzD"}

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

@@ -1,122 +1,49 @@
-import React, { useMemo } from "react";
-import { Link } from "react-router-dom";
+/**
+ * ブランチグラフ - シナプス風ビジュアライゼーション
+ *
+ * React Flow + D3-forceによるインタラクティブなブランチ関係図
+ */
+import React, { useState, useCallback } from "react";
 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
-        ? `${branch.name.slice(0, 29)}...`
-        : branch.name;
-}
-function getDivergenceLabel(branch) {
-    if (!branch.divergence) {
-        return "divergence: n/a";
-    }
-    const { ahead, behind, upToDate } = branch.divergence;
-    if (upToDate) {
-        return "divergence: up-to-date";
-    }
-    return `divergence: +${ahead} / -${behind}`;
-}
+import { SynapticCanvas, BranchDetailPanel } from "./graph";
 export function BranchGraph({ branches }) {
-    const branchMap = useMemo(() => {
-        return new Map(branches.map((branch) => [branch.name, branch]));
-    }, [branches]);
-    const referencedBases = useMemo(() => {
-        const baseSet = new Set();
-        branches.forEach((branch) => {
-            if (branch.baseBranch) {
-                baseSet.add(branch.baseBranch);
-            }
-        });
-        return baseSet;
-    }, [branches]);
-    const lanes = useMemo(() => {
-        const laneMap = new Map();
-        branches.forEach((branch) => {
-            const base = branch.baseBranch ?? UNKNOWN_BASE;
-            if (!branch.baseBranch && referencedBases.has(branch.name)) {
-                return;
-            }
-            if (!laneMap.has(base)) {
-                const baseNode = base !== UNKNOWN_BASE ? (branchMap.get(base) ?? null) : null;
-                laneMap.set(base, {
-                    id: base,
-                    baseLabel: base === UNKNOWN_BASE ? "ベース不明" : base,
-                    baseNode,
-                    nodes: [],
-                    isSyntheticBase: baseNode === null,
-                });
-            }
-            laneMap.get(base)?.nodes.push(branch);
-        });
-        return Array.from(laneMap.values()).sort((a, b) => {
-            if (a.id === UNKNOWN_BASE)
-                return 1;
-            if (b.id === UNKNOWN_BASE)
-                return -1;
-            return a.baseLabel.localeCompare(b.baseLabel, "ja");
-        });
-    }, [branches, branchMap, referencedBases]);
-    if (!lanes.length) {
+    const [selectedBranch, setSelectedBranch] = useState(null);
+    const handleNodeClick = useCallback((branch) => {
+        setSelectedBranch(branch);
+    }, []);
+    const handlePanelClose = useCallback(() => {
+        setSelectedBranch(null);
+    }, []);
+    if (!branches.length) {
         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(Card, null,
+    return (React.createElement(Card, { className: "relative overflow-hidden" },
         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("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "SYNAPTIC GRAPH"),
+                    React.createElement("h2", { className: "mt-1 text-lg font-semibold" }, "\u30D6\u30E9\u30F3\u30C1\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF"),
+                    React.createElement("p", { className: "mt-1 text-sm text-muted-foreground" }, "\u30AF\u30EA\u30C3\u30AF\u3067\u30CE\u30FC\u30C9\u3092\u5C55\u958B\u30FB\u8A73\u7D30\u8868\u793A\u3002\u30C9\u30E9\u30C3\u30B0\u3067\u79FB\u52D5\u3001\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u30BA\u30FC\u30E0\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: "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: 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: "block", "aria-label": `ベースブランチ ${lane.baseNode.name} を開く` }, content));
-    }
-    return React.createElement("div", { key: `base-${lane.id}` }, content);
-}
-function BranchNode({ branch }) {
-    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", { 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));
+                    React.createElement(Badge, { variant: "outline", className: "flex items-center gap-1" },
+                        React.createElement("span", { className: "h-2 w-2 rounded-full bg-muted-foreground/30" }),
+                        "Cluster"),
+                    React.createElement(Badge, { variant: "local", className: "flex items-center gap-1" },
+                        React.createElement("span", { className: "h-2 w-2 rounded-full bg-local" }),
+                        "Local"),
+                    React.createElement(Badge, { variant: "remote", className: "flex items-center gap-1" },
+                        React.createElement("span", { className: "h-2 w-2 rounded-full bg-remote" }),
+                        "Remote"),
+                    React.createElement(Badge, { variant: "success", className: "flex items-center gap-1" },
+                        React.createElement("span", { className: "h-2 w-2 rounded-full bg-success" }),
+                        "Worktree")))),
+        React.createElement(CardContent, { className: "relative p-0" },
+            React.createElement("div", { className: "relative h-[500px] w-full" },
+                React.createElement(SynapticCanvas, { branches: branches, onNodeClick: handleNodeClick, className: "h-full w-full" }),
+                React.createElement(BranchDetailPanel, { branch: selectedBranch, onClose: handlePanelClose })))));
 }
 //# 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":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAM5D,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAoB;IACxD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,MAAqB,EAAE,EAAE;QAC5D,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,WAAW,IAAC,SAAS,EAAC,6DAA6D;gBAClF,2BAAG,SAAS,EAAC,uBAAuB,yHAEhC;gBACJ,2BAAG,SAAS,EAAC,+BAA+B,0KAExC,CACQ,CACT,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B;QACxC,oBAAC,UAAU,IAAC,SAAS,EAAC,MAAM;YAC1B,6BAAK,SAAS,EAAC,kDAAkD;gBAC/D;oBACE,2BAAG,SAAS,EAAC,oEAAoE,qBAE7E;oBACJ,4BAAI,SAAS,EAAC,4BAA4B,mEAAgB;oBAC1D,2BAAG,SAAS,EAAC,oCAAoC,yNAE7C,CACA;gBACN,6BAAK,SAAS,EAAC,sBAAsB;oBACnC,oBAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,yBAAyB;wBAC1D,8BAAM,SAAS,EAAC,6CAA6C,GAAG;kCAE1D;oBACR,oBAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,yBAAyB;wBACxD,8BAAM,SAAS,EAAC,+BAA+B,GAAG;gCAE5C;oBACR,oBAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,yBAAyB;wBACzD,8BAAM,SAAS,EAAC,gCAAgC,GAAG;iCAE7C;oBACR,oBAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,yBAAyB;wBAC1D,8BAAM,SAAS,EAAC,iCAAiC,GAAG;mCAE9C,CACJ,CACF,CACK;QAEb,oBAAC,WAAW,IAAC,SAAS,EAAC,cAAc;YAEnC,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAC,eAAe,GACzB;gBAGF,oBAAC,iBAAiB,IAChB,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,gBAAgB,GACzB,CACE,CACM,CACT,CACR,CAAC;AACJ,CAAC"}

package/dist/web/client/src/components/graph/BranchDetailPanel.d.ts

@@ -0,0 +1,15 @@
+/**
+ * ブランチ詳細パネル
+ *
+ * ノードクリック時に右側に表示されるサイドパネル
+ */
+import React from "react";
+import type { Branch } from "../../../../../types/api.js";
+interface BranchDetailPanelProps {
+    branch: Branch | null;
+    onClose: () => void;
+    className?: string;
+}
+export declare function BranchDetailPanel({ branch, onClose, className, }: BranchDetailPanelProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=BranchDetailPanel.d.ts.map

package/dist/web/client/src/components/graph/BranchDetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchDetailPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/web/client/src/components/graph/BranchDetailPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE1D,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE,sBAAsB,4BAyHxB"}

package/dist/web/client/src/components/graph/BranchDetailPanel.js

@@ -0,0 +1,57 @@
+/**
+ * ブランチ詳細パネル
+ *
+ * ノードクリック時に右側に表示されるサイドパネル
+ */
+import React from "react";
+import { Link } from "react-router-dom";
+import { X } from "lucide-react";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardHeader, CardContent, CardFooter, } from "@/components/ui/card";
+import { cn } from "@/lib/utils";
+export function BranchDetailPanel({ branch, onClose, className, }) {
+    if (!branch)
+        return null;
+    const hasWorktree = Boolean(branch.worktreePath);
+    return (React.createElement("div", { className: cn("absolute right-0 top-0 h-full w-80 border-l bg-card/95 backdrop-blur-sm", "animate-in slide-in-from-right duration-300", className) },
+        React.createElement(Card, { className: "h-full rounded-none border-0" },
+            React.createElement(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4" },
+                React.createElement("div", { className: "flex items-center gap-2" },
+                    React.createElement(Badge, { variant: branch.type === "local" ? "local" : "remote" }, branch.type === "local" ? "Local" : "Remote"),
+                    hasWorktree && React.createElement(Badge, { variant: "success" }, "Worktree")),
+                React.createElement(Button, { variant: "ghost", size: "icon", onClick: onClose, className: "h-8 w-8" },
+                    React.createElement(X, { className: "h-4 w-4" }))),
+            React.createElement(CardContent, { className: "space-y-4" },
+                React.createElement("div", null,
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Branch Name"),
+                    React.createElement("p", { className: "mt-1 break-all font-mono text-sm" }, branch.name)),
+                React.createElement("div", null,
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Base Branch"),
+                    React.createElement("p", { className: "mt-1 font-mono text-sm" }, branch.baseBranch ?? "Unknown")),
+                React.createElement("div", null,
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Last Commit"),
+                    React.createElement("p", { className: "mt-1 text-sm text-muted-foreground" }, branch.commitMessage ?? "No commit message")),
+                branch.divergence && (React.createElement("div", null,
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Divergence"),
+                    React.createElement("div", { className: "mt-2 flex flex-wrap gap-2" },
+                        React.createElement(Badge, { variant: "outline", className: "text-xs" },
+                            "\u2191 ",
+                            branch.divergence.ahead,
+                            " ahead"),
+                        React.createElement(Badge, { variant: "outline", className: "text-xs" },
+                            "\u2193 ",
+                            branch.divergence.behind,
+                            " behind"),
+                        React.createElement(Badge, { variant: branch.divergence.upToDate ? "success" : "warning", className: "text-xs" }, branch.divergence.upToDate ? "Up to date" : "Needs sync")))),
+                hasWorktree && (React.createElement("div", null,
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Worktree Path"),
+                    React.createElement("p", { className: "mt-1 break-all font-mono text-xs text-muted-foreground" }, branch.worktreePath))),
+                branch.mergeStatus && (React.createElement("div", null,
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Merge Status"),
+                    React.createElement(Badge, { variant: branch.mergeStatus === "merged" ? "success" : "outline", className: "mt-1" }, branch.mergeStatus)))),
+            React.createElement(CardFooter, { className: "flex flex-col gap-2" },
+                React.createElement(Button, { asChild: true, className: "w-full" },
+                    React.createElement(Link, { to: `/${encodeURIComponent(branch.name)}` }, "View Details"))))));
+}
+//# sourceMappingURL=BranchDetailPanel.js.map

package/dist/web/client/src/components/graph/BranchDetailPanel.js.map

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

package/dist/web/client/src/components/graph/BranchNode.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ブランチノードコンポーネント
+ *
+ * ソーマ（神経細胞体）をイメージした生物発光ノード
+ * 多層グロー効果と有機的なアニメーションで生命感を表現
+ */
+import React from "react";
+import { type NodeProps } from "@xyflow/react";
+import { type GraphNode } from "./graphUtils";
+type BranchNodeProps = NodeProps<GraphNode>;
+export declare const BranchNode: React.NamedExoticComponent<BranchNodeProps>;
+export {};
+//# sourceMappingURL=BranchNode.d.ts.map

package/dist/web/client/src/components/graph/BranchNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchNode.d.ts","sourceRoot":"","sources":["../../../../../../src/web/client/src/components/graph/BranchNode.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,KAAK,eAAe,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU,6CAyLrB,CAAC"}

package/dist/web/client/src/components/graph/BranchNode.js

@@ -0,0 +1,103 @@
+/**
+ * ブランチノードコンポーネント
+ *
+ * ソーマ（神経細胞体）をイメージした生物発光ノード
+ * 多層グロー効果と有機的なアニメーションで生命感を表現
+ */
+import React, { memo, useMemo } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { cn } from "@/lib/utils";
+import { getNodeColor, getNodeSize } from "./graphUtils";
+export const BranchNode = memo(function BranchNode({ data, selected, }) {
+    const { branch } = data;
+    if (!branch)
+        return null;
+    const size = getNodeSize(branch);
+    const _baseColor = getNodeColor(branch);
+    const hasWorktree = Boolean(branch.worktreePath);
+    const isMerged = branch.mergeStatus === "merged";
+    // ブランチ名を短縮
+    const displayName = useMemo(() => {
+        if (branch.name.length > 18) {
+            return `${branch.name.slice(0, 15)}...`;
+        }
+        return branch.name;
+    }, [branch.name]);
+    // ノードカラーをHSL値として抽出（動的スタイル用）
+    const colorStyle = useMemo(() => {
+        if (hasWorktree) {
+            return {
+                primary: "hsl(160 90% 45%)",
+                glow: "hsl(160 90% 45% / 0.4)",
+                inner: "hsl(160 90% 50% / 0.2)",
+            };
+        }
+        if (branch.type === "local") {
+            return {
+                primary: "hsl(280 85% 65%)",
+                glow: "hsl(280 85% 65% / 0.4)",
+                inner: "hsl(280 85% 70% / 0.2)",
+            };
+        }
+        return {
+            primary: "hsl(200 90% 55%)",
+            glow: "hsl(200 90% 55% / 0.4)",
+            inner: "hsl(200 90% 60% / 0.2)",
+        };
+    }, [hasWorktree, branch.type]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Handle, { type: "target", position: Position.Top, className: "!h-3 !w-3 !rounded-full !border-2 !bg-transparent transition-all duration-300", style: {
+                borderColor: colorStyle.primary,
+                boxShadow: `0 0 8px ${colorStyle.glow}`,
+            } }),
+        React.createElement("div", { className: cn("group relative flex cursor-pointer items-center justify-center rounded-full", "transition-all duration-500 ease-out", hasWorktree && "animate-active-synapse", !hasWorktree && "animate-soma-pulse", selected && "ring-2 ring-offset-4 ring-offset-background", isMerged && "opacity-50"), style: {
+                width: size,
+                height: size,
+                background: `radial-gradient(circle at 30% 30%, ${colorStyle.inner}, transparent 60%)`,
+                border: `2px solid ${colorStyle.primary}`,
+                boxShadow: selected
+                    ? `0 0 30px ${colorStyle.glow}, inset 0 0 20px ${colorStyle.inner}, 0 0 0 4px ${colorStyle.primary}`
+                    : undefined,
+            } },
+            React.createElement("div", { className: "absolute -inset-2 rounded-full opacity-30 blur-md", style: { backgroundColor: colorStyle.primary } }),
+            React.createElement("div", { className: "absolute inset-2 rounded-full border opacity-40", style: { borderColor: colorStyle.primary } }),
+            React.createElement("div", { className: "relative z-10 flex items-center justify-center rounded-full shadow-lg", style: {
+                    width: size * 0.45,
+                    height: size * 0.45,
+                    background: `linear-gradient(135deg, ${colorStyle.primary}, ${colorStyle.inner})`,
+                    boxShadow: `0 0 15px ${colorStyle.glow}`,
+                } },
+                React.createElement("span", { className: "text-xs font-bold text-background" }, branch.type === "local" ? "L" : "R")),
+            !isMerged && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "absolute h-1.5 w-1.5 rounded-full animate-vesicle-release", style: {
+                        backgroundColor: colorStyle.primary,
+                        top: "20%",
+                        right: "25%",
+                        animationDelay: "0s",
+                    } }),
+                React.createElement("div", { className: "absolute h-1 w-1 rounded-full animate-vesicle-release", style: {
+                        backgroundColor: colorStyle.primary,
+                        bottom: "25%",
+                        left: "20%",
+                        animationDelay: "0.7s",
+                    } }))),
+            hasWorktree && (React.createElement("div", { className: "absolute -right-1 -top-1 flex h-4 w-4 items-center justify-center rounded-full animate-synapse-spark", style: {
+                    backgroundColor: "hsl(160 90% 45%)",
+                    boxShadow: "0 0 10px hsl(160 90% 45% / 0.8)",
+                } },
+                React.createElement("span", { className: "text-[8px] font-bold text-background" }, "W"))),
+            isMerged && (React.createElement("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/60 backdrop-blur-sm" },
+                React.createElement("span", { className: "text-[10px] font-medium text-muted-foreground" }, "merged"))),
+            React.createElement("div", { className: cn("absolute -bottom-12 left-1/2 z-50 -translate-x-1/2", "rounded-lg border border-border/50 bg-card/95 px-3 py-1.5 backdrop-blur-md", "opacity-0 shadow-xl transition-all duration-300", "group-hover:opacity-100 group-hover:-translate-y-1"), style: {
+                    boxShadow: `0 4px 20px hsl(220 30% 0% / 0.5), 0 0 20px ${colorStyle.glow}`,
+                } },
+                React.createElement("p", { className: "whitespace-nowrap text-xs font-medium text-foreground" }, displayName),
+                React.createElement("p", { className: "text-[10px] text-muted-foreground" },
+                    branch.type === "local" ? "Local" : "Remote",
+                    hasWorktree && " • Active"))),
+        React.createElement(Handle, { type: "source", position: Position.Bottom, className: "!h-3 !w-3 !rounded-full !border-2 !bg-transparent transition-all duration-300", style: {
+                borderColor: colorStyle.primary,
+                boxShadow: `0 0 8px ${colorStyle.glow}`,
+            } })));
+});
+//# sourceMappingURL=BranchNode.js.map

package/dist/web/client/src/components/graph/BranchNode.js.map

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

package/dist/web/client/src/components/graph/ClusterNode.d.ts

@@ -0,0 +1,13 @@
+/**
+ * クラスタノードコンポーネント
+ *
+ * ニューロン群（神経細胞集合体）をイメージした有機的ノード
+ * 変形する膜と軌道を描く核で複数ブランチのグループを表現
+ */
+import React from "react";
+import { type NodeProps } from "@xyflow/react";
+import type { GraphNode } from "./graphUtils";
+type ClusterNodeProps = NodeProps<GraphNode>;
+export declare const ClusterNode: React.NamedExoticComponent<ClusterNodeProps>;
+export {};
+//# sourceMappingURL=ClusterNode.d.ts.map

package/dist/web/client/src/components/graph/ClusterNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterNode.d.ts","sourceRoot":"","sources":["../../../../../../src/web/client/src/components/graph/ClusterNode.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;AAE7C,eAAO,MAAM,WAAW,8CAoMtB,CAAC"}

package/dist/web/client/src/components/graph/ClusterNode.js

@@ -0,0 +1,109 @@
+/**
+ * クラスタノードコンポーネント
+ *
+ * ニューロン群（神経細胞集合体）をイメージした有機的ノード
+ * 変形する膜と軌道を描く核で複数ブランチのグループを表現
+ */
+import React, { memo, useMemo } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { cn } from "@/lib/utils";
+export const ClusterNode = memo(function ClusterNode({ data, selected, }) {
+    const { clusterSize = 0, expanded } = data;
+    // クラスタサイズに応じてノードサイズを調整
+    const baseSize = 70;
+    const size = Math.min(baseSize + clusterSize * 5, 120);
+    // 内部の核の数（最大8個）
+    const nucleiCount = Math.min(clusterSize, 8);
+    // 核の配置角度を計算
+    const nuclei = useMemo(() => {
+        return Array.from({ length: nucleiCount }).map((_, i) => {
+            const angle = (360 / nucleiCount) * i;
+            const delay = i * 0.5;
+            const orbitRadius = size * 0.28;
+            return { angle, delay, orbitRadius };
+        });
+    }, [nucleiCount, size]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Handle, { type: "target", position: Position.Top, className: "!h-3 !w-3 !rounded-full !border-2 !bg-transparent transition-all duration-300", style: {
+                borderColor: "hsl(185 100% 65%)",
+                boxShadow: "0 0 8px hsl(185 100% 65% / 0.4)",
+            } }),
+        React.createElement("div", { className: cn("group relative flex cursor-pointer items-center justify-center", "transition-all duration-500 ease-out", "animate-membrane-morph", selected &&
+                "ring-2 ring-primary ring-offset-4 ring-offset-background"), style: {
+                width: size,
+                height: size,
+                background: expanded
+                    ? "radial-gradient(circle at 40% 40%, hsl(185 100% 65% / 0.15), hsl(310 85% 60% / 0.08) 50%, transparent 70%)"
+                    : "radial-gradient(circle at 40% 40%, hsl(220 30% 15% / 0.8), hsl(220 25% 10% / 0.6) 60%, transparent 80%)",
+                border: expanded
+                    ? "2px solid hsl(185 100% 65% / 0.6)"
+                    : "2px dashed hsl(200 30% 30%)",
+                boxShadow: expanded
+                    ? "0 0 30px hsl(185 100% 65% / 0.3), inset 0 0 30px hsl(185 100% 65% / 0.1)"
+                    : "0 0 20px hsl(220 30% 0% / 0.5), inset 0 0 20px hsl(220 30% 5% / 0.5)",
+            } },
+            React.createElement("div", { className: cn("absolute -inset-3 rounded-full blur-lg transition-opacity duration-500", expanded ? "opacity-40" : "opacity-20"), style: {
+                    backgroundColor: expanded
+                        ? "hsl(185 100% 65%)"
+                        : "hsl(200 30% 40%)",
+                    borderRadius: "inherit",
+                } }),
+            React.createElement("div", { className: "absolute inset-3 rounded-full border border-dashed opacity-30", style: {
+                    borderColor: expanded ? "hsl(185 100% 65%)" : "hsl(200 30% 40%)",
+                    borderRadius: "inherit",
+                } }),
+            React.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, nuclei.map((nucleus, i) => (React.createElement("div", { key: i, className: "absolute animate-nucleus-orbit", style: {
+                    animationDelay: `${-nucleus.delay}s`,
+                    animationDuration: `${8 + i * 0.5}s`,
+                } },
+                React.createElement("div", { className: "h-2.5 w-2.5 rounded-full animate-vesicle-release", style: {
+                        backgroundColor: expanded
+                            ? `hsl(${185 + i * 15} 80% 60%)`
+                            : `hsl(${200 + i * 10} 50% 50%)`,
+                        boxShadow: expanded
+                            ? `0 0 8px hsl(${185 + i * 15} 80% 60% / 0.8)`
+                            : `0 0 4px hsl(${200 + i * 10} 50% 50% / 0.5)`,
+                        animationDelay: `${nucleus.delay * 0.3}s`,
+                        transform: `translateX(${nucleus.orbitRadius}px)`,
+                    } }))))),
+            React.createElement("div", { className: cn("relative z-10 flex items-center justify-center rounded-full", "border-2 backdrop-blur-sm transition-all duration-300"), style: {
+                    width: size * 0.4,
+                    height: size * 0.4,
+                    backgroundColor: expanded
+                        ? "hsl(220 30% 8% / 0.9)"
+                        : "hsl(220 30% 10% / 0.95)",
+                    borderColor: expanded
+                        ? "hsl(185 100% 65% / 0.8)"
+                        : "hsl(200 30% 35%)",
+                    boxShadow: expanded
+                        ? "0 0 20px hsl(185 100% 65% / 0.4), inset 0 0 15px hsl(185 100% 65% / 0.1)"
+                        : "0 0 10px hsl(220 30% 0% / 0.5)",
+                } },
+                React.createElement("span", { className: cn("text-sm font-bold transition-colors duration-300", expanded ? "text-primary" : "text-muted-foreground") }, clusterSize)),
+            React.createElement("div", { className: cn("absolute -right-2 -top-2 flex h-6 w-6 items-center justify-center rounded-full", "border-2 text-xs font-bold transition-all duration-300"), style: {
+                    backgroundColor: expanded
+                        ? "hsl(185 100% 65%)"
+                        : "hsl(220 30% 12%)",
+                    borderColor: expanded ? "hsl(185 100% 70%)" : "hsl(200 30% 25%)",
+                    color: expanded ? "hsl(220 30% 5%)" : "hsl(185 100% 65%)",
+                    boxShadow: expanded
+                        ? "0 0 15px hsl(185 100% 65% / 0.6)"
+                        : "0 0 8px hsl(220 30% 0% / 0.5)",
+                } }, expanded ? "−" : "+"),
+            React.createElement("div", { className: cn("absolute -bottom-14 left-1/2 z-50 -translate-x-1/2", "rounded-lg border border-border/50 bg-card/95 px-3 py-2 backdrop-blur-md", "opacity-0 shadow-xl transition-all duration-300", "group-hover:opacity-100 group-hover:-translate-y-1"), style: {
+                    boxShadow: "0 4px 20px hsl(220 30% 0% / 0.5), 0 0 20px hsl(185 100% 65% / 0.2)",
+                } },
+                React.createElement("p", { className: "whitespace-nowrap text-xs font-medium text-foreground" },
+                    clusterSize,
+                    " branches"),
+                React.createElement("p", { className: "text-[10px] text-muted-foreground" },
+                    "Click to ",
+                    expanded ? "collapse" : "expand"))),
+        React.createElement(Handle, { type: "source", position: Position.Bottom, className: "!h-3 !w-3 !rounded-full !border-2 !bg-transparent transition-all duration-300", style: {
+                borderColor: expanded ? "hsl(185 100% 65%)" : "hsl(200 30% 40%)",
+                boxShadow: expanded
+                    ? "0 0 8px hsl(185 100% 65% / 0.4)"
+                    : "0 0 6px hsl(200 30% 40% / 0.3)",
+            } })));
+});
+//# sourceMappingURL=ClusterNode.js.map

package/dist/web/client/src/components/graph/ClusterNode.js.map

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