@jkwd/inbase 0.1.20 → 0.1.21

package/apps/explorer/scripts/scan-ignore.mjs

@@ -17,9 +17,18 @@ export function toPosix(filePath) {
   return filePath.split(path.sep).join('/')
 }
 
+function isViteDepCache(parts) {
+  const viteAt = parts.indexOf('vite')
+  if (viteAt < 0) return false
+  return parts
+    .slice(viteAt + 1)
+    .some((part) => part === 'deps' || part.startsWith('deps_temp'))
+}
+
 /** True when any path segment is ignored, e.g. apps/web/node_modules/pkg/index.js. */
 export function shouldIgnoreRelativePath(relative) {
   const parts = toPosix(relative).split('/').filter(Boolean)
+  if (isViteDepCache(parts)) return true
   if (
     parts.some(
       (part) =>

package/apps/explorer/src/App.tsx

@@ -1451,6 +1451,13 @@ function Explorer({
           shadows={false}
           dpr={[1, 1.5]}
           gl={{ antialias: true, toneMappingExposure: 1.25 }}
+          onCreated={({ gl }) => {
+            gl.domElement.addEventListener(
+              'webglcontextlost',
+              (event) => event.preventDefault(),
+              { once: false },
+            )
+          }}
           camera={{
             position: layout.spawn,
             fov: 70,

package/apps/explorer/src/index.css

@@ -64,6 +64,15 @@ button {
   font-size: 15px;
 }
 
+.canvas-error {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  display: grid;
+  place-items: center;
+  background: var(--vc-chrome);
+}
+
 .canvas-error .hud-button {
   margin-top: 12px;
 }

package/apps/explorer/src/scene/SelectionThumbnail.tsx

@@ -11,6 +11,7 @@ import {
 import { CONFIG, WORLD_VOID, type ChangeKind } from '../theme'
 import { shouldIgnoreShortcut } from '../keyboard'
 import type { CodebaseGraph, PlacedFile, PlacedFolder, WorldLayout } from '../types'
+import { CanvasErrorBoundary } from '../ui/CanvasErrorBoundary'
 import { FileBlock } from './FileBlock'
 import { FolderArea } from './FolderArea'
 import { RelationLines } from './RelationLines'
@@ -645,6 +646,7 @@ export function SelectionThumbnail({
   const [zoom, setZoom] = useState(1)
   const [panning, setPanning] = useState(false)
   const [orbiting, setOrbiting] = useState(false)
+  const [canvasReady, setCanvasReady] = useState(false)
   const [visibleLabelIds, setVisibleLabelIds] = useState<Set<string>>(
     () => new Set(),
   )
@@ -670,6 +672,11 @@ export function SelectionThumbnail({
 
   const panningRef = useRef(false)
 
+  useEffect(() => {
+    const frame = window.requestAnimationFrame(() => setCanvasReady(true))
+    return () => window.cancelAnimationFrame(frame)
+  }, [])
+
   useEffect(() => {
     zoomRef.current = 1
     panRef.current = ZERO_PAN
@@ -973,37 +980,49 @@ export function SelectionThumbnail({
         data-panning={panning}
         data-orbiting={orbiting}
       >
-        <Canvas
-          shadows={false}
-          dpr={[1, 1.5]}
-          resize={{ offsetSize: true }}
-          gl={{ antialias: true, toneMappingExposure: 1.25 }}
-          camera={{
-            fov: 50,
-            near: 0.1,
-            far: 400,
-            position: target.camera.position,
-          }}
-        >
-          <ThumbnailScene
-            graph={graph}
-            layout={layout}
-            importedBy={importedBy}
-            target={target}
-            highlightedFolders={highlightedFolders}
-            planned={planned}
-            created={created}
-            deleted={deleted}
-            zoom={zoom}
-            zoomRef={zoomRef}
-            panRef={panRef}
-            orbitRef={orbitRef}
-            cameraRef={cameraRef}
-            frozenRef={panningRef}
-            visibleLabelIds={visibleLabelIds}
-            onVisibleLabels={setVisibleLabelIds}
-          />
-        </Canvas>
+        {canvasReady ? (
+          <CanvasErrorBoundary
+            fallback={
+              <div className="hud-thumbnail-hint">3D preview unavailable</div>
+            }
+          >
+            <Canvas
+              shadows={false}
+              dpr={[1, 1]}
+              resize={{ offsetSize: true }}
+              gl={{
+                antialias: false,
+                powerPreference: 'low-power',
+                toneMappingExposure: 1.25,
+              }}
+              camera={{
+                fov: 50,
+                near: 0.1,
+                far: 400,
+                position: target.camera.position,
+              }}
+            >
+              <ThumbnailScene
+                graph={graph}
+                layout={layout}
+                importedBy={importedBy}
+                target={target}
+                highlightedFolders={highlightedFolders}
+                planned={planned}
+                created={created}
+                deleted={deleted}
+                zoom={zoom}
+                zoomRef={zoomRef}
+                panRef={panRef}
+                orbitRef={orbitRef}
+                cameraRef={cameraRef}
+                frozenRef={panningRef}
+                visibleLabelIds={visibleLabelIds}
+                onVisibleLabels={setVisibleLabelIds}
+              />
+            </Canvas>
+          </CanvasErrorBoundary>
+        ) : null}
         <div className="hud-thumbnail-hint">
           Scroll zoom · drag pan · ⌘ drag rotate
         </div>

package/apps/explorer/src/ui/CanvasErrorBoundary.tsx

@@ -2,6 +2,7 @@ import { Component, type ReactNode } from 'react'
 
 type Props = {
   children: ReactNode
+  fallback?: ReactNode
 }
 
 type State = {
@@ -21,6 +22,7 @@ export class CanvasErrorBoundary extends Component<Props, State> {
 
   render() {
     if (this.state.failed) {
+      if (this.props.fallback !== undefined) return this.props.fallback
       return (
         <div className="canvas-error">
           <div className="hud-gate-card">

package/apps/explorer/src/ui/HUD.tsx

@@ -2,6 +2,7 @@ import { useEffect, useRef, useState, type ReactNode } from 'react'
 import { persistAddContextFiles, persistInitialInstruction, persistRemoveContextFile } from '../agentIntent'
 import { NameInput } from './NameInput'
 import { SelectionThumbnail } from '../scene/SelectionThumbnail'
+import { CanvasErrorBoundary } from './CanvasErrorBoundary'
 import {
   canStopSession,
   isReviewingIntent,
@@ -2776,7 +2777,8 @@ export function HUD({
       )}
 
       {mapping && thumbnailVisible && (
-        <SelectionThumbnail
+        <CanvasErrorBoundary fallback={null}>
+          <SelectionThumbnail
           graph={graph}
           layout={layout}
           selectedId={selectedId}
@@ -2816,6 +2818,7 @@ export function HUD({
             setThumbnailMaximized(false)
           }}
         />
+        </CanvasErrorBoundary>
       )}
       </div>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jkwd/inbase",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "A first-person 3D map of a codebase, with a visual coding workflow for Cursor.",
   "license": "MIT",
   "author": "Joris Kuijper",