ltcai 4.3.1 → 4.4.0

package/docs/V4_4_0_EXTRACTION_REPORT.md

@@ -0,0 +1,239 @@
+# v4.4.0 Physical Extraction Report — `lattice_brain` Brain Engine
+
+Date: 2026-06-13
+Scope: complete physical extraction of the Brain Core implementation into the
+standalone `lattice_brain` package. The release flow attaches only validated
+v4.4.0 artifacts to GitHub; no external package registry publishing is part of
+this release step.
+
+## 1. Problem Before v4.4.0
+
+`lattice_brain` provided an import-path contract only. The graph, memory,
+context, conversation, and ingestion implementations physically lived under
+`latticeai/brain/` (and `latticeai/core/`, `latticeai/services/`) and were
+re-exported through `lattice_brain.*`. Importing `lattice_brain.store`
+actually executed `latticeai.brain.store`, so the Brain Core could not be
+used, tested, or distributed independently of the FastAPI product package.
+
+## 2. Dependency Graph
+
+### Before (v4.3.3)
+
+```
+lattice_brain.store/schema/retrieval/... (1-line re-exports)
+        │  imports
+        ▼
+latticeai.brain.* (physical implementation)
+        │  imports
+        ├─ latticeai.services.ingestion  (memory → IngestionItem)
+        │        └─ latticeai.core.hooks (dispatch_tool)
+        ├─ latticeai.core.graph_curator  (projection, lazy)
+        └─ kg_schema (root shim → lattice_brain.schema → latticeai.brain.schema)
+latticeai.services.agent_runtime → latticeai.core.multi_agent
+latticeai.services.kg_portability → lattice_brain.archive/storage (already clean)
+latticeai.core.workflow_engine    (stdlib only, hosted in latticeai)
+```
+
+Net effect: `import lattice_brain.store` pulled in `latticeai`.
+
+### After (v4.4.0)
+
+```
+latticeai (FastAPI app, routers, services, product backend)
+        │  imports (one direction only)
+        ▼
+lattice_brain (physical Brain Engine)
+  ├─ core, archive, embeddings, storage/        (already physical in v4.2+)
+  ├─ graph/   _kg_common, schema, store, write_master, retrieval, discovery,
+  │           documents, ingest, projection, provenance, identity, network,
+  │           curator
+  ├─ memory, context, conversations
+  ├─ ingestion                                   (uses .runtime.hooks)
+  ├─ runtime/ hooks, multi_agent, agent_runtime
+  ├─ workflow
+  └─ portability                                 (uses .archive/.storage/.graph.identity)
+```
+
+`lattice_brain` has zero `latticeai` imports — enforced by an import-hook test.
+External (third-party/optional) deps of the package: `cryptography`, `keyring`,
+`httpx`, `psycopg` (opt-in), `sqlite-vec` (opt-in), document parsers
+(`pdfplumber`, `python-docx`, `openpyxl`, `python-pptx`, `PIL`) — all already
+declared in `pyproject.toml`.
+
+## 3. Files Moved (physical, via `git mv`, history preserved)
+
+Knowledge graph → `lattice_brain/graph/`:
+
+| From | To |
+| --- | --- |
+| `latticeai/brain/_kg_common.py` | `lattice_brain/graph/_kg_common.py` |
+| `latticeai/brain/schema.py` | `lattice_brain/graph/schema.py` |
+| `latticeai/brain/store.py` | `lattice_brain/graph/store.py` |
+| `latticeai/brain/write_master.py` | `lattice_brain/graph/write_master.py` |
+| `latticeai/brain/retrieval.py` | `lattice_brain/graph/retrieval.py` |
+| `latticeai/brain/discovery.py` | `lattice_brain/graph/discovery.py` |
+| `latticeai/brain/documents.py` | `lattice_brain/graph/documents.py` |
+| `latticeai/brain/ingest.py` | `lattice_brain/graph/ingest.py` |
+| `latticeai/brain/projection.py` | `lattice_brain/graph/projection.py` |
+| `latticeai/brain/provenance.py` | `lattice_brain/graph/provenance.py` |
+| `latticeai/brain/identity.py` | `lattice_brain/graph/identity.py` |
+| `latticeai/brain/network.py` | `lattice_brain/graph/network.py` |
+| `latticeai/core/graph_curator.py` | `lattice_brain/graph/curator.py` |
+
+Memory / context / conversation:
+
+| From | To |
+| --- | --- |
+| `latticeai/brain/memory.py` | `lattice_brain/memory.py` |
+| `latticeai/brain/context.py` | `lattice_brain/context.py` |
+| `latticeai/brain/conversations.py` | `lattice_brain/conversations.py` |
+
+Ingestion / runtime / workflow / portability:
+
+| From | To |
+| --- | --- |
+| `latticeai/services/ingestion.py` | `lattice_brain/ingestion.py` |
+| `latticeai/core/hooks.py` | `lattice_brain/runtime/hooks.py` |
+| `latticeai/core/multi_agent.py` | `lattice_brain/runtime/multi_agent.py` |
+| `latticeai/services/agent_runtime.py` | `lattice_brain/runtime/agent_runtime.py` |
+| `latticeai/core/workflow_engine.py` | `lattice_brain/workflow.py` |
+| `latticeai/services/kg_portability.py` | `lattice_brain/portability.py` |
+
+19 files moved with history; 2 new subpackage `__init__.py` files
+(`lattice_brain/graph/`, `lattice_brain/runtime/`).
+
+Import edges rewritten inside moved code (the only source changes to the
+implementations):
+
+- `graph/_kg_common.py`: `latticeai.brain.schema` → `.schema`;
+  `lattice_brain.embeddings` → `..embeddings`
+- `graph/projection.py`: lazy `latticeai.core.graph_curator` → `.curator`
+- `graph/provenance.py`: lazy `kg_schema` → `.schema`
+- `graph/network.py`: `lattice_brain.identity` → `.identity`
+- `graph/store.py`: lazy `lattice_brain.storage` → `..storage`
+- `memory.py`: `latticeai.services.ingestion` → `.ingestion`
+- `ingestion.py`: `latticeai.core.hooks` → `.runtime.hooks`
+- `runtime/agent_runtime.py`: `latticeai.core.multi_agent` → `.multi_agent`
+- `portability.py`: absolute `lattice_brain.*` → relative; lazy identity →
+  `.graph.identity`
+- `runtime/hooks.py`: three `binding` metadata strings updated to the new
+  physical paths
+
+## 4. Re-Export Modules Deleted / Replaced
+
+Deleted (the old `lattice_brain → latticeai.brain` re-exports — the "fake
+extraction" layer):
+`lattice_brain/{_kg_common,schema,store,write_master,retrieval,discovery,documents,ingest,projection,provenance,network,identity}.py`
+
+Each path was recreated as an **internal alias shim** (`sys.modules[__name__] =
+lattice_brain.graph.<name>`), so old flat imports keep working with module
+identity preserved (the shim and the physical module are the same object —
+singletons, `isinstance`, and monkeypatching are unaffected). These alias the
+package to itself; nothing re-exports `latticeai` anymore.
+
+## 5. Compatibility Shims Kept (latticeai side)
+
+Deprecation shims (emit `DeprecationWarning`, alias the physical module):
+
+- `latticeai/brain/__init__.py` (re-exports the public surface from
+  `lattice_brain`)
+- `latticeai/brain/{store,schema,retrieval,discovery,documents,ingest,projection,provenance,write_master,network,identity,_kg_common,memory,context,conversations}.py`
+
+Silent alias shims (still-supported old paths):
+
+- `latticeai/core/hooks.py` → `lattice_brain.runtime.hooks`
+- `latticeai/core/multi_agent.py` → `lattice_brain.runtime.multi_agent`
+- `latticeai/core/workflow_engine.py` → `lattice_brain.workflow`
+- `latticeai/core/graph_curator.py` → `lattice_brain.graph.curator`
+- `latticeai/services/ingestion.py` → `lattice_brain.ingestion`
+- `latticeai/services/agent_runtime.py` → `lattice_brain.runtime.agent_runtime`
+- `latticeai/services/kg_portability.py` → `lattice_brain.portability`
+
+Root-level shims (`kg_schema.py`, `knowledge_graph.py`, …) continue to work
+unchanged through the flat `lattice_brain.*` paths.
+
+## 6. Consumers Updated to Import `lattice_brain` Directly
+
+`latticeai/app_factory.py`, `latticeai/core/{agent,agent_registry,builtin_hooks}.py`,
+`latticeai/api/{hooks,tools,computer_use,agents,browser,workflow_designer,chat,mcp}.py`,
+`latticeai/services/{platform_runtime,run_executor,upload_service}.py`,
+`p_reinforce.py`, `scripts/bump_version.py`, `scripts/wheel_smoke.py`, and all
+test modules now use the physical `lattice_brain` paths. Zero non-shim
+references to the old module locations remain.
+
+## 7. New Tests
+
+`tests/unit/test_lattice_brain_isolation.py`:
+
+1. **`test_lattice_brain_never_imports_latticeai`** — subprocess installs a
+   `sys.meta_path` finder that raises on any `latticeai` import, imports every
+   `lattice_brain` module via `pkgutil.walk_packages`, resolves every lazy
+   facade export, and asserts `latticeai` never entered `sys.modules`. This
+   test fails if `lattice_brain` ever imports `latticeai`.
+2. **`test_lattice_brain_usable_in_isolation`** — with the same import block
+   active and FastAPI never started: `BrainCore` construction, ingestion
+   pipeline → graph write, graph search, conversation store append/count,
+   context assembly, workflow engine run, agent runtime/hooks availability,
+   and an encrypted `.latticebrain` archive create → inspect → verify
+   round-trip.
+
+## 8. Packaging / Version Changes
+
+- `pyproject.toml`: packages now include `lattice_brain.graph` and
+  `lattice_brain.runtime`; version `4.4.0`.
+- `scripts/wheel_smoke.py`: import matrix extended with the new subpackages
+  and modules.
+- `scripts/bump_version.py`: `MULTI_AGENT_VERSION` target re-pointed to
+  `lattice_brain/runtime/multi_agent.py`.
+- All 13 synchronized version copies bumped to `4.4.0` via
+  `scripts/bump_version.py` (Python, npm, lockfiles, VSIX, Tauri, asset
+  manifest, runtime constants).
+- Docs updated: `ARCHITECTURE.md` (packaging note now describes the physical
+  layout and the isolation guarantee), `README.md` (Brain Core claim, history,
+  artifact names), `FEATURE_STATUS.md`, `SECURITY.md` (supported versions),
+  `RELEASE_NOTES.md`, `RELEASE_NOTES_v4.4.0.md`, `docs/CHANGELOG.md`,
+  `CHANGELOG.md` pointer.
+
+## 9. User Data and Behavior
+
+No storage schema, migration, archive format, or API change. The SQLite
+default engine, Postgres opt-in path, `.latticebrain` archive format, and
+backup/restore flows are byte-identical code, relocated. Old pickles are not
+used; module identity through shims keeps any dynamic lookups working.
+
+## 10. Validation Results
+
+Environment note: final release validation ran locally on macOS with Python
+3.12.13 (`LTCAI_PYTHON=/tmp/ltcai-v440-py312/bin/python`), Node 26.0.0,
+npm 11.12.1, Rust 1.96.0, Cargo 1.96.0, and Tauri CLI 2.0.0.
+
+| Check | Result |
+| --- | --- |
+| Python compile (`compileall` over `lattice_brain`, `latticeai`, `tests`, `tools`, `scripts`, root modules) | PASS |
+| `ruff check .` | PASS (no findings) |
+| Unit tests (`pytest tests/unit`) | **604 passed** (includes the 2 new isolation tests) |
+| Integration tests (`pytest tests/integration` against live uvicorn on localhost) | 9 passed, 1 skipped (live-Postgres test, opt-in by design) |
+| `lattice_brain` isolation tests | PASS (both) |
+| No `lattice_brain → latticeai` import test | PASS |
+| Graph/search/ingestion tests (`test_kg_*`, `test_ingestion_pipeline`, `test_browser_ingestion`, …) | PASS (within unit suite) |
+| Backup/restore + `.latticebrain` archive tests (`test_kg_portability`, archive round-trip in isolation test) | PASS |
+| Frontend lint (`npm run lint`) | PASS |
+| Frontend typecheck (`tsc --noEmit` + VS Code extension `tsc`) | PASS |
+| Playwright visual tests (`npx playwright test`) | **12 passed** |
+| Tauri check (`cargo check`) | PASS (existing transitive `block v0.1.6` future-incompat warning) |
+| Tauri DMG build (`npm run release:artifacts`) | PASS (`Lattice AI_4.4.0_aarch64.dmg`) |
+| Release artifact validation (`scripts/validate_release_artifacts.py 4.4.0 --require-vsix --require-tgz --require-dmg`) | PASS (warns about historical versions in `dist/`, as designed) |
+| Wheel smoke | PASS (29 wheel modules import from the wheel; `/health` returns `4.4.0`) |
+| `npm pack --dry-run` | PASS (315 files) |
+
+## 11. v4.4.0 Artifacts Built
+
+- `dist/ltcai-4.4.0-py3-none-any.whl` (contains `lattice_brain/graph/*`,
+  `lattice_brain/runtime/*`; verified by wheel content check + smoke)
+- `dist/ltcai-4.4.0.tar.gz`
+- `ltcai-4.4.0.tgz` (npm pack)
+- `dist/ltcai-4.4.0.vsix` (built via `scripts/build_vsix.mjs`)
+- `src-tauri/target/release/bundle/dmg/Lattice AI_4.4.0_aarch64.dmg`
+
+Per instructions: GitHub Release attachment uses only these exact validated
+v4.4.0 artifacts. External package registries are not published.

package/docs/V4_DIGITAL_BRAIN_RECOVERY.md

@@ -5,22 +5,21 @@
 > completed analysis. **Update this file before ending any phase and before any
 > likely session/context/usage limit.**
 >
-> Last updated: 2026-06-12 — v4.3.1 End-User Audit Repair RC; Remaining Gaps remain empty
+> Last updated: 2026-06-13 — v4.3.3 Dead-Code Cleanup Release; Remaining Gaps remain empty
 
 ---
 
-## 0. RELEASE STATUS (v4.3.1 RC)
-
-**v4.3.1 repairs the v4.3.0 end-user audit blockers without redesigning the
-Digital Brain frontend, Brain Core, storage, or agent/workflow architecture.**
-Latest implementation milestone: desktop sidecar startup/status/shutdown,
-npm clean install bootstrap, default-off model downloads/engine installs,
-agent simulation refusal, workflow create/import/export/run UI, configured
-port reporting, Postgres dependency status, sqlite-vec fallback honesty, and
-`.latticebrain` bundle-section claims now match observed runtime behavior.
-The v4.3.1 RC process builds validated artifacts only. It does not tag, create a
-GitHub Release, publish to PyPI, npm Registry, VS Code Marketplace, Open VSX, or
-deploy to production targets.
+## 0. RELEASE STATUS (v4.3.3)
+
+**v4.3.3 promotes the post-cleanup main tree after the independent dead-code,
+architecture, and runtime audit without redesigning the Digital Brain frontend,
+Brain Core, storage, or agent/workflow architecture.** Latest implementation
+milestone: v4.3.2 product polish plus post-audit cleanup, architecture
+documentation correction, Vercel/static-docs readiness, README badge
+restoration, and exact-current-main release artifacts.
+The v4.3.3 process creates a GitHub Release from locally validated artifacts.
+PyPI, npm Registry, VS Code Marketplace, Open VSX, and production deployments
+remain owner-only external publishing steps.
 Remaining implementation gaps: **none**.
 Owner-only blockers: pptx history rewrite (requires force-push/owner decision)
 and consent-gated production embedder provisioning (silent default download is
@@ -28,12 +27,12 @@ not permitted).
 
 ## Remaining Gaps
 
-None. v4.3.1 preserves the already-empty v4.3.0 gap list and closes the audit
-repair work: desktop sidecar startup is visible/statused, npm clean install is
-packaged, Model Load is local-only by default, agent simulation is refused as a
-product success state, workflows have real create/import/export/run paths, and
-storage/archive status surfaces are honest. Owner-only blockers above are
-intentionally not implementation gaps.
+None. v4.3.3 preserves the already-empty v4.3.2 gap list and promotes the
+post-cleanup tree: Brain graph exploration remains real and API-backed, raw
+product JSON dumps remain replaced with readable state, archive import/restore
+flows remain exposed through existing APIs, desktop sidecar behavior remains
+validated, and exact v4.3.3 release artifacts are the release target.
+Owner-only blockers above are intentionally not implementation gaps.
 
 ## 1. Program Charter (from the user's v4.0.0 directive)
 

package/frontend/openapi.json

@@ -3553,7 +3553,7 @@
   },
   "info": {
     "title": "Lattice AI Server (local)",
-    "version": "4.3.1"
+    "version": "4.3.3"
   },
   "openapi": "3.1.0",
   "paths": {

package/frontend/src/components/primitives.tsx

@@ -5,7 +5,7 @@ import { ApiResult } from "@/api/client";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { cn, asArray, fmtNumber, titleize } from "@/lib/utils";
+import { cn, asArray, fmtNumber, shortId, titleize } from "@/lib/utils";
 
 export function SourceBadge({ result }: { result?: Pick<ApiResult, "source" | "ok" | "status"> }) {
   if (!result) return <Badge variant="muted">not loaded</Badge>;
@@ -81,12 +81,41 @@ export function StatGrid({ stats }: { stats: Array<{ label: string; value: unkno
   );
 }
 
-export function JsonView({ value }: { value: unknown }) {
-  return (
-    <pre className="max-h-80 overflow-auto rounded-md border border-border bg-muted/40 p-3 text-xs leading-relaxed text-muted-foreground">
-      {JSON.stringify(value, null, 2)}
-    </pre>
-  );
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return Boolean(value && typeof value === "object" && !Array.isArray(value));
+}
+
+function scalarText(value: unknown) {
+  if (value === null || value === undefined || value === "") return "-";
+  if (typeof value === "number") return Number.isFinite(value) ? fmtNumber(value) : "-";
+  if (typeof value === "boolean") return value ? "Enabled" : "Disabled";
+  return String(value);
+}
+
+export function ValuePreview({ value }: { value: unknown }) {
+  if (typeof value === "boolean") {
+    return <Badge variant={value ? "success" : "muted"}>{value ? "enabled" : "disabled"}</Badge>;
+  }
+  if (Array.isArray(value)) {
+    if (!value.length) return <span className="text-muted-foreground">None</span>;
+    const primitive = value.every((item) => item === null || ["string", "number", "boolean"].includes(typeof item));
+    if (primitive) {
+      return (
+        <span className="flex flex-wrap gap-1">
+          {value.slice(0, 5).map((item, index) => <Badge key={`${String(item)}-${index}`} variant="muted">{scalarText(item)}</Badge>)}
+          {value.length > 5 ? <Badge variant="muted">+{value.length - 5}</Badge> : null}
+        </span>
+      );
+    }
+    return <span className="text-muted-foreground">{fmtNumber(value.length)} records</span>;
+  }
+  if (isRecord(value)) {
+    const keys = Object.keys(value);
+    if (!keys.length) return <span className="text-muted-foreground">No fields</span>;
+    return <span className="text-muted-foreground">{keys.slice(0, 4).map(titleize).join(", ")}{keys.length > 4 ? ` +${keys.length - 4}` : ""}</span>;
+  }
+  const text = scalarText(value);
+  return <span className="break-words">{text.length > 96 ? shortId(text, 96) : text}</span>;
 }
 
 export function KeyValueList({ data, limit = 8 }: { data: Record<string, unknown>; limit?: number }) {
@@ -97,13 +126,63 @@ export function KeyValueList({ data, limit = 8 }: { data: Record<string, unknown
       {rows.map(([key, value]) => (
         <div key={key} className="grid grid-cols-[minmax(9rem,0.5fr)_1fr] gap-3 p-3 text-sm">
           <span className="font-medium text-muted-foreground">{titleize(key)}</span>
-          <span className="break-words">{typeof value === "object" ? JSON.stringify(value) : String(value ?? "-")}</span>
+          <span className="min-w-0 break-words"><ValuePreview value={value} /></span>
         </div>
       ))}
     </div>
   );
 }
 
+export function StructuredView({
+  value,
+  titleKey = "title",
+  metaKey = "status",
+  limit = 8,
+}: {
+  value: unknown;
+  titleKey?: string;
+  metaKey?: string;
+  limit?: number;
+}) {
+  if (Array.isArray(value)) {
+    if (!value.length) return <EmptyState title="No records" detail="The API returned an empty collection." />;
+    if (value.every((item) => isRecord(item))) {
+      return <EntityList items={value} titleKey={titleKey} metaKey={metaKey} limit={limit} />;
+    }
+    return (
+      <div className="flex flex-wrap gap-1 rounded-md border border-border bg-background p-3">
+        {value.slice(0, limit).map((item, index) => <Badge key={`${String(item)}-${index}`} variant="muted">{scalarText(item)}</Badge>)}
+        {value.length > limit ? <Badge variant="muted">+{value.length - limit}</Badge> : null}
+      </div>
+    );
+  }
+  if (isRecord(value)) return <KeyValueList data={value} limit={limit} />;
+  return (
+    <div className="rounded-md border border-border bg-background p-3 text-sm">
+      <ValuePreview value={value} />
+    </div>
+  );
+}
+
+export function OperationResult({
+  result,
+  successLabel = "Request completed",
+}: {
+  result?: ApiResult<unknown> | null;
+  successLabel?: string;
+}) {
+  if (!result) return null;
+  if (!result.ok) {
+    return <EmptyState title="Request unavailable" detail={result.error || <ValuePreview value={result.data} />} />;
+  }
+  return (
+    <div className="space-y-2 rounded-md border border-border bg-background p-3">
+      <Badge variant="success">{successLabel}</Badge>
+      <StructuredView value={result.data} />
+    </div>
+  );
+}
+
 export function EntityList({
   items,
   titleKey = "title",
@@ -125,8 +204,11 @@ export function EntityList({
             <div className="font-medium">{String(item[titleKey] || item.name || item.id || `Record ${index + 1}`)}</div>
             <Badge variant="muted">{String(item[metaKey] || item.status || item.state || "record")}</Badge>
           </div>
-          {item.summary || item.description || item.path ? (
-            <p className="mt-1 text-sm text-muted-foreground">{String(item.summary || item.description || item.path)}</p>
+          {item.summary || item.description || item.path || (item.id && item[titleKey] !== item.id) ? (
+            <p className="mt-1 text-sm text-muted-foreground">{String(item.summary || item.description || item.path || item.id)}</p>
+          ) : null}
+          {item.id && item[titleKey] !== item.id ? (
+            <div className="mt-1 text-xs text-muted-foreground">{shortId(item.id, 48)}</div>
           ) : null}
         </div>
       ))}

package/frontend/src/pages/Act.tsx

@@ -3,7 +3,7 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import ReactFlow, { Background, Controls, Edge, Node } from "reactflow";
 import { Bot, GitBranch, PauseCircle, Play, Workflow } from "lucide-react";
 import { latticeApi } from "@/api/client";
-import { ActionButton, DataPanel, EntityList, JsonView, Tabs } from "@/components/primitives";
+import { ActionButton, DataPanel, EntityList, KeyValueList, OperationResult, StructuredView, Tabs } 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";
@@ -81,11 +81,11 @@ function AgentsPanel() {
           >
             <Play className="h-4 w-4" /> {runtimeReady ? "Run pipeline" : "Agent execution unavailable"}
           </Button>
-          {run.data ? <JsonView value={run.data.data || run.data.error} /> : null}
+          {run.data ? <OperationResult result={run.data} successLabel="Agent run request completed" /> : null}
         </CardContent>
       </Card>
       <DataPanel title="Runtime status" result={runtime.data}>
-        {(data) => <JsonView value={data} />}
+        {(data) => <StructuredView value={data} />}
       </DataPanel>
       <DataPanel title="Agent registry" result={registry.data}>
         {(data) => (
@@ -99,7 +99,7 @@ function AgentsPanel() {
         )}
       </DataPanel>
       <DataPanel title="Agent capabilities" result={caps.data}>
-        {(data) => <JsonView value={data} />}
+        {(data) => <StructuredView value={data} />}
       </DataPanel>
     </div>
   );
@@ -129,7 +129,9 @@ function RunsPanel() {
                 <div key={token} className="flex flex-wrap items-center justify-between gap-3 rounded-md border border-border p-3">
                   <div>
                     <div className="font-medium">{shortId(token, 16)}</div>
-                    <div className="text-sm text-muted-foreground">{JSON.stringify(value)}</div>
+                    <div className="mt-2">
+                      <KeyValueList data={(value || {}) as Record<string, unknown>} limit={5} />
+                    </div>
                   </div>
                   <div className="flex gap-2">
                     <ActionButton label="Approve" action={() => latticeApi.approvePermission(token)} invalidate={["permissions"]} />
@@ -228,8 +230,8 @@ function WorkflowsPanel() {
               </div>
               <Textarea value={importText} onChange={(event) => setImportText(event.target.value)} placeholder="Paste exported workflow JSON" />
               <Button variant="outline" disabled={!importText.trim() || importWorkflow.isPending} onClick={() => importWorkflow.mutate()}>Import</Button>
-              {create.data ? <JsonView value={create.data.data || create.data.error} /> : null}
-              {importWorkflow.data ? <JsonView value={importWorkflow.data.data || importWorkflow.data.error} /> : null}
+              {create.data ? <OperationResult result={create.data} successLabel="Workflow created" /> : null}
+              {importWorkflow.data ? <OperationResult result={importWorkflow.data} successLabel="Workflow imported" /> : null}
             </div>
             {workflows.length ? workflows.map((workflow) => {
               const id = String(workflow.id || workflow.workflow_id);
@@ -247,7 +249,7 @@ function WorkflowsPanel() {
         )}
       </DataPanel>
       <DataPanel title="Trigger configuration" result={triggers.data} className="xl:col-span-2">
-        {(data) => <JsonView value={data} />}
+        {(data) => <StructuredView value={data} />}
       </DataPanel>
     </div>
   );
@@ -300,7 +302,7 @@ function ToolsPanel() {
   const tools = useQuery({ queryKey: ["toolPermissions"], queryFn: latticeApi.toolPermissions });
   return (
     <DataPanel title="Tool governance" result={tools.data}>
-      {(data) => <JsonView value={data} />}
+      {(data) => <EntityList items={(data as Record<string, unknown>).permissions || data} titleKey="tool" metaKey="risk" />}
     </DataPanel>
   );
 }

package/frontend/src/pages/Ask.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { ImagePlus, MessageSquare, Send, Trash2 } from "lucide-react";
 import { latticeApi } from "@/api/client";
-import { DataPanel, EmptyState, EntityList, JsonView, SourceBadge } from "@/components/primitives";
+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";
@@ -193,7 +193,7 @@ function ContextPreview({ question, trace }: { question: string; trace: unknown
           <CardTitle>Why this context</CardTitle>
           <CardDescription>Trace emitted by `/chat` when the backend includes it.</CardDescription>
         </CardHeader>
-        <CardContent>{trace ? <JsonView value={trace} /> : <EmptyState title="No trace yet" />}</CardContent>
+        <CardContent>{trace ? <StructuredView value={trace} /> : <EmptyState title="No trace yet" />}</CardContent>
       </Card>
     </>
   );