@principal-ai/file-city-react 0.5.50 → 0.5.52

package/dist/components/FileCity3D/FileCity3D.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileCity3D.d.ts","sourceRoot":"","sources":["../../../src/components/FileCity3D/FileCity3D.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileCity3D.d.ts","sourceRoot":"","sources":["../../../src/components/FileCity3D/FileCity3D.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileCity3D/FileCity3D.js

@@ -203,7 +203,7 @@ function getHighlightForPath(path, layers) {
 function hasActiveHighlights(layers) {
     return layers.some(layer => layer.enabled && layer.items.length > 0);
 }
-function BuildingEdges({ buildings, growProgress, minHeight, baseOffset, springDuration, heightMultipliersRef, }) {
+function BuildingEdges({ buildings, growProgress, minHeight, baseOffset, springDuration, heightMultipliersRef, hiddenRef, }) {
     const meshRef = useRef(null);
     const startTimeRef = useRef(null);
     const tempObject = useMemo(() => new THREE.Object3D(), []);
@@ -234,6 +234,14 @@ function BuildingEdges({ buildings, growProgress, minHeight, baseOffset, springD
         const animStartTime = startTimeRef.current ?? currentTime;
         edgeData.forEach((edge, idx) => {
             const { x, z, fullHeight, staggerDelayMs, buildingIndex } = edge;
+            const isHidden = hiddenRef?.current?.[buildingIndex] === 1;
+            if (isHidden) {
+                tempObject.position.set(x, baseOffset, z);
+                tempObject.scale.set(0, 0, 0);
+                tempObject.updateMatrix();
+                meshRef.current.setMatrixAt(idx, tempObject.matrix);
+                return;
+            }
             // Get height multiplier from shared ref (for collapse animation)
             const heightMultiplier = heightMultipliersRef.current?.[buildingIndex] ?? 1;
             // Calculate per-building animation progress
@@ -438,7 +446,7 @@ function isPathInDirectory(path, directory) {
         return true;
     return path === directory || path.startsWith(directory + '/');
 }
-function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hoveredIndex, selectedIndex, growProgress, animationConfig, heightScaling, linearScale, flatPatterns, staggerIndices, focusDirectory, highlightLayers, isolationMode, defaultBuildingColor, }) {
+function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hoveredIndex, selectedIndex, growProgress, animationConfig, heightScaling, linearScale, flatPatterns, staggerIndices, focusDirectory, highlightLayers, visibilityLayers, isolationMode, defaultBuildingColor, }) {
     const meshRef = useRef(null);
     const startTimeRef = useRef(null);
     const tempObject = useMemo(() => new THREE.Object3D(), []);
@@ -449,10 +457,39 @@ function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hovered
     // Track dim state for buildings in focus but not highlighted (0 = dimmed, 1 = full)
     const dimMultipliersRef = useRef(null);
     const targetDimRef = useRef(null);
-    // Check if highlight layers have any active items
+    // Track which buildings should be hidden entirely (1 = hidden, 0 = visible)
+    const hiddenRef = useRef(null);
     const hasActiveHighlightLayers = useMemo(() => {
-        return highlightLayers.some(layer => layer.enabled && layer.items.length > 0);
-    }, [highlightLayers]);
+        return visibilityLayers.some(layer => layer.enabled && layer.items.length > 0);
+    }, [visibilityLayers]);
+    // Directories matched by a directory-type item from a user-supplied layer
+    // that also contain a file-type item from any user-supplied layer. Inside
+    // these directories, the directory match alone isn't enough to count as
+    // "specifically highlighted" — file-level matches define the visible subset.
+    const narrowedDirectories = useMemo(() => {
+        const dirs = [];
+        const files = [];
+        for (const layer of visibilityLayers) {
+            if (!layer.enabled)
+                continue;
+            for (const item of layer.items) {
+                if (item.type === 'directory')
+                    dirs.push(item.path);
+                else if (item.type === 'file')
+                    files.push(item.path);
+            }
+        }
+        const narrowed = new Set();
+        for (const dir of dirs) {
+            for (const f of files) {
+                if (f === dir || f.startsWith(dir + '/')) {
+                    narrowed.add(dir);
+                    break;
+                }
+            }
+        }
+        return narrowed;
+    }, [visibilityLayers]);
     // Initialize height and dim multiplier arrays
     useEffect(() => {
         if (buildings.length > 0) {
@@ -462,38 +499,53 @@ function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hovered
                 targetMultipliersRef.current = new Float32Array(buildings.length).fill(1);
                 dimMultipliersRef.current = new Float32Array(buildings.length).fill(1);
                 targetDimRef.current = new Float32Array(buildings.length).fill(1);
+                hiddenRef.current = new Uint8Array(buildings.length);
             }
         }
     }, [buildings.length]);
     // Update target multipliers when focusDirectory or highlightLayers change
     useEffect(() => {
-        if (!targetMultipliersRef.current || !targetDimRef.current)
+        if (!targetMultipliersRef.current || !targetDimRef.current || !hiddenRef.current)
             return;
         buildings.forEach((building, index) => {
             let shouldCollapse = false;
             let shouldDim = false;
+            let shouldHide = false;
             const isInFocusDirectory = focusDirectory
                 ? isPathInDirectory(building.path, focusDirectory)
                 : true; // No focusDirectory means all are "in focus"
+            const layerMatches = hasActiveHighlightLayers
+                ? getLayerMatchesForPath(building.path, visibilityLayers)
+                : [];
             const isHighlighted = hasActiveHighlightLayers
-                ? getHighlightForPath(building.path, highlightLayers) !== null
+                ? layerMatches.length > 0
                 : true; // No highlights means all are "highlighted"
-            // Determine collapse and dim behavior based on what's active:
-            // - focusDirectory only: collapse if outside focus
-            // - highlightLayers only (with collapse mode): collapse if not highlighted
-            // - both: collapse if outside focus, dim if in focus but not highlighted
+            // A directory match doesn't count as "specifically highlighted" when
+            // that directory has been narrowed by file-level matches — the
+            // file-level matches define the visible subset within it.
+            const isSpecificallyHighlighted = hasActiveHighlightLayers
+                ? layerMatches.some(m => m.item.type === 'file' || !narrowedDirectories.has(m.item.path))
+                : true;
+            // Determine collapse/dim/hide behavior based on what's active. The
+            // "specifically highlighted" check applies in both collapse and hide
+            // modes so directory matches narrowed by file-level matches don't keep
+            // every sibling visible.
             if (focusDirectory && hasActiveHighlightLayers && isolationMode === 'collapse') {
-                // Both active: collapse if outside focus, dim if in focus but not highlighted
                 shouldCollapse = !isInFocusDirectory;
-                shouldDim = isInFocusDirectory && !isHighlighted;
+                shouldDim = isInFocusDirectory && !isSpecificallyHighlighted;
+            }
+            else if (focusDirectory && hasActiveHighlightLayers && isolationMode === 'hide') {
+                shouldCollapse = !isInFocusDirectory;
+                shouldHide = isInFocusDirectory && !isSpecificallyHighlighted;
             }
             else if (focusDirectory) {
-                // Focus only: collapse if outside focus directory
                 shouldCollapse = !isInFocusDirectory;
             }
             else if (hasActiveHighlightLayers && isolationMode === 'collapse') {
-                // Highlight only with collapse: collapse if not highlighted
-                shouldCollapse = !isHighlighted;
+                shouldCollapse = !isSpecificallyHighlighted;
+            }
+            else if (hasActiveHighlightLayers && isolationMode === 'hide') {
+                shouldHide = !isSpecificallyHighlighted;
             }
             // Height: 1.0 = full, 0.05 = flat (collapsed or dimmed)
             if (shouldCollapse || shouldDim) {
@@ -505,8 +557,10 @@ function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hovered
             // Dim ref controls graying: 0 = gray out, 1 = keep color
             // Collapsed buildings go gray, dimmed buildings keep their color
             targetDimRef.current[index] = shouldCollapse ? 0 : 1;
+            // Hidden ref controls full invisibility (mesh + edges + icon)
+            hiddenRef.current[index] = shouldHide ? 1 : 0;
         });
-    }, [focusDirectory, buildings, highlightLayers, isolationMode, hasActiveHighlightLayers]);
+    }, [focusDirectory, buildings, visibilityLayers, isolationMode, hasActiveHighlightLayers, narrowedDirectories]);
     // Pre-compute building data
     const buildingData = useMemo(() => {
         return buildings.map((building, index) => {
@@ -588,6 +642,14 @@ function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hovered
         const collapseSpeed = 0.08;
         buildingData.forEach((data, instanceIndex) => {
             const { width, depth, fullHeight, x, z, staggerDelayMs } = data;
+            const isHidden = hiddenRef.current?.[instanceIndex] === 1;
+            if (isHidden) {
+                tempObject.position.set(x, baseOffset, z);
+                tempObject.scale.set(0, 0, 0);
+                tempObject.updateMatrix();
+                meshRef.current.setMatrixAt(instanceIndex, tempObject.matrix);
+                return;
+            }
             // Animate height multiplier towards target
             const currentMultiplier = heightMultipliersRef.current[instanceIndex];
             const targetMultiplier = targetMultipliersRef.current[instanceIndex];
@@ -671,7 +733,7 @@ function InstancedBuildings({ buildings, centerOffset, onHover, onClick, hovered
                     z: d.z,
                     staggerDelayMs: d.staggerDelayMs,
                     buildingIndex: d.index,
-                })), growProgress: growProgress, minHeight: minHeight, baseOffset: baseOffset, springDuration: springDuration, heightMultipliersRef: heightMultipliersRef }), _jsx(BorderHighlights, { buildings: buildings, centerOffset: centerOffset, highlightLayers: highlightLayers, growProgress: growProgress, minHeight: minHeight, baseOffset: baseOffset, springDuration: springDuration, heightMultipliersRef: heightMultipliersRef, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, staggerIndices: staggerIndices, animationConfig: animationConfig })] }));
+                })), growProgress: growProgress, minHeight: minHeight, baseOffset: baseOffset, springDuration: springDuration, heightMultipliersRef: heightMultipliersRef, hiddenRef: hiddenRef }), _jsx(BorderHighlights, { buildings: buildings, centerOffset: centerOffset, highlightLayers: highlightLayers, growProgress: growProgress, minHeight: minHeight, baseOffset: baseOffset, springDuration: springDuration, heightMultipliersRef: heightMultipliersRef, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, staggerIndices: staggerIndices, animationConfig: animationConfig })] }));
 }
 function AnimatedIcon({ x, z, targetHeight, iconSize, texture, opacity, growProgress, }) {
     const meshRef = useRef(null);
@@ -699,7 +761,33 @@ function AnimatedIcon({ x, z, targetHeight, iconSize, texture, opacity, growProg
     });
     return (_jsxs("mesh", { ref: meshRef, position: [x, 0, z], scale: [iconSize, iconSize, 1], raycast: () => null, children: [_jsx("planeGeometry", { args: [1, 1] }), _jsx("meshBasicMaterial", { ref: materialRef, map: texture, transparent: true, opacity: 0.8, depthTest: true, depthWrite: false, side: THREE.DoubleSide })] }));
 }
-function BuildingIcons({ buildings, centerOffset, growProgress, heightScaling, linearScale, flatPatterns, highlightLayers, isolationMode, hasActiveHighlights, }) {
+function BuildingIcons({ buildings, centerOffset, growProgress, heightScaling, linearScale, flatPatterns, highlightLayers, visibilityLayers, isolationMode, hasActiveHighlights, }) {
+    // Same narrowing rule as InstancedBuildings, scoped to user highlight layers
+    // only (file-color layers don't narrow visibility).
+    const narrowedDirectories = useMemo(() => {
+        const dirs = [];
+        const files = [];
+        for (const layer of visibilityLayers) {
+            if (!layer.enabled)
+                continue;
+            for (const item of layer.items) {
+                if (item.type === 'directory')
+                    dirs.push(item.path);
+                else if (item.type === 'file')
+                    files.push(item.path);
+            }
+        }
+        const narrowed = new Set();
+        for (const dir of dirs) {
+            for (const f of files) {
+                if (f === dir || f.startsWith(dir + '/')) {
+                    narrowed.add(dir);
+                    break;
+                }
+            }
+        }
+        return narrowed;
+    }, [visibilityLayers]);
     // Pre-compute buildings with icons
     const buildingsWithIcons = useMemo(() => {
         return buildings
@@ -707,10 +795,11 @@ function BuildingIcons({ buildings, centerOffset, growProgress, heightScaling, l
             const config = getConfigForFile(building);
             if (!config.icon)
                 return null;
-            const highlight = getHighlightForPath(building.path, highlightLayers);
-            const isHighlighted = highlight !== null;
-            const shouldDim = hasActiveHighlights && !isHighlighted;
-            const shouldHide = shouldDim && isolationMode === 'hide';
+            const matches = getLayerMatchesForPath(building.path, visibilityLayers);
+            const isHighlighted = matches.length > 0;
+            const isSpecificallyHighlighted = matches.some(m => m.item.type === 'file' || !narrowedDirectories.has(m.item.path));
+            const shouldDim = hasActiveHighlights && !isSpecificallyHighlighted;
+            const shouldHide = hasActiveHighlights && isolationMode === 'hide' && !isSpecificallyHighlighted;
             const shouldCollapse = shouldDim && isolationMode === 'collapse';
             // Hide icons for buildings that are hidden or collapsed
             if (shouldHide || shouldCollapse)
@@ -732,12 +821,13 @@ function BuildingIcons({ buildings, centerOffset, growProgress, heightScaling, l
     }, [
         buildings,
         centerOffset,
-        highlightLayers,
+        visibilityLayers,
         isolationMode,
         hasActiveHighlights,
         heightScaling,
         linearScale,
         flatPatterns,
+        narrowedDirectories,
     ]);
     // Icons are now always rendered (flat or grown)
     return (_jsx(_Fragment, { children: buildingsWithIcons.map(({ building, config, x, z, targetHeight, shouldDim }) => {
@@ -777,7 +867,7 @@ function DistrictFloor({ district, centerOffset, highlightColor, growProgress })
     const flatZ = depth / 2 - 6; // Near bottom of district when flat, with padding
     const grownZ = depth / 2 + 2; // Just outside edge when grown
     const textZ = flatZ + (grownZ - flatZ) * growProgress;
-    return (_jsxs("group", { position: [centerX, 0, centerZ], children: [_jsxs("lineSegments", { rotation: [-Math.PI / 2, 0, 0], position: [0, floorY, 0], renderOrder: -1, children: [_jsx("edgesGeometry", { args: [new THREE.PlaneGeometry(width, depth)], attach: "geometry" }), _jsx("lineBasicMaterial", { color: borderColor, linewidth: lineWidth, depthWrite: false })] }), highlightColor && (_jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [0, floorY - 0.1, 0], renderOrder: -2, children: [_jsx("planeGeometry", { args: [width, depth] }), _jsx("meshBasicMaterial", { color: highlightColor, transparent: true, opacity: 0.15, depthWrite: false })] })), _jsx(Text, { position: [0, textY, textZ], rotation: [textRotationX, 0, 0], fontSize: Math.max(6, Math.min(12, width / 3)), color: labelColor, anchorX: "center", anchorY: "middle", outlineWidth: 0.15, outlineColor: "#0f172a", children: dirName })] }));
+    return (_jsxs("group", { position: [centerX, 0, centerZ], children: [_jsxs("lineSegments", { rotation: [-Math.PI / 2, 0, 0], position: [0, floorY, 0], renderOrder: -1, children: [_jsx("edgesGeometry", { args: [new THREE.PlaneGeometry(width, depth)], attach: "geometry" }), _jsx("lineBasicMaterial", { color: borderColor, linewidth: lineWidth, depthWrite: false })] }), _jsx(Text, { position: [0, textY, textZ], rotation: [textRotationX, 0, 0], fontSize: Math.max(6, Math.min(12, width / 3)), color: labelColor, anchorX: "center", anchorY: "middle", outlineWidth: 0.15, outlineColor: "#0f172a", children: dirName })] }));
 }
 export const DEFAULT_CAMERA_CONTROLS = {
     leftDrag: 'pan',
@@ -957,7 +1047,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
         // Calculate initial position with default aspect ratio
         // This will be corrected in Frame 1 if aspect is different
         const initialHeight = calculateFlatCameraHeight(1);
-        console.log('[Spring init] Initializing with 2D position, height:', initialHeight);
         return {
             camX: 0,
             camY: initialHeight,
@@ -967,17 +1056,11 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
             lookZ: 0,
             config: { tension: 60, friction: 20 },
             onStart: () => {
-                // Only allow animations after initial setup is complete
                 if (hasAppliedInitial.current) {
-                    console.log('[Spring onStart] Animation starting - camY:', camY.get());
                     isAnimatingRef.current = true;
                 }
-                else {
-                    console.log('[Spring onStart] Blocked - initialization not complete');
-                }
             },
             onRest: () => {
-                console.log('[Spring onRest] Animation finished');
                 isAnimatingRef.current = false;
             },
         };
@@ -1012,19 +1095,11 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
     // When isFlat changes from true to false, animate to 3D view
     // Component always starts in 2D, so we only animate the 2D→3D transition
     useEffect(() => {
-        console.log('[useEffect] isFlat:', isFlat, 'prevIsFlat:', prevIsFlatRef.current, 'hasAppliedInitial:', hasAppliedInitial.current);
-        // Skip until camera is initialized
-        if (!hasAppliedInitial.current) {
-            console.log('[useEffect] Skipping - not initialized yet');
+        if (!hasAppliedInitial.current)
             return;
-        }
-        // Only animate if isFlat changed from true to false (2D → 3D transition)
         const isFlatChanged = prevIsFlatRef.current !== isFlat;
-        if (!isFlatChanged) {
-            console.log('[useEffect] No isFlat change - skipping');
+        if (!isFlatChanged)
             return;
-        }
-        console.log('[useEffect] isFlat changed from', prevIsFlatRef.current, 'to', isFlat, '- animating transition');
         prevIsFlatRef.current = isFlat;
         // Calculate target position for 3D view
         const newPos = isFlat
@@ -1046,7 +1121,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
                     targetY: 0,
                     targetZ: 0,
                 };
-        console.log('[api.start#isFlat-toggle]', newPos);
         api.start({
             camX: newPos.x,
             camY: newPos.y,
@@ -1109,7 +1183,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
                 targetZ: 0,
             };
         }
-        console.log('[api.start#focus-target]', { focusTarget, isFlat, newPos });
         api.start({
             camX: newPos.x,
             camY: newPos.y,
@@ -1129,20 +1202,17 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
             // Ensure camera FOV is correct (defaults to 75 before prop applies)
             const perspCam = camera;
             if (perspCam.fov !== 50) {
-                console.log('[Frame 1] Correcting FOV from', perspCam.fov, 'to 50');
                 perspCam.fov = 50;
                 perspCam.updateProjectionMatrix();
             }
             // Calculate initial 2D position with correct aspect ratio
             const initialPos = getInitial2DPosition();
-            console.log('[Frame 1] Setting camera to initial 2D position:', initialPos);
             camera.position.set(initialPos.x, initialPos.y, initialPos.z);
             // Wait for controls to be ready, then set target and sync spring
             if (controlsRef.current) {
                 controlsRef.current.target.set(initialPos.targetX, initialPos.targetY, initialPos.targetZ);
                 controlsRef.current.update();
                 // Sync spring to match camera position (use immediate to avoid animation)
-                console.log('[api.start#frame1-immediate]', initialPos);
                 api.start({
                     camX: initialPos.x,
                     camY: initialPos.y,
@@ -1164,35 +1234,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
         // Wait for controls and initialization to complete
         if (!controlsRef.current || !hasAppliedInitial.current)
             return;
-        // [debug] log every frame: which branch is active + spring vs camera
-        // position. Throttled to every 250ms. Catches both spring-driven motion
-        // AND external mutation (when no branch is active but position changes).
-        {
-            const w = globalThis;
-            w.__fileCityFrameLog ?? (w.__fileCityFrameLog = { last: 0, lastY: NaN });
-            const log = w.__fileCityFrameLog;
-            const now = performance.now();
-            const yChanged = Math.abs(camera.position.y - log.lastY) > 0.5 ||
-                Number.isNaN(log.lastY);
-            if (now - log.last > 250 && yChanged) {
-                log.last = now;
-                log.lastY = camera.position.y;
-                const branch = isOrbitingRef.current
-                    ? 'orbit'
-                    : isTiltingRef.current
-                        ? 'tilt'
-                        : isAnimatingRef.current
-                            ? 'animating'
-                            : 'idle';
-                // eslint-disable-next-line no-console
-                console.log(`[useFrame#${branch}]`, {
-                    springY: camY.get(),
-                    posY: camera.position.y,
-                    springZ: camZ.get(),
-                    posZ: camera.position.z,
-                });
-            }
-        }
         // Handle orbit animation (horizontal rotation along arc)
         if (isOrbitingRef.current && orbitParamsRef.current) {
             const { centerX, centerZ, distance, height } = orbitParamsRef.current;
@@ -1250,7 +1291,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
     const resetToInitial = useCallback(() => {
         const targetHeight = citySize * 1.1;
         const targetZ = citySize * 1.3;
-        console.log('[api.start#resetToInitial]', { targetHeight, targetZ });
         api.start({
             camX: 0,
             camY: targetHeight,
@@ -1264,7 +1304,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
         const effectiveSize = size ?? citySize * 0.3;
         const distance = Math.max(effectiveSize * 2, 50);
         const height = Math.max(effectiveSize * 1.5, 40);
-        console.log('[api.start#moveTo]', { x, z, height, distance });
         api.start({
             camX: x,
             camY: height,
@@ -1294,7 +1333,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
             });
         }
         const config = options?.duration ? { duration: options.duration } : undefined;
-        console.log('[api.start#setFlatView]', { x, z, height, options });
         api.start({
             camX: x,
             camY: height,
@@ -1322,7 +1360,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({ citySize, isFlat, fo
         const animConfig = options?.duration
             ? { duration: options.duration, easing: (t) => t }
             : { tension: 60, friction: 20 };
-        console.log('[api.start#setTarget]', { x, y, z, newCamX, newCamY, newCamZ });
         api.start({
             camX: newCamX,
             camY: newCamY,
@@ -1770,7 +1807,7 @@ function SelectionRing({ district, centerOffset, color, borderWidth, growProgres
     const barH = 0.5;
     return (_jsxs("group", { position: [cx, y, cz], children: [_jsxs("mesh", { position: [0, 0, -d / 2], renderOrder: 20, children: [_jsx("boxGeometry", { args: [w + t, barH, t] }), _jsx("meshBasicMaterial", { color: color, transparent: true, opacity: 0.95 })] }), _jsxs("mesh", { position: [0, 0, d / 2], renderOrder: 20, children: [_jsx("boxGeometry", { args: [w + t, barH, t] }), _jsx("meshBasicMaterial", { color: color, transparent: true, opacity: 0.95 })] }), _jsxs("mesh", { position: [-w / 2, 0, 0], renderOrder: 20, children: [_jsx("boxGeometry", { args: [t, barH, d + t] }), _jsx("meshBasicMaterial", { color: color, transparent: true, opacity: 0.95 })] }), _jsxs("mesh", { position: [w / 2, 0, 0], renderOrder: 20, children: [_jsx("boxGeometry", { args: [t, barH, d + t] }), _jsx("meshBasicMaterial", { color: color, transparent: true, opacity: 0.95 })] })] }));
 }
-function CityScene({ cityData, onBuildingHover, onBuildingClick, hoveredBuilding, selectedBuilding, selectedDistrict, selectionStyle, growProgress, animationConfig, highlightLayers, isolationMode, heightScaling, linearScale, flatPatterns, focusDirectory, focusColor, adaptCameraToBuildings = false, elevatedScopePanels, dismissingPanelIds, onPanelDismissed, cameraControls, defaultBuildingColor, onCameraReady, }) {
+function CityScene({ cityData, onBuildingHover, onBuildingClick, hoveredBuilding, selectedBuilding, selectedDistrict, selectionStyle, growProgress, animationConfig, highlightLayers, visibilityLayers, isolationMode, heightScaling, linearScale, flatPatterns, focusDirectory, focusColor, adaptCameraToBuildings = false, elevatedScopePanels, dismissingPanelIds, onPanelDismissed, cameraControls, defaultBuildingColor, onCameraReady, }) {
     const centerOffset = useMemo(() => ({
         x: (cityData.bounds.minX + cityData.bounds.maxX) / 2,
         z: (cityData.bounds.minZ + cityData.bounds.maxZ) / 2,
@@ -1782,7 +1819,7 @@ function CityScene({ cityData, onBuildingHover, onBuildingClick, hoveredBuilding
             return 0;
         return Math.max(...cityData.buildings.map(b => b.dimensions[1]), 0);
     }, [adaptCameraToBuildings, cityData.buildings]);
-    const activeHighlights = useMemo(() => hasActiveHighlights(highlightLayers), [highlightLayers]);
+    const activeHighlights = useMemo(() => hasActiveHighlights(visibilityLayers), [visibilityLayers]);
     // Helper to check if a path is inside a directory
     const isPathInDirectory = useCallback((path, directory) => {
         if (!directory)
@@ -1974,7 +2011,7 @@ function CityScene({ cityData, onBuildingHover, onBuildingClick, hoveredBuilding
                 // Focus color takes priority, then highlight layer color
                 const districtColor = (isFocused && buildingFocusColor) ? buildingFocusColor : highlightLayerColor;
                 return (_jsx(DistrictFloor, { district: district, centerOffset: centerOffset, opacity: 1, highlightColor: districtColor, growProgress: growProgress }, district.path));
-            }), _jsx(InstancedBuildings, { buildings: cityData.buildings, centerOffset: centerOffset, onHover: onBuildingHover, onClick: onBuildingClick, hoveredIndex: hoveredIndex, selectedIndex: selectedIndex, growProgress: growProgress, animationConfig: animationConfig, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, staggerIndices: staggerIndices, focusDirectory: buildingFocusDirectory, highlightLayers: highlightLayers, isolationMode: isolationMode, defaultBuildingColor: defaultBuildingColor }), _jsx(BuildingIcons, { buildings: cityData.buildings, centerOffset: centerOffset, growProgress: growProgress, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, highlightLayers: highlightLayers, isolationMode: isolationMode, hasActiveHighlights: activeHighlights }), growProgress === 0 &&
+            }), _jsx(InstancedBuildings, { buildings: cityData.buildings, centerOffset: centerOffset, onHover: onBuildingHover, onClick: onBuildingClick, hoveredIndex: hoveredIndex, selectedIndex: selectedIndex, growProgress: growProgress, animationConfig: animationConfig, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, staggerIndices: staggerIndices, focusDirectory: buildingFocusDirectory, highlightLayers: highlightLayers, visibilityLayers: visibilityLayers, isolationMode: isolationMode, defaultBuildingColor: defaultBuildingColor }), _jsx(BuildingIcons, { buildings: cityData.buildings, centerOffset: centerOffset, growProgress: growProgress, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, highlightLayers: highlightLayers, visibilityLayers: visibilityLayers, isolationMode: isolationMode, hasActiveHighlights: activeHighlights }), growProgress === 0 &&
                 elevatedScopePanels?.map(panel => (_jsx(ElevatedScopePanelMesh, { panel: panel, centerOffset: centerOffset, dismissing: dismissingPanelIds?.has(panel.id) ?? false, onDismissed: onPanelDismissed }, panel.id))), selectedDistrict && (_jsx(SelectionRing, { district: selectedDistrict, centerOffset: centerOffset, color: selectionStyle?.color ?? '#facc15', borderWidth: selectionStyle?.borderWidth ?? 2, growProgress: growProgress }))] }));
 }
 /**
@@ -2024,6 +2061,9 @@ export function FileCity3D({ cityData, width = '100%', height = 600, onBuildingC
     const focusDirectory = resolved.focusDirectory;
     const focusColor = resolved.focusColor;
     const isolationMode = resolved.isolationMode;
+    // User-supplied highlight layers only — used for visibility decisions so
+    // file-color layers don't keep every building visible in 'hide' mode.
+    const visibilityLayers = useMemo(() => (externalHighlightLayers ?? []), [externalHighlightLayers]);
     // `selectedPath` wins over the deprecated `selectedBuilding` when both are
     // set. A path resolves to either a building (file selection) or a district
     // (directory selection) — never both.
@@ -2107,6 +2147,6 @@ export function FileCity3D({ cityData, width = '100%', height = 600, onBuildingC
                     height: '100%',
                     opacity: cameraReady ? 1 : 0,
                     transition: 'opacity 0.1s ease-in',
-                }, children: [_jsx(CityScene, { cityData: cityData, onBuildingHover: handleBuildingHover, onBuildingClick: onBuildingClick, hoveredBuilding: hoveredBuilding, selectedBuilding: resolvedSelection.building, selectedDistrict: resolvedSelection.district, selectionStyle: selectionStyle, growProgress: growProgress, animationConfig: animationConfig, highlightLayers: highlightLayers, isolationMode: isolationMode, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, focusDirectory: focusDirectory, focusColor: focusColor, adaptCameraToBuildings: adaptCameraToBuildings, elevatedScopePanels: elevatedScopePanels, dismissingPanelIds: dismissingPanelIds, onPanelDismissed: onPanelDismissed, cameraControls: cameraControls, defaultBuildingColor: defaultBuildingColor, onCameraReady: () => setCameraReady(true) }), onCameraFrame && _jsx(CameraFrameBridge, { onCameraFrame: onCameraFrame })] }), _jsx(InfoPanel, { building: resolvedSelection.building }), showControls && (_jsx(ControlsOverlay, { isFlat: !isGrown, onToggle: handleToggle, onResetCamera: resetCamera, onLookDown: () => tiltCameraTo(0) }))] }));
+                }, children: [_jsx(CityScene, { cityData: cityData, onBuildingHover: handleBuildingHover, onBuildingClick: onBuildingClick, hoveredBuilding: hoveredBuilding, selectedBuilding: resolvedSelection.building, selectedDistrict: resolvedSelection.district, selectionStyle: selectionStyle, growProgress: growProgress, animationConfig: animationConfig, highlightLayers: highlightLayers, visibilityLayers: visibilityLayers, isolationMode: isolationMode, heightScaling: heightScaling, linearScale: linearScale, flatPatterns: flatPatterns, focusDirectory: focusDirectory, focusColor: focusColor, adaptCameraToBuildings: adaptCameraToBuildings, elevatedScopePanels: elevatedScopePanels, dismissingPanelIds: dismissingPanelIds, onPanelDismissed: onPanelDismissed, cameraControls: cameraControls, defaultBuildingColor: defaultBuildingColor, onCameraReady: () => setCameraReady(true) }), onCameraFrame && _jsx(CameraFrameBridge, { onCameraFrame: onCameraFrame })] }), _jsx(InfoPanel, { building: resolvedSelection.building }), showControls && (_jsx(ControlsOverlay, { isFlat: !isGrown, onToggle: handleToggle, onResetCamera: resetCamera, onLookDown: () => tiltCameraTo(0) }))] }));
 }
 export default FileCity3D;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ai/file-city-react",
-  "version": "0.5.50",
+  "version": "0.5.52",
   "type": "module",
   "description": "React components for File City visualization",
   "main": "dist/index.js",

package/src/components/FileCity3D/FileCity3D.tsx

@@ -409,6 +409,7 @@ interface BuildingEdgesProps {
   baseOffset: number;
   springDuration: number;
   heightMultipliersRef: React.MutableRefObject<Float32Array | null>;
+  hiddenRef?: React.MutableRefObject<Uint8Array | null>;
 }
 
 function BuildingEdges({
@@ -418,6 +419,7 @@ function BuildingEdges({
   baseOffset,
   springDuration,
   heightMultipliersRef,
+  hiddenRef,
 }: BuildingEdgesProps) {
   const meshRef = useRef<THREE.InstancedMesh>(null);
   const startTimeRef = useRef<number | null>(null);
@@ -456,6 +458,16 @@ function BuildingEdges({
     edgeData.forEach((edge, idx) => {
       const { x, z, fullHeight, staggerDelayMs, buildingIndex } = edge;
 
+      const isHidden = hiddenRef?.current?.[buildingIndex] === 1;
+
+      if (isHidden) {
+        tempObject.position.set(x, baseOffset, z);
+        tempObject.scale.set(0, 0, 0);
+        tempObject.updateMatrix();
+        meshRef.current!.setMatrixAt(idx, tempObject.matrix);
+        return;
+      }
+
       // Get height multiplier from shared ref (for collapse animation)
       const heightMultiplier = heightMultipliersRef.current?.[buildingIndex] ?? 1;
 
@@ -759,7 +771,10 @@ interface InstancedBuildingsProps {
   flatPatterns: FlatPattern[];
   staggerIndices: number[];
   focusDirectory: string | null;
+  /** Combined layers (user highlights + filtered file-color layers) — used for fill colors. */
   highlightLayers: HighlightLayer[];
+  /** User-supplied highlight layers only (no file-color layers) — used for visibility decisions. */
+  visibilityLayers: HighlightLayer[];
   isolationMode: IsolationMode;
   defaultBuildingColor?: string;
 }
@@ -785,6 +800,7 @@ function InstancedBuildings({
   staggerIndices,
   focusDirectory,
   highlightLayers,
+  visibilityLayers,
   isolationMode,
   defaultBuildingColor,
 }: InstancedBuildingsProps) {
@@ -799,11 +815,38 @@ function InstancedBuildings({
   // Track dim state for buildings in focus but not highlighted (0 = dimmed, 1 = full)
   const dimMultipliersRef = useRef<Float32Array | null>(null);
   const targetDimRef = useRef<Float32Array | null>(null);
+  // Track which buildings should be hidden entirely (1 = hidden, 0 = visible)
+  const hiddenRef = useRef<Uint8Array | null>(null);
 
-  // Check if highlight layers have any active items
   const hasActiveHighlightLayers = useMemo(() => {
-    return highlightLayers.some(layer => layer.enabled && layer.items.length > 0);
-  }, [highlightLayers]);
+    return visibilityLayers.some(layer => layer.enabled && layer.items.length > 0);
+  }, [visibilityLayers]);
+
+  // Directories matched by a directory-type item from a user-supplied layer
+  // that also contain a file-type item from any user-supplied layer. Inside
+  // these directories, the directory match alone isn't enough to count as
+  // "specifically highlighted" — file-level matches define the visible subset.
+  const narrowedDirectories = useMemo(() => {
+    const dirs: string[] = [];
+    const files: string[] = [];
+    for (const layer of visibilityLayers) {
+      if (!layer.enabled) continue;
+      for (const item of layer.items) {
+        if (item.type === 'directory') dirs.push(item.path);
+        else if (item.type === 'file') files.push(item.path);
+      }
+    }
+    const narrowed = new Set<string>();
+    for (const dir of dirs) {
+      for (const f of files) {
+        if (f === dir || f.startsWith(dir + '/')) {
+          narrowed.add(dir);
+          break;
+        }
+      }
+    }
+    return narrowed;
+  }, [visibilityLayers]);
 
   // Initialize height and dim multiplier arrays
   useEffect(() => {
@@ -816,40 +859,56 @@ function InstancedBuildings({
         targetMultipliersRef.current = new Float32Array(buildings.length).fill(1);
         dimMultipliersRef.current = new Float32Array(buildings.length).fill(1);
         targetDimRef.current = new Float32Array(buildings.length).fill(1);
+        hiddenRef.current = new Uint8Array(buildings.length);
       }
     }
   }, [buildings.length]);
 
   // Update target multipliers when focusDirectory or highlightLayers change
   useEffect(() => {
-    if (!targetMultipliersRef.current || !targetDimRef.current) return;
+    if (!targetMultipliersRef.current || !targetDimRef.current || !hiddenRef.current) return;
 
     buildings.forEach((building, index) => {
       let shouldCollapse = false;
       let shouldDim = false;
+      let shouldHide = false;
 
       const isInFocusDirectory = focusDirectory
         ? isPathInDirectory(building.path, focusDirectory)
         : true; // No focusDirectory means all are "in focus"
 
+      const layerMatches = hasActiveHighlightLayers
+        ? getLayerMatchesForPath(building.path, visibilityLayers)
+        : [];
       const isHighlighted = hasActiveHighlightLayers
-        ? getHighlightForPath(building.path, highlightLayers) !== null
+        ? layerMatches.length > 0
         : true; // No highlights means all are "highlighted"
 
-      // Determine collapse and dim behavior based on what's active:
-      // - focusDirectory only: collapse if outside focus
-      // - highlightLayers only (with collapse mode): collapse if not highlighted
-      // - both: collapse if outside focus, dim if in focus but not highlighted
+      // A directory match doesn't count as "specifically highlighted" when
+      // that directory has been narrowed by file-level matches — the
+      // file-level matches define the visible subset within it.
+      const isSpecificallyHighlighted = hasActiveHighlightLayers
+        ? layerMatches.some(m =>
+            m.item.type === 'file' || !narrowedDirectories.has(m.item.path),
+          )
+        : true;
+
+      // Determine collapse/dim/hide behavior based on what's active. The
+      // "specifically highlighted" check applies in both collapse and hide
+      // modes so directory matches narrowed by file-level matches don't keep
+      // every sibling visible.
       if (focusDirectory && hasActiveHighlightLayers && isolationMode === 'collapse') {
-        // Both active: collapse if outside focus, dim if in focus but not highlighted
         shouldCollapse = !isInFocusDirectory;
-        shouldDim = isInFocusDirectory && !isHighlighted;
+        shouldDim = isInFocusDirectory && !isSpecificallyHighlighted;
+      } else if (focusDirectory && hasActiveHighlightLayers && isolationMode === 'hide') {
+        shouldCollapse = !isInFocusDirectory;
+        shouldHide = isInFocusDirectory && !isSpecificallyHighlighted;
       } else if (focusDirectory) {
-        // Focus only: collapse if outside focus directory
         shouldCollapse = !isInFocusDirectory;
       } else if (hasActiveHighlightLayers && isolationMode === 'collapse') {
-        // Highlight only with collapse: collapse if not highlighted
-        shouldCollapse = !isHighlighted;
+        shouldCollapse = !isSpecificallyHighlighted;
+      } else if (hasActiveHighlightLayers && isolationMode === 'hide') {
+        shouldHide = !isSpecificallyHighlighted;
       }
 
       // Height: 1.0 = full, 0.05 = flat (collapsed or dimmed)
@@ -861,8 +920,10 @@ function InstancedBuildings({
       // Dim ref controls graying: 0 = gray out, 1 = keep color
       // Collapsed buildings go gray, dimmed buildings keep their color
       targetDimRef.current![index] = shouldCollapse ? 0 : 1;
+      // Hidden ref controls full invisibility (mesh + edges + icon)
+      hiddenRef.current![index] = shouldHide ? 1 : 0;
     });
-  }, [focusDirectory, buildings, highlightLayers, isolationMode, hasActiveHighlightLayers]);
+  }, [focusDirectory, buildings, visibilityLayers, isolationMode, hasActiveHighlightLayers, narrowedDirectories]);
 
   // Pre-compute building data
   const buildingData = useMemo(() => {
@@ -962,6 +1023,16 @@ function InstancedBuildings({
     buildingData.forEach((data, instanceIndex) => {
       const { width, depth, fullHeight, x, z, staggerDelayMs } = data;
 
+      const isHidden = hiddenRef.current?.[instanceIndex] === 1;
+
+      if (isHidden) {
+        tempObject.position.set(x, baseOffset, z);
+        tempObject.scale.set(0, 0, 0);
+        tempObject.updateMatrix();
+        meshRef.current!.setMatrixAt(instanceIndex, tempObject.matrix);
+        return;
+      }
+
       // Animate height multiplier towards target
       const currentMultiplier = heightMultipliersRef.current![instanceIndex];
       const targetMultiplier = targetMultipliersRef.current![instanceIndex];
@@ -1089,6 +1160,7 @@ function InstancedBuildings({
         baseOffset={baseOffset}
         springDuration={springDuration}
         heightMultipliersRef={heightMultipliersRef}
+        hiddenRef={hiddenRef}
       />
 
       {/* Border highlights (colored, layer-driven) */}
@@ -1123,6 +1195,8 @@ interface BuildingIconsProps {
   linearScale: number;
   flatPatterns: FlatPattern[];
   highlightLayers: HighlightLayer[];
+  /** User-supplied highlight layers only (excludes file-color layers). */
+  visibilityLayers: HighlightLayer[];
   isolationMode: IsolationMode;
   hasActiveHighlights: boolean;
 }
@@ -1205,9 +1279,34 @@ function BuildingIcons({
   linearScale,
   flatPatterns,
   highlightLayers,
+  visibilityLayers,
   isolationMode,
   hasActiveHighlights,
 }: BuildingIconsProps) {
+  // Same narrowing rule as InstancedBuildings, scoped to user highlight layers
+  // only (file-color layers don't narrow visibility).
+  const narrowedDirectories = useMemo(() => {
+    const dirs: string[] = [];
+    const files: string[] = [];
+    for (const layer of visibilityLayers) {
+      if (!layer.enabled) continue;
+      for (const item of layer.items) {
+        if (item.type === 'directory') dirs.push(item.path);
+        else if (item.type === 'file') files.push(item.path);
+      }
+    }
+    const narrowed = new Set<string>();
+    for (const dir of dirs) {
+      for (const f of files) {
+        if (f === dir || f.startsWith(dir + '/')) {
+          narrowed.add(dir);
+          break;
+        }
+      }
+    }
+    return narrowed;
+  }, [visibilityLayers]);
+
   // Pre-compute buildings with icons
   const buildingsWithIcons = useMemo(() => {
     return buildings
@@ -1215,10 +1314,14 @@ function BuildingIcons({
         const config = getConfigForFile(building);
         if (!config.icon) return null;
 
-        const highlight = getHighlightForPath(building.path, highlightLayers);
-        const isHighlighted = highlight !== null;
-        const shouldDim = hasActiveHighlights && !isHighlighted;
-        const shouldHide = shouldDim && isolationMode === 'hide';
+        const matches = getLayerMatchesForPath(building.path, visibilityLayers);
+        const isHighlighted = matches.length > 0;
+        const isSpecificallyHighlighted = matches.some(
+          m => m.item.type === 'file' || !narrowedDirectories.has(m.item.path),
+        );
+        const shouldDim = hasActiveHighlights && !isSpecificallyHighlighted;
+        const shouldHide =
+          hasActiveHighlights && isolationMode === 'hide' && !isSpecificallyHighlighted;
         const shouldCollapse = shouldDim && isolationMode === 'collapse';
 
         // Hide icons for buildings that are hidden or collapsed
@@ -1250,12 +1353,13 @@ function BuildingIcons({
   }, [
     buildings,
     centerOffset,
-    highlightLayers,
+    visibilityLayers,
     isolationMode,
     hasActiveHighlights,
     heightScaling,
     linearScale,
     flatPatterns,
+    narrowedDirectories,
   ]);
 
   // Icons are now always rendered (flat or grown)
@@ -1340,14 +1444,6 @@ function DistrictFloor({ district, centerOffset, highlightColor, growProgress }:
         <lineBasicMaterial color={borderColor} linewidth={lineWidth} depthWrite={false} />
       </lineSegments>
 
-      {/* Highlighted floor fill when focused */}
-      {highlightColor && (
-        <mesh rotation={[-Math.PI / 2, 0, 0]} position={[0, floorY - 0.1, 0]} renderOrder={-2}>
-          <planeGeometry args={[width, depth]} />
-          <meshBasicMaterial color={highlightColor} transparent opacity={0.15} depthWrite={false} />
-        </mesh>
-      )}
-
       {/* Always show directory name label */}
       <Text
         position={[0, textY, textZ]}
@@ -1658,7 +1754,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
     // This will be corrected in Frame 1 if aspect is different
     const initialHeight = calculateFlatCameraHeight(1);
 
-    console.log('[Spring init] Initializing with 2D position, height:', initialHeight);
     return {
       camX: 0,
       camY: initialHeight,
@@ -1668,16 +1763,11 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
       lookZ: 0,
       config: { tension: 60, friction: 20 },
       onStart: () => {
-        // Only allow animations after initial setup is complete
         if (hasAppliedInitial.current) {
-          console.log('[Spring onStart] Animation starting - camY:', camY.get());
           isAnimatingRef.current = true;
-        } else {
-          console.log('[Spring onStart] Blocked - initialization not complete');
         }
       },
       onRest: () => {
-        console.log('[Spring onRest] Animation finished');
         isAnimatingRef.current = false;
       },
     };
@@ -1728,23 +1818,11 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
   // When isFlat changes from true to false, animate to 3D view
   // Component always starts in 2D, so we only animate the 2D→3D transition
   useEffect(() => {
-    console.log('[useEffect] isFlat:', isFlat, 'prevIsFlat:', prevIsFlatRef.current, 'hasAppliedInitial:', hasAppliedInitial.current);
-
-    // Skip until camera is initialized
-    if (!hasAppliedInitial.current) {
-      console.log('[useEffect] Skipping - not initialized yet');
-      return;
-    }
+    if (!hasAppliedInitial.current) return;
 
-    // Only animate if isFlat changed from true to false (2D → 3D transition)
     const isFlatChanged = prevIsFlatRef.current !== isFlat;
+    if (!isFlatChanged) return;
 
-    if (!isFlatChanged) {
-      console.log('[useEffect] No isFlat change - skipping');
-      return;
-    }
-
-    console.log('[useEffect] isFlat changed from', prevIsFlatRef.current, 'to', isFlat, '- animating transition');
     prevIsFlatRef.current = isFlat;
 
     // Calculate target position for 3D view
@@ -1768,7 +1846,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
           targetZ: 0,
         };
 
-    console.log('[api.start#isFlat-toggle]', newPos);
     api.start({
       camX: newPos.x,
       camY: newPos.y,
@@ -1838,7 +1915,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
       };
     }
 
-    console.log('[api.start#focus-target]', { focusTarget, isFlat, newPos });
     api.start({
       camX: newPos.x,
       camY: newPos.y,
@@ -1860,14 +1936,12 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
       // Ensure camera FOV is correct (defaults to 75 before prop applies)
       const perspCam = camera as THREE.PerspectiveCamera;
       if (perspCam.fov !== 50) {
-        console.log('[Frame 1] Correcting FOV from', perspCam.fov, 'to 50');
         perspCam.fov = 50;
         perspCam.updateProjectionMatrix();
       }
 
       // Calculate initial 2D position with correct aspect ratio
       const initialPos = getInitial2DPosition();
-      console.log('[Frame 1] Setting camera to initial 2D position:', initialPos);
 
       camera.position.set(initialPos.x, initialPos.y, initialPos.z);
 
@@ -1877,7 +1951,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
         controlsRef.current.update();
 
         // Sync spring to match camera position (use immediate to avoid animation)
-        console.log('[api.start#frame1-immediate]', initialPos);
         api.start({
           camX: initialPos.x,
           camY: initialPos.y,
@@ -1902,40 +1975,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
     // Wait for controls and initialization to complete
     if (!controlsRef.current || !hasAppliedInitial.current) return;
 
-    // [debug] log every frame: which branch is active + spring vs camera
-    // position. Throttled to every 250ms. Catches both spring-driven motion
-    // AND external mutation (when no branch is active but position changes).
-    {
-      const w = (
-        globalThis as unknown as {
-          __fileCityFrameLog?: { last: number; lastY: number };
-        }
-      );
-      w.__fileCityFrameLog ??= { last: 0, lastY: NaN };
-      const log = w.__fileCityFrameLog;
-      const now = performance.now();
-      const yChanged =
-        Math.abs(camera.position.y - log.lastY) > 0.5 ||
-        Number.isNaN(log.lastY);
-      if (now - log.last > 250 && yChanged) {
-        log.last = now;
-        log.lastY = camera.position.y;
-        const branch = isOrbitingRef.current
-          ? 'orbit'
-          : isTiltingRef.current
-            ? 'tilt'
-            : isAnimatingRef.current
-              ? 'animating'
-              : 'idle';
-        // eslint-disable-next-line no-console
-        console.log(`[useFrame#${branch}]`, {
-          springY: camY.get(),
-          posY: camera.position.y,
-          springZ: camZ.get(),
-          posZ: camera.position.z,
-        });
-      }
-    }
     // Handle orbit animation (horizontal rotation along arc)
     if (isOrbitingRef.current && orbitParamsRef.current) {
       const { centerX, centerZ, distance, height } = orbitParamsRef.current;
@@ -2002,7 +2041,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
     const targetHeight = citySize * 1.1;
     const targetZ = citySize * 1.3;
 
-    console.log('[api.start#resetToInitial]', { targetHeight, targetZ });
     api.start({
       camX: 0,
       camY: targetHeight,
@@ -2018,7 +2056,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
     const distance = Math.max(effectiveSize * 2, 50);
     const height = Math.max(effectiveSize * 1.5, 40);
 
-    console.log('[api.start#moveTo]', { x, z, height, distance });
     api.start({
       camX: x,
       camY: height,
@@ -2050,7 +2087,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
         });
       }
       const config = options?.duration ? { duration: options.duration } : undefined;
-      console.log('[api.start#setFlatView]', { x, z, height, options });
       api.start({
         camX: x,
         camY: height,
@@ -2085,7 +2121,6 @@ const AnimatedCamera = React.memo(function AnimatedCamera({
       ? { duration: options.duration, easing: (t: number) => t }
       : { tension: 60, friction: 20 };
 
-    console.log('[api.start#setTarget]', { x, y, z, newCamX, newCamY, newCamZ });
     api.start({
       camX: newCamX,
       camY: newCamY,
@@ -2826,6 +2861,8 @@ interface CitySceneProps {
   growProgress: number;
   animationConfig: AnimationConfig;
   highlightLayers: HighlightLayer[];
+  /** User-supplied highlight layers (no file-color layers) for visibility logic. */
+  visibilityLayers: HighlightLayer[];
   isolationMode: IsolationMode;
   heightScaling: HeightScaling;
   linearScale: number;
@@ -2851,6 +2888,7 @@ function CityScene({
   growProgress,
   animationConfig,
   highlightLayers,
+  visibilityLayers,
   isolationMode,
   heightScaling,
   linearScale,
@@ -2884,7 +2922,7 @@ function CityScene({
     return Math.max(...cityData.buildings.map(b => b.dimensions[1]), 0);
   }, [adaptCameraToBuildings, cityData.buildings]);
 
-  const activeHighlights = useMemo(() => hasActiveHighlights(highlightLayers), [highlightLayers]);
+  const activeHighlights = useMemo(() => hasActiveHighlights(visibilityLayers), [visibilityLayers]);
 
   // Helper to check if a path is inside a directory
   const isPathInDirectory = useCallback((path: string, directory: string) => {
@@ -3168,6 +3206,7 @@ function CityScene({
         staggerIndices={staggerIndices}
         focusDirectory={buildingFocusDirectory}
         highlightLayers={highlightLayers}
+        visibilityLayers={visibilityLayers}
         isolationMode={isolationMode}
         defaultBuildingColor={defaultBuildingColor}
       />
@@ -3180,6 +3219,7 @@ function CityScene({
         linearScale={linearScale}
         flatPatterns={flatPatterns}
         highlightLayers={highlightLayers}
+        visibilityLayers={visibilityLayers}
         isolationMode={isolationMode}
         hasActiveHighlights={activeHighlights}
       />
@@ -3428,6 +3468,13 @@ export function FileCity3D({
   const focusColor = resolved.focusColor;
   const isolationMode = resolved.isolationMode as IsolationMode;
 
+  // User-supplied highlight layers only — used for visibility decisions so
+  // file-color layers don't keep every building visible in 'hide' mode.
+  const visibilityLayers = useMemo(
+    () => (externalHighlightLayers ?? []) as HighlightLayer[],
+    [externalHighlightLayers],
+  );
+
   // `selectedPath` wins over the deprecated `selectedBuilding` when both are
   // set. A path resolves to either a building (file selection) or a district
   // (directory selection) — never both.
@@ -3553,6 +3600,7 @@ export function FileCity3D({
           growProgress={growProgress}
           animationConfig={animationConfig}
           highlightLayers={highlightLayers}
+          visibilityLayers={visibilityLayers}
           isolationMode={isolationMode}
           heightScaling={heightScaling}
           linearScale={linearScale}

package/src/stories/2D3DComparison.stories.tsx

@@ -392,11 +392,41 @@ const testScenarios: TestScenario[] = [
       },
     ],
   },
+  {
+    id: 'S10-dir-plus-files-inside',
+    name: 'S10: Directory + Files Inside',
+    description:
+      'Directory layer on api + file layer for specific routes inside it — directory-only matches inside the dir should be hidden in hide mode',
+    focusDirectory: null,
+    highlightLayers: [
+      {
+        id: 'api-dir-layer',
+        name: 'API Routes (dir)',
+        enabled: true,
+        priority: 0,
+        color: '#3b82f6',
+        items: [{ path: 'auth-server/src/app/api', type: 'directory' as const }],
+      },
+      {
+        id: 'workos-files-layer',
+        name: 'WorkOS Routes (files)',
+        enabled: true,
+        priority: 1,
+        color: '#ec4899',
+        items: [
+          { path: 'auth-server/src/app/api/auth/workos/callback/route.ts', type: 'file' as const },
+          { path: 'auth-server/src/app/api/auth/workos/verify/route.ts', type: 'file' as const },
+          { path: 'auth-server/src/app/api/auth/workos/token/route.ts', type: 'file' as const },
+        ],
+      },
+    ],
+  },
 ];
 
 export const ScenarioComparison: StoryObj = {
   render: function RenderScenarioComparison() {
     const [currentScenarioIndex, setCurrentScenarioIndex] = useState(0);
+    const [isGrown, setIsGrown] = useState(true);
     const scenario = testScenarios[currentScenarioIndex];
     const cityData = authServerCityData as CityData;
 
@@ -521,9 +551,11 @@ export const ScenarioComparison: StoryObj = {
                 fileColorLayers={fileColorLayers}
                 focusDirectory={scenario.focusDirectory}
                 focusColor={scenario.focusColor}
+                isolationMode="hide"
                 width="100%"
                 height="100%"
-                isGrown={true}
+                isGrown={isGrown}
+                onGrowChange={setIsGrown}
                 showControls={true}
                 backgroundColor="#0f1419"
               />