@akiojin/gwt 4.1.1 → 4.3.0

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":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAKjC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,WAAW,CAAC,EACnD,IAAI,EACJ,QAAQ,GACS;IACjB,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE3C,uBAAuB;IACvB,MAAM,QAAQ,GAAG,EAAE,CAAC;IACpB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,WAAW,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAEvD,eAAe;IACf,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAE7C,YAAY;IACZ,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACtD,MAAM,KAAK,GAAG,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YACtC,MAAM,KAAK,GAAG,CAAC,GAAG,GAAG,CAAC;YACtB,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;YAChC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAExB,OAAO,CACL;QAEE,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,GAAG,EACtB,SAAS,EAAC,+EAA+E,EACzF,KAAK,EAAE;gBACL,WAAW,EAAE,mBAAmB;gBAChC,SAAS,EAAE,iCAAiC;aAC7C,GACD;QAGF,6BACE,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,sCAAsC,EACtC,wBAAwB,EACxB,QAAQ;gBACN,0DAA0D,CAC7D,EACD,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,QAAQ;oBAClB,CAAC,CAAC,4GAA4G;oBAC9G,CAAC,CAAC,yGAAyG;gBAC7G,MAAM,EAAE,QAAQ;oBACd,CAAC,CAAC,mCAAmC;oBACrC,CAAC,CAAC,6BAA6B;gBACjC,SAAS,EAAE,QAAQ;oBACjB,CAAC,CAAC,0EAA0E;oBAC5E,CAAC,CAAC,sEAAsE;aAC3E;YAGD,6BACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CACvC,EACD,KAAK,EAAE;oBACL,eAAe,EAAE,QAAQ;wBACvB,CAAC,CAAC,mBAAmB;wBACrB,CAAC,CAAC,kBAAkB;oBACtB,YAAY,EAAE,SAAS;iBACxB,GACD;YAGF,6BACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE;oBACL,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB;oBAChE,YAAY,EAAE,SAAS;iBACxB,GACD;YAGF,6BAAK,SAAS,EAAC,mDAAmD,IAC/D,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,6BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;oBACL,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG;oBACpC,iBAAiB,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG;iBACrC;gBAED,6BACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;wBACL,eAAe,EAAE,QAAQ;4BACvB,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE,WAAW;4BAChC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE,WAAW;wBAClC,SAAS,EAAE,QAAQ;4BACjB,CAAC,CAAC,eAAe,GAAG,GAAG,CAAC,GAAG,EAAE,iBAAiB;4BAC9C,CAAC,CAAC,eAAe,GAAG,GAAG,CAAC,GAAG,EAAE,iBAAiB;wBAChD,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,GAAG,GAAG,GAAG;wBACzC,SAAS,EAAE,cAAc,OAAO,CAAC,WAAW,KAAK;qBAClD,GACD,CACE,CACP,CAAC,CACE;YAGN,6BACE,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,uDAAuD,CACxD,EACD,KAAK,EAAE;oBACL,KAAK,EAAE,IAAI,GAAG,GAAG;oBACjB,MAAM,EAAE,IAAI,GAAG,GAAG;oBAClB,eAAe,EAAE,QAAQ;wBACvB,CAAC,CAAC,uBAAuB;wBACzB,CAAC,CAAC,yBAAyB;oBAC7B,WAAW,EAAE,QAAQ;wBACnB,CAAC,CAAC,yBAAyB;wBAC3B,CAAC,CAAC,kBAAkB;oBACtB,SAAS,EAAE,QAAQ;wBACjB,CAAC,CAAC,0EAA0E;wBAC5E,CAAC,CAAC,gCAAgC;iBACrC;gBAED,8BACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAuB,CACpD,IAEA,WAAW,CACP,CACH;YAGN,6BACE,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,wDAAwD,CACzD,EACD,KAAK,EAAE;oBACL,eAAe,EAAE,QAAQ;wBACvB,CAAC,CAAC,mBAAmB;wBACrB,CAAC,CAAC,kBAAkB;oBACtB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB;oBAChE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB;oBACzD,SAAS,EAAE,QAAQ;wBACjB,CAAC,CAAC,kCAAkC;wBACpC,CAAC,CAAC,+BAA+B;iBACpC,IAEA,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CACjB;YAGN,6BACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,0EAA0E,EAC1E,iDAAiD,EACjD,oDAAoD,CACrD,EACD,KAAK,EAAE;oBACL,SAAS,EACP,oEAAoE;iBACvE;gBAED,2BAAG,SAAS,EAAC,uDAAuD;oBACjE,WAAW;gCACV;gBACJ,2BAAG,SAAS,EAAC,mCAAmC;;oBACpC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CACxC,CACA,CACF;QAGN,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,MAAM,EACzB,SAAS,EAAC,+EAA+E,EACzF,KAAK,EAAE;gBACL,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB;gBAChE,SAAS,EAAE,QAAQ;oBACjB,CAAC,CAAC,iCAAiC;oBACnC,CAAC,CAAC,gCAAgC;aACrC,GACD,CACD,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+/**
+ * シナプティックキャンバス
+ *
+ * React Flowベースのブランチグラフ表示コンテナ
+ * パン/ズーム/ミニマップを提供
+ */
+import React from "react";
+import "@xyflow/react/dist/style.css";
+import type { Branch } from "../../../../../types/api.js";
+interface SynapticCanvasProps {
+    branches: Branch[];
+    onNodeClick?: (branch: Branch | null) => void;
+    className?: string;
+}
+export declare function SynapticCanvas({ branches, onNodeClick, className, }: SynapticCanvasProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SynapticCanvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SynapticCanvas.d.ts","sourceRoot":"","sources":["../../../../../../src/web/client/src/components/graph/SynapticCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAWhE,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAiB1D,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EAAE,mBAAmB,qBA2HrB"}

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

@@ -0,0 +1,94 @@
+/**
+ * シナプティックキャンバス
+ *
+ * React Flowベースのブランチグラフ表示コンテナ
+ * パン/ズーム/ミニマップを提供
+ */
+import React, { useCallback, useEffect, useState } from "react";
+import { ReactFlow, Background, Controls, MiniMap, useNodesState, useEdgesState, BackgroundVariant, } from "@xyflow/react";
+import "@xyflow/react/dist/style.css";
+import { BranchNode } from "./BranchNode";
+import { ClusterNode } from "./ClusterNode";
+import { SynapticEdge } from "./SynapticEdge";
+import { branchesToGraph } from "./graphUtils";
+/** カスタムノードタイプ */
+const nodeTypes = {
+    branch: BranchNode,
+    cluster: ClusterNode,
+};
+/** カスタムエッジタイプ */
+const edgeTypes = {
+    synaptic: SynapticEdge,
+};
+export function SynapticCanvas({ branches, onNodeClick, className, }) {
+    const [nodes, setNodes, onNodesChange] = useNodesState([]);
+    const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+    const [expandedClusters, setExpandedClusters] = useState(new Set());
+    const [isLayouting, setIsLayouting] = useState(false);
+    // レイアウト計算
+    useEffect(() => {
+        if (branches.length === 0)
+            return;
+        setIsLayouting(true);
+        // キャンバスサイズ（仮）
+        const width = 800;
+        const height = 600;
+        branchesToGraph(branches, expandedClusters, width, height)
+            .then(({ nodes: newNodes, edges: newEdges }) => {
+            setNodes(newNodes);
+            setEdges(newEdges);
+        })
+            .catch((error) => {
+            console.error("Failed to calculate graph layout:", error);
+        })
+            .finally(() => {
+            setIsLayouting(false);
+        });
+    }, [branches, expandedClusters, setNodes, setEdges]);
+    // ノードクリックハンドラ
+    const handleNodeClick = useCallback((event, node) => {
+        if (node.data.isCluster) {
+            // クラスタノード: 展開/折りたたみ
+            setExpandedClusters((prev) => {
+                const next = new Set(prev);
+                if (next.has(node.id)) {
+                    next.delete(node.id);
+                }
+                else {
+                    next.add(node.id);
+                }
+                return next;
+            });
+        }
+        else {
+            // ブランチノード: 詳細パネル表示
+            onNodeClick?.(node.data.branch ?? null);
+        }
+    }, [onNodeClick]);
+    // ミニマップのノードカラー
+    const minimapNodeColor = useCallback((node) => {
+        if (node.data.isCluster) {
+            return "hsl(var(--muted-foreground))";
+        }
+        if (node.data.branch?.worktreePath) {
+            return "hsl(var(--success))";
+        }
+        if (node.data.branch?.type === "local") {
+            return "hsl(var(--local))";
+        }
+        return "hsl(var(--remote))";
+    }, []);
+    return (React.createElement("div", { className: className, style: { width: "100%", height: "100%" } },
+        React.createElement(ReactFlow, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onNodeClick: handleNodeClick, nodeTypes: nodeTypes, edgeTypes: edgeTypes, fitView: true, fitViewOptions: {
+                padding: 0.2,
+                maxZoom: 1.5,
+            }, minZoom: 0.1, maxZoom: 2, attributionPosition: "bottom-left", proOptions: { hideAttribution: true }, className: "bg-gradient-to-br from-background via-background to-muted/20" },
+            React.createElement(Background, { variant: BackgroundVariant.Dots, gap: 20, size: 1, color: "hsl(var(--muted-foreground) / 0.15)" }),
+            React.createElement(Controls, { showInteractive: false, className: "!bg-card !border !border-border !shadow-md" }),
+            React.createElement(MiniMap, { nodeColor: minimapNodeColor, maskColor: "hsl(var(--background) / 0.8)", className: "!bg-card !border !border-border !shadow-md" })),
+        isLayouting && (React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-background/50 backdrop-blur-sm" },
+            React.createElement("div", { className: "flex items-center gap-2 rounded-lg bg-card px-4 py-2 shadow-lg" },
+                React.createElement("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
+                React.createElement("span", { className: "text-sm text-muted-foreground" }, "Calculating layout..."))))));
+}
+//# sourceMappingURL=SynapticCanvas.js.map

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * シナプスエッジコンポーネント
+ *
+ * 神経細胞の軸索（アクソン）をイメージした脈動するエッジ
+ * 神経伝達物質の放出と伝播を表現するアニメーション
+ */
+import React from "react";
+import { type EdgeProps } from "@xyflow/react";
+import type { GraphEdge } from "./graphUtils";
+type SynapticEdgeProps = EdgeProps<GraphEdge>;
+export declare const SynapticEdge: React.NamedExoticComponent<SynapticEdgeProps>;
+export {};
+//# sourceMappingURL=SynapticEdge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SynapticEdge.d.ts","sourceRoot":"","sources":["../../../../../../src/web/client/src/components/graph/SynapticEdge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,iBAAiB,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,+CAoSvB,CAAC"}

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

@@ -0,0 +1,113 @@
+/**
+ * シナプスエッジコンポーネント
+ *
+ * 神経細胞の軸索（アクソン）をイメージした脈動するエッジ
+ * 神経伝達物質の放出と伝播を表現するアニメーション
+ */
+import React, { memo, useMemo } from "react";
+import { BaseEdge, EdgeLabelRenderer, getBezierPath, } from "@xyflow/react";
+export const SynapticEdge = memo(function SynapticEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style = {}, markerEnd, }) {
+    const [edgePath, labelX, labelY] = getBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+        curvature: 0.25,
+    });
+    // エッジの長さに基づいてパーティクル数を調整
+    const edgeLength = useMemo(() => {
+        const dx = targetX - sourceX;
+        const dy = targetY - sourceY;
+        return Math.sqrt(dx * dx + dy * dy);
+    }, [sourceX, sourceY, targetX, targetY]);
+    const particleCount = Math.max(2, Math.min(4, Math.floor(edgeLength / 100)));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BaseEdge, { id: `${id}-outer-glow`, path: edgePath, style: {
+                ...style,
+                strokeWidth: 12,
+                stroke: "hsl(185 100% 65% / 0.08)",
+                filter: "blur(8px)",
+            } }),
+        React.createElement(BaseEdge, { id: `${id}-mid-glow`, path: edgePath, style: {
+                ...style,
+                strokeWidth: 6,
+                stroke: "hsl(185 100% 65% / 0.15)",
+                filter: "blur(4px)",
+            } }),
+        React.createElement(BaseEdge, { id: id, path: edgePath, ...(markerEnd ? { markerEnd } : {}), style: {
+                ...style,
+                strokeWidth: 2,
+                stroke: "hsl(185 100% 65% / 0.5)",
+                strokeLinecap: "round",
+            } }),
+        React.createElement(BaseEdge, { id: `${id}-core`, path: edgePath, style: {
+                ...style,
+                strokeWidth: 1,
+                stroke: "hsl(185 100% 75% / 0.6)",
+                strokeLinecap: "round",
+            } }),
+        React.createElement(EdgeLabelRenderer, null,
+            React.createElement("svg", { style: {
+                    position: "absolute",
+                    left: 0,
+                    top: 0,
+                    width: "100%",
+                    height: "100%",
+                    pointerEvents: "none",
+                    overflow: "visible",
+                } },
+                React.createElement("defs", null,
+                    React.createElement("linearGradient", { id: `vesicle-pulse-${id}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%" },
+                        React.createElement("stop", { offset: "0%", stopColor: "transparent" },
+                            React.createElement("animate", { attributeName: "offset", values: "-0.3;1", dur: "2.5s", repeatCount: "indefinite" })),
+                        React.createElement("stop", { offset: "5%", stopColor: "hsl(185 100% 70% / 0.3)" },
+                            React.createElement("animate", { attributeName: "offset", values: "-0.25;1.05", dur: "2.5s", repeatCount: "indefinite" })),
+                        React.createElement("stop", { offset: "10%", stopColor: "hsl(185 100% 80%)" },
+                            React.createElement("animate", { attributeName: "offset", values: "-0.2;1.1", dur: "2.5s", repeatCount: "indefinite" })),
+                        React.createElement("stop", { offset: "15%", stopColor: "hsl(185 100% 70% / 0.3)" },
+                            React.createElement("animate", { attributeName: "offset", values: "-0.15;1.15", dur: "2.5s", repeatCount: "indefinite" })),
+                        React.createElement("stop", { offset: "20%", stopColor: "transparent" },
+                            React.createElement("animate", { attributeName: "offset", values: "-0.1;1.2", dur: "2.5s", repeatCount: "indefinite" }))),
+                    React.createElement("linearGradient", { id: `synapse-pulse-${id}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%" },
+                        React.createElement("stop", { offset: "0%", stopColor: "transparent" },
+                            React.createElement("animate", { attributeName: "offset", values: "-0.4;1", dur: "3s", begin: "0.8s", repeatCount: "indefinite" })),
+                        React.createElement("stop", { offset: "8%", stopColor: "hsl(310 85% 65% / 0.6)" },
+                            React.createElement("animate", { attributeName: "offset", values: "-0.32;1.08", dur: "3s", begin: "0.8s", repeatCount: "indefinite" })),
+                        React.createElement("stop", { offset: "16%", stopColor: "transparent" },
+                            React.createElement("animate", { attributeName: "offset", values: "-0.24;1.16", dur: "3s", begin: "0.8s", repeatCount: "indefinite" }))),
+                    React.createElement("filter", { id: `glow-${id}`, x: "-50%", y: "-50%", width: "200%", height: "200%" },
+                        React.createElement("feGaussianBlur", { stdDeviation: "2", result: "coloredBlur" }),
+                        React.createElement("feMerge", null,
+                            React.createElement("feMergeNode", { in: "coloredBlur" }),
+                            React.createElement("feMergeNode", { in: "SourceGraphic" })))),
+                React.createElement("path", { d: edgePath, fill: "none", stroke: `url(#vesicle-pulse-${id})`, strokeWidth: 4, strokeLinecap: "round", filter: `url(#glow-${id})`, style: { mixBlendMode: "screen" } }),
+                React.createElement("path", { d: edgePath, fill: "none", stroke: `url(#synapse-pulse-${id})`, strokeWidth: 3, strokeLinecap: "round", style: { mixBlendMode: "screen" } }))),
+        React.createElement(EdgeLabelRenderer, null,
+            React.createElement("svg", { style: {
+                    position: "absolute",
+                    left: 0,
+                    top: 0,
+                    width: "100%",
+                    height: "100%",
+                    pointerEvents: "none",
+                    overflow: "visible",
+                } }, Array.from({ length: particleCount }).map((_, i) => (React.createElement("circle", { key: i, r: 3 - i * 0.3, fill: "hsl(185 100% 80%)", opacity: 0 },
+                React.createElement("animateMotion", { dur: `${2 + i * 0.3}s`, repeatCount: "indefinite", path: edgePath, begin: `${i * 0.6}s` }),
+                React.createElement("animate", { attributeName: "opacity", values: "0;1;1;0", keyTimes: "0;0.1;0.9;1", dur: `${2 + i * 0.3}s`, repeatCount: "indefinite", begin: `${i * 0.6}s` })))))),
+        React.createElement(EdgeLabelRenderer, null,
+            React.createElement("div", { className: "absolute", style: {
+                    transform: `translate(-50%, -50%) translate(${labelX}px, ${labelY}px)`,
+                } },
+                React.createElement("div", { className: "absolute -inset-3 rounded-full opacity-30", style: {
+                        background: "radial-gradient(circle, hsl(185 100% 65%) 0%, transparent 70%)",
+                        animation: "synapse-spark 3s ease-in-out infinite",
+                    } }),
+                React.createElement("div", { className: "h-2 w-2 rounded-full", style: {
+                        background: "radial-gradient(circle at 30% 30%, hsl(185 100% 80%), hsl(185 100% 60%))",
+                        boxShadow: "0 0 10px hsl(185 100% 65% / 0.8), 0 0 20px hsl(185 100% 65% / 0.4)",
+                        animation: "vesicle-release 2s ease-in-out infinite",
+                    } })))));
+});
+//# sourceMappingURL=SynapticEdge.js.map

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

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

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

@@ -0,0 +1,67 @@
+/**
+ * Branch[] → React Flow Node/Edge 変換ユーティリティ
+ *
+ * D3-forceレイアウトと組み合わせてシナプス風配置を実現
+ */
+import { type SimulationNodeDatum, type SimulationLinkDatum } from "d3-force";
+import type { Node, Edge } from "@xyflow/react";
+import type { Branch } from "../../../../../types/api.js";
+/** グラフノードの拡張型 */
+export interface GraphNode extends Node {
+    data: {
+        branch: Branch | undefined;
+        isCluster: boolean;
+        clusterSize: number;
+        expanded: boolean;
+    };
+}
+/** グラフエッジの型 */
+export interface GraphEdge extends Edge {
+    data?: {
+        strength: number;
+    };
+}
+/** クラスタ情報 */
+export interface Cluster {
+    id: string;
+    baseBranch: string;
+    branches: Branch[];
+    isExpanded: boolean;
+}
+/** D3シミュレーション用ノード */
+interface SimNode extends SimulationNodeDatum {
+    id: string;
+    branch?: Branch;
+    isCluster: boolean;
+    clusterSize?: number;
+}
+/** D3シミュレーション用リンク */
+interface SimLink extends SimulationLinkDatum<SimNode> {
+    source: string | SimNode;
+    target: string | SimNode;
+}
+/**
+ * ブランチをクラスタにグループ化
+ */
+export declare function clusterBranches(branches: Branch[]): Cluster[];
+/**
+ * D3-forceシミュレーションを実行してノード位置を計算
+ */
+export declare function calculateLayout(nodes: SimNode[], links: SimLink[], width: number, height: number): Promise<SimNode[]>;
+/**
+ * Branch[] → GraphNode[] / GraphEdge[] 変換
+ */
+export declare function branchesToGraph(branches: Branch[], expandedClusters: Set<string>, canvasWidth: number, canvasHeight: number): Promise<{
+    nodes: GraphNode[];
+    edges: GraphEdge[];
+}>;
+/**
+ * ノードの色を決定
+ */
+export declare function getNodeColor(branch: Branch): string;
+/**
+ * ノードサイズを決定（divergenceに基づく）
+ */
+export declare function getNodeSize(branch: Branch): number;
+export {};
+//# sourceMappingURL=graphUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graphUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/web/client/src/components/graph/graphUtils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAOL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE1D,iBAAiB;AACjB,MAAM,WAAW,SAAU,SAAQ,IAAI;IACrC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3B,SAAS,EAAE,OAAO,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH;AAED,eAAe;AACf,MAAM,WAAW,SAAU,SAAQ,IAAI;IACrC,IAAI,CAAC,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,aAAa;AACb,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,qBAAqB;AACrB,UAAU,OAAQ,SAAQ,mBAAmB;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,qBAAqB;AACrB,UAAU,OAAQ,SAAQ,mBAAmB,CAAC,OAAO,CAAC;IACpD,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CA0B7D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,OAAO,EAAE,EAChB,KAAK,EAAE,OAAO,EAAE,EAChB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,OAAO,EAAE,CAAC,CAsBpB;AAED;;GAEG;AACH,wBAAsB,eAAe,CACnC,QAAQ,EAAE,MAAM,EAAE,EAClB,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,EAC7B,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC;IAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC,CA8GrD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAQnD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOlD"}