feat: improve Gradio agent runtime

.claude/settings.local.json

@@ -0,0 +1,21 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(grep -v '^$')",
+      "Bash(curl -s -m 12 -A 'Mozilla/5.0 \\(Windows NT 10.0; Win64; x64\\) AppleWebKit/537.36 \\(KHTML, like Gecko\\) Chrome/120.0.0.0 Safari/537.36' https://www.mojeek.com/search?q=East+York+Toronto+apartment+for+rent)",
+      "Bash(curl -s -m 25 \"https://s.jina.ai/?q=East%20York%20Toronto%201%20bedroom%20apartment%20for%20rent\" -H \"Accept: application/json\" -H \"X-Respond-With: no-content\")",
+      "Bash(echo \"=== exit:$? ===\")",
+      "Bash(curl -s -m 25 \"https://r.jina.ai/https://rentals.ca/toronto/east-york\")",
+      "Bash(node server/open-websearch-mcp.mjs)",
+      "Bash(python3 -c ' *)",
+      "Bash(command -v llama-server)",
+      "Bash(echo \"llama-server: $\\(command -v llama-server || echo MISSING\\)\")",
+      "Bash(command -v brew)",
+      "Bash(echo \"brew: $\\(command -v brew || echo MISSING\\)\")",
+      "Bash(python3 -c 'import llama_cpp; print\\(\"yes\"\\)')",
+      "Bash(brew install *)",
+      "Bash(llama-server --version)",
+      "Bash(curl -s -m 20 \"https://huggingface.co/api/models?author=openbmb&search=GGUF&limit=30\")"
+    ]
+  }
+}

src/App.tsx

@@ -115,6 +115,7 @@ const SUGGESTED_PROMPTS: Array<{ label: string; prompt: string }> = [
 
 export default function App() {
   const [prompt, setPrompt] = useState("");
+  const [hasRun, setHasRun] = useState(false);
   const [parsed, setParsed] = useState<ParsedPrompt>(initialParsed);
   const [ranked, setRanked] = useState<RankedNeighborhood[]>(initialRanked);
   const [selectedId, setSelectedId] = useState(initialRanked[0].id);
@@ -156,7 +157,10 @@ export default function App() {
   );
 
   const activeLayer = activeLayerFromNav(navMode);
-  const showRail = phase === "running" || agentPanelOpen;
+  const panelsVisible = hasRun || phase === "running";
+  const visibleRanked = panelsVisible ? ranked : [];
+  const visibleSelectedId = panelsVisible ? selected.id : "";
+  const showRail = panelsVisible && (phase === "running" || agentPanelOpen);
   const tourFocusName = tourFocusId
     ? ranked.find((neighborhood) => neighborhood.id === tourFocusId)?.name
     : null;
@@ -183,6 +187,7 @@ export default function App() {
 
     clearSchedules();
     // The prompt is in flight; clear the composer so the next ask starts from a blank box.
+    setHasRun(true);
     setPrompt("");
     setParsed(nextParsed);
     setRanked(nextRanked);
@@ -359,8 +364,8 @@ export default function App() {
   return (
     <main className={`app-shell ${mapFocus ? "map-focus" : ""}`}>
       <MapCanvas
-        ranked={ranked}
-        selectedId={selected.id}
+        ranked={visibleRanked}
+        selectedId={visibleSelectedId}
         researchTour={researchTour}
         tourFocusId={tourFocusId}
         activeLayer={activeLayer}
@@ -432,29 +437,33 @@ export default function App() {
         </div>
       </section>
 
-      <div className={`active-layer-chip ${phase === "running" ? "running" : ""}`}>
-        <span />
-        <small>{activeChipLead}</small>
-        <strong>{activeChipDetail}</strong>
-      </div>
+      {panelsVisible ? (
+        <>
+          <div className={`active-layer-chip ${phase === "running" ? "running" : ""}`}>
+            <span />
+            <small>{activeChipLead}</small>
+            <strong>{activeChipDetail}</strong>
+          </div>
 
-      <div className="top-actions">
-        <button type="button" onClick={() => setMapFocus((current) => !current)}>
-          {mapFocus ? <Maximize2 size={16} /> : <Minimize2 size={16} />}
-          {mapFocus ? "Panels" : "Map"}
-        </button>
-        <button type="button">
-          <SlidersHorizontal size={16} />
-          Filters
-        </button>
-        <button type="button" onClick={() => setCompareOpen(true)}>
-          <Heart size={16} />
-          Saved
-          <b>{compare.length}</b>
-        </button>
-      </div>
+          <div className="top-actions">
+            <button type="button" onClick={() => setMapFocus((current) => !current)}>
+              {mapFocus ? <Maximize2 size={16} /> : <Minimize2 size={16} />}
+              {mapFocus ? "Panels" : "Map"}
+            </button>
+            <button type="button">
+              <SlidersHorizontal size={16} />
+              Filters
+            </button>
+            <button type="button" onClick={() => setCompareOpen(true)}>
+              <Heart size={16} />
+              Saved
+              <b>{compare.length}</b>
+            </button>
+          </div>
+        </>
+      ) : null}
 
-      {mapFocus ? (
+      {!panelsVisible ? null : mapFocus ? (
         <button type="button" className="collapsed-panel-tab left" onClick={() => setMapFocus(false)}>
           <Layers size={16} />
           <span>Areas</span>
@@ -498,7 +507,7 @@ export default function App() {
         </aside>
       )}
 
-      {mapFocus ? (
+      {!panelsVisible ? null : mapFocus ? (
         <button type="button" className="collapsed-panel-tab right" onClick={() => setMapFocus(false)}>
           {showRail ? <Users size={16} /> : <Shield size={16} />}
           <span>{showRail ? "Agents" : selected.name}</span>
@@ -527,7 +536,7 @@ export default function App() {
         />
       )}
 
-      {compareOpen && (
+      {panelsVisible && compareOpen && (
         <CompareModal
           ranked={ranked}
           selectedId={selected.id}