v0.0.12

src/client/nodes/ServiceNode.tsx

@@ -34,7 +34,6 @@ interface ServiceNodeData {
   stats: Stats | null;
   flash?: string;
   id?: string;
-  particleGlow?: string;
   activeHandles?: string[];
   highlighted?: boolean;
   [key: string]: unknown;
@@ -119,7 +118,6 @@ export const ServiceNode = memo(function ServiceNode({ data }: NodeProps) {
   const s = stateStyles[d.state] || stateStyles.exited;
   const { Icon, color: iconColor } = guessIcon(d.image, d.label);
   const flashClass = d.flash || "";
-  const particleGlow = d.particleGlow || "";
   const activeHandles = new Set<string>(d.activeHandles || []);
   const highlighted = d.highlighted;
   const hdot = (id: string) => {
@@ -138,12 +136,8 @@ export const ServiceNode = memo(function ServiceNode({ data }: NodeProps) {
     <div
       title={`${d.label} (${d.state})\nImage: ${d.image}\nID: ${d.id || ""}\nPorts: ${d.ports?.map((p) => `${p.host}:${p.container}`).join(", ") || "none"}`}
       className={`relative rounded-xl border ${s.border} ${s.bg} backdrop-blur-sm
-                  shadow-lg shadow-black/30 p-4 min-w-[220px] ring-2 ${particleGlow ? "" : s.ring}
+                  shadow-lg shadow-black/30 p-4 min-w-[220px] ring-2 ${s.ring}
                   transition-all duration-300 ${flashClass}`}
-      style={particleGlow ? {
-        boxShadow: `0 0 20px ${particleGlow}60, 0 0 40px ${particleGlow}30, inset 0 0 15px ${particleGlow}15`,
-        borderColor: particleGlow,
-      } : undefined}
     >
       {/* Top handles — left offset, transform centered horizontally */}
       {offsets.map((o, i) => (