ltcai 4.5.1 → 4.6.0

package/frontend/src/pages/Ask.tsx

@@ -1,232 +1,5 @@
-import * as React from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { ImagePlus, MessageSquare, Send, Sparkles, Trash2 } from "lucide-react";
-import { latticeApi } from "@/api/client";
-import { DataPanel, EmptyState, EntityList, SourceBadge, StructuredView } from "@/components/primitives";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Textarea } from "@/components/ui/textarea";
-import { useAppStore } from "@/store/appStore";
-import { asArray } from "@/lib/utils";
-
-type Msg = { role?: string; content?: string; timestamp?: string };
-
-function fileToDataUrl(file: File) {
-  return new Promise<string>((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => resolve(String(reader.result || ""));
-    reader.onerror = () => reject(reader.error);
-    reader.readAsDataURL(file);
-  });
-}
+import { BrainConversation } from "@/components/BrainConversation";
 
 export function AskPage() {
-  const qc = useQueryClient();
-  const history = useQuery({ queryKey: ["chatHistory"], queryFn: latticeApi.chatHistory });
-  const models = useQuery({ queryKey: ["models"], queryFn: latticeApi.models });
-  const [conversationId, setConversationId] = React.useState<string | null>(null);
-  const conversation = useQuery({
-    queryKey: ["conversation", conversationId],
-    queryFn: () => latticeApi.conversation(conversationId || ""),
-    enabled: !!conversationId,
-  });
-  const [messages, setMessages] = React.useState<Msg[]>([]);
-  const [draft, setDraft] = React.useState("");
-  const [imageData, setImageData] = React.useState<string | null>(null);
-  const [trace, setTrace] = React.useState<unknown>(null);
-  const [streaming, setStreaming] = React.useState(false);
-
-  React.useEffect(() => {
-    if (conversation.data?.ok) setMessages(asArray<Msg>((conversation.data.data as Record<string, unknown>).messages || conversation.data.data));
-  }, [conversation.data]);
-
-  const send = async () => {
-    const message = draft.trim();
-    if (!message || streaming) return;
-    setDraft("");
-    setMessages((items) => [...items, { role: "user", content: message }, { role: "assistant", content: "" }]);
-    setStreaming(true);
-    try {
-      const result = await latticeApi.streamChat(
-        { message, conversation_id: conversationId || undefined, image_data: imageData || undefined },
-        {
-          onChunk: (_delta, fullText) => {
-            setMessages((items) => {
-              const next = [...items];
-              const last = next[next.length - 1] || { role: "assistant" };
-              next[next.length - 1] = { ...last, role: "assistant", content: fullText };
-              return next;
-            });
-          },
-          onTrace: setTrace,
-        },
-      );
-      if (result.error) {
-        setMessages((items) => {
-          const next = [...items];
-          next[next.length - 1] = { role: "assistant", content: `Unavailable: ${result.error}` };
-          return next;
-        });
-      }
-    } finally {
-      setStreaming(false);
-      setImageData(null);
-      await qc.invalidateQueries({ queryKey: ["chatHistory"] });
-    }
-  };
-
-  const deleteMutation = useMutation({
-    mutationFn: (id: string) => latticeApi.deleteConversation(id),
-    onSuccess: () => qc.invalidateQueries({ queryKey: ["chatHistory"] }),
-  });
-
-  return (
-    <div className="space-y-5">
-      <header className="page-hero">
-        <div className="page-kicker"><MessageSquare className="h-4 w-4" /> Ask</div>
-        <h1 className="page-title">Think out loud with Lattice.</h1>
-        <p className="page-copy">Ask in plain language, attach an image, and let your private memory shape the answer.</p>
-      </header>
-      <div className="grid min-h-[calc(100vh-13rem)] gap-4 xl:grid-cols-[18rem_minmax(0,1fr)_22rem]">
-      <Card className="overflow-hidden">
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2"><MessageSquare className="h-4 w-4" /> Conversations</CardTitle>
-          <CardDescription>Pick up where you left off.</CardDescription>
-        </CardHeader>
-        <CardContent className="soft-scrollbar max-h-[42rem] space-y-2 overflow-auto">
-          <SourceBadge result={history.data} />
-          {asArray<Record<string, unknown>>(history.data?.data).length ? asArray<Record<string, unknown>>(history.data?.data).map((item) => (
-            <button
-              key={String(item.id)}
-              onClick={() => setConversationId(String(item.id))}
-              className="block w-full rounded-lg border border-border bg-background/55 p-3 text-left text-sm transition hover:bg-muted"
-            >
-              <div className="font-medium">{String(item.title || item.id)}</div>
-              <div className="mt-1 flex items-center justify-between gap-2 text-xs text-muted-foreground">
-                <span>{String(item.updated_at || "")}</span>
-                <Trash2
-                  className="h-3.5 w-3.5"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    deleteMutation.mutate(String(item.id));
-                  }}
-                />
-              </div>
-            </button>
-          )) : <EmptyState title="No conversations" detail="Start a new exchange or sign in to load history." />}
-        </CardContent>
-      </Card>
-
-      <section className="premium-surface flex min-h-[42rem] flex-col overflow-hidden rounded-lg">
-        <div className="flex flex-wrap items-center justify-between gap-3 border-b border-border p-5">
-          <div>
-            <h2 className="text-xl font-semibold">New conversation</h2>
-            <p className="text-sm text-muted-foreground">Lattice answers only when a real model is available.</p>
-          </div>
-          <div className="flex flex-wrap items-center gap-2">
-            <Badge variant="muted">{String((models.data?.data as Record<string, unknown>)?.current || "no model loaded")}</Badge>
-            <SourceBadge result={models.data} />
-          </div>
-        </div>
-        <div className="soft-scrollbar flex-1 space-y-4 overflow-auto p-5">
-          {messages.length ? messages.map((msg, index) => (
-            <div key={index} className={`flex ${msg.role === "user" ? "justify-end" : "justify-start"}`}>
-              <div className={`max-w-[78%] rounded-lg border p-4 text-sm leading-6 ${msg.role === "user" ? "border-primary/30 bg-primary/15" : "border-border bg-background/68"}`}>
-                <div className="mb-1 text-xs uppercase text-muted-foreground">{msg.role || "message"}</div>
-                <div className="whitespace-pre-wrap">{msg.content}</div>
-              </div>
-            </div>
-          )) : (
-            <div className="grid min-h-full place-items-center">
-              <EmptyState
-                title="What should we think through?"
-                detail="Ask about a document, a project, a memory, or a question you want Lattice to connect across your workspace."
-              />
-            </div>
-          )}
-        </div>
-        <div className="border-t border-border bg-background/28 p-5">
-          {imageData ? <Badge variant="success" className="mb-2">image attached</Badge> : null}
-          <Textarea
-            value={draft}
-            onChange={(e) => setDraft(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter" && !e.shiftKey) {
-                e.preventDefault();
-                void send();
-              }
-            }}
-            placeholder="Ask anything about your work..."
-          />
-          <div className="mt-2 flex flex-wrap items-center justify-between gap-2">
-            <label className="inline-flex h-9 cursor-pointer items-center gap-2 rounded-md border border-border px-3 text-sm hover:bg-muted">
-              <ImagePlus className="h-4 w-4" />
-              Image
-              <input
-                type="file"
-                accept="image/*"
-                className="sr-only"
-                onChange={async (e) => {
-                  const file = e.target.files?.[0];
-                  if (file) setImageData(await fileToDataUrl(file));
-                }}
-              />
-            </label>
-            <Button disabled={!draft.trim() || streaming} onClick={() => void send()}>
-              <Send className="h-4 w-4" /> Send
-            </Button>
-          </div>
-        </div>
-      </section>
-
-      <aside className="space-y-4">
-        <ContextPreview question={draft || [...messages].reverse().find((m: Msg) => m.role === "user")?.content || ""} trace={trace} />
-      </aside>
-      </div>
-    </div>
-  );
-}
-
-function ContextPreview({ question, trace }: { question: string; trace: unknown }) {
-  const mode = useAppStore((state) => state.mode);
-  const hybrid = useQuery({
-    queryKey: ["askHybrid", question],
-    queryFn: () => latticeApi.hybridSearch(question),
-    enabled: question.trim().length > 2,
-  });
-  const graph = useQuery({ queryKey: ["graph"], queryFn: latticeApi.graph });
-  if (mode === "basic") {
-    return (
-      <>
-        <DataPanel title="Relevant memories" result={hybrid.data}>
-          {(data) => <EntityList items={(data as Record<string, unknown>).matches || data} titleKey="title" metaKey="type" limit={5} />}
-        </DataPanel>
-        <Card>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2"><Sparkles className="h-4 w-4" /> Sources</CardTitle>
-            <CardDescription>Lattice shows supporting memories when an answer uses them.</CardDescription>
-          </CardHeader>
-          <CardContent>{trace ? <StructuredView value={trace} /> : <EmptyState title="Ask to see sources" />}</CardContent>
-        </Card>
-      </>
-    );
-  }
-  return (
-    <>
-      <DataPanel title="Memory preview" result={hybrid.data}>
-        {(data) => <EntityList items={(data as Record<string, unknown>).matches || data} titleKey="title" metaKey="type" limit={5} />}
-      </DataPanel>
-      <DataPanel title="Graph context" result={graph.data}>
-        {(data) => <EntityList items={(data as Record<string, unknown>).nodes} titleKey="title" metaKey="type" limit={5} />}
-      </DataPanel>
-      <Card>
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2"><Sparkles className="h-4 w-4" /> Why this context</CardTitle>
-          <CardDescription>Signals Lattice used to choose supporting memories.</CardDescription>
-        </CardHeader>
-        <CardContent>{trace ? <StructuredView value={trace} /> : <EmptyState title="Ask to see context" />}</CardContent>
-      </Card>
-    </>
-  );
+  return <BrainConversation />;
 }

package/frontend/src/pages/Brain.tsx

@@ -3,6 +3,7 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import cytoscape, { Core, ElementDefinition } from "cytoscape";
 import { BrainCircuit, DatabaseBackup, Filter, Focus, Layers3, LocateFixed, Search, Sparkles } from "lucide-react";
 import { latticeApi } from "@/api/client";
+import { BrainConversation } from "@/components/BrainConversation";
 import { ActionButton, DataPanel, EmptyState, EntityList, KeyValueList, LoadingPanel, OperationResult, StatGrid, StructuredView, Tabs } from "@/components/primitives";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -12,7 +13,7 @@ import { Textarea } from "@/components/ui/textarea";
 import { useAppStore } from "@/store/appStore";
 import { asArray, fmtNumber, pct, shortId, titleize } from "@/lib/utils";
 
-type BrainTab = "overview" | "graph" | "search" | "memory" | "provenance" | "portability";
+type BrainTab = "conversation" | "memory" | "knowledge" | "relationships" | "graph" | "portability";
 type LabelMode = "important" | "all" | "off";
 
 type GraphNode = {
@@ -61,12 +62,12 @@ type ExplorerModel = ParsedGraph & {
 };
 
 const tabs: Array<{ id: BrainTab; label: string }> = [
-  { id: "overview", label: "Today" },
-  { id: "graph", label: "Map" },
-  { id: "search", label: "Search" },
-  { id: "memory", label: "Memory" },
-  { id: "provenance", label: "Sources" },
-  { id: "portability", label: "Portability" },
+  { id: "conversation", label: "Brain" },
+  { id: "memory", label: "Memories" },
+  { id: "knowledge", label: "Knowledge" },
+  { id: "relationships", label: "Relationships" },
+  { id: "graph", label: "Graph" },
+  { id: "portability", label: "Care" },
 ];
 
 const groupDefinitions = [
@@ -413,9 +414,10 @@ function CytoscapeGraph({
 
 export function BrainPage({ initialTab }: { initialTab?: string }) {
   const mode = useAppStore((state) => state.mode);
-  const [tab, setTab] = React.useState<BrainTab>((initialTab as BrainTab) || "overview");
+  const normalizedInitialTab = normalizeBrainTab(initialTab);
+  const [tab, setTab] = React.useState<BrainTab>(normalizedInitialTab);
   React.useEffect(() => {
-    if (initialTab && tabs.some((item) => item.id === initialTab)) setTab(initialTab as BrainTab);
+    setTab(normalizeBrainTab(initialTab));
   }, [initialTab]);
   const graph = useQuery({ queryKey: ["graph"], queryFn: latticeApi.graph });
   const stats = useQuery({ queryKey: ["graphStats"], queryFn: latticeApi.graphStats });
@@ -426,31 +428,32 @@ export function BrainPage({ initialTab }: { initialTab?: string }) {
 
   return (
     <div className="space-y-5">
-      <header className="page-hero grid gap-4 xl:grid-cols-[1.4fr_0.6fr]">
-        <div>
-          <div className="page-kicker"><BrainCircuit className="h-4 w-4" /> Home</div>
-          <h1 className="page-title">Start from the shape of your work.</h1>
-          <p className="page-copy">
-            Lattice turns what you add into a living memory map, then keeps every answer tied back to its source.
-          </p>
-        </div>
-        <div className="rounded-lg border border-border bg-background/58 p-4">
-          <div className="text-xs uppercase text-muted-foreground">Source coverage</div>
-          <div className="mt-2 text-3xl font-semibold">{pct((coverage.data?.data as Record<string, unknown>)?.coverage_ratio)}</div>
-          <div className="mt-2 text-sm text-muted-foreground">{coverage.data?.ok ? "Sources are linked to graph records." : "Checking source coverage."}</div>
-        </div>
-      </header>
+      {tab === "conversation" ? null : (
+        <header className="brain-layer-header">
+          <div>
+            <div className="page-kicker"><BrainCircuit className="h-4 w-4" /> {tabLabel(tab)}</div>
+            <h1>{tabHeadline(tab)}</h1>
+          </div>
+          <div className="brain-layer-meter">
+            <span>Source coverage</span>
+            <strong>{pct((coverage.data?.data as Record<string, unknown>)?.coverage_ratio)}</strong>
+          </div>
+        </header>
+      )}
       <Tabs tabs={tabs} value={tab} onChange={(id) => setTab(id as BrainTab)} />
 
-      {tab === "overview" ? (
+      {tab === "conversation" ? <BrainConversation /> : null}
+      {tab === "memory" ? <MemoryPanel /> : null}
+      {tab === "knowledge" ? <HybridSearch /> : null}
+      {tab === "relationships" ? (
         <div className="grid gap-4 xl:grid-cols-2">
-          <DataPanel title="Brain status" result={stats.data}>
+          <DataPanel title="Brain activity" result={stats.data}>
             {(data) => <GraphStatus data={data as Record<string, unknown>} />}
           </DataPanel>
-          <DataPanel title="Retrieval index" result={index.data}>
+          <DataPanel title="Retrieval rhythm" result={index.data}>
             {(data) => <RetrievalStatus data={data as Record<string, unknown>} />}
           </DataPanel>
-          <DataPanel title="Memory tiers" result={memory.data}>
+          <DataPanel title="Memory layers" result={memory.data}>
             {(data) => <MemoryStatus data={data as Record<string, unknown>} />}
           </DataPanel>
           <DataPanel title="Recent sources" result={provenance.data}>
@@ -460,21 +463,37 @@ export function BrainPage({ initialTab }: { initialTab?: string }) {
       ) : null}
 
       {tab === "graph" ? (
-        graph.isLoading ? <LoadingPanel title="Knowledge graph" /> : (
-          <DataPanel title="Brain map" description={mode === "basic" ? "Search, focus, and filter the ideas Lattice has learned from your workspace." : "Explore relationships, sources, and graph structure."} result={graph.data}>
+        graph.isLoading ? <LoadingPanel title="Deep graph" /> : (
+          <DataPanel title="Advanced relationship graph" description={mode === "basic" ? "Open the deepest layer when you want to inspect the underlying relationships." : "Explore relationships, sources, and graph structure."} result={graph.data}>
             {(data) => <DigitalBrainExplorer data={data} />}
           </DataPanel>
         )
       ) : null}
-
-      {tab === "search" ? <HybridSearch /> : null}
-      {tab === "memory" ? <MemoryPanel /> : null}
-      {tab === "provenance" ? <ProvenancePanel /> : null}
       {tab === "portability" ? <PortabilityPanel /> : null}
     </div>
   );
 }
 
+function normalizeBrainTab(tab?: string): BrainTab {
+  if (tab === "overview" || tab === "chat" || tab === "ask") return "conversation";
+  if (tab === "search") return "knowledge";
+  if (tab === "provenance" || tab === "sources") return "relationships";
+  return tabs.some((item) => item.id === tab) ? tab as BrainTab : "conversation";
+}
+
+function tabLabel(tab: BrainTab) {
+  return tabs.find((item) => item.id === tab)?.label || "Brain";
+}
+
+function tabHeadline(tab: BrainTab) {
+  if (tab === "memory") return "Memories, before mechanics.";
+  if (tab === "knowledge") return "Knowledge, gathered into recall.";
+  if (tab === "relationships") return "Relationships, when you need the why.";
+  if (tab === "graph") return "The graph, intentionally opened.";
+  if (tab === "portability") return "Care for the Brain.";
+  return "Talk to your Brain.";
+}
+
 function GraphStatus({ data }: { data: Record<string, unknown> }) {
   const mode = useAppStore((state) => state.mode);
   const nodeTypes = Object.keys((data.nodes as Record<string, unknown>) || {});
@@ -482,16 +501,16 @@ function GraphStatus({ data }: { data: Record<string, unknown> }) {
   return (
     <div className="space-y-3">
       <StatGrid stats={[
-        { label: "Nodes", value: data.total_nodes ?? nodeTypes.reduce((sum, key) => sum + Number(((data.nodes as Record<string, unknown>) || {})[key] || 0), 0) },
-        { label: "Edges", value: data.total_edges ?? edgeTypes.reduce((sum, key) => sum + Number(((data.edges as Record<string, unknown>) || {})[key] || 0), 0) },
-        { label: "Node types", value: nodeTypes.length },
-        { label: "Edge types", value: edgeTypes.length },
+        { label: "Memories", value: data.total_nodes ?? nodeTypes.reduce((sum, key) => sum + Number(((data.nodes as Record<string, unknown>) || {})[key] || 0), 0) },
+        { label: "Links", value: data.total_edges ?? edgeTypes.reduce((sum, key) => sum + Number(((data.edges as Record<string, unknown>) || {})[key] || 0), 0) },
+        { label: "Memory kinds", value: nodeTypes.length },
+        { label: "Link kinds", value: edgeTypes.length },
       ]} />
       {mode === "basic" ? (
         <div className="flex flex-wrap gap-1">
           {[...nodeTypes, ...edgeTypes].slice(0, 10).map((item) => <Badge key={item} variant="muted">{titleize(item)}</Badge>)}
         </div>
-      ) : <StructuredView value={{ node_types: nodeTypes, edge_types: edgeTypes }} />}
+      ) : <StructuredView value={{ memory_kinds: nodeTypes, link_kinds: edgeTypes }} />}
     </div>
   );
 }
@@ -558,8 +577,8 @@ function DigitalBrainExplorer({ data }: { data: unknown }) {
   if (!parsed.nodes.length) {
     return (
       <EmptyState
-        title="No graph records yet"
-        detail="Capture a document, note, or local folder to create connected ideas with sources."
+        title="No relationship records yet"
+        detail="Capture a document, note, or local folder to create connected memories with sources."
       />
     );
   }
@@ -585,7 +604,7 @@ function DigitalBrainExplorer({ data }: { data: unknown }) {
         <Card>
           <CardHeader className="flex-row items-start justify-between gap-3">
             <div>
-              <CardTitle className="flex items-center gap-2"><Layers3 className="h-4 w-4" /> Knowledge map</CardTitle>
+              <CardTitle className="flex items-center gap-2"><Layers3 className="h-4 w-4" /> Deep graph</CardTitle>
               <CardDescription>
                 Showing {fmtNumber(model.visibleNodes.length)} ideas and {fmtNumber(model.visibleEdges.length)} connections from {fmtNumber(model.totalNodes)} saved items.
               </CardDescription>
@@ -605,7 +624,7 @@ function DigitalBrainExplorer({ data }: { data: unknown }) {
                 value={minImportance}
                 onChange={(event) => setMinImportance(Number(event.target.value))}
                 className="w-44"
-                aria-label="Minimum graph importance"
+                aria-label="Minimum relationship importance"
               />
               <Badge variant="muted">{Math.round(minImportance * 100)}%+</Badge>
               {selectedId ? <Button variant="outline" size="sm" onClick={() => setSelectedId(null)}>Clear focus</Button> : null}
@@ -664,7 +683,7 @@ function DigitalBrainExplorer({ data }: { data: unknown }) {
                   <div className="text-lg font-semibold">{selectedGroup.label}</div>
                   <Button variant="outline" onClick={() => toggleGroup(selectedGroup.id)}>Expand group</Button>
                 </div>
-              ) : <EmptyState title="No node selected" detail="Select a node or collapsed group in the graph." />}
+              ) : <EmptyState title="Nothing selected" detail="Select an item or collapsed group in the graph." />}
             </CardContent>
           </Card>
           <Card>
@@ -710,7 +729,7 @@ function HybridSearch() {
       </CardHeader>
       <CardContent className="space-y-3">
         <div className="flex flex-col gap-2 sm:flex-row">
-          <Input placeholder="Search memories, graph nodes, and indexed documents" value={query} onChange={(e) => setQuery(e.target.value)} onKeyDown={(e) => e.key === "Enter" && search.mutate()} />
+          <Input placeholder="Search memories, indexed documents, and relationships" value={query} onChange={(e) => setQuery(e.target.value)} onKeyDown={(e) => e.key === "Enter" && search.mutate()} />
           <Button onClick={() => search.mutate()} disabled={!query.trim() || search.isPending}>Search</Button>
         </div>
         {search.data ? (
@@ -792,10 +811,10 @@ function PortabilityPanel() {
         </CardHeader>
         <CardContent className="space-y-3">
           <div className="flex flex-wrap gap-2">
-            <ActionButton label="Export brain map" action={() => latticeApi.graphExport()} />
+            <ActionButton label="Export Brain" action={() => latticeApi.graphExport()} />
             <ActionButton label="Create backup" action={() => latticeApi.graphBackup()} />
           </div>
-          <Textarea value={artifact} onChange={(e) => setArtifact(e.target.value)} placeholder="Paste an exported brain map to preview import" />
+          <Textarea value={artifact} onChange={(e) => setArtifact(e.target.value)} placeholder="Paste an exported Brain artifact to preview import" />
           <Button
             variant="outline"
             disabled={!artifact.trim() || importMutation.isPending}
@@ -816,9 +835,9 @@ function PortabilityStatus({ data }: { data: Record<string, unknown> }) {
   return (
     <div className="space-y-3">
       <StatGrid stats={[
-        { label: "Graph version", value: data.graph_schema_version || data.schema_version || "reported" },
-        { label: "Nodes", value: (stats.total_nodes as number) || Object.values((stats.nodes as Record<string, unknown>) || {}).reduce((sum: number, value) => sum + Number(value || 0), 0) },
-        { label: "Edges", value: (stats.total_edges as number) || Object.values((stats.edges as Record<string, unknown>) || {}).reduce((sum: number, value) => sum + Number(value || 0), 0) },
+        { label: "Brain format", value: data.graph_schema_version || data.schema_version || "reported" },
+        { label: "Memories", value: (stats.total_nodes as number) || Object.values((stats.nodes as Record<string, unknown>) || {}).reduce((sum: number, value) => sum + Number(value || 0), 0) },
+        { label: "Links", value: (stats.total_edges as number) || Object.values((stats.edges as Record<string, unknown>) || {}).reduce((sum: number, value) => sum + Number(value || 0), 0) },
         { label: "Storage", value: storage.engine || "reported" },
       ]} />
       <StructuredView value={data} />

package/frontend/src/routes.ts

@@ -1,35 +1,31 @@
 import {
-  Activity,
   Brain,
   Database,
   FolderInput,
   Library,
-  MessageSquare,
-  Network,
   Settings,
-  Shield,
   Workflow,
-  Zap,
 } from "lucide-react";
 
-export type PrimaryRoute = "brain" | "ask" | "capture" | "act" | "library" | "system";
+export type PrimaryRoute = "brain" | "memory" | "capture" | "act" | "library" | "system";
 
 export const primaryRoutes = [
-  { id: "brain", label: "Home", icon: Brain, description: "The living map of what Lattice knows" },
-  { id: "ask", label: "Ask", icon: MessageSquare, description: "Think with remembered context" },
-  { id: "capture", label: "Add", icon: FolderInput, description: "Bring in files, folders, and pages" },
-  { id: "act", label: "Automate", icon: Workflow, description: "Turn goals into supervised runs" },
-  { id: "library", label: "Library", icon: Library, description: "Choose models, skills, and tools" },
-  { id: "system", label: "Care", icon: Settings, description: "Keep your brain safe and portable" },
+  { id: "brain", label: "Brain", icon: Brain, description: "Talk with your living Brain" },
+  { id: "memory", label: "Memory", icon: Database, description: "Recall what your Brain remembers" },
+  { id: "capture", label: "Files", icon: FolderInput, description: "Bring in files, folders, and pages" },
+  { id: "act", label: "Automations", icon: Workflow, description: "Turn goals into supervised runs" },
+  { id: "library", label: "Models", icon: Library, description: "Choose the local model powering your Brain" },
+  { id: "system", label: "Settings", icon: Settings, description: "Keep your Brain safe and portable" },
 ] as const;
 
 export const routeAliases: Record<string, { primary: PrimaryRoute; tab?: string }> = {
-  home: { primary: "brain", tab: "overview" },
+  home: { primary: "brain", tab: "conversation" },
   onboarding: { primary: "system", tab: "account" },
   "knowledge-graph": { primary: "brain", tab: "graph" },
-  "hybrid-search": { primary: "brain", tab: "search" },
-  memory: { primary: "brain", tab: "memory" },
-  chat: { primary: "ask", tab: "chat" },
+  "hybrid-search": { primary: "brain", tab: "knowledge" },
+  memory: { primary: "memory", tab: "memory" },
+  ask: { primary: "brain", tab: "conversation" },
+  chat: { primary: "brain", tab: "conversation" },
   files: { primary: "capture", tab: "files" },
   pipeline: { primary: "capture", tab: "pipeline" },
   "my-computer": { primary: "capture", tab: "local" },
@@ -58,19 +54,12 @@ export const routeAliases: Record<string, { primary: PrimaryRoute; tab?: string
 };
 
 export const commandRoutes = [
-  { key: "brain", label: "Home", icon: Brain },
-  { key: "onboarding", label: "First 10 Minutes", icon: Settings },
-  { key: "knowledge-graph", label: "Memory Map", icon: Network },
-  { key: "hybrid-search", label: "Search Everything", icon: Zap },
+  { key: "brain", label: "Brain", icon: Brain },
   { key: "memory", label: "Memory", icon: Database },
-  { key: "chat", label: "Ask", icon: MessageSquare },
-  { key: "files", label: "Add Files", icon: FolderInput },
-  { key: "agents", label: "Start a Run", icon: Workflow },
+  { key: "files", label: "Files", icon: FolderInput },
   { key: "workflows", label: "Automations", icon: Workflow },
   { key: "models", label: "Models", icon: Library },
-  { key: "network", label: "Trusted Devices", icon: Network },
-  { key: "activity", label: "Activity", icon: Activity },
-  { key: "admin/security", label: "Security", icon: Shield },
+  { key: "settings", label: "Settings", icon: Settings },
 ];
 
 export function parseHash() {