+ {available.map(({ boundary, count }) => {
+ const on = selected.has(boundary);
+ const highlighted = lit === `*:${boundary}`;
+ return
+ ;
+}
+
+/**
+ * The entry-point filter: a search field plus one checkbox per boundary, in a dropdown so the
+ * list beside it keeps the width for names and paths.
+ */
+function BoundaryFilter({ available, selected, lit, query, onQueryChange, onToggle, onLight, onAll }: {
+ available: Array<{ boundary: Boundary; count: number }>; selected: ReadonlySet
+
+ {onLight && }
+
;
+ })}
+
+
+
;
+}
+
+export const AppIntelligenceView = memo(function AppIntelligenceView({ panel }: { panel: AppIntelligencePanel }) {
+ const state = useSyncExternalStore(panel.subscribe, panel.getSnapshot);
+ const [query, setQuery] = useState("");
+ const [railOpen, setRailOpen] = useState(false);
+ const [asideOpen, setAsideOpen] = useState(true);
+ const [hover, setHover] = useState
+
+ {points.map(({ boundary, count, x, y }, index) => {
+ const active = activeBoundary === boundary;
+ return
+
+
+
+
;
+ })}
+ {available.length === 0 && No entry points were found in this graph.
} + {available.length > 0 &&Select an area to browse its entry points
} +{state.run.message}
}
+ {/* A reopened panel starts blank and reloads what it remembered: showing the empty states
+ while that load is in flight would flash the wrong screen before the real one lands. */}
+ {state.busy === "loading" && !snapshot ? Loading App Intelligence…
Map a React Native app
Choose a project to discover Expo Router and React Navigation entries, then trace their native dependencies.
No App Intelligence yet
Generate a static iOS + Android entry-point and dependency graph.
+
+
+ {asideOpen && }
+
}
+ {hover &&
+ {snapshot.screens[selected ?? ""]?.title ?? "Project overview"}
+
+
+
+
+
+ {Math.round(zoom * 100)}%
+
+
+
+
+
+ {flowStart ? panel.toggleGroup(key, open)} onLight={key => panel.litBoundaryTo(key)} onShowAll={key => panel.showAllIn(key)} onHover={setHover} />
+ :
+
+ { setQuery(""); panel.setBoundaries([boundary]); setAsideOpen(true); setRailOpen(true); }} />
+
}
+ {flowStart + ? "Each hop groups its imports by boundary and opens the first of them — click another to drill in, or its dot to light up its connectors. Drag or scroll to pan, ⌘/Ctrl-scroll or the buttons to zoom, double-click to reset." + : "Areas group the app's entry points by their source boundary. Choose one to filter and open the matching list."}
+
+
}
+ {hover.title}
+ {hover.detail}
+ {title}?
+{description}
+
+
+ {title}?
-{description}
-
-
-