@andespindola/brainlink 0.1.0-beta.146 → 0.1.0-beta.148

package/dist/application/frontend/client-css.js

@@ -258,12 +258,12 @@ li small {
 
 .content-dialog {
   position: fixed;
-  top: 84px;
-  right: 12px;
+  top: 74px;
+  right: 16px;
   margin: 0;
-  width: min(440px, calc(100vw - 24px));
-  height: min(calc(100svh - 124px), 820px);
-  max-height: calc(100svh - 124px);
+  width: min(760px, calc(100vw - 32px));
+  height: min(calc(100svh - 96px), 920px);
+  max-height: calc(100svh - 96px);
   padding: 0;
   border: 1px solid var(--line);
   border-radius: 8px;
@@ -331,7 +331,7 @@ li small {
 
 .content-meta {
   display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
   padding: 14px 22px;
   border-bottom: 1px solid var(--line);
@@ -358,12 +358,16 @@ li small {
 
 .content-meta-section ul,
 .content-meta-section .tags {
-  max-height: 220px;
+  max-height: 280px;
   overflow: auto;
   align-content: flex-start;
   padding-right: 4px;
 }
 
+.content-meta-section:last-child {
+  grid-column: span 2;
+}
+
 .content-dialog .note-content {
   max-height: none;
   min-height: 0;
@@ -421,10 +425,10 @@ li small {
     top: auto;
     right: 12px;
     left: 12px;
-    bottom: 38px;
+    bottom: 28px;
     width: auto;
-    height: min(calc(100svh - 170px), 640px);
-    max-height: calc(100svh - 170px);
+    height: min(calc(100svh - 150px), 760px);
+    max-height: calc(100svh - 150px);
   }
 
   .metric-chip {

package/dist/application/frontend/client-js.js

@@ -61,6 +61,7 @@ const state = {
   fetchTimer: null,
   cameraSyncScheduled: false,
   lastDragFetchAt: 0,
+  lastWheelAt: 0,
   lastVisibleNodes: 0,
   lastVisibleEdges: 0,
   totals: {
@@ -303,7 +304,7 @@ const extractContextLinks = (content) => {
   const lines = content.split(/\\r?\\n/)
   let start = -1
   for (let index = 0; index < lines.length; index += 1) {
-    if (/^##\\s+context\\s+links\\b/i.test(lines[index].trim())) {
+    if (/^#{1,6}\\s+(?:context\\s+links?|links?\\s+de\\s+contexto)\\b/i.test(lines[index].trim())) {
       start = index + 1
       break
     }
@@ -313,6 +314,7 @@ const extractContextLinks = (content) => {
   }
 
   const links = []
+  const seenTitles = new Set()
   for (let index = start; index < lines.length; index += 1) {
     const line = lines[index].trim()
     if (!line) {
@@ -321,17 +323,21 @@ const extractContextLinks = (content) => {
     if (/^#{1,6}\\s+/.test(line)) {
       break
     }
-    const match = line.match(/\\[\\[([^\\]]+)\\]\\]/)
-    if (!match) {
-      continue
-    }
-    const title = match[1].trim()
-    if (!title) {
+    const matches = Array.from(line.matchAll(/\\[\\[([^\\]]+)\\]\\]/g))
+    if (matches.length === 0) {
       continue
     }
     const priorityMatch = line.match(/#(critical|important)\\b|priority:\\s*(high|critical)/i)
     const priority = priorityMatch ? String(priorityMatch[1] || priorityMatch[2] || 'normal').toLowerCase() : 'normal'
-    links.push({ title, priority })
+
+    for (let matchIndex = 0; matchIndex < matches.length; matchIndex += 1) {
+      const title = String(matches[matchIndex][1] || '').trim()
+      if (!title || seenTitles.has(title.toLowerCase())) {
+        continue
+      }
+      seenTitles.add(title.toLowerCase())
+      links.push({ title, priority })
+    }
   }
   return links
 }
@@ -539,7 +545,9 @@ const scheduleChunkFetch = ({ fit } = { fit: false }) => {
     clearTimeout(state.fetchTimer)
   }
 
-  const delay = fit ? 0 : (state.pointer.down ? 80 : 32)
+  const now = performance.now()
+  const recentlyWheeling = now - state.lastWheelAt < 180
+  const delay = fit ? 0 : (state.pointer.down ? 120 : (recentlyWheeling ? 140 : 48))
   state.fetchTimer = setTimeout(() => {
     state.fetchTimer = null
     fetchChunk({ fit }).catch((error) => {
@@ -557,7 +565,43 @@ const setViewportFromCanvas = () => {
   drawFallback()
 }
 
+const pickFallbackNodeId = (screenX, screenY) => {
+  const nodes = normalizeList(state.chunk.nodes)
+  if (nodes.length === 0) {
+    return ''
+  }
+
+  let bestId = ''
+  let bestDistance = Infinity
+  for (let index = 0; index < nodes.length; index += 1) {
+    const node = nodes[index]
+    const id = typeof node[0] === 'string' ? node[0] : ''
+    if (!id) continue
+    const x = Number(node[2])
+    const y = Number(node[3])
+    const weight = Number(node[7])
+    if (!Number.isFinite(x) || !Number.isFinite(y)) continue
+    const point = worldToScreen(x, y)
+    const radius = Math.max(2.4, Math.min(14, 4 + (Number.isFinite(weight) ? weight : 0) * 0.55))
+    const distance = Math.hypot(screenX - point.x, screenY - point.y)
+    if (distance <= radius && distance < bestDistance) {
+      bestDistance = distance
+      bestId = id
+    }
+  }
+
+  return bestId
+}
+
 const pickAt = (screenX, screenY) => {
+  if (state.rendererMode === 'fallback') {
+    const nodeId = pickFallbackNodeId(screenX, screenY)
+    if (nodeId) {
+      loadNodeDetails(nodeId).catch((error) => console.error(error))
+    }
+    return
+  }
+
   if (!state.renderWorker || !state.workerReady) {
     return
   }
@@ -594,6 +638,7 @@ const setupInput = () => {
 
   canvas.addEventListener('wheel', (event) => {
     event.preventDefault()
+    state.lastWheelAt = performance.now()
     const pointer = resolvePointer(event)
     const exponent = Math.max(-0.05, Math.min(0.05, -event.deltaY * 0.001))
     zoomAtPoint(pointer.x, pointer.y, Math.exp(exponent))
@@ -644,13 +689,6 @@ const setupInput = () => {
       return
     }
 
-    if (state.renderWorker && state.workerReady) {
-      state.renderWorker.postMessage({
-        type: 'pointer',
-        x: pointer.x,
-        y: pointer.y
-      })
-    }
   })
 
   canvas.addEventListener('pointerup', (event) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andespindola/brainlink",
-  "version": "0.1.0-beta.146",
+  "version": "0.1.0-beta.148",
   "description": "Local-first knowledge memory for agents with Markdown, backlinks, indexing and context retrieval.",
   "type": "module",
   "license": "MIT",