diff --git a/web/index.html b/web/index.html
index dcb97f4..ad0475a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Oikos — Control Room</title>
-    <link rel="icon" type="image/png" href="data:image/png;base64,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" />
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
     <link rel="apple-touch-icon" href="apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="192x192" href="android-chrome-192.png" />
     <link rel="icon" type="image/png" sizes="512x512" href="android-chrome-512.png" />
diff --git a/web/public/favicon.svg b/web/public/favicon.svg
new file mode 100644
index 0000000..0f9d502
--- /dev/null
+++ b/web/public/favicon.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="91" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path fill="#58a6ff" d="m45.601 1q20.993 0 33.71 15.946 10.799 13.625 10.799 31.287 0 12.414-5.9548 25.131-5.9548 12.717-16.451 19.176-10.395 6.4592-23.213 6.4592-20.892 0-33.205-16.653-10.395-14.029-10.395-31.489 0-12.717 6.2577-25.232 6.3584-12.616 16.653-18.57 10.295-6.0556 21.801-6.0556zm-3.128 6.5605q-5.3492 0-10.799 3.2296-5.3492 3.1287-8.68 11.102-3.3305 7.9735-3.3305 20.488 0 20.185 7.973 34.82 8.0743 14.634 21.195 14.634 9.7896 0 16.149-8.0743 6.3584-8.0743 6.3584-27.755 0-24.627-10.597-38.756-7.1657-9.6888-18.268-9.6888z"/>
+</svg>
diff --git a/web/src/App.svelte b/web/src/App.svelte
index c1e3bbe..f272cef 100644
--- a/web/src/App.svelte
+++ b/web/src/App.svelte
@@ -22,7 +22,6 @@
   import { Toaster } from '$lib/components/ui/sonner'
   import PlusIcon from '@lucide/svelte/icons/plus'
   import MessageSquareIcon from '@lucide/svelte/icons/message-square'
-  import ListIcon from '@lucide/svelte/icons/list'
   import LayoutDashboardIcon from '@lucide/svelte/icons/layout-dashboard'
   import DatabaseIcon from '@lucide/svelte/icons/database'
   import ActivityIcon from '@lucide/svelte/icons/activity'
@@ -71,8 +70,7 @@
     { id: 'events', label: 'Events', icon: ActivityIcon },
     { id: 'agent', label: 'Agent', icon: BotIcon },
     { id: 'knowledge', label: 'Knowledge', icon: SearchIcon },
-    { id: 'audit', label: 'Audit', icon: ScrollTextIcon },
-    { id: 'sessions', label: 'Sessions', icon: ListIcon }
+    { id: 'audit', label: 'Audit', icon: ScrollTextIcon }
   ]
 </script>
 
@@ -81,8 +79,11 @@
 <Sidebar.Provider>
   <Sidebar.Root collapsible="icon">
     <Sidebar.Header>
-      <div class="flex items-center justify-between px-1">
-        <span class="text-sm font-bold text-primary">Oikos</span>
+      <div class="flex items-center px-1">
+        <svg viewBox="0 0 91 100" class="size-5 shrink-0 fill-white" aria-hidden="true" role="img">
+          <title>Oikos</title>
+          <path d="m45.601 1q20.993 0 33.71 15.946 10.799 13.625 10.799 31.287 0 12.414-5.9548 25.131-5.9548 12.717-16.451 19.176-10.395 6.4592-23.213 6.4592-20.892 0-33.205-16.653-10.395-14.029-10.395-31.489 0-12.717 6.2577-25.232 6.3584-12.616 16.653-18.57 10.295-6.0556 21.801-6.0556zm-3.128 6.5605q-5.3492 0-10.799 3.2296-5.3492 3.1287-8.68 11.102-3.3305 7.9735-3.3305 20.488 0 20.185 7.973 34.82 8.0743 14.634 21.195 14.634 9.7896 0 16.149-8.0743 6.3584-8.0743 6.3584-27.755 0-24.627-10.597-38.756-7.1657-9.6888-18.268-9.6888z" />
+        </svg>
       </div>
       <Sidebar.Menu>
         <Sidebar.MenuItem>
diff --git a/web/src/lib/api.ts b/web/src/lib/api.ts
index a2b0b86..924b44f 100644
--- a/web/src/lib/api.ts
+++ b/web/src/lib/api.ts
@@ -108,6 +108,8 @@ export async function fetchDashboardSummary(): Promise<DashboardSummary | null>
   return res.json()
 }
 
+export type EntityHealth = 'healthy' | 'degraded' | 'down' | 'unknown' | 'stale'
+
 export interface Entity {
   id: string
   slug: string
@@ -118,6 +120,8 @@ export interface Entity {
   version: number
   created_at: string
   updated_at: string
+  health?: EntityHealth | null
+  last_check_at?: string | null
 }
 
 export interface EntityFilters {
@@ -396,6 +400,38 @@ export async function fetchEntityExecutions(entityId: string): Promise<Execution
   return data.items ?? []
 }
 
+export interface Check {
+  id: string
+  slug: string
+  kind: 'http' | 'tcp' | 'disk' | 'cert-expiry' | 'drift' | 'ping' | 'ssh-script'
+  target?: string | null
+  target_type?: string | null
+  config?: Record<string, unknown>
+  interval_s: number
+  timeout_s: number
+  zone?: string | null
+  enabled: boolean
+  version: number
+}
+
+export async function fetchChecksForTarget(targetSlug: string): Promise<Check[]> {
+  const params = new URLSearchParams({ target: targetSlug, limit: '50' })
+  const res = await fetch(`${API}/checks?${params}`)
+  if (!res.ok) return []
+  const data = await res.json()
+  return data.items ?? []
+}
+
+export async function patchCheck(id: string, version: number, patch: { enabled?: boolean; interval_s?: number; timeout_s?: number }): Promise<Check | null> {
+  const res = await fetch(`${API}/checks/${id}`, {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json', 'If-Match': `"${version}"` },
+    body: JSON.stringify(patch)
+  })
+  if (!res.ok) return null
+  return res.json()
+}
+
 export interface AgentActivity {
   id: number
   ts: string
diff --git a/web/src/lib/components/EntityDetailContent.svelte b/web/src/lib/components/EntityDetailContent.svelte
new file mode 100644
index 0000000..f0f8552
--- /dev/null
+++ b/web/src/lib/components/EntityDetailContent.svelte
@@ -0,0 +1,297 @@
+<script lang="ts">
+  import { onMount, tick } from 'svelte'
+  import uPlot from 'uplot'
+  import 'uplot/dist/uPlot.min.css'
+  import {
+    fetchEntity,
+    fetchGraph,
+    fetchMetrics,
+    fetchEntityEvents,
+    fetchEntitySignals,
+    fetchEntityExecutions,
+    fetchEntityKnowledge,
+    fetchChecksForTarget,
+    patchCheck,
+    type Entity,
+    type Relationship,
+    type MetricSeries,
+    type Signal,
+    type Execution,
+    type KnowledgeHit,
+    type Check
+  } from '$lib/api'
+  import { relativeTime } from '$lib/utils'
+  import type { OikosEvent } from '$lib/stores/events'
+  import * as Card from '$lib/components/ui/card'
+  import { Badge } from '$lib/components/ui/badge'
+  import { Skeleton } from '$lib/components/ui/skeleton'
+  import { toast } from 'svelte-sonner'
+
+  let { slug }: { slug: string } = $props()
+
+  let entity = $state<Entity | null>(null)
+  let relations = $state<Relationship[]>([])
+  let metrics = $state<MetricSeries[]>([])
+  let events = $state<OikosEvent[]>([])
+  let signals = $state<Signal[]>([])
+  let executions = $state<Execution[]>([])
+  let knowledge = $state<KnowledgeHit[]>([])
+  let checks = $state<Check[]>([])
+  let loading = $state(true)
+  let chartContainers: Record<string, HTMLDivElement> = {}
+
+  async function load(s: string) {
+    loading = true
+    entity = await fetchEntity(s)
+    if (!entity) {
+      loading = false
+      return
+    }
+    const [graphView, m, ev, sig, exec, kh, ch] = await Promise.all([
+      fetchGraph({ root: entity.id, depth: 1 }),
+      fetchMetrics(entity.id),
+      fetchEntityEvents(entity.id),
+      fetchEntitySignals(entity.id),
+      fetchEntityExecutions(entity.id),
+      fetchEntityKnowledge(entity.id),
+      fetchChecksForTarget(entity.slug)
+    ])
+    relations = graphView?.edges ?? []
+    metrics = m
+    events = ev
+    signals = sig
+    executions = exec
+    knowledge = kh
+    checks = ch
+    loading = false
+
+    await tick()
+    renderCharts()
+  }
+
+  onMount(() => {
+    load(slug)
+  })
+
+  $effect(() => {
+    if (slug) load(slug)
+  })
+
+  function renderCharts() {
+    for (const series of metrics) {
+      const el = chartContainers[series.metric]
+      if (!el) continue
+      el.innerHTML = ''
+      const xs = series.samples.map((s) => new Date(s.ts).getTime() / 1000)
+      const ys = series.samples.map((s) => s.value ?? s.avg ?? null)
+      new uPlot(
+        {
+          width: el.clientWidth || 400,
+          height: 160,
+          series: [{}, { label: series.metric, stroke: '#58a6ff', width: 2 }],
+          axes: [{ stroke: '#8b949e' }, { stroke: '#8b949e' }],
+          scales: { x: { time: true } },
+          legend: { show: false }
+        },
+        [xs, ys],
+        el
+      )
+    }
+  }
+
+  function severityVariant(sev: string): 'default' | 'secondary' | 'destructive' {
+    if (sev === 'critical') return 'destructive'
+    if (sev === 'warning') return 'secondary'
+    return 'default'
+  }
+
+  const healthDot: Record<string, string> = {
+    healthy: 'bg-success',
+    degraded: 'bg-warning',
+    down: 'bg-destructive',
+    stale: 'bg-warning/50',
+    unknown: 'bg-muted-foreground/40'
+  }
+
+  async function toggleCheck(check: Check) {
+    const updated = await patchCheck(check.id, check.version, { enabled: !check.enabled })
+    if (updated) {
+      checks = checks.map((c) => (c.id === check.id ? updated : c))
+      toast.success(`${check.slug} ${updated.enabled ? 'enabled' : 'disabled'}`)
+    } else {
+      toast.error('Failed to update check')
+    }
+  }
+</script>
+
+<div class="@container flex h-full flex-col gap-4 overflow-y-auto p-6">
+  {#if loading}
+    <Skeleton class="h-8 w-48" />
+    <div class="grid grid-cols-1 gap-4 @lg:grid-cols-2">
+      <Skeleton class="h-40 w-full" />
+      <Skeleton class="h-40 w-full" />
+    </div>
+  {:else if !entity}
+    <p class="text-sm text-muted-foreground">Entity "{slug}" not found.</p>
+  {:else}
+    <div class="flex flex-wrap items-center gap-2">
+      <h1 class="font-mono text-lg font-semibold">{entity.slug}</h1>
+      <Badge variant="outline">{entity.type}</Badge>
+      {#if entity.state}<Badge>{entity.state}</Badge>{/if}
+      {#if entity.health}
+        <span class="flex items-center gap-1.5 text-xs text-muted-foreground" title="{entity.health} — checked {relativeTime(entity.last_check_at)}">
+          <span class="size-2 rounded-full {healthDot[entity.health] ?? healthDot.unknown}"></span>
+          {entity.health} · checked {relativeTime(entity.last_check_at)}
+        </span>
+      {/if}
+    </div>
+
+    <Card.Root>
+      <Card.Header>
+        <Card.Title class="text-sm">Monitoring ({checks.length})</Card.Title>
+      </Card.Header>
+      <Card.Content class="flex flex-col gap-1.5">
+        {#each checks as check (check.id)}
+          <div class="flex items-center justify-between gap-2 rounded-md border px-2.5 py-1.5 text-xs">
+            <div class="flex items-center gap-2">
+              <Badge variant="outline" class="font-mono">{check.kind}</Badge>
+              <span class="text-muted-foreground">every {check.interval_s}s</span>
+            </div>
+            <button
+              type="button"
+              class="cursor-pointer"
+              onclick={() => toggleCheck(check)}
+              title={check.enabled ? 'Click to disable' : 'Click to enable'}
+            >
+              <Badge variant={check.enabled ? 'default' : 'secondary'}>{check.enabled ? 'enabled' : 'disabled'}</Badge>
+            </button>
+          </div>
+        {:else}
+          <p class="text-xs text-muted-foreground">No checks configured for this entity.</p>
+        {/each}
+      </Card.Content>
+    </Card.Root>
+
+    <div class="grid grid-cols-1 gap-4 @2xl:grid-cols-2">
+      <Card.Root>
+        <Card.Header>
+          <Card.Title class="text-sm">Attributes</Card.Title>
+        </Card.Header>
+        <Card.Content>
+          {#if entity.attributes && Object.keys(entity.attributes).length}
+            <dl class="flex flex-col gap-1.5 text-xs">
+              {#each Object.entries(entity.attributes) as [key, value]}
+                <div class="flex items-start justify-between gap-3 border-b pb-1.5 last:border-0">
+                  <dt class="shrink-0 font-mono text-muted-foreground">{key}</dt>
+                  <dd class="min-w-0 flex-1 truncate text-right">
+                    {typeof value === 'object' ? JSON.stringify(value) : String(value)}
+                  </dd>
+                </div>
+              {/each}
+            </dl>
+          {:else}
+            <p class="text-xs text-muted-foreground">No attributes.</p>
+          {/if}
+        </Card.Content>
+      </Card.Root>
+
+      <Card.Root>
+        <Card.Header>
+          <Card.Title class="text-sm">Relations ({relations.length})</Card.Title>
+        </Card.Header>
+        <Card.Content class="flex flex-col gap-1">
+          {#each relations as rel}
+            <div class="flex items-center gap-1 font-mono text-xs">
+              <span>{rel.source}</span>
+              <span class="text-muted-foreground">—{rel.type}→</span>
+              <span>{rel.target}</span>
+            </div>
+          {:else}
+            <p class="text-xs text-muted-foreground">No direct relations.</p>
+          {/each}
+        </Card.Content>
+      </Card.Root>
+    </div>
+
+    {#if metrics.length}
+      <Card.Root>
+        <Card.Header>
+          <Card.Title class="text-sm">Metrics</Card.Title>
+        </Card.Header>
+        <Card.Content class="grid grid-cols-1 gap-4 @2xl:grid-cols-2">
+          {#each metrics as series (series.metric)}
+            <div>
+              <p class="mb-1 text-xs text-muted-foreground">{series.metric} ({series.rollup})</p>
+              <div bind:this={chartContainers[series.metric]}></div>
+            </div>
+          {/each}
+        </Card.Content>
+      </Card.Root>
+    {/if}
+
+    <div class="grid grid-cols-1 gap-4 @3xl:grid-cols-3">
+      <Card.Root>
+        <Card.Header>
+          <Card.Title class="text-sm">Open signals</Card.Title>
+        </Card.Header>
+        <Card.Content class="flex flex-col gap-1">
+          {#each signals as signal (signal.id)}
+            <div class="flex items-center justify-between text-xs">
+              <span>{signal.kind}</span>
+              <Badge variant={severityVariant(signal.severity)}>{signal.severity}</Badge>
+            </div>
+          {:else}
+            <p class="text-xs text-muted-foreground">None.</p>
+          {/each}
+        </Card.Content>
+      </Card.Root>
+
+      <Card.Root>
+        <Card.Header>
+          <Card.Title class="text-sm">Executions</Card.Title>
+        </Card.Header>
+        <Card.Content class="flex flex-col gap-1">
+          {#each executions as execution (execution.id)}
+            <div class="flex items-center justify-between text-xs">
+              <span>{execution.action}</span>
+              <Badge variant="outline">{execution.status}</Badge>
+            </div>
+          {:else}
+            <p class="text-xs text-muted-foreground">None.</p>
+          {/each}
+        </Card.Content>
+      </Card.Root>
+
+      <Card.Root>
+        <Card.Header>
+          <Card.Title class="text-sm">Knowledge</Card.Title>
+        </Card.Header>
+        <Card.Content class="flex flex-col gap-1">
+          {#each knowledge as hit (hit.id)}
+            <div class="text-xs">
+              <Badge variant="outline" class="mr-1">{hit.type}</Badge>{hit.title}
+            </div>
+          {:else}
+            <p class="text-xs text-muted-foreground">None linked.</p>
+          {/each}
+        </Card.Content>
+      </Card.Root>
+    </div>
+
+    <Card.Root>
+      <Card.Header>
+        <Card.Title class="text-sm">Recent events</Card.Title>
+      </Card.Header>
+      <Card.Content class="flex flex-col gap-1">
+        {#each events as ev (ev.id)}
+          <div class="flex items-center gap-2 text-xs">
+            <span class="font-mono text-muted-foreground">{new Date(ev.ts).toLocaleString()}</span>
+            <span>{ev.type}</span>
+          </div>
+        {:else}
+          <p class="text-xs text-muted-foreground">No events yet.</p>
+        {/each}
+      </Card.Content>
+    </Card.Root>
+  {/if}
+</div>
diff --git a/web/src/lib/components/EntitySheet.svelte b/web/src/lib/components/EntitySheet.svelte
new file mode 100644
index 0000000..f74aaf1
--- /dev/null
+++ b/web/src/lib/components/EntitySheet.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  import EntityDetailContent from '$lib/components/EntityDetailContent.svelte'
+  import * as Sheet from '$lib/components/ui/sheet'
+
+  let { slug, open = $bindable(false) }: { slug: string | null; open?: boolean } = $props()
+</script>
+
+<Sheet.Root bind:open>
+  <Sheet.Content side="right" class="w-full p-0 sm:max-w-2xl">
+    <Sheet.Header class="sr-only">
+      <Sheet.Title>{slug ?? 'Entity detail'}</Sheet.Title>
+      <Sheet.Description>Entity detail panel</Sheet.Description>
+    </Sheet.Header>
+    {#if slug}
+      <EntityDetailContent {slug} />
+    {/if}
+  </Sheet.Content>
+</Sheet.Root>
diff --git a/web/src/lib/components/SessionRail.svelte b/web/src/lib/components/SessionRail.svelte
new file mode 100644
index 0000000..6ce7dc4
--- /dev/null
+++ b/web/src/lib/components/SessionRail.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+  import { onMount } from 'svelte'
+  import { sessions, currentSession, loadSessions, loadSessionMessages, newChat } from '$lib/stores/chat'
+  import { relativeTime } from '$lib/utils'
+  import { Button } from '$lib/components/ui/button'
+  import { ScrollArea } from '$lib/components/ui/scroll-area'
+  import PlusIcon from '@lucide/svelte/icons/plus'
+
+  onMount(() => {
+    loadSessions()
+  })
+
+  // Pick up sessions created/renamed elsewhere (e.g. after a turn completes).
+  $effect(() => {
+    void $currentSession
+    loadSessions()
+  })
+</script>
+
+<aside class="flex h-full w-56 shrink-0 flex-col gap-2 overflow-y-auto border-r bg-card/50 p-2">
+  <Button variant="outline" size="sm" class="justify-start gap-2" onclick={() => newChat()}>
+    <PlusIcon class="size-3.5" />
+    New chat
+  </Button>
+  <ScrollArea class="min-h-0 flex-1">
+    <div class="flex flex-col gap-1 pr-2">
+      {#each $sessions as session (session.id)}
+        <button
+          type="button"
+          class="flex flex-col items-start gap-0.5 rounded-md border px-2 py-1.5 text-left text-xs transition-colors hover:bg-muted/60 {$currentSession === session.id ? 'border-primary bg-muted/50' : 'border-transparent'}"
+          onclick={() => loadSessionMessages(session.id)}
+        >
+          <span class="w-full truncate font-medium">{session.title || 'Untitled'}</span>
+          <span class="text-[11px] text-muted-foreground">{relativeTime(session.last_active_at)}</span>
+        </button>
+      {:else}
+        <p class="px-2 py-4 text-center text-xs text-muted-foreground">No sessions yet.</p>
+      {/each}
+    </div>
+  </ScrollArea>
+</aside>
diff --git a/web/src/lib/components/ui/sheet/sheet-overlay.svelte b/web/src/lib/components/ui/sheet/sheet-overlay.svelte
index 8d33847..e0fc3c9 100644
--- a/web/src/lib/components/ui/sheet/sheet-overlay.svelte
+++ b/web/src/lib/components/ui/sheet/sheet-overlay.svelte
@@ -12,6 +12,6 @@
 <SheetPrimitive.Overlay
 	bind:ref
 	data-slot="sheet-overlay"
-	class={cn("bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className)}
+	class={cn("bg-black/20 fixed inset-0 z-50", className)}
 	{...restProps}
 />
diff --git a/web/src/lib/stores/chat.ts b/web/src/lib/stores/chat.ts
index aa72857..a7cd090 100644
--- a/web/src/lib/stores/chat.ts
+++ b/web/src/lib/stores/chat.ts
@@ -36,6 +36,23 @@ export async function loadSessions() {
   sessions.set(list)
 }
 
+// mergeToolCalls collapses a persisted tool_calls array into one entry per
+// call id. Nomos persists the tool_use and tool_result as two separate
+// entries sharing the same id (matching the SSE event pair); Chat.svelte
+// renders tools in a keyed {#each ... (tool.id)}, which throws on duplicate
+// keys and silently aborts the whole message list. Live-streamed messages
+// never hit this because sendMessage() merges tool_result into the existing
+// tool_use entry in place rather than appending a second one.
+function mergeToolCalls(raw: ToolCallResult[] | undefined): ToolCallResult[] {
+  const byId = new Map<string, ToolCallResult>()
+  for (const tc of raw ?? []) {
+    const key = tc.id ?? crypto.randomUUID()
+    const existing = byId.get(key)
+    byId.set(key, existing ? { ...existing, ...tc, id: key } : { ...tc, id: key })
+  }
+  return Array.from(byId.values())
+}
+
 export async function loadSessionMessages(sessionId: string) {
   currentSession.set(sessionId)
   const msgs = await fetchMessages(sessionId)
@@ -44,7 +61,7 @@ export async function loadSessionMessages(sessionId: string) {
     id: m.id,
     role: m.role as 'user' | 'assistant',
     text: m.content?.text ?? (typeof m.content === 'string' ? m.content : ''),
-    tools: m.content?.tool_calls ?? []
+    tools: mergeToolCalls(m.content?.tool_calls)
   }))
   messages.set(chatMsgs)
 }
diff --git a/web/src/lib/utils.ts b/web/src/lib/utils.ts
index 55b3a91..e4a5890 100644
--- a/web/src/lib/utils.ts
+++ b/web/src/lib/utils.ts
@@ -5,6 +5,22 @@ export function cn(...inputs: ClassValue[]) {
 	return twMerge(clsx(inputs));
 }
 
+// relativeTime renders a compact "Xs/Xm/Xh/Xd ago" label for freshness
+// indicators (health checks, live event timestamps, etc).
+export function relativeTime(iso: string | null | undefined): string {
+	if (!iso) return "never";
+	const ms = Date.now() - new Date(iso).getTime();
+	if (ms < 0) return "just now";
+	const s = Math.floor(ms / 1000);
+	if (s < 60) return `${s}s ago`;
+	const m = Math.floor(s / 60);
+	if (m < 60) return `${m}m ago`;
+	const h = Math.floor(m / 60);
+	if (h < 24) return `${h}h ago`;
+	const d = Math.floor(h / 24);
+	return `${d}d ago`;
+}
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/web/src/pages/Chat.svelte b/web/src/pages/Chat.svelte
index 57dcf31..eda5a3a 100644
--- a/web/src/pages/Chat.svelte
+++ b/web/src/pages/Chat.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { messages, streaming, sendMessage, cancelStream, error } from '$lib/stores/chat'
   import ContextRail from '$lib/components/ContextRail.svelte'
+  import SessionRail from '$lib/components/SessionRail.svelte'
   import { Button } from '$lib/components/ui/button'
   import { Textarea } from '$lib/components/ui/textarea'
   import ArrowUpIcon from '@lucide/svelte/icons/arrow-up'
@@ -62,6 +63,11 @@
 </script>
 
 <div class="flex h-full min-h-0">
+  {#if showRail}
+    <div class="hidden md:block">
+      <SessionRail />
+    </div>
+  {/if}
   <div class="flex min-w-0 flex-1 flex-col">
     <div class="min-h-0 flex-1 overflow-y-auto">
       <div class="mx-auto flex max-w-3xl flex-col gap-5 p-4">
diff --git a/web/src/pages/Entities.svelte b/web/src/pages/Entities.svelte
index 4f647c7..2dcd76c 100644
--- a/web/src/pages/Entities.svelte
+++ b/web/src/pages/Entities.svelte
@@ -1,12 +1,22 @@
 <script lang="ts">
   import { onMount } from 'svelte'
-  import { fetchEntities, type Entity } from '$lib/api'
+  import { fetchEntities, type Entity, type EntityHealth } from '$lib/api'
   import { liveEvents, subscribeEvents } from '$lib/stores/events'
+  import { relativeTime } from '$lib/utils'
   import * as Table from '$lib/components/ui/table'
   import { Badge } from '$lib/components/ui/badge'
   import { Input } from '$lib/components/ui/input'
   import * as Select from '$lib/components/ui/select'
   import { Skeleton } from '$lib/components/ui/skeleton'
+  import EntitySheet from '$lib/components/EntitySheet.svelte'
+
+  let sheetOpen = $state(false)
+  let selectedSlug = $state<string | null>(null)
+
+  function openEntity(slug: string) {
+    selectedSlug = slug
+    sheetOpen = true
+  }
 
   let entities = $state<Entity[]>([])
   let loading = $state(true)
@@ -47,6 +57,20 @@
     if (state === 'active' || state === 'healthy') return 'default'
     return 'secondary'
   }
+
+  const healthDot: Record<EntityHealth, string> = {
+    healthy: 'bg-success',
+    degraded: 'bg-warning',
+    down: 'bg-destructive',
+    stale: 'bg-warning/50',
+    unknown: 'bg-muted-foreground/40'
+  }
+
+  function healthTitle(entity: Entity): string {
+    if (!entity.health) return 'not monitored'
+    if (entity.health === 'stale') return `stale — last checked ${relativeTime(entity.last_check_at)}`
+    return `${entity.health} — checked ${relativeTime(entity.last_check_at)}`
+  }
 </script>
 
 <div class="flex h-full flex-col gap-4 p-6">
@@ -85,14 +109,14 @@
             <Table.Head>Type</Table.Head>
             <Table.Head>Name</Table.Head>
             <Table.Head>State</Table.Head>
-            <Table.Head>Updated</Table.Head>
+            <Table.Head>Health</Table.Head>
           </Table.Row>
         </Table.Header>
         <Table.Body>
           {#each filtered as entity (entity.id)}
             <Table.Row
               class="cursor-pointer"
-              onclick={() => (location.hash = '#/entity/' + encodeURIComponent(entity.slug))}
+              onclick={() => openEntity(entity.slug)}
             >
               <Table.Cell class="font-mono text-xs">{entity.slug}</Table.Cell>
               <Table.Cell><Badge variant="outline">{entity.type}</Badge></Table.Cell>
@@ -104,9 +128,16 @@
                   <span class="text-muted-foreground">—</span>
                 {/if}
               </Table.Cell>
-              <Table.Cell class="text-xs text-muted-foreground"
-                >{new Date(entity.updated_at).toLocaleString()}</Table.Cell
-              >
+              <Table.Cell>
+                {#if entity.health}
+                  <span class="flex items-center gap-1.5 text-xs" title={healthTitle(entity)}>
+                    <span class="size-2 shrink-0 rounded-full {healthDot[entity.health]}"></span>
+                    <span class="text-muted-foreground">{relativeTime(entity.last_check_at)}</span>
+                  </span>
+                {:else}
+                  <span class="text-xs text-muted-foreground">—</span>
+                {/if}
+              </Table.Cell>
             </Table.Row>
           {:else}
             <Table.Row>
@@ -120,3 +151,5 @@
     </div>
   {/if}
 </div>
+
+<EntitySheet slug={selectedSlug} bind:open={sheetOpen} />
diff --git a/web/src/pages/EntityDetail.svelte b/web/src/pages/EntityDetail.svelte
index 97c51b6..7e9b822 100644
--- a/web/src/pages/EntityDetail.svelte
+++ b/web/src/pages/EntityDetail.svelte
@@ -1,226 +1,7 @@
 <script lang="ts">
-  import { onMount, tick } from 'svelte'
-  import uPlot from 'uplot'
-  import 'uplot/dist/uPlot.min.css'
-  import {
-    fetchEntity,
-    fetchGraph,
-    fetchMetrics,
-    fetchEntityEvents,
-    fetchEntitySignals,
-    fetchEntityExecutions,
-    fetchEntityKnowledge,
-    type Entity,
-    type Relationship,
-    type MetricSeries,
-    type Signal,
-    type Execution,
-    type KnowledgeHit
-  } from '$lib/api'
-  import type { OikosEvent } from '$lib/stores/events'
-  import * as Card from '$lib/components/ui/card'
-  import { Badge } from '$lib/components/ui/badge'
-  import { Skeleton } from '$lib/components/ui/skeleton'
+  import EntityDetailContent from '$lib/components/EntityDetailContent.svelte'
 
   let { slug }: { slug: string } = $props()
-
-  let entity = $state<Entity | null>(null)
-  let relations = $state<Relationship[]>([])
-  let metrics = $state<MetricSeries[]>([])
-  let events = $state<OikosEvent[]>([])
-  let signals = $state<Signal[]>([])
-  let executions = $state<Execution[]>([])
-  let knowledge = $state<KnowledgeHit[]>([])
-  let loading = $state(true)
-  let chartContainers: Record<string, HTMLDivElement> = {}
-
-  async function load(s: string) {
-    loading = true
-    entity = await fetchEntity(s)
-    if (!entity) {
-      loading = false
-      return
-    }
-    const [graphView, m, ev, sig, exec, kh] = await Promise.all([
-      fetchGraph({ root: entity.id, depth: 1 }),
-      fetchMetrics(entity.id),
-      fetchEntityEvents(entity.id),
-      fetchEntitySignals(entity.id),
-      fetchEntityExecutions(entity.id),
-      fetchEntityKnowledge(entity.id)
-    ])
-    relations = graphView?.edges ?? []
-    metrics = m
-    events = ev
-    signals = sig
-    executions = exec
-    knowledge = kh
-    loading = false
-
-    await tick()
-    renderCharts()
-  }
-
-  onMount(() => {
-    load(slug)
-  })
-
-  $effect(() => {
-    if (slug) load(slug)
-  })
-
-  function renderCharts() {
-    for (const series of metrics) {
-      const el = chartContainers[series.metric]
-      if (!el) continue
-      el.innerHTML = ''
-      const xs = series.samples.map((s) => new Date(s.ts).getTime() / 1000)
-      const ys = series.samples.map((s) => s.value ?? s.avg ?? null)
-      new uPlot(
-        {
-          width: el.clientWidth || 400,
-          height: 160,
-          series: [{}, { label: series.metric, stroke: '#58a6ff', width: 2 }],
-          axes: [{ stroke: '#8b949e' }, { stroke: '#8b949e' }],
-          scales: { x: { time: true } },
-          legend: { show: false }
-        },
-        [xs, ys],
-        el
-      )
-    }
-  }
-
-  function severityVariant(sev: string): 'default' | 'secondary' | 'destructive' {
-    if (sev === 'critical') return 'destructive'
-    if (sev === 'warning') return 'secondary'
-    return 'default'
-  }
 </script>
 
-<div class="flex h-full flex-col gap-4 overflow-y-auto p-6">
-  {#if loading}
-    <Skeleton class="h-8 w-48" />
-    <div class="grid grid-cols-2 gap-4">
-      <Skeleton class="h-40 w-full" />
-      <Skeleton class="h-40 w-full" />
-    </div>
-  {:else if !entity}
-    <p class="text-sm text-muted-foreground">Entity "{slug}" not found.</p>
-  {:else}
-    <div class="flex items-center gap-2">
-      <h1 class="font-mono text-lg font-semibold">{entity.slug}</h1>
-      <Badge variant="outline">{entity.type}</Badge>
-      {#if entity.state}<Badge>{entity.state}</Badge>{/if}
-    </div>
-
-    <div class="grid grid-cols-1 gap-4 lg:grid-cols-2">
-      <Card.Root>
-        <Card.Header>
-          <Card.Title class="text-sm">Attributes</Card.Title>
-        </Card.Header>
-        <Card.Content>
-          <pre class="overflow-x-auto rounded bg-muted p-2 text-xs">{JSON.stringify(entity.attributes, null, 2)}</pre>
-        </Card.Content>
-      </Card.Root>
-
-      <Card.Root>
-        <Card.Header>
-          <Card.Title class="text-sm">Relations ({relations.length})</Card.Title>
-        </Card.Header>
-        <Card.Content class="flex flex-col gap-1">
-          {#each relations as rel}
-            <div class="flex items-center gap-1 font-mono text-xs">
-              <span>{rel.source}</span>
-              <span class="text-muted-foreground">—{rel.type}→</span>
-              <span>{rel.target}</span>
-            </div>
-          {:else}
-            <p class="text-xs text-muted-foreground">No direct relations.</p>
-          {/each}
-        </Card.Content>
-      </Card.Root>
-    </div>
-
-    {#if metrics.length}
-      <Card.Root>
-        <Card.Header>
-          <Card.Title class="text-sm">Metrics</Card.Title>
-        </Card.Header>
-        <Card.Content class="grid grid-cols-1 gap-4 lg:grid-cols-2">
-          {#each metrics as series (series.metric)}
-            <div>
-              <p class="mb-1 text-xs text-muted-foreground">{series.metric} ({series.rollup})</p>
-              <div bind:this={chartContainers[series.metric]}></div>
-            </div>
-          {/each}
-        </Card.Content>
-      </Card.Root>
-    {/if}
-
-    <div class="grid grid-cols-1 gap-4 lg:grid-cols-3">
-      <Card.Root>
-        <Card.Header>
-          <Card.Title class="text-sm">Open signals</Card.Title>
-        </Card.Header>
-        <Card.Content class="flex flex-col gap-1">
-          {#each signals as signal (signal.id)}
-            <div class="flex items-center justify-between text-xs">
-              <span>{signal.kind}</span>
-              <Badge variant={severityVariant(signal.severity)}>{signal.severity}</Badge>
-            </div>
-          {:else}
-            <p class="text-xs text-muted-foreground">None.</p>
-          {/each}
-        </Card.Content>
-      </Card.Root>
-
-      <Card.Root>
-        <Card.Header>
-          <Card.Title class="text-sm">Executions</Card.Title>
-        </Card.Header>
-        <Card.Content class="flex flex-col gap-1">
-          {#each executions as execution (execution.id)}
-            <div class="flex items-center justify-between text-xs">
-              <span>{execution.action}</span>
-              <Badge variant="outline">{execution.status}</Badge>
-            </div>
-          {:else}
-            <p class="text-xs text-muted-foreground">None.</p>
-          {/each}
-        </Card.Content>
-      </Card.Root>
-
-      <Card.Root>
-        <Card.Header>
-          <Card.Title class="text-sm">Knowledge</Card.Title>
-        </Card.Header>
-        <Card.Content class="flex flex-col gap-1">
-          {#each knowledge as hit (hit.id)}
-            <div class="text-xs">
-              <Badge variant="outline" class="mr-1">{hit.type}</Badge>{hit.title}
-            </div>
-          {:else}
-            <p class="text-xs text-muted-foreground">None linked.</p>
-          {/each}
-        </Card.Content>
-      </Card.Root>
-    </div>
-
-    <Card.Root>
-      <Card.Header>
-        <Card.Title class="text-sm">Recent events</Card.Title>
-      </Card.Header>
-      <Card.Content class="flex flex-col gap-1">
-        {#each events as ev (ev.id)}
-          <div class="flex items-center gap-2 text-xs">
-            <span class="font-mono text-muted-foreground">{new Date(ev.ts).toLocaleString()}</span>
-            <span>{ev.type}</span>
-          </div>
-        {:else}
-          <p class="text-xs text-muted-foreground">No events yet.</p>
-        {/each}
-      </Card.Content>
-    </Card.Root>
-  {/if}
-</div>
+<EntityDetailContent {slug} />
diff --git a/web/src/pages/Sessions.svelte b/web/src/pages/Sessions.svelte
index 4db2b62..671b4cb 100644
--- a/web/src/pages/Sessions.svelte
+++ b/web/src/pages/Sessions.svelte
@@ -14,7 +14,10 @@
       <button
         class="session-card"
         class:active={$currentSession === session.id}
-        onclick={() => loadSessionMessages(session.id)}
+        onclick={() => {
+          loadSessionMessages(session.id)
+          location.hash = '#/chat'
+        }}
       >
         <div class="session-title">{session.title || 'Untitled'}</div>
         <div class="session-meta">
diff --git a/web/vite.config.ts b/web/vite.config.ts
index 97acc58..946471b 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -15,7 +15,13 @@ export default defineConfig({
   server: {
     proxy: {
       '/api': 'http://localhost:8090',
-      '/agent': 'http://localhost:8092'
+      // Production Caddy strips /agent before forwarding to nomos
+      // (compose/caddy/Caddyfile.oikos handle_path /agent/*); match that
+      // here so dev and prod agree on nomos's actual route paths.
+      '/agent': {
+        target: 'http://localhost:8092',
+        rewrite: (path) => path.replace(/^\/agent/, '')
+      }
     }
   }
 })