diff --git a/packages/memory-graph/src/__tests__/edge-logic.test.ts b/packages/memory-graph/src/__tests__/edge-logic.test.ts index 8f886ad7..8204cfcb 100644 --- a/packages/memory-graph/src/__tests__/edge-logic.test.ts +++ b/packages/memory-graph/src/__tests__/edge-logic.test.ts @@ -645,12 +645,11 @@ describe("getEdgeVisualProps: all MemoryRelation values return valid visual prop expect(upd.opacity).toBeGreaterThan(der.opacity) }) - it("unknown edge type returns default props (opacity 0.3, thickness 1)", () => { - // The default case returns { opacity: 0.3, thickness: 1 }. - // opacity matches derives (0.3), but thickness is intentionally 1 (not 1.5), - // a safe conservative fallback that doesn't match any specific known type. + it("unknown edge type returns default props (opacity 0.4, thickness 1.2)", () => { + // The default case returns { opacity: 0.4, thickness: 1.2 }. + // A safe conservative fallback that doesn't match any specific known type. const unknown = getEdgeVisualProps("nonexistent") - expect(unknown.opacity).toBeCloseTo(0.3) - expect(unknown.thickness).toBeCloseTo(1) + expect(unknown.opacity).toBeCloseTo(0.4) + expect(unknown.thickness).toBeCloseTo(1.2) }) }) diff --git a/packages/memory-graph/src/__tests__/graph-data-utils.test.ts b/packages/memory-graph/src/__tests__/graph-data-utils.test.ts index 899c488d..0f8c5e9f 100644 --- a/packages/memory-graph/src/__tests__/graph-data-utils.test.ts +++ b/packages/memory-graph/src/__tests__/graph-data-utils.test.ts @@ -61,25 +61,25 @@ describe("getMemoryBorderColor", () => { describe("getEdgeVisualProps", () => { it("returns correct props for derives edges", () => { const props = getEdgeVisualProps("derives") - expect(props.opacity).toBeCloseTo(0.35) - expect(props.thickness).toBeCloseTo(1) + expect(props.opacity).toBeCloseTo(0.45) + expect(props.thickness).toBeCloseTo(1.2) }) it("returns correct props for updates edges", () => { const props = getEdgeVisualProps("updates") - expect(props.opacity).toBeCloseTo(0.6) - expect(props.thickness).toBeCloseTo(1.5) + expect(props.opacity).toBeCloseTo(0.7) + expect(props.thickness).toBeCloseTo(2) }) it("returns correct props for extends edges", () => { const props = getEdgeVisualProps("extends") - expect(props.opacity).toBeCloseTo(0.3) - expect(props.thickness).toBeCloseTo(1) + expect(props.opacity).toBeCloseTo(0.4) + expect(props.thickness).toBeCloseTo(1.2) }) it("returns default props for unknown edge types", () => { const props = getEdgeVisualProps("unknown") - expect(props.opacity).toBeCloseTo(0.3) - expect(props.thickness).toBeCloseTo(1) + expect(props.opacity).toBeCloseTo(0.4) + expect(props.thickness).toBeCloseTo(1.2) }) }) diff --git a/packages/memory-graph/src/canvas/renderer.ts b/packages/memory-graph/src/canvas/renderer.ts index a3fcf31a..1444f464 100644 --- a/packages/memory-graph/src/canvas/renderer.ts +++ b/packages/memory-graph/src/canvas/renderer.ts @@ -59,11 +59,11 @@ function edgeStyle( colors: GraphThemeColors, ): { color: string; width: number; opacity: number } { if (edge.edgeType === "derives") - return { color: colors.edgeDerives, width: 1, opacity: 0.35 } + return { color: colors.edgeDerives, width: 1.2, opacity: 0.45 } if (edge.edgeType === "updates") - return { color: colors.edgeUpdates, width: 1.5, opacity: 0.6 } + return { color: colors.edgeUpdates, width: 2, opacity: 0.7 } // "extends" and any unknown edge types - return { color: colors.edgeExtends, width: 1, opacity: 0.3 } + return { color: colors.edgeExtends, width: 1.2, opacity: 0.4 } } function batchKey(style: { diff --git a/packages/memory-graph/src/components/legend.tsx b/packages/memory-graph/src/components/legend.tsx index a3068fde..0290226e 100644 --- a/packages/memory-graph/src/components/legend.tsx +++ b/packages/memory-graph/src/components/legend.tsx @@ -57,7 +57,7 @@ function LineIcon({ style={{ width: 12, height: 0, - borderTop: `1.6px ${dashed ? "dashed" : "solid"} ${color}`, + borderTop: `2.5px ${dashed ? "dashed" : "solid"} ${color}`, }} /> diff --git a/packages/memory-graph/src/hooks/use-graph-data.ts b/packages/memory-graph/src/hooks/use-graph-data.ts index 4d75eb48..de5ef60e 100644 --- a/packages/memory-graph/src/hooks/use-graph-data.ts +++ b/packages/memory-graph/src/hooks/use-graph-data.ts @@ -30,13 +30,13 @@ export function getMemoryBorderColor( export function getEdgeVisualProps(edgeType: string) { switch (edgeType) { case "derives": - return { opacity: 0.35, thickness: 1 } + return { opacity: 0.45, thickness: 1.2 } case "updates": - return { opacity: 0.6, thickness: 1.5 } + return { opacity: 0.7, thickness: 2 } case "extends": - return { opacity: 0.3, thickness: 1 } + return { opacity: 0.4, thickness: 1.2 } default: - return { opacity: 0.3, thickness: 1 } + return { opacity: 0.4, thickness: 1.2 } } }