@visualli/core 0.1.7 → 0.2.1

package/dist/index.cjs

@@ -30,40 +30,21 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  ACTIVE_BLOB_TYPES: () => ACTIVE_BLOB_TYPES,
-  ALL_BLOB_SHAPES: () => ALL_BLOB_SHAPES,
-  ANIMATION_DURATION: () => ANIMATION_DURATION,
-  ANIMATION_PHASES: () => ANIMATION_PHASES,
-  BLOB_LAYER_CONFIG: () => BLOB_LAYER_CONFIG,
-  BLOB_TEXT_OFFSETS: () => BLOB_TEXT_OFFSETS,
-  BORDER_WIDTH_NORMAL: () => BORDER_WIDTH_NORMAL,
-  BORDER_WIDTH_SELECTED: () => BORDER_WIDTH_SELECTED,
-  BRAND_COLORS: () => BRAND_COLORS,
-  CANVAS_COLORS: () => CANVAS_COLORS,
-  CHAR_WIDTH: () => CHAR_WIDTH,
+  BLOB_SHAPES: () => BLOB_SHAPES,
+  CANVAS_STYLE: () => CANVAS_STYLE,
   CIRCULAR_REFERENCE_MAX_DEPTH: () => CIRCULAR_REFERENCE_MAX_DEPTH,
   CLICK_THRESHOLD: () => CLICK_THRESHOLD,
-  COLOR_BORDER_DARK: () => COLOR_BORDER_DARK,
-  COLOR_BORDER_LIGHT: () => COLOR_BORDER_LIGHT,
-  COLOR_DEFAULT_NODE: () => COLOR_DEFAULT_NODE,
-  COLOR_SELECTED: () => COLOR_SELECTED,
-  CONTAINER_LABEL_BASE_FONT_PX: () => CONTAINER_LABEL_BASE_FONT_PX,
-  COOLDOWN: () => COOLDOWN,
-  CORNER_RADIUS: () => CORNER_RADIUS,
   CULLING_QUERY_TIME_BUDGET: () => CULLING_QUERY_TIME_BUDGET,
+  CUSTOM: () => CUSTOM,
   DEFAULT_CANVAS_HEIGHT: () => DEFAULT_CANVAS_HEIGHT,
   DEFAULT_CANVAS_WIDTH: () => DEFAULT_CANVAS_WIDTH,
   DEFAULT_RENDER_CONFIG: () => DEFAULT_RENDER_CONFIG,
-  DESCRIPTION_TEXT_BASE_FONT_PX: () => DESCRIPTION_TEXT_BASE_FONT_PX,
+  DESIGN_SYSTEM_VERSION: () => DESIGN_SYSTEM_VERSION,
+  DETAIL: () => DETAIL,
   DOUBLE_CLICK_DELAY: () => DOUBLE_CLICK_DELAY,
   DRAG_START_DISTANCE: () => DRAG_START_DISTANCE,
-  DS_COLORS: () => DS_COLORS,
-  DS_RADII: () => DS_RADII,
-  DS_TYPOGRAPHY: () => DS_TYPOGRAPHY,
-  EDGE_LABEL_BASE_FONT_PX: () => EDGE_LABEL_BASE_FONT_PX,
+  EASE: () => EASE,
   FEATURE_FLAGS: () => FEATURE_FLAGS,
-  FONTS: () => FONTS,
-  FONT_SIZES: () => FONT_SIZES,
   FPSMonitor: () => FPSMonitor,
   FPS_CRITICAL_THRESHOLD: () => FPS_CRITICAL_THRESHOLD,
   FPS_DOWNGRADE_THRESHOLD: () => FPS_DOWNGRADE_THRESHOLD,
@@ -74,27 +55,29 @@ __export(index_exports, {
   FPS_UPDATE_INTERVAL: () => FPS_UPDATE_INTERVAL,
   FPS_UPGRADE_THRESHOLD: () => FPS_UPGRADE_THRESHOLD,
   FPS_WARNING_THRESHOLD: () => FPS_WARNING_THRESHOLD,
+  FRAME: () => FRAME,
+  GESTURE: () => GESTURE,
+  HULL: () => HULL,
+  HULL_CLEAR: () => HULL_CLEAR,
+  IDEA: () => IDEA,
+  LABEL_GROWTH: () => LABEL_GROWTH,
   LAYOUT_SPACING: () => LAYOUT_SPACING,
-  LEVEL_COLORS: () => LEVEL_COLORS,
-  LEVEL_COLOR_ARRAY: () => LEVEL_COLOR_ARRAY,
   MAX_FRAME_TIME: () => MAX_FRAME_TIME,
   MAX_NODES: () => MAX_NODES,
+  MAX_RINGS: () => MAX_RINGS,
   MAX_VISIBLE_NODES: () => MAX_VISIBLE_NODES,
   MEMORY_CHECK_INTERVAL: () => MEMORY_CHECK_INTERVAL,
   MEMORY_CRITICAL_MB: () => MEMORY_CRITICAL_MB,
   MEMORY_LIMITS: () => MEMORY_LIMITS,
   MEMORY_TARGET_MB: () => MEMORY_TARGET_MB,
   MEMORY_WARNING_MB: () => MEMORY_WARNING_MB,
+  METRICS: () => METRICS,
+  METRICS_REDUCED_MOTION: () => METRICS_REDUCED_MOTION,
+  MOTION: () => MOTION,
   MemoryMonitor: () => MemoryMonitor,
   NODE_COUNT_THRESHOLDS: () => NODE_COUNT_THRESHOLDS,
-  NODE_HEIGHT: () => NODE_HEIGHT,
-  NODE_LAYER_CONFIG: () => NODE_LAYER_CONFIG,
-  NODE_MIN_WIDTH: () => NODE_MIN_WIDTH,
-  NODE_PADDING: () => NODE_PADDING,
-  NODE_TEXT_BASE_FONT_PX: () => NODE_TEXT_BASE_FONT_PX,
-  OPACITY: () => OPACITY,
-  OVERLAY_FONT_UPPER_BOOST_PX: () => OVERLAY_FONT_UPPER_BOOST_PX,
-  PARENT_FALLBACK_COLORS: () => PARENT_FALLBACK_COLORS,
+  PEEK: () => PEEK,
+  PEEK_PLACEMENT: () => PEEK_PLACEMENT,
   PERFORMANCE_TOAST_COOLDOWN: () => PERFORMANCE_TOAST_COOLDOWN,
   PerformanceProfiler: () => PerformanceProfiler,
   QUALITY_HIGH: () => QUALITY_HIGH,
@@ -106,33 +89,37 @@ __export(index_exports, {
   RBushSpatialIndex: () => RBushSpatialIndex,
   RENDER_MODES: () => RENDER_MODES,
   RESIZE_DEBOUNCE: () => RESIZE_DEBOUNCE,
+  RINGS: () => RINGS,
   SCROLL_THROTTLE: () => SCROLL_THROTTLE,
   SEARCH_DEBOUNCE: () => SEARCH_DEBOUNCE,
-  SEMANTIC_COLORS: () => SEMANTIC_COLORS,
+  SHAPE: () => SHAPE,
+  SHEET: () => SHEET,
   SIMPLIFIED_RENDER_CONFIG: () => SIMPLIFIED_RENDER_CONFIG,
-  SPACING: () => SPACING,
   SPATIAL_INDEX_BUILD_BUDGET: () => SPATIAL_INDEX_BUILD_BUDGET,
   TARGET_FRAME_TIME: () => TARGET_FRAME_TIME,
-  TARGET_ZOOM: () => TARGET_ZOOM,
-  TEXT_LABEL_HIDE_BELOW_ZOOM: () => TEXT_LABEL_HIDE_BELOW_ZOOM,
-  THEME_COLORS: () => THEME_COLORS,
+  TERM: () => TERM,
+  THEME_NAMES: () => THEME_NAMES,
   TIMING_THRESHOLDS: () => TIMING_THRESHOLDS,
-  TITLE_MAX_LENGTH: () => TITLE_MAX_LENGTH,
+  TOKENS: () => TOKENS,
+  TOPICS: () => TOPICS,
+  TOPIC_ORDER: () => TOPIC_ORDER,
+  TRAIL: () => TRAIL,
+  TYPE_STYLES: () => TYPE_STYLES,
+  VIEW: () => VIEW,
   VIEWPORT_CONFIG: () => VIEWPORT_CONFIG,
-  VIEWPORT_FRAMING: () => VIEWPORT_FRAMING,
   VIEWPORT_MARGIN: () => VIEWPORT_MARGIN,
   VisualliParseError: () => VisualliParseError,
   ZOOM_DEFAULT: () => ZOOM_DEFAULT,
   ZOOM_MAX: () => ZOOM_MAX,
   ZOOM_MIN: () => ZOOM_MIN,
-  ZOOM_NAV_IN_THRESHOLD: () => ZOOM_NAV_IN_THRESHOLD,
-  ZOOM_NAV_OUT_THRESHOLD: () => ZOOM_NAV_OUT_THRESHOLD,
-  ZOOM_STEP: () => ZOOM_STEP,
-  ZOOM_THRESHOLDS: () => ZOOM_THRESHOLDS,
-  ZOOM_WHEEL_SENSITIVITY: () => ZOOM_WHEEL_SENSITIVITY,
   applyCircularLayout: () => applyCircularLayout,
   applyLinearHorizontalLayout: () => applyLinearHorizontalLayout,
   applyLinearVerticalLayout: () => applyLinearVerticalLayout,
+  approximateMeasure: () => approximateMeasure,
+  arrowPath: () => arrowPath,
+  blobPath: () => blobPath,
+  blobRadius: () => blobRadius,
+  bloomOffset: () => bloomOffset,
   calculateDistance: () => calculateDistance,
   calculateFitCenter: () => calculateFitCenter,
   calculateFitView: () => calculateFitView,
@@ -142,32 +129,26 @@ __export(index_exports, {
   calculateViewportBounds: () => calculateViewportBounds,
   checkCollision: () => checkCollision,
   clampZoom: () => clampZoom,
-  computeEdgeLabelScale: () => computeEdgeLabelScale,
-  computeNodeTextScreenScale: () => computeNodeTextScreenScale,
-  computeNodeTextWorldScale: () => computeNodeTextWorldScale,
-  computeOverlayScale: () => computeOverlayScale,
+  connectorDelay: () => connectorDelay,
+  connectorGeometry: () => connectorGeometry,
+  connectorSamples: () => connectorSamples,
+  containerHull: () => containerHull,
   convertLayerToFlatNodes: () => convertLayerToFlatNodes,
   convertVisualliToFlatNodes: () => convertVisualliToFlatNodes,
   countLayersBeneath: () => countLayersBeneath,
-  createCubicBezier: () => createCubicBezier,
   createMindMapConfig: () => createMindMapConfig,
-  darkenHexColor: () => darkenHexColor,
-  drawBlobPath: () => drawBlobPath,
-  easeInCubic: () => easeInCubic,
-  easeInOutCubic: () => easeInOutCubic,
-  easeInOutQuart: () => easeInOutQuart,
-  easeInOutSine: () => easeInOutSine,
-  easeOutCubic: () => easeOutCubic,
-  easeOutQuad: () => easeOutQuad,
-  easeZoomTransition: () => easeZoomTransition,
+  cssEase: () => cssEase,
+  customColor: () => customColor,
+  drawBlob: () => drawBlob,
+  easeBezier: () => ease,
+  edgePath: () => edgePath,
   fetchAndParseVisualli: () => fetchAndParseVisualli,
+  fitView: () => fitView,
   flattenNodes: () => flattenNodes,
   focusOnNode: () => focusOnNode,
   generateSampleConfig: () => generateSampleConfig,
-  getBlobTypeForLayer: () => getBlobTypeForLayer,
   getChildLayerForNode: () => getChildLayerForNode,
   getChildLayers: () => getChildLayers,
-  getColorForLevel: () => getColorForLevel,
   getConnectionsForLayer: () => getConnectionsForLayer,
   getContainersForLayer: () => getContainersForLayer,
   getLayerForNavigation: () => getLayerForNavigation,
@@ -177,27 +158,70 @@ __export(index_exports, {
   getOptimalQualityLevel: () => getOptimalQualityLevel,
   getRecommendedRenderConfig: () => getRecommendedRenderConfig,
   getRenderConfigForQuality: () => getRenderConfigForQuality,
-  getThemeBackground: () => getThemeBackground,
-  getThemeBorder: () => getThemeBorder,
-  getThemeText: () => getThemeText,
+  getSemanticAnchors: () => getSemanticAnchors,
+  getTokens: () => getTokens,
   getTopLevelConnections: () => getTopLevelConnections,
   getViewportVisibleNodes: () => getViewportVisibleNodes,
   getVisibleNodes: () => getVisibleNodes,
+  hoverOpensTerm: () => hoverOpensTerm,
+  ideaColor: () => ideaColor,
+  ideaDetail: () => ideaDetail,
+  ideaKindOf: () => ideaKindOf,
+  ideaSize: () => ideaSize,
+  ideaStyle: () => ideaStyle,
+  intersectsViewport: () => intersectsViewport,
+  isContrastTheme: () => isContrastTheme,
+  isDarkTheme: () => isDarkTheme,
   isFeatureEnabled: () => isFeatureEnabled,
+  isFocusTheme: () => isFocusTheme,
   isNodeInViewport: () => isNodeInViewport,
+  isThemeName: () => isThemeName,
+  labelCandidates: () => labelCandidates,
+  labelGrowth: () => labelGrowth,
+  labelScale: () => labelScale,
+  layerBlooms: () => layerBlooms,
+  layerBounds: () => layerBounds,
+  layerFrame: () => layerFrame,
+  layerReveal: () => layerReveal,
   loadVisualliFileFromFile: () => loadVisualliFileFromFile,
+  metricsFor: () => metricsFor,
+  motionVars: () => motionVars,
+  nodeBounds: () => nodeBounds,
+  nodeRadii: () => nodeRadii,
   optimizeLayout: () => optimizeLayout,
+  outlineRadius: () => outlineRadius,
   panViewport: () => panViewport,
   parseVisualliFile: () => parseVisualliFile,
   parseVisualliFromMongoDB: () => parseVisualliFromMongoDB,
+  peekPosition: () => peekPosition,
+  pinchZoom: () => pinchZoom,
+  placeContainerLabel: () => placeContainerLabel,
+  pointerModeFor: () => pointerModeFor,
   recalculateViewportBounds: () => recalculateViewportBounds,
   renderConfigStore: () => renderConfigStore,
   resolveCollisions: () => resolveCollisions,
+  resolveComfort: () => resolveComfort,
   resolveNodeOverlaps: () => resolveNodeOverlaps,
+  resolveTheme: () => resolveTheme,
+  revealDelay: () => revealDelay,
+  revealSlot: () => revealSlot,
+  revealTotal: () => revealTotal,
+  ringCount: () => ringCount,
+  ringsFor: () => ringsFor,
   screenToWorld: () => screenToWorld,
   selectionStore: () => selectionStore,
   setViewportCenter: () => setViewportCenter,
+  shadowsShown: () => shadowsShown,
+  shapeForLevel: () => shapeForLevel,
+  shapeOfLevel: () => shapeOfLevel,
+  swapDelay: () => swapDelay,
+  token: () => token,
+  topicFor: () => topicFor,
+  topicFromName: () => topicFromName,
+  topicStyle: () => topicStyle,
   worldToScreen: () => worldToScreen,
+  wrapLines: () => wrapLines,
+  zoomAround: () => zoomAround,
   zoomViewport: () => zoomViewport
 });
 module.exports = __toCommonJS(index_exports);
@@ -315,9 +339,9 @@ function resolveCollisions(nodes, maxIterations = 10) {
             const b1 = getNodeBounds(n1);
             const b2 = getNodeBounds(n2);
             const minSep = (b1.width + b2.width) / 2;
-            const overlap = minSep - dist + 20;
-            if (overlap > 0) {
-              const move = overlap / 2;
+            const overlap2 = minSep - dist + 20;
+            if (overlap2 > 0) {
+              const move = overlap2 / 2;
               n1.x -= dx / dist * move;
               n1.y -= dy / dist * move;
               n2.x += dx / dist * move;
@@ -431,6 +455,13 @@ function parseVisualliFile(content) {
         }
         break;
       }
+      case "extension": {
+        const id = obj["id"];
+        if (typeof id === "string") {
+          (doc.extensions ?? (doc.extensions = {}))[id] = Array.isArray(obj["data"]) ? obj["data"] : [];
+        }
+        break;
+      }
       default:
         break;
     }
@@ -468,6 +499,11 @@ function loadVisualliFileFromFile(file) {
     reader.readAsText(file);
   });
 }
+function getSemanticAnchors(doc) {
+  const raw = doc.extensions?.["semantic-anchors"];
+  if (!Array.isArray(raw)) return [];
+  return raw.filter((a) => !!a && typeof a.word === "string" && typeof a.description === "string");
+}
 function getChildLayers(doc, nodeId) {
   const result = [];
   for (const layer of doc.layers.values()) {
@@ -491,6 +527,874 @@ function countLayersBeneath(doc, nodeId, visited = /* @__PURE__ */ new Set()) {
   return maxDepth;
 }
 
+// src/generated/designSystem.ts
+var DESIGN_SYSTEM_VERSION = "0.2.1";
+var THEME_NAMES = [
+  "light",
+  "dark",
+  "focus-light",
+  "focus-dark",
+  "colorsafe-light",
+  "colorsafe-dark",
+  "contrast-light",
+  "contrast-dark"
+];
+var TOKENS = {
+  "light": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#f6f3ee",
+    "surface": "#ffffff",
+    "surface-sunken": "#f0ece5",
+    "surface-overlay": "#ffffff",
+    "line": "#e4dfd6",
+    "line-strong": "#7a7f94",
+    "ink": "#182140",
+    "ink-muted": "#4f5671",
+    "ink-subtle": "#5f647c",
+    "action": "#182140",
+    "on-action": "#ffffff",
+    "focus": "#325e8c",
+    "link": "#2f5a87",
+    "selection": "rgba(18, 199, 211, 0.28)",
+    "node-ink": "#182140",
+    "edge": "#2a3048",
+    "edge-label": "#4f5671",
+    "topic-teal": "#87f2f8",
+    "topic-teal-ring": "#00cdd5",
+    "topic-harbor": "#bcdbff",
+    "topic-harbor-ring": "#76b2f5",
+    "topic-iris": "#e0c8fe",
+    "topic-iris-ring": "#bd96ea",
+    "topic-berry": "#ffbdc4",
+    "topic-berry-ring": "#f47e8f",
+    "topic-coral": "#ffc7b2",
+    "topic-coral-ring": "#f38e65",
+    "topic-amber": "#ffcf9d",
+    "topic-amber-ring": "#eb9c38",
+    "topic-sun": "#ffea94",
+    "topic-sun-ring": "#dfbd04",
+    "topic-stone": "#e0dacf",
+    "topic-stone-ring": "#bab09f",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "dark": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#0f1220",
+    "surface": "#171b2b",
+    "surface-sunken": "#0f1220",
+    "surface-overlay": "#212639",
+    "line": "#2b3148",
+    "line-strong": "#6c7392",
+    "ink": "#eef0f7",
+    "ink-muted": "#b3b8cc",
+    "ink-subtle": "#8f95ae",
+    "action": "#f6f3ee",
+    "on-action": "#182140",
+    "focus": "#12c7d3",
+    "link": "#5fd8e1",
+    "selection": "rgba(18, 199, 211, 0.32)",
+    "node-ink": "#182140",
+    "edge": "#c9cddc",
+    "edge-label": "#b3b8cc",
+    "topic-teal": "#87f2f8",
+    "topic-teal-ring": "#0fc5cd",
+    "topic-harbor": "#bcdbff",
+    "topic-harbor-ring": "#73aceb",
+    "topic-iris": "#e0c8fe",
+    "topic-iris-ring": "#b691e1",
+    "topic-berry": "#ffbdc4",
+    "topic-berry-ring": "#eb798a",
+    "topic-coral": "#ffc7b2",
+    "topic-coral-ring": "#ea8962",
+    "topic-amber": "#ffcf9d",
+    "topic-amber-ring": "#e29737",
+    "topic-sun": "#ffea94",
+    "topic-sun-ring": "#d8b70a",
+    "topic-stone": "#e0dacf",
+    "topic-stone-ring": "#b4a999",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(0, 0, 0, 0.40), 0 8px 24px rgba(0, 0, 0, 0.35)",
+    "shadow-pop": "0 2px 4px rgba(0, 0, 0, 0.50), 0 16px 40px rgba(0, 0, 0, 0.50)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "focus-light": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#f4f2ee",
+    "surface": "#ffffff",
+    "surface-sunken": "#f0ece5",
+    "surface-overlay": "#ffffff",
+    "line": "#e4dfd6",
+    "line-strong": "#7a7f94",
+    "ink": "#182140",
+    "ink-muted": "#4f5671",
+    "ink-subtle": "#5f647c",
+    "action": "#182140",
+    "on-action": "#ffffff",
+    "focus": "#325e8c",
+    "link": "#2f5a87",
+    "selection": "rgba(18, 199, 211, 0.28)",
+    "node-ink": "#182140",
+    "edge": "#5a6079",
+    "edge-label": "#5a6079",
+    "topic-teal": "#bce8ea",
+    "topic-teal-ring": "#67c6cb",
+    "topic-harbor": "#c9d9ec",
+    "topic-harbor-ring": "#8bb2de",
+    "topic-iris": "#d9cfe8",
+    "topic-iris-ring": "#b79ed4",
+    "topic-berry": "#edc6c9",
+    "topic-berry-ring": "#da9099",
+    "topic-coral": "#eecec1",
+    "topic-coral-ring": "#db9b82",
+    "topic-amber": "#eed4ba",
+    "topic-amber-ring": "#d6a570",
+    "topic-sun": "#f4eac1",
+    "topic-sun-ring": "#d2bf73",
+    "topic-stone": "#dddad5",
+    "topic-stone-ring": "#bab09f",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "focus-dark": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#12141c",
+    "surface": "#171b2b",
+    "surface-sunken": "#0f1220",
+    "surface-overlay": "#212639",
+    "line": "#2b3148",
+    "line-strong": "#6c7392",
+    "ink": "#eef0f7",
+    "ink-muted": "#b3b8cc",
+    "ink-subtle": "#8f95ae",
+    "action": "#f6f3ee",
+    "on-action": "#182140",
+    "focus": "#12c7d3",
+    "link": "#5fd8e1",
+    "selection": "rgba(18, 199, 211, 0.32)",
+    "node-ink": "#182140",
+    "edge": "#a9aec0",
+    "edge-label": "#b3b8cc",
+    "topic-teal": "#bce8ea",
+    "topic-teal-ring": "#71bdc1",
+    "topic-harbor": "#c9d9ec",
+    "topic-harbor-ring": "#8cabce",
+    "topic-iris": "#d9cfe8",
+    "topic-iris-ring": "#ae9bc6",
+    "topic-berry": "#edc6c9",
+    "topic-berry-ring": "#cc8e95",
+    "topic-coral": "#eecec1",
+    "topic-coral-ring": "#cd9884",
+    "topic-amber": "#eed4ba",
+    "topic-amber-ring": "#c9a176",
+    "topic-sun": "#f4eac1",
+    "topic-sun-ring": "#c9b97a",
+    "topic-stone": "#dddad5",
+    "topic-stone-ring": "#b4a999",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "colorsafe-light": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#f6f3ee",
+    "surface": "#ffffff",
+    "surface-sunken": "#f0ece5",
+    "surface-overlay": "#ffffff",
+    "line": "#e4dfd6",
+    "line-strong": "#7a7f94",
+    "ink": "#182140",
+    "ink-muted": "#4f5671",
+    "ink-subtle": "#5f647c",
+    "action": "#182140",
+    "on-action": "#ffffff",
+    "focus": "#325e8c",
+    "link": "#2f5a87",
+    "selection": "rgba(18, 199, 211, 0.28)",
+    "node-ink": "#182140",
+    "edge": "#2a3048",
+    "edge-label": "#4f5671",
+    "topic-teal": "#b0ecbc",
+    "topic-teal-ring": "#6cc982",
+    "topic-harbor": "#abdbfe",
+    "topic-harbor-ring": "#60b4ec",
+    "topic-iris": "#f6bde2",
+    "topic-iris-ring": "#dc87c0",
+    "topic-berry": "#feb79e",
+    "topic-berry-ring": "#ec7f58",
+    "topic-coral": "#fece96",
+    "topic-coral-ring": "#e49d41",
+    "topic-amber": "#b2e8fa",
+    "topic-amber-ring": "#5cc4e2",
+    "topic-sun": "#f6f097",
+    "topic-sun-ring": "#d0c637",
+    "topic-stone": "#dbdbdb",
+    "topic-stone-ring": "#b7afb1",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "colorsafe-dark": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#0f1220",
+    "surface": "#171b2b",
+    "surface-sunken": "#0f1220",
+    "surface-overlay": "#212639",
+    "line": "#2b3148",
+    "line-strong": "#6c7392",
+    "ink": "#eef0f7",
+    "ink-muted": "#b3b8cc",
+    "ink-subtle": "#8f95ae",
+    "action": "#f6f3ee",
+    "on-action": "#182140",
+    "focus": "#12c7d3",
+    "link": "#5fd8e1",
+    "selection": "rgba(18, 199, 211, 0.32)",
+    "node-ink": "#182140",
+    "edge": "#c9cddc",
+    "edge-label": "#b3b8cc",
+    "topic-teal": "#b0ecbc",
+    "topic-teal-ring": "#69c27e",
+    "topic-harbor": "#abdbfe",
+    "topic-harbor-ring": "#5eade2",
+    "topic-iris": "#f6bde2",
+    "topic-iris-ring": "#d383b9",
+    "topic-berry": "#feb79e",
+    "topic-berry-ring": "#e37a55",
+    "topic-coral": "#fece96",
+    "topic-coral-ring": "#db9840",
+    "topic-amber": "#b2e8fa",
+    "topic-amber-ring": "#5bbdda",
+    "topic-sun": "#f6f097",
+    "topic-sun-ring": "#c9bf37",
+    "topic-stone": "#dbdbdb",
+    "topic-stone-ring": "#b1a8aa",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "0 1px 2px rgba(24, 33, 64, 0.06), 0 8px 24px rgba(24, 33, 64, 0.08)",
+    "shadow-pop": "0 2px 4px rgba(24, 33, 64, 0.08), 0 16px 40px rgba(24, 33, 64, 0.14)",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "contrast-light": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#ffffff",
+    "surface": "#ffffff",
+    "surface-sunken": "#f2f2f2",
+    "surface-overlay": "#ffffff",
+    "line": "#5c6178",
+    "line-strong": "#000000",
+    "ink": "#000000",
+    "ink-muted": "#1f2433",
+    "ink-subtle": "#3a3f52",
+    "action": "#000000",
+    "on-action": "#ffffff",
+    "focus": "#0b4a8f",
+    "link": "#0b4a8f",
+    "selection": "rgba(18, 199, 211, 0.28)",
+    "node-ink": "#000000",
+    "edge": "#000000",
+    "edge-label": "#1f2433",
+    "topic-teal": "#87f2f8",
+    "topic-teal-ring": "#006b70",
+    "topic-harbor": "#bcdbff",
+    "topic-harbor-ring": "#0e599d",
+    "topic-iris": "#e0c8fe",
+    "topic-iris-ring": "#683b92",
+    "topic-berry": "#ffbdc4",
+    "topic-berry-ring": "#96173a",
+    "topic-coral": "#ffc7b2",
+    "topic-coral-ring": "#923400",
+    "topic-amber": "#ffcf9d",
+    "topic-amber-ring": "#7e4d00",
+    "topic-sun": "#ffea94",
+    "topic-sun-ring": "#7a6600",
+    "topic-stone": "#e0dacf",
+    "topic-stone-ring": "#63594b",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "none",
+    "shadow-pop": "none",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  },
+  "contrast-dark": {
+    "font-display": '"Atkinson Hyperlegible Next", system-ui, sans-serif',
+    "font-ui": '"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif',
+    "font-hand": 'Kalam, "Atkinson Hyperlegible Next", cursive',
+    "font-note": "Caveat, Kalam, cursive",
+    "font-mono": '"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace',
+    "canvas": "#000000",
+    "surface": "#000000",
+    "surface-sunken": "#0d0d0d",
+    "surface-overlay": "#0d0d0d",
+    "line": "#9aa0b8",
+    "line-strong": "#ffffff",
+    "ink": "#ffffff",
+    "ink-muted": "#e6e8f0",
+    "ink-subtle": "#c8ccda",
+    "action": "#ffffff",
+    "on-action": "#000000",
+    "focus": "#5fe8f0",
+    "link": "#7ff0f5",
+    "selection": "rgba(18, 199, 211, 0.32)",
+    "node-ink": "#000000",
+    "edge": "#ffffff",
+    "edge-label": "#e6e8f0",
+    "topic-teal": "#87f2f8",
+    "topic-teal-ring": "#64eff7",
+    "topic-harbor": "#bcdbff",
+    "topic-harbor-ring": "#b0d5fe",
+    "topic-iris": "#e0c8fe",
+    "topic-iris-ring": "#dcbfff",
+    "topic-berry": "#ffbdc4",
+    "topic-berry-ring": "#feb3bb",
+    "topic-coral": "#ffc7b2",
+    "topic-coral-ring": "#ffbea5",
+    "topic-amber": "#ffcf9d",
+    "topic-amber-ring": "#ffc78a",
+    "topic-sun": "#ffea94",
+    "topic-sun-ring": "#ffe26d",
+    "topic-stone": "#e0dacf",
+    "topic-stone-ring": "#ddd3c2",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-7": "48px",
+    "radius-sm": "10px",
+    "radius-md": "16px",
+    "radius-lg": "24px",
+    "radius-pill": "999px",
+    "shadow-float": "none",
+    "shadow-pop": "none",
+    "node-width": "200px",
+    "node-height": "148px",
+    "node-stroke": "3px",
+    "edge-width": "2.5px",
+    "edge-gap": "15px",
+    "edge-arc-max": "45px",
+    "immersion-alpha": "0.15",
+    "zoom-min": "0.3",
+    "zoom-max": "5",
+    "duration-instant": "100ms",
+    "duration-quick": "160ms",
+    "duration-base": "240ms",
+    "duration-zoom": "500ms",
+    "duration-reveal": "420ms",
+    "stagger-reveal": "70ms",
+    "ease-zoom": "cubic-bezier(0.2, 0.8, 0.2, 1)",
+    "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "ease-bloom": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+    "z-chrome": "10",
+    "z-card": "20",
+    "z-menu": "40"
+  }
+};
+var TOPICS = [
+  "teal",
+  "harbor",
+  "iris",
+  "berry",
+  "coral",
+  "amber",
+  "sun",
+  "stone"
+];
+var METRICS = {
+  "space1": 4,
+  "space2": 8,
+  "space3": 12,
+  "space4": 16,
+  "space7": 48,
+  "radiusSm": 10,
+  "radiusMd": 16,
+  "radiusLg": 24,
+  "radiusPill": 999,
+  "nodeWidth": 200,
+  "nodeHeight": 148,
+  "nodeStroke": 3,
+  "edgeWidth": 2.5,
+  "edgeGap": 15,
+  "edgeArcMax": 45,
+  "immersionAlpha": 0.15,
+  "zoomMin": 0.3,
+  "zoomMax": 5,
+  "durationInstant": 100,
+  "durationQuick": 160,
+  "durationBase": 240,
+  "durationZoom": 500,
+  "durationReveal": 420,
+  "staggerReveal": 70,
+  "zChrome": 10,
+  "zCard": 20,
+  "zMenu": 40
+};
+var METRICS_REDUCED_MOTION = {
+  "durationInstant": 120,
+  "durationQuick": 0,
+  "durationBase": 0,
+  "durationZoom": 0,
+  "durationReveal": 0,
+  "staggerReveal": 0
+};
+var TYPE_STYLES = {
+  "heading": {
+    "family": "font-ui",
+    "size": 17,
+    "lineHeight": 24,
+    "weight": 700
+  },
+  "body": {
+    "family": "font-ui",
+    "size": 15,
+    "lineHeight": 22,
+    "weight": 400
+  },
+  "body-sm": {
+    "family": "font-ui",
+    "size": 13,
+    "lineHeight": 18,
+    "weight": 400
+  },
+  "label": {
+    "family": "font-ui",
+    "size": 13,
+    "lineHeight": 16,
+    "weight": 600,
+    "letterSpacing": 0.01
+  },
+  "caption": {
+    "family": "font-ui",
+    "size": 12,
+    "lineHeight": 16,
+    "weight": 400
+  },
+  "node-root": {
+    "family": "font-hand",
+    "size": 30,
+    "lineHeight": 34,
+    "weight": 700
+  },
+  "node-label": {
+    "family": "font-hand",
+    "size": 22,
+    "lineHeight": 26,
+    "weight": 700
+  },
+  "edge-label": {
+    "family": "font-note",
+    "size": 18,
+    "lineHeight": 20,
+    "weight": 500
+  },
+  "annotation": {
+    "family": "font-note",
+    "size": 24,
+    "lineHeight": 26,
+    "weight": 600
+  }
+};
+var CANVAS_STYLE = {
+  "node": {
+    "selectedStrokeWidth": 4,
+    "hoverRingsRotate": -2,
+    "hoverRingsScale": 1.015,
+    "hoverLift": -2,
+    "dimmedOpacity": 1,
+    "dimmedOpacityFocus": 0.4,
+    "dimmedOpacityTouch": 0.6,
+    "dimmedOpacityFocusTouch": 0.4,
+    "shadowLight": "0 6px 14px rgba(24, 33, 64, .10)",
+    "shadowDark": "0 0 22px rgba(255, 255, 255, .10)"
+  },
+  "edge": {
+    "dash": [
+      7,
+      7
+    ],
+    "labelWeight": 500,
+    "labelSize": 18,
+    "readableLabelSize": 14,
+    "readableLabelWeight": 600,
+    "labelHaloWidth": 5
+  },
+  "group": {
+    "strokeWidth": 1.5,
+    "dash": [
+      10,
+      6
+    ],
+    "labelWeight": 700,
+    "labelLineHeight": 1.1,
+    "labelSize": 26,
+    "labelPadding": {
+      "top": 6,
+      "x": 22,
+      "bottom": 8
+    },
+    "labelMaxWidth": 420,
+    "labelBorderWidth": 1.5,
+    "labelFill": "topic-stone",
+    "labelBorder": "topic-stone-ring",
+    "labelInk": "node-ink",
+    "contrastLabelBorderWidth": 2,
+    "contrastLabelBorder": "line-strong"
+  }
+};
+
+// src/generated/geometry/color.ts
+var TOPIC_ORDER = ["teal", "harbor", "iris", "berry", "coral", "amber", "sun", "stone"];
+function topicFromName(color) {
+  if (!color) return null;
+  const c = color.trim().toLowerCase();
+  return TOPIC_ORDER.includes(c) ? c : null;
+}
+function topicFor(color, siblingIndex) {
+  if (!color || !color.trim()) return TOPIC_ORDER[(siblingIndex % TOPIC_ORDER.length + TOPIC_ORDER.length) % TOPIC_ORDER.length];
+  return topicFromName(color);
+}
+var CUSTOM = {
+  /** The ring is the fill with each RGB channel multiplied by this. */
+  ringShade: 0.78
+};
+function customColor(color) {
+  const m = /^#?([0-9a-f]{6})$/i.exec((color || "").trim());
+  if (!m) return { fill: color, ring: null };
+  const n = parseInt(m[1], 16), f = CUSTOM.ringShade;
+  const r = Math.round((n >> 16 & 255) * f), g = Math.round((n >> 8 & 255) * f), b = Math.round((n & 255) * f);
+  return { fill: color.trim(), ring: "#" + (1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1) };
+}
+
+// src/theme/index.ts
+var FAMILIES = /* @__PURE__ */ new Set(["focus", "colorsafe", "contrast"]);
+function isThemeName(v) {
+  return typeof v === "string" && THEME_NAMES.includes(v);
+}
+function resolveTheme(input, env = {}) {
+  const scheme = env.prefersDark ? "dark" : "light";
+  if (input === void 0 || input === "auto") return env.forcedColors ? `contrast-${scheme}` : scheme;
+  if (FAMILIES.has(input)) return `${input}-${scheme}`;
+  return isThemeName(input) ? input : "light";
+}
+var isDarkTheme = (name) => name.endsWith("dark");
+var isContrastTheme = (name) => name.startsWith("contrast");
+var isFocusTheme = (name) => name.startsWith("focus");
+var getTokens = (name) => TOKENS[name];
+function token(name, key) {
+  const v = TOKENS[name][key];
+  if (v === void 0) throw new Error(`Unknown design-system token "${key}"`);
+  return v;
+}
+function resolveComfort(c, env = {}) {
+  const rm = c?.reducedMotion;
+  return {
+    readableType: !!c?.readableType,
+    largerText: !!c?.largerText,
+    reducedMotion: rm === void 0 || rm === "system" ? !!env.prefersReducedMotion : rm
+  };
+}
+function metricsFor(comfort) {
+  return comfort.reducedMotion ? { ...METRICS, ...METRICS_REDUCED_MOTION } : METRICS;
+}
+var labelScale = (c) => c.largerText ? 1.15 : 1;
+function topicStyle(theme, topic) {
+  const t = TOKENS[theme];
+  return { topic, fill: t[`topic-${topic}`], ring: t[`topic-${topic}-ring`] };
+}
+function ideaColor(color, siblingIndex) {
+  const topic = topicFor(color, siblingIndex);
+  return topic ? { topic, custom: null } : { topic: null, custom: customColor(color) };
+}
+function ideaStyle(theme, c) {
+  if (c.custom) return { fill: c.custom.fill, ring: c.custom.ring ?? TOKENS[theme]["edge"] };
+  return topicStyle(theme, c.topic ?? TOPIC_ORDER[0]);
+}
+
+// src/generated/geometry/idea.ts
+var LABEL_GROWTH = { idea: 1.3, connector: 1.6 };
+var IDEA = {
+  /** Width an idea starts at… */
+  baseWidth: { root: 240, node: 200, mini: 120 },
+  /** …and the widest it gets before it grows taller instead. */
+  maxWidth: { root: 400, node: 360, mini: 200 },
+  /** Width grows in steps of this. */
+  step: 20,
+  /** Height = width × aspect (at least `minRy` × 2), more if the label needs it. */
+  aspect: 0.74,
+  minRy: 64,
+  /** The label's box is the idea's width less this (22 each side). */
+  labelInset: 44,
+  /** The idea widens until its label fits in this many lines. */
+  labelLines: 3,
+  /** Label size (before the label scale and zoom growth), weight from the canvas type styles. */
+  labelSize: { root: 30, node: 22, mini: 15 },
+  labelLineHeight: 1.15,
+  /** The label may fill at most this share of the idea's height. */
+  labelFillHeight: 0.7
+};
+function wrapLines(text, maxWidth, measure) {
+  const words = text.split(/\s+/).filter(Boolean);
+  const lines = [];
+  let cur = "";
+  for (const w of words) {
+    const next = cur ? `${cur} ${w}` : w;
+    if (cur && measure(next) > maxWidth) {
+      lines.push(cur);
+      cur = w;
+    } else cur = next;
+  }
+  if (cur) lines.push(cur);
+  return lines.length ? lines : [""];
+}
+function ideaSize(kind, label, measure, labelScale2 = 1) {
+  const px = IDEA.labelSize[kind] * labelScale2 * LABEL_GROWTH.idea;
+  const fit = (w) => wrapLines(label, w - IDEA.labelInset, (t) => measure(t, px));
+  const base = IDEA.baseWidth[kind], max = IDEA.maxWidth[kind];
+  let width = base, lines = fit(width);
+  while (lines.length > IDEA.labelLines && width < max) {
+    width = Math.min(max, width + IDEA.step);
+    lines = fit(width);
+  }
+  const rx = width / 2;
+  const ry = Math.max(IDEA.minRy, rx * IDEA.aspect, lines.length * px * IDEA.labelLineHeight / 2 / IDEA.labelFillHeight);
+  return { width, height: ry * 2, rx, ry, lines };
+}
+function labelGrowth(scale) {
+  const inv = 1 / Math.max(scale, 1e-4);
+  return { idea: Math.max(1, Math.min(inv, LABEL_GROWTH.idea)), connector: Math.max(1, Math.min(inv, LABEL_GROWTH.connector)) };
+}
+
+// src/rendering/ideaSize.ts
+var approximateMeasure = (text, px) => text.length * px * 0.5;
+var ideaKindOf = (layer, index) => layer.level === 0 && (layer.layout ?? "radial") === "radial" && index === 0 ? "root" : "node";
+
 // src/parser/visualliConverter.ts
 function doNodesOverlap(n1, n2, padding = 20) {
   return !(n1.x + n1.width / 2 + padding < n2.x - n2.width / 2 - padding || n1.x - n1.width / 2 - padding > n2.x + n2.width / 2 + padding || n1.y + n1.height / 2 + padding < n2.y - n2.height / 2 - padding || n1.y - n1.height / 2 - padding > n2.y + n2.height / 2 + padding);
@@ -525,26 +1429,10 @@ function resolveNodeOverlaps(nodes, maxIterations = 10) {
     if (!any) break;
   }
 }
-var COLOR_PALETTE = [
-  "#12C7D3",
-  "#325E8C",
-  "#8A70A6",
-  "#F54A57",
-  "#FF6C4D",
-  "#F28C16",
-  "#FFD347",
-  "#12C7D3",
-  "#7F7F7F",
-  "#8D8D8D",
-  "#12C7D3"
-];
-function getRandomColorForNode(nodeId) {
-  let hash = 0;
-  for (let i = 0; i < nodeId.length; i++) {
-    hash = nodeId.charCodeAt(i) + ((hash << 5) - hash);
-  }
-  const index = Math.abs(hash) % COLOR_PALETTE.length;
-  return COLOR_PALETTE[index];
+function hasFilePositions(layer) {
+  const ps = layer.nodes.map((n) => n.position);
+  if (!ps.length || !ps.every((p) => p && Number.isFinite(p.x) && Number.isFinite(p.y))) return false;
+  return ps.length === 1 || ps.some((p) => p.x !== ps[0].x || p.y !== ps[0].y);
 }
 function applyFormation(nodes, formation) {
   if (nodes.length === 0) return;
@@ -608,44 +1496,34 @@ function proxyRadial(proxies, radius = 500) {
     proxies[i].y = radius * Math.sin(angle);
   }
 }
-function calculateNodeWidth(title) {
-  return Math.max(200, title.length * 8 + 40);
-}
-function makeFlatNode(nodeId, label, summary, layer, color, branchCount, x = 0, y = 0) {
+function makeFlatNode(node, layer, doc, siblingIndex, opts) {
+  const label = Array.isArray(node.data.label) ? node.data.label.join(" ") : node.data.label || "Untitled";
+  const branchCount = countLayersBeneath(doc, node.id);
+  const kind = ideaKindOf(layer, siblingIndex);
+  const size = ideaSize(kind, label, opts.measure ?? approximateMeasure, opts.labelScale ?? 1);
+  const { topic, custom } = ideaColor(node.data.color, siblingIndex);
   return {
-    id: nodeId,
+    id: node.id,
     parentId: layer.parentNodeId ?? null,
-    x,
-    y,
+    x: node.position?.x ?? 0,
+    y: node.position?.y ?? 0,
     level: layer.level,
     title: label,
-    description: summary,
-    color,
-    width: calculateNodeWidth(label),
-    height: 80,
+    description: node.data.summary || "",
+    color: node.data.color ?? "",
+    ...topic ? { topic } : {},
+    ...custom ? { custom } : {},
+    kind,
+    width: size.width,
+    height: size.height,
     isExpanded: branchCount > 0,
     branchCount,
     createdAt: /* @__PURE__ */ new Date(),
     updatedAt: /* @__PURE__ */ new Date()
   };
 }
-function convertLayerWithContainers(layer, doc) {
+function layoutLayerWithContainers(layer, flatNodes) {
   const PADDING = 80;
-  const flatNodes = [];
-  for (const node of layer.nodes) {
-    const label = Array.isArray(node.data.label) ? node.data.label.join(" ") : node.data.label || "Untitled";
-    const branchCount = countLayersBeneath(doc, node.id);
-    flatNodes.push(
-      makeFlatNode(
-        node.id,
-        label,
-        node.data.summary || "",
-        layer,
-        node.data.color || getRandomColorForNode(node.id),
-        branchCount
-      )
-    );
-  }
   const byId = new Map(flatNodes.map((n) => [n.id, n]));
   const containerNodeIds = /* @__PURE__ */ new Set();
   const containerGroups = /* @__PURE__ */ new Map();
@@ -658,11 +1536,8 @@ function convertLayerWithContainers(layer, doc) {
     containerGroups.set(container.id, group);
   }
   const proxies = [];
-  for (const node of layer.nodes) {
-    if (!containerNodeIds.has(node.id)) {
-      const nodeWidth = calculateNodeWidth(node.data.label);
-      proxies.push({ id: node.id, x: 0, y: 0, width: nodeWidth, height: 80 });
-    }
+  for (const n of flatNodes) {
+    if (!containerNodeIds.has(n.id)) proxies.push({ id: n.id, x: 0, y: 0, width: n.width, height: n.height });
   }
   for (const container of layer.containers) {
     const group = containerGroups.get(container.id);
@@ -689,54 +1564,40 @@ function convertLayerWithContainers(layer, doc) {
       }
     }
   }
-  resolveNodeOverlaps(flatNodes);
-  return flatNodes;
 }
-function convertLayerToFlatNodes(layer, doc) {
-  if ((layer.containers ?? []).length > 0) {
-    return convertLayerWithContainers(layer, doc);
-  }
-  const flatNodes = [];
-  for (const node of layer.nodes) {
-    const label = Array.isArray(node.data.label) ? node.data.label.join(" ") : node.data.label || "Untitled";
-    const branchCount = countLayersBeneath(doc, node.id);
-    flatNodes.push(
-      makeFlatNode(
-        node.id,
-        label,
-        node.data.summary || "",
-        layer,
-        node.data.color || getRandomColorForNode(node.id),
-        branchCount,
-        0,
-        0
-      )
-    );
-  }
-  if (flatNodes.length > 0) {
-    const layout = layer.layout || "radial";
-    if (layout === "linear-horizontal") {
-      applyLinearHorizontalLayout(flatNodes, { centerX: 0, centerY: 0 });
-    } else if (layout === "linear-vertical") {
-      applyLinearVerticalLayout(flatNodes, { centerX: 0, centerY: 0 });
-    } else {
-      const pct = calculateOptimalRadiusPercentage(flatNodes.length, 2e3, 2e3, 200, 30);
-      applyCircularLayout(flatNodes, {
-        radiusPercentage: pct,
-        containerWidth: 2e3,
-        containerHeight: 2e3,
-        centerX: 0,
-        centerY: 0
-      });
-    }
+function layoutLayer(layer, flatNodes) {
+  const layout = layer.layout || "radial";
+  if (layout === "linear-horizontal") {
+    applyLinearHorizontalLayout(flatNodes, { centerX: 0, centerY: 0 });
+  } else if (layout === "linear-vertical") {
+    applyLinearVerticalLayout(flatNodes, { centerX: 0, centerY: 0 });
+  } else {
+    const pct = calculateOptimalRadiusPercentage(flatNodes.length, 2e3, 2e3, 200, 30);
+    applyCircularLayout(flatNodes, {
+      radiusPercentage: pct,
+      containerWidth: 2e3,
+      containerHeight: 2e3,
+      centerX: 0,
+      centerY: 0
+    });
+  }
+}
+function convertLayerToFlatNodes(layer, doc, opts = {}) {
+  const flatNodes = layer.nodes.map((node, i) => makeFlatNode(node, layer, doc, i, opts));
+  if (flatNodes.length === 0 || hasFilePositions(layer)) return flatNodes;
+  for (const n of flatNodes) {
+    n.x = 0;
+    n.y = 0;
   }
+  if ((layer.containers ?? []).length > 0) layoutLayerWithContainers(layer, flatNodes);
+  else layoutLayer(layer, flatNodes);
   resolveNodeOverlaps(flatNodes);
   return flatNodes;
 }
-function convertVisualliToFlatNodes(doc) {
+function convertVisualliToFlatNodes(doc, opts = {}) {
   const map = /* @__PURE__ */ new Map();
   for (const layer of doc.layers.values()) {
-    for (const node of convertLayerToFlatNodes(layer, doc)) {
+    for (const node of convertLayerToFlatNodes(layer, doc, opts)) {
       map.set(node.id, node);
     }
   }
@@ -748,9 +1609,9 @@ function convertVisualliToFlatNodes(doc) {
   }
   return map;
 }
-function getNodesForLayer(doc, layerId) {
+function getNodesForLayer(doc, layerId, opts = {}) {
   const layer = doc.layers.get(layerId);
-  return layer ? convertLayerToFlatNodes(layer, doc) : [];
+  return layer ? convertLayerToFlatNodes(layer, doc, opts) : [];
 }
 
 // src/parser/mindmapUtils.ts
@@ -801,258 +1662,17 @@ function calculateDistance(x1, y1, x2, y2) {
   return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
 }
 
-// src/constants/design.ts
-var DS_COLORS = {
-  light: {
-    bgApp: "#F0EDE6",
-    bgSurface: "#FAF8F4",
-    bgInput: "#FFFFFF",
-    border: "#DDD9D0",
-    borderDivider: "#E8E4DC",
-    primary: "#1B2D4F",
-    primaryHover: "#243B68",
-    textPrimary: "#1A1A18",
-    textSecondary: "#6B6860",
-    textMuted: "#747270",
-    textOnPrimary: "#FAF8F4",
-    hoverItem: "rgba(27,45,79,0.07)",
-    focusRing: "rgba(27,45,79,0.40)",
-    btnMuted: "#8E8C88"
-  },
-  dark: {
-    bgApp: "#141412",
-    bgSurface: "#1C1C1A",
-    bgInput: "#262622",
-    border: "#333330",
-    borderDivider: "#2A2A28",
-    primary: "#BB532D",
-    primaryHover: "#CC6440",
-    textPrimary: "#F0EDE6",
-    textSecondary: "#B0ABA3",
-    textMuted: "#8E8C88",
-    textOnPrimary: "#FAF8F4",
-    hoverItem: "rgba(198,94,56,0.12)",
-    focusRing: "rgba(198,94,56,0.50)",
-    btnMuted: "#4A4845"
-  }
-};
-var DS_TYPOGRAPHY = {
-  fontDisplay: "'Nunito', sans-serif",
-  fontBody: "'Nunito Sans', sans-serif",
-  logo: { size: "20px", weight: 800, letterSpacing: "0.04em" },
-  heading: { size: "16px", weight: 700, letterSpacing: "-0.2px" },
-  cta: { size: "11px", weight: 800, letterSpacing: "0.12em", transform: "uppercase" },
-  body: { size: "13px", weight: 400 },
-  input: { size: "13px", weight: 300, style: "italic" },
-  search: { size: "12px", weight: 400 },
-  username: { size: "13px", weight: 600 },
-  avatar: { size: "11px", weight: 700 },
-  footer: { size: "12px", weight: 400 },
-  empty: { size: "11px", weight: 300, style: "italic" }
-};
-var DS_RADII = {
-  sidebar: 16,
-  input: 8,
-  cta: 7,
-  item: 6,
-  swatch: 10
-};
-var BRAND_COLORS = {
-  primary: {
-    50: "#EFF6FF",
-    100: "#DBEAFE",
-    200: "#BFDBFE",
-    300: "#93C5FD",
-    400: "#60A5FA",
-    500: "#3B82F6",
-    600: "#2563EB",
-    700: "#1D4ED8",
-    800: "#1E40AF",
-    900: "#1E3A8A"
-  },
-  secondary: {
-    50: "#F0FDF4",
-    100: "#DCFCE7",
-    200: "#BBF7D0",
-    300: "#86EFAC",
-    400: "#4ADE80",
-    500: "#10B981",
-    600: "#059669",
-    700: "#047857",
-    800: "#065F46",
-    900: "#064E3B"
-  },
-  accent: {
-    purple: "#8B5CF6",
-    cyan: "#06B6D4",
-    sky: "#0EA5E9",
-    lime: "#84CC16",
-    amber: "#F59E0B",
-    red: "#EF4444"
-  }
-};
-var LEVEL_COLORS = {
-  level0: BRAND_COLORS.primary[500],
-  level1: BRAND_COLORS.primary[400],
-  level2: BRAND_COLORS.primary[300],
-  level3: BRAND_COLORS.primary[200],
-  level4: BRAND_COLORS.primary[300],
-  level5: BRAND_COLORS.primary[400],
-  level6: BRAND_COLORS.primary[500],
-  level7: BRAND_COLORS.primary[600],
-  level8: BRAND_COLORS.primary[700]
-};
-var LEVEL_COLOR_ARRAY = [
-  LEVEL_COLORS.level0,
-  LEVEL_COLORS.level1,
-  LEVEL_COLORS.level2,
-  LEVEL_COLORS.level3,
-  LEVEL_COLORS.level4,
-  LEVEL_COLORS.level5,
-  LEVEL_COLORS.level6,
-  LEVEL_COLORS.level7,
-  LEVEL_COLORS.level8
-];
-var PARENT_FALLBACK_COLORS = [
-  "#12C7D3",
-  "#325E8C",
-  "#8A70A6",
-  "#F54A57",
-  "#FF6C4D",
-  "#F28C16",
-  "#FFD347",
-  "#7F7F7F",
-  "#8D8D8D"
-];
-var SEMANTIC_COLORS = {
-  success: BRAND_COLORS.secondary[500],
-  error: BRAND_COLORS.accent.red,
-  warning: BRAND_COLORS.accent.amber,
-  info: BRAND_COLORS.primary[500]
-};
-var THEME_COLORS = {
-  light: {
-    background: { primary: "#FAF8F4", secondary: "#F0EDE6", tertiary: "#FFFFFF" },
-    text: { primary: "#1A1A18", secondary: "#6B6860", tertiary: "#747270" },
-    border: { primary: "#DDD9D0", secondary: "#E8E4DC" }
-  },
-  dark: {
-    background: { primary: "#1C1C1A", secondary: "#141412", tertiary: "#262622" },
-    text: { primary: "#F0EDE6", secondary: "#B0ABA3", tertiary: "#8E8C88" },
-    border: { primary: "#333330", secondary: "#2A2A28" }
-  }
-};
-var CANVAS_COLORS = {
-  node: {
-    border: "#FFFFFF",
-    titleColor: "#1e1b4b",
-    badgeBackground: "#FFC107",
-    badgeStroke: "#fcd34d"
-  }
-};
-var SPACING = {
-  xs: 4,
-  sm: 8,
-  md: 16,
-  lg: 24,
-  xl: 32,
-  "2xl": 48,
-  "3xl": 64,
-  "4xl": 96
-};
+// src/constants/layout.ts
 var LAYOUT_SPACING = {
   nodeSpacing: 200,
   levelSpacing: 150,
   containerPadding: 20,
   gridSize: 50
 };
-var FONTS = {
-  primary: "'Inter', sans-serif",
-  secondary: "'Poppins', sans-serif",
-  mono: "'Roboto Mono', monospace"
-};
-var FONT_SIZES = {
-  xs: "0.75rem",
-  sm: "0.875rem",
-  base: "1rem",
-  lg: "1.125rem",
-  xl: "1.25rem",
-  "2xl": "1.5rem",
-  "3xl": "1.875rem",
-  "4xl": "2.25rem"
-};
-function getColorForLevel(level) {
-  return LEVEL_COLOR_ARRAY[level % LEVEL_COLOR_ARRAY.length];
-}
-function darkenHexColor(hex, amount = 0.22) {
-  if (!hex || !hex.startsWith("#")) return hex;
-  let r, g, b;
-  if (hex.length === 4) {
-    r = parseInt(hex[1] + hex[1], 16);
-    g = parseInt(hex[2] + hex[2], 16);
-    b = parseInt(hex[3] + hex[3], 16);
-  } else if (hex.length === 7) {
-    r = parseInt(hex.slice(1, 3), 16);
-    g = parseInt(hex.slice(3, 5), 16);
-    b = parseInt(hex.slice(5, 7), 16);
-  } else {
-    return hex;
-  }
-  if (isNaN(r) || isNaN(g) || isNaN(b)) return hex;
-  const rn = r / 255, gn = g / 255, bn = b / 255;
-  const cmax = Math.max(rn, gn, bn), cmin = Math.min(rn, gn, bn);
-  const d = cmax - cmin;
-  const l = (cmax + cmin) / 2;
-  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
-  let h = 0;
-  if (d !== 0) {
-    const seg = cmax === rn ? (gn - bn) / d : cmax === gn ? (bn - rn) / d + 2 : (rn - gn) / d + 4;
-    h = (seg * 60 + 360) % 360;
-  }
-  const newL = Math.max(0, l - amount);
-  const c2 = (1 - Math.abs(2 * newL - 1)) * s;
-  const x2 = c2 * (1 - Math.abs(h / 60 % 2 - 1));
-  const m2 = newL - c2 / 2;
-  let r1 = 0, g1 = 0, b1 = 0;
-  if (h < 60) {
-    r1 = c2;
-    g1 = x2;
-    b1 = 0;
-  } else if (h < 120) {
-    r1 = x2;
-    g1 = c2;
-    b1 = 0;
-  } else if (h < 180) {
-    r1 = 0;
-    g1 = c2;
-    b1 = x2;
-  } else if (h < 240) {
-    r1 = 0;
-    g1 = x2;
-    b1 = c2;
-  } else if (h < 300) {
-    r1 = x2;
-    g1 = 0;
-    b1 = c2;
-  } else {
-    r1 = c2;
-    g1 = 0;
-    b1 = x2;
-  }
-  const toHex = (v) => Math.round((v + m2) * 255).toString(16).padStart(2, "0");
-  return `#${toHex(r1)}${toHex(g1)}${toHex(b1)}`;
-}
-function getThemeBackground(isDark, variant = "primary") {
-  return isDark ? THEME_COLORS.dark.background[variant] : THEME_COLORS.light.background[variant];
-}
-function getThemeText(isDark, variant = "primary") {
-  return isDark ? THEME_COLORS.dark.text[variant] : THEME_COLORS.light.text[variant];
-}
-function getThemeBorder(isDark, variant = "primary") {
-  return isDark ? THEME_COLORS.dark.border[variant] : THEME_COLORS.light.border[variant];
-}
 
 // src/parser/configUtils.ts
+var levelColor = (level) => TOKENS.light[`topic-${TOPICS[level % TOPICS.length]}`];
+var levelColors = (count) => Object.fromEntries(Array.from({ length: count }, (_, i) => [`level${i}`, levelColor(i)]));
 function createMindMapConfig(nodes, topLevelConnections, title = "Untitled Mindmap") {
   const now = (/* @__PURE__ */ new Date()).toISOString();
   return {
@@ -1066,12 +1686,7 @@ function createMindMapConfig(nodes, topLevelConnections, title = "Untitled Mindm
     nodes,
     topLevelConnections,
     settings: {
-      defaultColors: {
-        level0: LEVEL_COLORS.level0,
-        level1: LEVEL_COLORS.level1,
-        level2: LEVEL_COLORS.level2,
-        level3: LEVEL_COLORS.level3
-      },
+      defaultColors: levelColors(4),
       layout: {
         nodeSpacing: LAYOUT_SPACING.nodeSpacing,
         levelSpacing: LAYOUT_SPACING.levelSpacing
@@ -1098,7 +1713,7 @@ function generateLevelNodes(parentId, level, maxLevels, xOffset = 0, yOffset = 0
       level,
       x,
       y,
-      color: getColorForLevel(level),
+      color: levelColor(level),
       relationshipLabel: level > 0 ? "child" : void 0,
       parent: parentId ?? void 0
     };
@@ -1127,17 +1742,7 @@ function generateSampleConfig(maxLevels = 9) {
     nodes,
     topLevelConnections,
     settings: {
-      defaultColors: {
-        level0: LEVEL_COLORS.level0,
-        level1: LEVEL_COLORS.level1,
-        level2: LEVEL_COLORS.level2,
-        level3: LEVEL_COLORS.level3,
-        level4: LEVEL_COLORS.level4,
-        level5: LEVEL_COLORS.level5,
-        level6: LEVEL_COLORS.level6,
-        level7: LEVEL_COLORS.level7,
-        level8: LEVEL_COLORS.level8
-      },
+      defaultColors: levelColors(9),
       layout: {
         nodeSpacing: LAYOUT_SPACING.nodeSpacing,
         levelSpacing: LAYOUT_SPACING.levelSpacing
@@ -1146,6 +1751,129 @@ function generateSampleConfig(maxLevels = 9) {
   };
 }
 
+// src/generated/geometry/interaction.ts
+var TERM = {
+  /** Hovering the term this long opens its definition card… */
+  hoverOpen: 250,
+  /** …which closes this long after the pointer leaves both the term and the card (moving between them keeps it open). */
+  hoverClose: 300,
+  /** Only a mouse opens on hover; touch and pen open on tap. */
+  hoverPointers: ["mouse"],
+  /** A click, tap, Enter or Space pins the card open (hovering away doesn't close it); pressing again unpins and closes. */
+  clickPins: true,
+  /** Escape closes the card and returns focus to the term; a press anywhere outside the term and its card closes it. */
+  escapeCloses: true,
+  pressOutsideCloses: true,
+  /** Opening by click or keyboard moves focus to the card's first link or button. */
+  focusCardOnOpen: true,
+  /** The card is kept this far inside the viewport's left and right edges. */
+  viewportMargin: 8,
+  /** The card's link to a source about the term. */
+  learnMoreLabel: "Learn more"
+};
+var PEEK = {
+  /** Hovering an idea opens its peek at once; it stays this long after the pointer leaves the idea (and while the
+   *  pointer is over the peek itself), so the pointer can travel from the idea onto the card. */
+  hoverClose: 180
+};
+var SHEET = {
+  /** Dragging the grip down this far closes the sheet (or collapses it when expanded); up this far expands it. */
+  dismissDrag: 80,
+  expandDrag: 40,
+  /** Its height: this share of the map, at most `maxHeight` px; the map pans the chosen idea into the space above it. */
+  heightRatio: 0.42,
+  maxHeight: 300
+};
+var VIEW = {
+  /** Each zoom step multiplies or divides the zoom by this. */
+  zoomStep: 1.2,
+  /** Zoom limits (the zoom-min / zoom-max tokens; the build checks they agree). */
+  zoomMin: 0.3,
+  zoomMax: 5,
+  /** Fit to view never enlarges a layer beyond this. */
+  fitMax: 1.1
+};
+var GESTURE = {
+  /** Two fingers pinch to zoom the map's contents — ideas, connectors, containers and their labels — around the
+   *  point between the fingers, within VIEW's limits. Controls, the depth trail, the peek, chat and the page never scale. */
+  pinchZoom: true,
+  /** Moving both fingers pans the contents. */
+  twoFingerPan: true,
+  /** The pointers that pinch (PointerEvent.pointerType). */
+  pointers: ["touch"],
+  /** Where the map is the page (an app: AppShell, the mobile app), it takes every touch gesture (touch-action: none),
+   *  so the browser never zooms the page. Embedded on a scrolling page (website, docs), one finger still scrolls the
+   *  page (touch-action: pan-x pan-y); two fingers that land together pinch the map. */
+  appTouchAction: "none",
+  embeddedTouchAction: "pan-x pan-y",
+  /** Zoom never navigates: stepping inside and backing out stay explicit (tap an idea / Step inside, the depth trail,
+   *  Escape or Backspace). */
+  zoomNavigates: false
+};
+function pinchZoom(startZoom, startDistance, distance) {
+  const z = startZoom * (distance / Math.max(startDistance, 1));
+  return Math.min(VIEW.zoomMax, Math.max(VIEW.zoomMin, z));
+}
+function zoomAround(t0, s0, s1, from, to) {
+  const wx = (from.x - t0.x) / s0, wy = (from.y - t0.y) / s0;
+  return { x: to.x - wx * s1, y: to.y - wy * s1 };
+}
+var FRAME = {
+  /** Room beyond each idea's outline (at least `minPadX` / `minPadY` from its centre). */
+  clearX: 50,
+  clearY: 46,
+  minPadX: 150,
+  minPadY: 120,
+  /** Room beyond each container hull for its dashed line and the name pill straddling it. */
+  hullX: 24,
+  hullY: 40
+};
+function layerBounds(ideas, hulls = []) {
+  let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
+  for (const n of ideas) {
+    const px = Math.max(FRAME.minPadX, n.rx + FRAME.clearX), py = Math.max(FRAME.minPadY, n.ry + FRAME.clearY);
+    x0 = Math.min(x0, n.x - px);
+    x1 = Math.max(x1, n.x + px);
+    y0 = Math.min(y0, n.y - py);
+    y1 = Math.max(y1, n.y + py);
+  }
+  for (const h of hulls) {
+    x0 = Math.min(x0, h.x0 - FRAME.hullX);
+    x1 = Math.max(x1, h.x1 + FRAME.hullX);
+    y0 = Math.min(y0, h.y0 - FRAME.hullY);
+    y1 = Math.max(y1, h.y1 + FRAME.hullY);
+  }
+  if (!Number.isFinite(x0)) return { x0: -FRAME.minPadX, y0: -FRAME.minPadY, x1: FRAME.minPadX, y1: FRAME.minPadY };
+  return { x0, y0, x1, y1 };
+}
+function fitView(bounds, width, height) {
+  const scale = Math.min(width / Math.max(1, bounds.x1 - bounds.x0), height / Math.max(1, bounds.y1 - bounds.y0), VIEW.fitMax);
+  return { scale, center: { x: (bounds.x0 + bounds.x1) / 2, y: (bounds.y0 + bounds.y1) / 2 } };
+}
+var PEEK_PLACEMENT = {
+  /** Gap between the idea's outermost ring and the card. */
+  gap: 16,
+  /** The card's width and the height kept clear below it. */
+  cardWidth: 300,
+  cardHeight: 220,
+  /** The card is raised this much above the idea's centre. */
+  raise: 70,
+  /** Kept this far inside the map's edges. */
+  margin: 12
+};
+function peekPosition(idea, box, card = { w: PEEK_PLACEMENT.cardWidth, h: PEEK_PLACEMENT.cardHeight }) {
+  const P = PEEK_PLACEMENT, half = idea.half + P.gap;
+  const right = idea.x + half + card.w < box.w - P.margin;
+  return { left: right ? idea.x + half : Math.max(P.margin, idea.x - half - card.w), top: Math.min(Math.max(P.margin, idea.y - P.raise), box.h - card.h), side: right ? "right" : "left" };
+}
+var TRAIL = { rootTopic: "stone", rootLabel: "icon", homeIconSize: 12, dotBox: 16, dotRadius: 6.4, stroke: 1.25, currentStroke: 1.75 };
+function pointerModeFor(pointerType) {
+  return pointerType === "mouse" ? "hover" : pointerType === "touch" || pointerType === "pen" ? "touch" : null;
+}
+function hoverOpensTerm(pointerType) {
+  return TERM.hoverPointers.includes(pointerType);
+}
+
 // src/constants/performanceConstants.ts
 var FPS_TARGET = 60;
 var FPS_WARNING_THRESHOLD = 45;
@@ -1179,26 +1907,9 @@ var MAX_VISIBLE_NODES = 800;
 var CULLING_QUERY_TIME_BUDGET = 5;
 var RBUSH_MAX_ENTRIES = 16;
 var SPATIAL_INDEX_BUILD_BUDGET = 50;
-var NODE_MIN_WIDTH = 200;
-var NODE_HEIGHT = 80;
-var NODE_PADDING = 40;
-var CHAR_WIDTH = 8;
-var TITLE_MAX_LENGTH = 150;
-var CORNER_RADIUS = 8;
-var BORDER_WIDTH_NORMAL = 2;
-var BORDER_WIDTH_SELECTED = 3;
-var COLOR_SELECTED = "#1B2D4F";
-var COLOR_BORDER_LIGHT = "#4A3728";
-var COLOR_BORDER_DARK = "#FAF6F1";
-var COLOR_DEFAULT_NODE = "#FAF6F1";
-var ZOOM_MIN = 0.05;
-var ZOOM_MAX = 5;
+var ZOOM_MIN = VIEW.zoomMin;
+var ZOOM_MAX = VIEW.zoomMax;
 var ZOOM_DEFAULT = 1;
-var ZOOM_STEP = 0.1;
-var ZOOM_WHEEL_SENSITIVITY = 1e-3;
-var ZOOM_NAV_IN_THRESHOLD = 2.7;
-var ZOOM_NAV_OUT_THRESHOLD = 0.4;
-var TEXT_LABEL_HIDE_BELOW_ZOOM = 0.3;
 var QUALITY_HIGH = {
   shadows: true,
   bezierCurves: true,
@@ -1366,8 +2077,8 @@ function screenToWorld(screenX, screenY, viewport, canvasWidth = DEFAULT_CANVAS_
     y: (screenY - canvasHeight / 2) / viewport.zoomLevel + viewport.centerY
   };
 }
-function clampZoom(zoom) {
-  return Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, zoom));
+function clampZoom(zoom, fit = 1) {
+  return Math.min(ZOOM_MAX * fit, Math.max(ZOOM_MIN * fit, zoom));
 }
 function panViewport(deltaX, deltaY, viewport) {
   return {
@@ -1379,8 +2090,8 @@ function panViewport(deltaX, deltaY, viewport) {
 function setViewportCenter(x, y, viewport) {
   return { ...viewport, centerX: x, centerY: y };
 }
-function zoomViewport(delta, viewport, pivotX, pivotY, canvasWidth = DEFAULT_CANVAS_WIDTH, canvasHeight = DEFAULT_CANVAS_HEIGHT) {
-  const newZoom = clampZoom(viewport.zoomLevel * (1 + delta));
+function zoomViewport(delta, viewport, pivotX, pivotY, canvasWidth = DEFAULT_CANVAS_WIDTH, canvasHeight = DEFAULT_CANVAS_HEIGHT, fit = 1) {
+  const newZoom = clampZoom(viewport.zoomLevel * (1 + delta), fit);
   let cx = viewport.centerX;
   let cy = viewport.centerY;
   if (pivotX !== void 0 && pivotY !== void 0) {
@@ -1536,94 +2247,6 @@ var PerformanceProfiler = class {
   }
 };
 
-// src/animations/easing.ts
-var easeInOutCubic = (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
-var easeInOutQuart = (t) => t < 0.5 ? 8 * t * t * t * t : 1 - Math.pow(-2 * t + 2, 4) / 2;
-var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
-var easeInCubic = (t) => t * t * t;
-var easeOutQuad = (t) => 1 - (1 - t) * (1 - t);
-var easeInOutSine = (t) => -(Math.cos(Math.PI * t) - 1) / 2;
-function createCubicBezier(x1, y1, x2, y2) {
-  const N = 256;
-  const lut = new Float64Array(N + 1);
-  for (let i = 0; i <= N; i++) {
-    const target = i / N;
-    let lo = 0, hi = 1;
-    for (let j = 0; j < 20; j++) {
-      const mid = (lo + hi) / 2;
-      const om = 1 - mid;
-      const x = 3 * om * om * mid * x1 + 3 * om * mid * mid * x2 + mid * mid * mid;
-      if (x < target) lo = mid;
-      else hi = mid;
-    }
-    const u = (lo + hi) / 2;
-    const ou = 1 - u;
-    lut[i] = 3 * ou * ou * u * y1 + 3 * ou * u * u * y2 + u * u * u;
-  }
-  return (t) => {
-    if (t <= 0) return 0;
-    if (t >= 1) return 1;
-    const s = t * N;
-    const i = s | 0;
-    return lut[i] + (lut[i + 1] - lut[i]) * (s - i);
-  };
-}
-var easeZoomTransition = createCubicBezier(0.2, 0.8, 0.2, 1);
-
-// src/animations/constants.ts
-var ANIMATION_DURATION = {
-  ZOOM_IN_LAYER: 500,
-  ZOOM_OUT_LAYER: 500,
-  ZOOM_GESTURE: 500,
-  FADE_OUT: 200,
-  FADE_IN: 250,
-  COLOR_TRANSITION: 500,
-  CURSOR_CHANGE: 150,
-  LOADING_FADE: 200
-};
-var ANIMATION_PHASES = {
-  ZOOM_IN: {
-    ZOOM_TO_TARGET: 500,
-    FADE_OUT_START: 120,
-    FADE_OUT: 280,
-    CONTENT_SWAP: 310,
-    FADE_IN: 200,
-    TOTAL: 510
-  },
-  ZOOM_OUT: {
-    FADE_OUT: 200,
-    ZOOM_BACK: 50,
-    FADE_IN: 250,
-    TOTAL: 500
-  }
-};
-var ZOOM_THRESHOLDS = {
-  ENTER_LAYER: 5,
-  EXIT_LAYER: 0.5,
-  GESTURE_TRIGGER: 0.8
-};
-var COOLDOWN = {
-  NAVIGATION: 1e3,
-  ZOOM_GESTURE: 800,
-  DOUBLE_CLICK: 200
-};
-var OPACITY = {
-  VISIBLE: 1,
-  HIDDEN: 0,
-  TRANSITIONING: 0.3
-};
-var TARGET_ZOOM = {
-  NORMAL: 1,
-  FOCUSED: 0.8,
-  FILL_NODE: 3,
-  DETAIL: 2
-};
-var VIEWPORT_FRAMING = {
-  NODE_FILL_RATIO: 0.7,
-  EXIT_NODE_SIZE: 0.4,
-  PADDING_RATIO: 0.1
-};
-
 // src/spatial/spatialIndex.ts
 var import_rbush = __toESM(require("rbush"), 1);
 var RBushSpatialIndex = class {
@@ -1722,6 +2345,73 @@ var renderConfigStore = createStore((set, get) => ({
   isFeatureEnabled: (feature) => isFeatureEnabled(feature, get())
 }));
 
+// src/generated/geometry/container.ts
+var HULL = { padX: 150, padY: 125, radius: 48 };
+var WEIGHT = { idea: 1e3, label: 1e3, connector: 60, preference: 1 };
+var HULL_CLEAR = { x: 50, y: 51 };
+function containerHull(members) {
+  if (!members.length) return null;
+  let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
+  for (const m of members) {
+    const px = Math.max(HULL.padX, (m.rx ?? 0) + HULL_CLEAR.x), py = Math.max(HULL.padY, (m.ry ?? 0) + HULL_CLEAR.y);
+    x0 = Math.min(x0, m.x - px);
+    x1 = Math.max(x1, m.x + px);
+    y0 = Math.min(y0, m.y - py);
+    y1 = Math.max(y1, m.y + py);
+  }
+  return { x0, x1, y0, y1, radius: HULL.radius };
+}
+function labelCandidates(hull, w, h) {
+  const { x0, x1, y0, y1, radius } = hull;
+  const cx = (x0 + x1) / 2, cy = (y0 + y1) / 2;
+  const minX = x0 + radius + w / 2, maxX = x1 - radius - w / 2;
+  const minY = y0 + radius + h / 2, maxY = y1 - radius - h / 2;
+  const along = (lo, hi, f) => lo > hi ? (lo + hi) / 2 : lo + (hi - lo) * f;
+  const out = [
+    { x: cx, y: y1, side: "bottom" },
+    { x: cx, y: y0, side: "top" },
+    { x: along(minX, maxX, 0.2), y: y1, side: "bottom" },
+    { x: along(minX, maxX, 0.8), y: y1, side: "bottom" },
+    { x: along(minX, maxX, 0.2), y: y0, side: "top" },
+    { x: along(minX, maxX, 0.8), y: y0, side: "top" },
+    { x: x1, y: cy, side: "right" },
+    { x: x0, y: cy, side: "left" },
+    { x: x1, y: along(minY, maxY, 0.25), side: "right" },
+    { x: x1, y: along(minY, maxY, 0.75), side: "right" },
+    { x: x0, y: along(minY, maxY, 0.25), side: "left" },
+    { x: x0, y: along(minY, maxY, 0.75), side: "left" }
+  ];
+  out.push(
+    { x: along(minX, maxX, 0), y: y1, side: "bottom" },
+    { x: along(minX, maxX, 1), y: y1, side: "bottom" },
+    { x: along(minX, maxX, 0), y: y0, side: "top" },
+    { x: along(minX, maxX, 1), y: y0, side: "top" }
+  );
+  return out;
+}
+var overlap = (a, b) => Math.max(0, Math.min(a.x1, b.x1) - Math.max(a.x0, b.x0)) * Math.max(0, Math.min(a.y1, b.y1) - Math.max(a.y0, b.y0));
+function placeContainerLabel(hull, size, obstacles, gap = 10) {
+  const { w, h } = size;
+  let best = null;
+  labelCandidates(hull, w, h).forEach((c, i) => {
+    const box = { x0: c.x - w / 2 - gap, x1: c.x + w / 2 + gap, y0: c.y - h / 2 - gap, y1: c.y + h / 2 + gap };
+    const area = w * h;
+    let score = i * WEIGHT.preference;
+    for (const b of obstacles.ideas) score += overlap(box, b) / area * WEIGHT.idea;
+    for (const b of obstacles.labels || []) score += overlap(box, b) / area * WEIGHT.label;
+    for (const line of obstacles.connectors || []) if (line.some((p) => p.x > box.x0 && p.x < box.x1 && p.y > box.y0 && p.y < box.y1)) score += WEIGHT.connector;
+    if (!best || score < best.score) best = { x: c.x, y: c.y, side: c.side, score };
+  });
+  return best;
+}
+function connectorSamples(a, mid, b, n = 16) {
+  const c1 = { x: a.x + (mid.x - a.x) * 0.66, y: a.y + (mid.y - a.y) * 0.66 }, c2 = { x: b.x + (mid.x - b.x) * 0.66, y: b.y + (mid.y - b.y) * 0.66 };
+  return Array.from({ length: n + 1 }, (_, k) => {
+    const t = k / n, u = 1 - t;
+    return { x: u * u * u * a.x + 3 * u * u * t * c1.x + 3 * u * t * t * c2.x + t * t * t * b.x, y: u * u * u * a.y + 3 * u * u * t * c1.y + 3 * u * t * t * c2.y + t * t * t * b.y };
+  });
+}
+
 // src/utils/navigation.ts
 function getConnectionsForLayer(doc, layerId) {
   const layer = doc.layers.get(layerId);
@@ -1730,7 +2420,8 @@ function getConnectionsForLayer(doc, layerId) {
     from: c.from,
     to: c.to,
     level: layer.level,
-    label: c.data?.label
+    label: c.data?.label,
+    style: c.data?.style === "dashed" ? "dashed" : "solid"
   }));
 }
 function getChildLayerForNode(doc, nodeId, currentLayerId) {
@@ -1744,53 +2435,176 @@ function getChildLayerForNode(doc, nodeId, currentLayerId) {
 function getLayerForNavigation(doc, nodeId, currentLayerId) {
   return getChildLayerForNode(doc, nodeId, currentLayerId);
 }
-function calculateFitZoom(nodes, canvasWidth, canvasHeight, padding = 0.15) {
-  if (nodes.length === 0) return 1;
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  for (const n of nodes) {
-    minX = Math.min(minX, n.x - n.width / 2);
-    minY = Math.min(minY, n.y - n.height / 2);
-    maxX = Math.max(maxX, n.x + n.width / 2);
-    maxY = Math.max(maxY, n.y + n.height / 2);
+function layerFrame(nodes, containers = []) {
+  const byId = new Map(nodes.map((n) => [n.id, n]));
+  const hulls = [];
+  for (const c of containers) {
+    const hull = containerHull(c.nodeIds.flatMap((id) => {
+      const n = byId.get(id);
+      return n ? [{ x: n.x, y: n.y, rx: n.width / 2, ry: n.height / 2 }] : [];
+    }));
+    if (hull) hulls.push(hull);
   }
-  const rawW = maxX - minX;
-  const rawH = maxY - minY;
-  const spreadW = nodes.length === 1 ? Math.max(rawW, 600) : rawW;
-  const spreadH = nodes.length === 1 ? Math.max(rawH, 400) : rawH;
-  const zoomX = canvasWidth * (1 - padding) / spreadW;
-  const zoomY = canvasHeight * (1 - padding) / spreadH;
-  const z = Math.min(zoomX, zoomY);
-  return Math.max(z * 0.8, ZOOM_NAV_OUT_THRESHOLD);
+  return layerBounds(nodes.map((n) => ({ x: n.x, y: n.y, rx: n.width / 2, ry: n.height / 2 })), hulls);
 }
-function calculateFitCenter(nodes) {
+function calculateFitZoom(nodes, canvasWidth, canvasHeight, containers = []) {
+  if (nodes.length === 0) return 1;
+  return fitView(layerFrame(nodes, containers), canvasWidth, canvasHeight).scale;
+}
+function calculateFitCenter(nodes, containers = []) {
   if (nodes.length === 0) return { x: 0, y: 0 };
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  for (const n of nodes) {
-    minX = Math.min(minX, n.x - n.width / 2);
-    minY = Math.min(minY, n.y - n.height / 2);
-    maxX = Math.max(maxX, n.x + n.width / 2);
-    maxY = Math.max(maxY, n.y + n.height / 2);
-  }
-  return { x: (minX + maxX) / 2, y: (minY + maxY) / 2 };
+  const f = layerFrame(nodes, containers);
+  return { x: (f.x0 + f.x1) / 2, y: (f.y0 + f.y1) / 2 };
 }
 function getContainersForLayer(doc, layerId) {
   const layer = doc.layers.get(layerId);
   if (!layer) return [];
   const containers = layer.containers ?? [];
   if (!Array.isArray(containers)) return [];
-  return containers.map((c) => {
+  return containers.filter((c) => c.data?.style !== "none").map((c) => {
     const label = c.data?.label ?? c.id;
     return { id: c.id, label, nodeIds: c.nodes, level: layer.level };
   });
 }
-function calculateFitView(nodes, canvasWidth, canvasHeight) {
-  const center = calculateFitCenter(nodes);
-  const zoom = calculateFitZoom(nodes, canvasWidth, canvasHeight);
-  return { centerX: center.x, centerY: center.y, zoomLevel: zoom };
+function calculateFitView(nodes, canvasWidth, canvasHeight, containers = []) {
+  if (nodes.length === 0) return { centerX: 0, centerY: 0, zoomLevel: 1 };
+  const { scale, center } = fitView(layerFrame(nodes, containers), canvasWidth, canvasHeight);
+  return { centerX: center.x, centerY: center.y, zoomLevel: scale };
+}
+
+// src/generated/geometry/blobShapes.ts
+var BLOB_SHAPES = [[[1.12, 0], [0.86, 0.56], [0.46, 0.94], [-0.08, 1.06], [-0.68, 0.82], [-0.96, 0.08], [-0.55, -0.82], [0.04, -1.02], [0.72, -0.8], [1.08, -0.38]], [[-0.489, -0.625], [-0.384, -0.716], [-0.285, -0.792], [-0.189, -0.855], [-0.09, -0.903], [0.014, -0.932], [0.129, -0.94], [0.255, -0.924], [0.412, -0.876], [0.516, -0.832], [0.612, -0.78], [0.695, -0.725], [0.767, -0.666], [0.83, -0.606], [0.885, -0.546], [0.933, -0.486], [0.979, -0.425], [1.006, -0.385], [1.034, -0.334], [1.058, -0.276], [1.078, -0.209], [1.092, -0.133], [1.101, -0.046], [1.102, 0.052], [1.094, 0.173], [1.083, 0.244], [1.063, 0.324], [1.034, 0.401], [0.996, 0.477], [0.948, 0.549], [0.889, 0.617], [0.82, 0.681], [0.735, 0.741], [0.658, 0.783], [0.569, 0.822], [0.474, 0.855], [0.372, 0.882], [0.265, 0.904], [0.156, 0.92], [0.046, 0.931], [-0.069, 0.938], [-0.155, 0.935], [-0.25, 0.919], [-0.346, 0.89], [-0.443, 0.851], [-0.539, 0.8], [-0.633, 0.738], [-0.723, 0.667], [-0.808, 0.585], [-0.882, 0.501], [-0.944, 0.421], [-0.994, 0.343], [-1.034, 0.267], [-1.064, 0.192], [-1.085, 0.12], [-1.097, 0.042], [-1.102, 1e-3], [-1.09, -0.243], [-1.05, -0.365], [-0.99, -0.441], [-0.911, -0.479], [-0.819, -0.499], [-0.715, -0.517], [-0.605, -0.551]], [[3e-3, -0.97], [0.163, -0.984], [0.286, -1.028], [0.389, -1.096], [0.488, -1.174], [0.597, -1.21], [0.728, -1.165], [0.867, -1.036], [0.996, -0.839], [1.098, -0.59], [1.158, -0.304], [1.153, 0.012], [1.08, 0.336], [0.944, 0.639], [0.756, 0.889], [0.484, 1.072], [0.339, 1.079], [0.219, 1.051], [0.131, 0.994], [0.059, 0.939], [8e-3, 0.915], [-0.105, 0.931], [-0.176, 0.965], [-0.249, 1.005], [-0.345, 1.039], [-0.497, 1.055], [-0.672, 1.032], [-0.817, 0.952], [-0.945, 0.81], [-1.054, 0.6], [-1.16, 0.302], [-1.187, -0.011], [-1.165, -0.326], [-1.097, -0.599], [-0.991, -0.838], [-0.852, -0.912], [-0.695, -0.958], [-0.53, -0.988], [-0.357, -0.992], [-0.18, -0.983]], [[-0.734, -1.127], [-0.656, -1.146], [-0.567, -1.142], [-0.468, -1.115], [-0.358, -1.079], [-0.238, -1.034], [-0.107, -0.989], [0.035, -0.953], [0.188, -0.929], [0.325, -0.916], [0.484, -0.896], [0.65, -0.854], [0.811, -0.77], [0.955, -0.631], [1.068, -0.422], [1.138, -0.126], [1.152, 0.272], [1.121, 0.451], [1.046, 0.602], [0.928, 0.727], [0.767, 0.833], [0.565, 0.925], [0.323, 1.001], [0.042, 1.075], [-0.277, 1.142], [-0.368, 1.147], [-0.475, 1.136], [-0.589, 1.104], [-0.704, 1.05], [-0.815, 0.973], [-0.913, 0.871], [-0.993, 0.746], [-1.048, 0.593], [-1.109, 0.298], [-1.145, 0.018], [-1.154, -0.243], [-1.135, -0.482], [-1.085, -0.695], [-1.003, -0.874], [-0.886, -1.02]], [[-0.734, 1.127], [-0.656, 1.146], [-0.567, 1.142], [-0.468, 1.115], [-0.358, 1.079], [-0.238, 1.034], [-0.107, 0.989], [0.035, 0.953], [0.188, 0.929], [0.325, 0.916], [0.484, 0.896], [0.65, 0.854], [0.811, 0.77], [0.955, 0.631], [1.068, 0.422], [1.138, 0.126], [1.152, -0.272], [1.121, -0.451], [1.046, -0.602], [0.928, -0.727], [0.767, -0.833], [0.565, -0.925], [0.323, -1.001], [0.042, -1.075], [-0.277, -1.142], [-0.368, -1.147], [-0.475, -1.136], [-0.589, -1.104], [-0.704, -1.05], [-0.815, -0.973], [-0.913, -0.871], [-0.993, -0.746], [-1.048, -0.593], [-1.109, -0.298], [-1.145, -0.018], [-1.154, 0.243], [-1.135, 0.482], [-1.085, 0.695], [-1.003, 0.874], [-0.886, 1.02]], [[1e-3, -1.006], [0.134, -1.001], [0.262, -1.024], [0.382, -1.073], [0.498, -1.107], [0.614, -1.105], [0.733, -1.049], [0.85, -0.932], [0.953, -0.755], [1.03, -0.529], [1.067, -0.265], [1.054, 0.018], [0.986, 0.3], [0.868, 0.557], [0.715, 0.766], [0.55, 0.909], [0.396, 0.984], [0.262, 1.005], [0.148, 1.003], [0.037, 1.008], [-0.083, 1.04], [-0.22, 1.118], [-0.36, 1.192], [-0.5, 1.234], [-0.65, 1.175], [-0.81, 1.045], [-0.99, 0.855], [-1.14, 0.61], [-1.24, 0.33], [-1.27, 0.04], [-1.275, -0.25], [-1.225, -0.5], [-1.08, -0.72], [-0.89, -0.92], [-0.734, -1.053], [-0.614, -1.112], [-0.498, -1.127], [-0.381, -1.11], [-0.261, -1.095], [-0.133, -1.058], [1e-3, -1.01], [0.134, -1.001]]];
+
+// src/generated/geometry/blob.ts
+var SHAPE = { idea: 0, varyByLevel: false };
+function shapeForLevel(level) {
+  if (!SHAPE.varyByLevel) return SHAPE.idea;
+  const n = BLOB_SHAPES.length;
+  let cur = SHAPE.idea;
+  for (let i = 1; i <= level; i++) {
+    const r = Math.floor(Math.abs(Math.sin((i + 1) * 12.9898) * 43758.5453));
+    cur = (cur + r % (n - 1) + 1) % n;
+  }
+  return cur;
+}
+function blobPath(shape, rx, ry, cx = 0, cy = 0) {
+  const pts = BLOB_SHAPES[(shape % BLOB_SHAPES.length + BLOB_SHAPES.length) % BLOB_SHAPES.length].map(([x, y]) => [cx + x * rx, cy + y * ry]);
+  const mid = (a, b) => [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2];
+  const f = (n) => n.toFixed(2);
+  const start = mid(pts[pts.length - 1], pts[0]);
+  let d = `M${f(start[0])} ${f(start[1])}`;
+  for (let i = 0; i < pts.length; i++) {
+    const p = pts[i], m = mid(p, pts[(i + 1) % pts.length]);
+    d += `Q${f(p[0])} ${f(p[1])} ${f(m[0])} ${f(m[1])}`;
+  }
+  return d + "Z";
+}
+function drawBlob(ctx, shape, rx, ry, cx = 0, cy = 0) {
+  const pts = BLOB_SHAPES[(shape % BLOB_SHAPES.length + BLOB_SHAPES.length) % BLOB_SHAPES.length].map(([x, y]) => [cx + x * rx, cy + y * ry]);
+  const mid = (a, b) => [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2];
+  const s = mid(pts[pts.length - 1], pts[0]);
+  ctx.beginPath();
+  ctx.moveTo(s[0], s[1]);
+  pts.forEach((p, i) => {
+    const m = mid(p, pts[(i + 1) % pts.length]);
+    ctx.quadraticCurveTo(p[0], p[1], m[0], m[1]);
+  });
+  ctx.closePath();
+}
+function blobRadius(shape, rx, ry, angle) {
+  const pts = BLOB_SHAPES[(shape % BLOB_SHAPES.length + BLOB_SHAPES.length) % BLOB_SHAPES.length].map(([x, y]) => [x * rx, y * ry]);
+  const mid = (a, b) => [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2];
+  const poly = [];
+  for (let i = 0; i < pts.length; i++) {
+    const p0 = mid(pts[(i - 1 + pts.length) % pts.length], pts[i]), c = pts[i], p1 = mid(pts[i], pts[(i + 1) % pts.length]);
+    for (let k = 0; k < 8; k++) {
+      const t = k / 8, u = 1 - t;
+      poly.push([u * u * p0[0] + 2 * u * t * c[0] + t * t * p1[0], u * u * p0[1] + 2 * u * t * c[1] + t * t * p1[1]]);
+    }
+  }
+  const dx = Math.cos(angle), dy = Math.sin(angle);
+  let best = 0;
+  for (let i = 0; i < poly.length; i++) {
+    const [ax, ay] = poly[i], [bx, by] = poly[(i + 1) % poly.length], ex = bx - ax, ey = by - ay;
+    const den = dx * ey - dy * ex;
+    if (Math.abs(den) < 1e-9) continue;
+    const r = (ax * ey - ay * ex) / den, q = (ax * dy - ay * dx) / den;
+    if (r > 0 && q >= 0 && q <= 1) best = Math.max(best, r);
+  }
+  return best || Math.max(rx, ry);
+}
+var RINGS = [
+  { scale: 1.1, opacity: 0.5, rotate: -5, width: 2, dash: "" },
+  { scale: 1.2, opacity: 0.4, rotate: -10, width: 1, dash: "" },
+  { scale: 1.3, opacity: 0.3, rotate: -15, width: 3, dash: "6 4" }
+];
+function edgePath(a, b, bow = 1) {
+  const dx = b.x - a.x, dy = b.y - a.y, d = Math.hypot(dx, dy) || 1;
+  const arc = Math.min(45, 45 / (1 + Math.max(0, (d - 200) / 400))) * bow;
+  const nx = -dy / d, ny = dx / d;
+  const mx = (a.x + b.x) / 2 + nx * arc, my = (a.y + b.y) / 2 + ny * arc;
+  const c1 = { x: a.x + (mx - a.x) * 0.66 + 0, y: a.y + (my - a.y) * 0.66 };
+  const c2 = { x: b.x + (mx - b.x) * 0.66, y: b.y + (my - b.y) * 0.66 };
+  const ang = Math.atan2(b.y - c2.y, b.x - c2.x);
+  return { d: `M${a.x.toFixed(1)} ${a.y.toFixed(1)}C${c1.x.toFixed(1)} ${c1.y.toFixed(1)} ${c2.x.toFixed(1)} ${c2.y.toFixed(1)} ${b.x.toFixed(1)} ${b.y.toFixed(1)}`, angle: ang, mid: { x: mx, y: my } };
+}
+function arrowPath(p, angle, len = 11) {
+  const s = Math.PI / 5.5;
+  const a1 = { x: p.x - len * Math.cos(angle - s), y: p.y - len * Math.sin(angle - s) };
+  const a2 = { x: p.x - len * Math.cos(angle + s), y: p.y - len * Math.sin(angle + s) };
+  return `M${a1.x.toFixed(1)} ${a1.y.toFixed(1)}L${p.x.toFixed(1)} ${p.y.toFixed(1)}L${a2.x.toFixed(1)} ${a2.y.toFixed(1)}`;
+}
+
+// src/rendering/nodeGeometry.ts
+var MAX_RINGS = RINGS.length;
+var DEG = Math.PI / 180;
+function nodeRadii(n) {
+  return { rx: n.width / 2, ry: n.height / 2 };
+}
+var ringCount = (branchCount) => Math.max(0, Math.min(branchCount ?? 0, MAX_RINGS));
+var ringsFor = (branchCount) => RINGS.slice(0, ringCount(branchCount));
+var shapeCache = /* @__PURE__ */ new Map();
+function shapeOfLevel(level) {
+  let s = shapeCache.get(level);
+  if (s === void 0) {
+    s = shapeForLevel(level);
+    shapeCache.set(level, s);
+  }
+  return s;
+}
+var BLOB_MAX_NORM = Math.max(...BLOB_SHAPES.flatMap((s) => s.map(([x, y]) => Math.hypot(x, y))));
+var VISUAL_MARGIN = METRICS.nodeStroke * 2 + 24;
+function nodeBounds(n) {
+  const { rx, ry } = nodeRadii(n);
+  const rings = ringCount(n.branchCount);
+  const scale = rings > 0 ? RINGS[rings - 1].scale : 1;
+  const r = BLOB_MAX_NORM * Math.max(rx, ry) * scale + VISUAL_MARGIN;
+  return { minX: n.x - r, minY: n.y - r, maxX: n.x + r, maxY: n.y + r };
+}
+function outlineRadius(n, angle) {
+  const { rx, ry } = nodeRadii(n);
+  const shape = shapeOfLevel(n.level);
+  const rings = ringCount(n.branchCount);
+  if (rings === 0) return blobRadius(shape, rx, ry, angle);
+  const ring = RINGS[rings - 1];
+  return blobRadius(shape, rx * ring.scale, ry * ring.scale, angle - ring.rotate * DEG);
+}
+function connectorGeometry(from, to, gap = METRICS.edgeGap) {
+  const theta = Math.atan2(to.y - from.y, to.x - from.x);
+  const ra = outlineRadius(from, theta) + gap;
+  const rb = outlineRadius(to, theta + Math.PI) + gap;
+  const a = { x: from.x + Math.cos(theta) * ra, y: from.y + Math.sin(theta) * ra };
+  const b = { x: to.x - Math.cos(theta) * rb, y: to.y - Math.sin(theta) * rb };
+  const e = edgePath(a, b);
+  return { a, b, d: e.d, angle: e.angle, mid: e.mid, arrow: arrowPath(b, e.angle) };
 }
 
 // src/rendering/culling.ts
 var DEFAULT_SPATIAL_INDEX_THRESHOLD = 200;
+function intersectsViewport(n, bounds) {
+  const b = nodeBounds(n);
+  return b.maxX >= bounds.minX && b.minX <= bounds.maxX && b.maxY >= bounds.minY && b.minY <= bounds.maxY;
+}
 function getViewportVisibleNodes(options) {
   const {
     nodes,
@@ -1808,9 +2622,7 @@ function getViewportVisibleNodes(options) {
   if (skipCulling || isDragging) return filtered;
   const bounds = calculateViewportBounds(viewport, canvasWidth, canvasHeight);
   if (filtered.length < spatialIndexThreshold) {
-    return filtered.filter(
-      (n) => n.x + n.width >= bounds.minX && n.x <= bounds.maxX && n.y + n.height >= bounds.minY && n.y <= bounds.maxY
-    );
+    return filtered.filter((n) => intersectsViewport(n, bounds));
   }
   if (spatialIndex) {
     const nodeIds = spatialIndex.query({
@@ -1822,372 +2634,192 @@ function getViewportVisibleNodes(options) {
     const idSet = new Set(nodeIds);
     return filtered.filter((n) => idSet.has(n.id));
   }
-  return filtered.filter(
-    (n) => n.x + n.width >= bounds.minX && n.x <= bounds.maxX && n.y + n.height >= bounds.minY && n.y <= bounds.maxY
-  );
+  return filtered.filter((n) => intersectsViewport(n, bounds));
 }
 
-// src/config/blobShapes.ts
-var BLOB_LAYER_CONFIG = [
-  { opacity: 0.3, rotation: -15, scaleUp: 1.3, strokeWidth: 3, dash: [6, 4] },
-  // Layer #3 (outermost)
-  { opacity: 0.4, rotation: -10, scaleUp: 1.2, strokeWidth: 1, dash: void 0 },
-  // Layer #2
-  { opacity: 0.5, rotation: -5, scaleUp: 1.1, strokeWidth: 2, dash: void 0 }
-  // Layer #1
-];
-var NODE_LAYER_CONFIG = { opacity: 1, rotation: 0, strokeWidth: 3 };
-var ALL_BLOB_SHAPES = [
-  // Shape 0 · Blob 1
-  [
-    { x: 1.12, y: 0 },
-    { x: 0.86, y: 0.56 },
-    { x: 0.46, y: 0.94 },
-    { x: -0.08, y: 1.06 },
-    { x: -0.68, y: 0.82 },
-    { x: -0.96, y: 0.08 },
-    { x: -0.55, y: -0.82 },
-    { x: 0.04, y: -1.02 },
-    { x: 0.72, y: -0.8 },
-    { x: 1.08, y: -0.38 }
-  ],
-  // Shape 1 · Blob 2
-  [
-    { x: -0.489, y: -0.625 },
-    { x: -0.384, y: -0.716 },
-    { x: -0.285, y: -0.792 },
-    { x: -0.189, y: -0.855 },
-    { x: -0.09, y: -0.903 },
-    { x: 0.014, y: -0.932 },
-    { x: 0.129, y: -0.94 },
-    { x: 0.255, y: -0.924 },
-    { x: 0.412, y: -0.876 },
-    { x: 0.516, y: -0.832 },
-    { x: 0.612, y: -0.78 },
-    { x: 0.695, y: -0.725 },
-    { x: 0.767, y: -0.666 },
-    { x: 0.83, y: -0.606 },
-    { x: 0.885, y: -0.546 },
-    { x: 0.933, y: -0.486 },
-    { x: 0.979, y: -0.425 },
-    { x: 1.006, y: -0.385 },
-    { x: 1.034, y: -0.334 },
-    { x: 1.058, y: -0.276 },
-    { x: 1.078, y: -0.209 },
-    { x: 1.092, y: -0.133 },
-    { x: 1.101, y: -0.046 },
-    { x: 1.102, y: 0.052 },
-    { x: 1.094, y: 0.173 },
-    { x: 1.083, y: 0.244 },
-    { x: 1.063, y: 0.324 },
-    { x: 1.034, y: 0.401 },
-    { x: 0.996, y: 0.477 },
-    { x: 0.948, y: 0.549 },
-    { x: 0.889, y: 0.617 },
-    { x: 0.82, y: 0.681 },
-    { x: 0.735, y: 0.741 },
-    { x: 0.658, y: 0.783 },
-    { x: 0.569, y: 0.822 },
-    { x: 0.474, y: 0.855 },
-    { x: 0.372, y: 0.882 },
-    { x: 0.265, y: 0.904 },
-    { x: 0.156, y: 0.92 },
-    { x: 0.046, y: 0.931 },
-    { x: -0.069, y: 0.938 },
-    { x: -0.155, y: 0.935 },
-    { x: -0.25, y: 0.919 },
-    { x: -0.346, y: 0.89 },
-    { x: -0.443, y: 0.851 },
-    { x: -0.539, y: 0.8 },
-    { x: -0.633, y: 0.738 },
-    { x: -0.723, y: 0.667 },
-    { x: -0.808, y: 0.585 },
-    { x: -0.882, y: 0.501 },
-    { x: -0.944, y: 0.421 },
-    { x: -0.994, y: 0.343 },
-    { x: -1.034, y: 0.267 },
-    { x: -1.064, y: 0.192 },
-    { x: -1.085, y: 0.12 },
-    { x: -1.097, y: 0.042 },
-    { x: -1.102, y: 1e-3 },
-    { x: -1.09, y: -0.243 },
-    { x: -1.05, y: -0.365 },
-    { x: -0.99, y: -0.441 },
-    { x: -0.911, y: -0.479 },
-    { x: -0.819, y: -0.499 },
-    { x: -0.715, y: -0.517 },
-    { x: -0.605, y: -0.551 }
-  ],
-  // Shape 2 · Blob 3
-  [
-    { x: 3e-3, y: -0.97 },
-    { x: 0.163, y: -0.984 },
-    { x: 0.286, y: -1.028 },
-    { x: 0.389, y: -1.096 },
-    { x: 0.488, y: -1.174 },
-    { x: 0.597, y: -1.21 },
-    { x: 0.728, y: -1.165 },
-    { x: 0.867, y: -1.036 },
-    { x: 0.996, y: -0.839 },
-    { x: 1.098, y: -0.59 },
-    { x: 1.158, y: -0.304 },
-    { x: 1.153, y: 0.012 },
-    { x: 1.08, y: 0.336 },
-    { x: 0.944, y: 0.639 },
-    { x: 0.756, y: 0.889 },
-    { x: 0.484, y: 1.072 },
-    { x: 0.339, y: 1.079 },
-    { x: 0.219, y: 1.051 },
-    { x: 0.131, y: 0.994 },
-    { x: 0.059, y: 0.939 },
-    { x: 8e-3, y: 0.915 },
-    { x: -0.105, y: 0.931 },
-    { x: -0.176, y: 0.965 },
-    { x: -0.249, y: 1.005 },
-    { x: -0.345, y: 1.039 },
-    { x: -0.497, y: 1.055 },
-    { x: -0.672, y: 1.032 },
-    { x: -0.817, y: 0.952 },
-    { x: -0.945, y: 0.81 },
-    { x: -1.054, y: 0.6 },
-    { x: -1.16, y: 0.302 },
-    { x: -1.187, y: -0.011 },
-    { x: -1.165, y: -0.326 },
-    { x: -1.097, y: -0.599 },
-    { x: -0.991, y: -0.838 },
-    { x: -0.852, y: -0.912 },
-    { x: -0.695, y: -0.958 },
-    { x: -0.53, y: -0.988 },
-    { x: -0.357, y: -0.992 },
-    { x: -0.18, y: -0.983 }
-  ],
-  // Shape 3 · Blob 4
-  [
-    { x: -0.734, y: -1.127 },
-    { x: -0.656, y: -1.146 },
-    { x: -0.567, y: -1.142 },
-    { x: -0.468, y: -1.115 },
-    { x: -0.358, y: -1.079 },
-    { x: -0.238, y: -1.034 },
-    { x: -0.107, y: -0.989 },
-    { x: 0.035, y: -0.953 },
-    { x: 0.188, y: -0.929 },
-    { x: 0.325, y: -0.916 },
-    { x: 0.484, y: -0.896 },
-    { x: 0.65, y: -0.854 },
-    { x: 0.811, y: -0.77 },
-    { x: 0.955, y: -0.631 },
-    { x: 1.068, y: -0.422 },
-    { x: 1.138, y: -0.126 },
-    { x: 1.152, y: 0.272 },
-    { x: 1.121, y: 0.451 },
-    { x: 1.046, y: 0.602 },
-    { x: 0.928, y: 0.727 },
-    { x: 0.767, y: 0.833 },
-    { x: 0.565, y: 0.925 },
-    { x: 0.323, y: 1.001 },
-    { x: 0.042, y: 1.075 },
-    { x: -0.277, y: 1.142 },
-    { x: -0.368, y: 1.147 },
-    { x: -0.475, y: 1.136 },
-    { x: -0.589, y: 1.104 },
-    { x: -0.704, y: 1.05 },
-    { x: -0.815, y: 0.973 },
-    { x: -0.913, y: 0.871 },
-    { x: -0.993, y: 0.746 },
-    { x: -1.048, y: 0.593 },
-    { x: -1.109, y: 0.298 },
-    { x: -1.145, y: 0.018 },
-    { x: -1.154, y: -0.243 },
-    { x: -1.135, y: -0.482 },
-    { x: -1.085, y: -0.695 },
-    { x: -1.003, y: -0.874 },
-    { x: -0.886, y: -1.02 }
-  ],
-  // Shape 4 · Blob 5
-  [
-    { x: -0.734, y: 1.127 },
-    { x: -0.656, y: 1.146 },
-    { x: -0.567, y: 1.142 },
-    { x: -0.468, y: 1.115 },
-    { x: -0.358, y: 1.079 },
-    { x: -0.238, y: 1.034 },
-    { x: -0.107, y: 0.989 },
-    { x: 0.035, y: 0.953 },
-    { x: 0.188, y: 0.929 },
-    { x: 0.325, y: 0.916 },
-    { x: 0.484, y: 0.896 },
-    { x: 0.65, y: 0.854 },
-    { x: 0.811, y: 0.77 },
-    { x: 0.955, y: 0.631 },
-    { x: 1.068, y: 0.422 },
-    { x: 1.138, y: 0.126 },
-    { x: 1.152, y: -0.272 },
-    { x: 1.121, y: -0.451 },
-    { x: 1.046, y: -0.602 },
-    { x: 0.928, y: -0.727 },
-    { x: 0.767, y: -0.833 },
-    { x: 0.565, y: -0.925 },
-    { x: 0.323, y: -1.001 },
-    { x: 0.042, y: -1.075 },
-    { x: -0.277, y: -1.142 },
-    { x: -0.368, y: -1.147 },
-    { x: -0.475, y: -1.136 },
-    { x: -0.589, y: -1.104 },
-    { x: -0.704, y: -1.05 },
-    { x: -0.815, y: -0.973 },
-    { x: -0.913, y: -0.871 },
-    { x: -0.993, y: -0.746 },
-    { x: -1.048, y: -0.593 },
-    { x: -1.109, y: -0.298 },
-    { x: -1.145, y: -0.018 },
-    { x: -1.154, y: 0.243 },
-    { x: -1.135, y: 0.482 },
-    { x: -1.085, y: 0.695 },
-    { x: -1.003, y: 0.874 },
-    { x: -0.886, y: 1.02 }
-  ],
-  // Shape 5 · Blob 6
-  [
-    { x: 1e-3, y: -1.006 },
-    { x: 0.134, y: -1.001 },
-    { x: 0.262, y: -1.024 },
-    { x: 0.382, y: -1.073 },
-    { x: 0.498, y: -1.107 },
-    { x: 0.614, y: -1.105 },
-    { x: 0.733, y: -1.049 },
-    { x: 0.85, y: -0.932 },
-    { x: 0.953, y: -0.755 },
-    { x: 1.03, y: -0.529 },
-    { x: 1.067, y: -0.265 },
-    { x: 1.054, y: 0.018 },
-    { x: 0.986, y: 0.3 },
-    { x: 0.868, y: 0.557 },
-    { x: 0.715, y: 0.766 },
-    { x: 0.55, y: 0.909 },
-    { x: 0.396, y: 0.984 },
-    { x: 0.262, y: 1.005 },
-    { x: 0.148, y: 1.003 },
-    { x: 0.037, y: 1.008 },
-    { x: -0.083, y: 1.04 },
-    { x: -0.22, y: 1.118 },
-    { x: -0.36, y: 1.192 },
-    { x: -0.5, y: 1.234 },
-    { x: -0.65, y: 1.175 },
-    { x: -0.81, y: 1.045 },
-    { x: -0.99, y: 0.855 },
-    { x: -1.14, y: 0.61 },
-    { x: -1.24, y: 0.33 },
-    { x: -1.27, y: 0.04 },
-    { x: -1.275, y: -0.25 },
-    { x: -1.225, y: -0.5 },
-    { x: -1.08, y: -0.72 },
-    { x: -0.89, y: -0.92 },
-    { x: -0.734, y: -1.053 },
-    { x: -0.614, y: -1.112 },
-    { x: -0.498, y: -1.127 },
-    { x: -0.381, y: -1.11 },
-    { x: -0.261, y: -1.095 },
-    { x: -0.133, y: -1.058 },
-    { x: 1e-3, y: -1.01 },
-    { x: 0.134, y: -1.001 }
-  ]
-];
-var ACTIVE_BLOB_TYPES = [0, 1, 2, 3, 4, 5];
-var BLOB_TEXT_OFFSETS = [0, 0, 0, 0, 0, -0.1];
-function getBlobTypeForLayer(level) {
-  const numTypes = ACTIVE_BLOB_TYPES.length;
-  if (numTypes <= 1) return ACTIVE_BLOB_TYPES[0] ?? 0;
-  let currentType = 0;
-  for (let i = 1; i <= level; i++) {
-    const pseudoRandom = Math.floor(Math.abs(Math.sin((i + 1) * 12.9898) * 43758.5453));
-    const stepOffset = pseudoRandom % (numTypes - 1) + 1;
-    currentType = (currentType + stepOffset) % numTypes;
-  }
-  return ACTIVE_BLOB_TYPES[currentType];
+// src/generated/geometry/motion.ts
+var EASE = {
+  /** ease-standard — UI and connector drawing. */
+  standard: [0.4, 0, 0.2, 1],
+  /** ease-zoom — diving into and out of layers. */
+  zoom: [0.2, 0.8, 0.2, 1],
+  /** ease-bloom — ideas arriving, with a little overshoot. */
+  bloom: [0.34, 1.4, 0.64, 1]
+};
+var MOTION = {
+  /** A layer arrives: ideas bloom one by one in sibling order, center first, then connectors draw. */
+  reveal: {
+    /** duration-reveal: each idea's bloom. */
+    duration: 420,
+    /** stagger-reveal: delay between consecutive ideas. */
+    stagger: 70,
+    /** An idea starts at this scale… */
+    fromScale: 0.55,
+    /** …and this fraction of the way from its place toward the layer's center. */
+    fromCenter: 0.5,
+    ease: EASE.bloom,
+    /** Settle time after the last bloom before the map is idle (interactive again). */
+    tail: 200
+  },
+  /** Connectors of an arriving layer: they start once the ideas are mostly in. */
+  connector: {
+    /** Lead time before the first connector, on top of the ideas' stagger. */
+    lead: 240,
+    /** Delay between consecutive connectors. */
+    stagger: 60,
+    /** A solid connector draws from source to target; a dashed one fades in instead. */
+    draw: 500,
+    /** The connector group's fade (duration-base). */
+    fade: 240,
+    ease: EASE.standard
+  },
+  /** Step inside: the current layer zooms toward the idea and fades; the inner layer then arrives (reveal). */
+  dive: {
+    /** The old layer's zoom, toward the idea's position. */
+    scale: 3.2,
+    /** duration-zoom. */
+    duration: 500,
+    /** It fades out after this delay, over `fade`. */
+    fadeDelay: 150,
+    fade: 160,
+    /** The layers swap (and the reveal starts) this long after the dive starts. */
+    swapAfter: 320,
+    ease: EASE.zoom
+  },
+  /** Back out (depth trail): the current layer shrinks toward the center and fades; the outer layer arrives. */
+  surface: {
+    scale: 0.6,
+    duration: 220,
+    fade: 200,
+    swapAfter: 220,
+    ease: EASE.zoom
+  },
+  /** The arriving layer as a whole settles from slightly small. */
+  settle: { fromScale: 0.94, duration: 260, ease: EASE.standard },
+  /** Hover (pointer) or select: the idea lifts; its rings turn and grow a touch — a nudge, not a wobble. */
+  hover: {
+    lift: 2,
+    ringRotate: -2,
+    ringScale: 1.015,
+    /** duration-base, for both the lift (ease-bloom) and the rings (ease-standard). */
+    duration: 240,
+    liftEase: EASE.bloom,
+    ringEase: EASE.standard
+  },
+  /** Reduced motion, or Gradual reveal off: everything appears together with a short fade; dives become cross-fades. */
+  reduced: { fade: 120 },
+  /** Large layers. The stagger is written for a dozen ideas; a layer of hundreds would take minutes to arrive and
+   *  every frame of a bloom repaints the whole layer. Above `staggerSlots` ideas (and connectors), they share that many
+   *  slots, so a layer never takes longer to arrive than `staggerSlots` ideas would. Above `bloomMax` ideas the layer
+   *  fades in together (the reduced fade) and hover lifts snap instead of easing. */
+  largeLayer: { staggerSlots: 30, bloomMax: 150 }
+};
+function revealDelay(i) {
+  return i * MOTION.reveal.stagger;
 }
-function drawBlobPath(ctx, radiusX, radiusY, blobType) {
-  const srcPts = ALL_BLOB_SHAPES[blobType] ?? ALL_BLOB_SHAPES[0];
-  const pts = srcPts.map((p) => ({ x: p.x * radiusX, y: p.y * radiusY }));
-  ctx.beginPath();
-  const last = pts[pts.length - 1];
-  const first = pts[0];
-  ctx.moveTo((last.x + first.x) / 2, (last.y + first.y) / 2);
-  for (let i = 0; i < pts.length; i++) {
-    const curr = pts[i];
-    const next = pts[(i + 1) % pts.length];
-    ctx.quadraticCurveTo(curr.x, curr.y, (curr.x + next.x) / 2, (curr.y + next.y) / 2);
-  }
-  ctx.closePath();
+function connectorDelay(i, nodeCount) {
+  return MOTION.connector.lead + nodeCount * MOTION.reveal.stagger + i * MOTION.connector.stagger;
+}
+function revealTotal(nodeCount, reduced = false) {
+  return reduced ? 0 : MOTION.reveal.duration + nodeCount * MOTION.reveal.stagger + MOTION.reveal.tail;
+}
+function bloomOffset(node, center) {
+  const k = MOTION.reveal.fromCenter;
+  return { x: (center.x - node.x) * k, y: (center.y - node.y) * k };
+}
+function swapDelay(dir, reduced = false) {
+  return reduced ? 0 : dir === "in" ? MOTION.dive.swapAfter : MOTION.surface.swapAfter;
+}
+function revealSlot(i, count) {
+  const slots = Math.min(count, MOTION.largeLayer.staggerSlots);
+  return count > slots ? Math.floor(i * slots / count) : i;
+}
+function layerBlooms(nodeCount) {
+  return nodeCount <= MOTION.largeLayer.bloomMax;
+}
+function layerReveal(nodeCount, connectorCount, reduced = false) {
+  const instant = reduced || !layerBlooms(nodeCount);
+  const slots = Math.min(nodeCount, MOTION.largeLayer.staggerSlots);
+  const edgeSlots = Math.min(connectorCount, MOTION.largeLayer.staggerSlots);
+  return {
+    /** Fades in together (reduced motion, Gradual reveal off, or a layer past `bloomMax`). */
+    instant,
+    ideaDelay: (i) => instant ? 0 : revealDelay(revealSlot(i, nodeCount)),
+    connectorDelay: (i) => instant ? 0 : connectorDelay(revealSlot(i, connectorCount), slots),
+    /** Until the map is idle again. */
+    total: instant ? reduced ? 0 : MOTION.reduced.fade : Math.max(revealTotal(slots), edgeSlots ? connectorDelay(edgeSlots - 1, slots) + MOTION.connector.draw : 0)
+  };
+}
+function cssEase(e) {
+  return `cubic-bezier(${e.join(", ")})`;
+}
+function ease(e, t) {
+  const [x1, y1, x2, y2] = e;
+  if (t <= 0) return 0;
+  if (t >= 1) return 1;
+  const bx = (u2) => 3 * x1 * u2 * (1 - u2) ** 2 + 3 * x2 * u2 * u2 * (1 - u2) + u2 ** 3;
+  const by = (u2) => 3 * y1 * u2 * (1 - u2) ** 2 + 3 * y2 * u2 * u2 * (1 - u2) + u2 ** 3;
+  let lo = 0, hi = 1, u = t;
+  for (let k = 0; k < 24; k++) {
+    u = (lo + hi) / 2;
+    if (bx(u) < t) lo = u;
+    else hi = u;
+  }
+  return by(u);
+}
+function motionVars() {
+  const m = MOTION;
+  return {
+    "--vi-bloom-from": String(m.reveal.fromScale),
+    "--vi-line-draw": `${m.connector.draw}ms`,
+    "--vi-dive-scale": String(m.dive.scale),
+    "--vi-dive-fade": `${m.dive.fade}ms`,
+    "--vi-dive-fade-delay": `${m.dive.fadeDelay}ms`,
+    "--vi-surface-scale": String(m.surface.scale),
+    "--vi-surface-dur": `${m.surface.duration}ms`,
+    "--vi-surface-fade": `${m.surface.fade}ms`,
+    "--vi-settle-from": String(m.settle.fromScale),
+    "--vi-settle-dur": `${m.settle.duration}ms`,
+    "--vi-reduced-fade": `${m.reduced.fade}ms`,
+    "--vi-lift": `${m.hover.lift}px`,
+    "--vi-ring-turn": `${m.hover.ringRotate}deg`,
+    "--vi-ring-grow": String(m.hover.ringScale)
+  };
 }
 
-// src/config/textScaling.ts
-var NODE_TEXT_BASE_FONT_PX = 28;
-var DESCRIPTION_TEXT_BASE_FONT_PX = 12;
-var CONTAINER_LABEL_BASE_FONT_PX = 24;
-var EDGE_LABEL_BASE_FONT_PX = 18;
-var OVERLAY_FONT_UPPER_BOOST_PX = 8;
-var NODE_TEXT_SAFE_BLOB_FILL_RATIO = 0.88;
-function computeNodeTextWorldScale(nodeWidth, zoomLevel) {
-  const safeZoom = Math.max(zoomLevel, 1e-4);
-  const baseRadiusX = nodeWidth / 2;
-  const baseRadiusY = Math.max(NODE_HEIGHT * 1.6 / 2, baseRadiusX * 0.74);
-  const textNaturalWidth = nodeWidth - 40;
-  const textNaturalHeight = NODE_HEIGHT - 20;
-  const maxScaleX = baseRadiusX * 2 * NODE_TEXT_SAFE_BLOB_FILL_RATIO / Math.max(textNaturalWidth, 1);
-  const maxScaleY = baseRadiusY * 2 * NODE_TEXT_SAFE_BLOB_FILL_RATIO / Math.max(textNaturalHeight, 1);
-  const fitScale = Math.max(0.01, Math.min(maxScaleX, maxScaleY));
-  return Math.min(1 / safeZoom, fitScale);
-}
-function computeNodeTextScreenScale(nodeWidth, zoomLevel) {
-  return computeNodeTextWorldScale(nodeWidth, zoomLevel) * zoomLevel;
-}
-function computeOverlayScale(zoomLevel) {
-  const safeZoom = Math.max(zoomLevel, 1e-4);
-  const inverseScale = 1 / safeZoom;
-  const maxScale = (NODE_TEXT_BASE_FONT_PX + OVERLAY_FONT_UPPER_BOOST_PX) / NODE_TEXT_BASE_FONT_PX;
-  return Math.min(Math.max(inverseScale, 1), maxScale);
-}
-function computeEdgeLabelScale(zoomLevel) {
-  const safeZoom = Math.max(zoomLevel, 1e-4);
-  return Math.min(Math.max(EDGE_LABEL_BASE_FONT_PX / safeZoom, 10), 32);
+// src/generated/geometry/detail.ts
+var DETAIL = {
+  /** Below this on-screen width an idea draws only its body: no rings, label or shadow. */
+  bodyOnlyBelow: 24,
+  /** Below this it may be drawn as a plain filled speck in its topic fill (no outline) — indistinguishable at this size. */
+  speckBelow: 12,
+  /** Above this many ideas in view, idea shadows are skipped (the costliest effect to draw). */
+  shadowsMaxVisible: 150
+};
+function ideaDetail(screenWidth, emphasised = false) {
+  if (emphasised || screenWidth >= DETAIL.bodyOnlyBelow) return "full";
+  return screenWidth < DETAIL.speckBelow ? "speck" : "body";
+}
+function shadowsShown(visibleIdeas) {
+  return visibleIdeas <= DETAIL.shadowsMaxVisible;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ACTIVE_BLOB_TYPES,
-  ALL_BLOB_SHAPES,
-  ANIMATION_DURATION,
-  ANIMATION_PHASES,
-  BLOB_LAYER_CONFIG,
-  BLOB_TEXT_OFFSETS,
-  BORDER_WIDTH_NORMAL,
-  BORDER_WIDTH_SELECTED,
-  BRAND_COLORS,
-  CANVAS_COLORS,
-  CHAR_WIDTH,
+  BLOB_SHAPES,
+  CANVAS_STYLE,
   CIRCULAR_REFERENCE_MAX_DEPTH,
   CLICK_THRESHOLD,
-  COLOR_BORDER_DARK,
-  COLOR_BORDER_LIGHT,
-  COLOR_DEFAULT_NODE,
-  COLOR_SELECTED,
-  CONTAINER_LABEL_BASE_FONT_PX,
-  COOLDOWN,
-  CORNER_RADIUS,
   CULLING_QUERY_TIME_BUDGET,
+  CUSTOM,
   DEFAULT_CANVAS_HEIGHT,
   DEFAULT_CANVAS_WIDTH,
   DEFAULT_RENDER_CONFIG,
-  DESCRIPTION_TEXT_BASE_FONT_PX,
+  DESIGN_SYSTEM_VERSION,
+  DETAIL,
   DOUBLE_CLICK_DELAY,
   DRAG_START_DISTANCE,
-  DS_COLORS,
-  DS_RADII,
-  DS_TYPOGRAPHY,
-  EDGE_LABEL_BASE_FONT_PX,
+  EASE,
   FEATURE_FLAGS,
-  FONTS,
-  FONT_SIZES,
   FPSMonitor,
   FPS_CRITICAL_THRESHOLD,
   FPS_DOWNGRADE_THRESHOLD,
@@ -2198,27 +2830,29 @@ function computeEdgeLabelScale(zoomLevel) {
   FPS_UPDATE_INTERVAL,
   FPS_UPGRADE_THRESHOLD,
   FPS_WARNING_THRESHOLD,
+  FRAME,
+  GESTURE,
+  HULL,
+  HULL_CLEAR,
+  IDEA,
+  LABEL_GROWTH,
   LAYOUT_SPACING,
-  LEVEL_COLORS,
-  LEVEL_COLOR_ARRAY,
   MAX_FRAME_TIME,
   MAX_NODES,
+  MAX_RINGS,
   MAX_VISIBLE_NODES,
   MEMORY_CHECK_INTERVAL,
   MEMORY_CRITICAL_MB,
   MEMORY_LIMITS,
   MEMORY_TARGET_MB,
   MEMORY_WARNING_MB,
+  METRICS,
+  METRICS_REDUCED_MOTION,
+  MOTION,
   MemoryMonitor,
   NODE_COUNT_THRESHOLDS,
-  NODE_HEIGHT,
-  NODE_LAYER_CONFIG,
-  NODE_MIN_WIDTH,
-  NODE_PADDING,
-  NODE_TEXT_BASE_FONT_PX,
-  OPACITY,
-  OVERLAY_FONT_UPPER_BOOST_PX,
-  PARENT_FALLBACK_COLORS,
+  PEEK,
+  PEEK_PLACEMENT,
   PERFORMANCE_TOAST_COOLDOWN,
   PerformanceProfiler,
   QUALITY_HIGH,
@@ -2230,33 +2864,37 @@ function computeEdgeLabelScale(zoomLevel) {
   RBushSpatialIndex,
   RENDER_MODES,
   RESIZE_DEBOUNCE,
+  RINGS,
   SCROLL_THROTTLE,
   SEARCH_DEBOUNCE,
-  SEMANTIC_COLORS,
+  SHAPE,
+  SHEET,
   SIMPLIFIED_RENDER_CONFIG,
-  SPACING,
   SPATIAL_INDEX_BUILD_BUDGET,
   TARGET_FRAME_TIME,
-  TARGET_ZOOM,
-  TEXT_LABEL_HIDE_BELOW_ZOOM,
-  THEME_COLORS,
+  TERM,
+  THEME_NAMES,
   TIMING_THRESHOLDS,
-  TITLE_MAX_LENGTH,
+  TOKENS,
+  TOPICS,
+  TOPIC_ORDER,
+  TRAIL,
+  TYPE_STYLES,
+  VIEW,
   VIEWPORT_CONFIG,
-  VIEWPORT_FRAMING,
   VIEWPORT_MARGIN,
   VisualliParseError,
   ZOOM_DEFAULT,
   ZOOM_MAX,
   ZOOM_MIN,
-  ZOOM_NAV_IN_THRESHOLD,
-  ZOOM_NAV_OUT_THRESHOLD,
-  ZOOM_STEP,
-  ZOOM_THRESHOLDS,
-  ZOOM_WHEEL_SENSITIVITY,
   applyCircularLayout,
   applyLinearHorizontalLayout,
   applyLinearVerticalLayout,
+  approximateMeasure,
+  arrowPath,
+  blobPath,
+  blobRadius,
+  bloomOffset,
   calculateDistance,
   calculateFitCenter,
   calculateFitView,
@@ -2266,32 +2904,26 @@ function computeEdgeLabelScale(zoomLevel) {
   calculateViewportBounds,
   checkCollision,
   clampZoom,
-  computeEdgeLabelScale,
-  computeNodeTextScreenScale,
-  computeNodeTextWorldScale,
-  computeOverlayScale,
+  connectorDelay,
+  connectorGeometry,
+  connectorSamples,
+  containerHull,
   convertLayerToFlatNodes,
   convertVisualliToFlatNodes,
   countLayersBeneath,
-  createCubicBezier,
   createMindMapConfig,
-  darkenHexColor,
-  drawBlobPath,
-  easeInCubic,
-  easeInOutCubic,
-  easeInOutQuart,
-  easeInOutSine,
-  easeOutCubic,
-  easeOutQuad,
-  easeZoomTransition,
+  cssEase,
+  customColor,
+  drawBlob,
+  easeBezier,
+  edgePath,
   fetchAndParseVisualli,
+  fitView,
   flattenNodes,
   focusOnNode,
   generateSampleConfig,
-  getBlobTypeForLayer,
   getChildLayerForNode,
   getChildLayers,
-  getColorForLevel,
   getConnectionsForLayer,
   getContainersForLayer,
   getLayerForNavigation,
@@ -2301,27 +2933,70 @@ function computeEdgeLabelScale(zoomLevel) {
   getOptimalQualityLevel,
   getRecommendedRenderConfig,
   getRenderConfigForQuality,
-  getThemeBackground,
-  getThemeBorder,
-  getThemeText,
+  getSemanticAnchors,
+  getTokens,
   getTopLevelConnections,
   getViewportVisibleNodes,
   getVisibleNodes,
+  hoverOpensTerm,
+  ideaColor,
+  ideaDetail,
+  ideaKindOf,
+  ideaSize,
+  ideaStyle,
+  intersectsViewport,
+  isContrastTheme,
+  isDarkTheme,
   isFeatureEnabled,
+  isFocusTheme,
   isNodeInViewport,
+  isThemeName,
+  labelCandidates,
+  labelGrowth,
+  labelScale,
+  layerBlooms,
+  layerBounds,
+  layerFrame,
+  layerReveal,
   loadVisualliFileFromFile,
+  metricsFor,
+  motionVars,
+  nodeBounds,
+  nodeRadii,
   optimizeLayout,
+  outlineRadius,
   panViewport,
   parseVisualliFile,
   parseVisualliFromMongoDB,
+  peekPosition,
+  pinchZoom,
+  placeContainerLabel,
+  pointerModeFor,
   recalculateViewportBounds,
   renderConfigStore,
   resolveCollisions,
+  resolveComfort,
   resolveNodeOverlaps,
+  resolveTheme,
+  revealDelay,
+  revealSlot,
+  revealTotal,
+  ringCount,
+  ringsFor,
   screenToWorld,
   selectionStore,
   setViewportCenter,
+  shadowsShown,
+  shapeForLevel,
+  shapeOfLevel,
+  swapDelay,
+  token,
+  topicFor,
+  topicFromName,
+  topicStyle,
   worldToScreen,
+  wrapLines,
+  zoomAround,
   zoomViewport
 });
 //# sourceMappingURL=index.cjs.map