feat(ui,api): strip board redesign - island, rail by day, context view, server search, vault graph

ui/src/routes/conversations/+layout.svelte

@@ -1,16 +1,18 @@
 <script lang="ts">
   import PanelLeftOpenIcon from "@lucide/svelte/icons/panel-left-open";
+  import { goto } from "$app/navigation";
+  import { base } from "$app/paths";
   import { page } from "$app/state";
-  import ConversationList from "$lib/components/conversation-list.svelte";
-  import { Button } from "$lib/components/ui/button";
   import { gateway } from "$lib/gateway.svelte";
+  import Rail from "$lib/rail/rail.svelte";
+  import { session } from "$lib/session.svelte";
   import { ui } from "$lib/ui.svelte";
   import { cn } from "$lib/utils";
 
   let { children } = $props();
 
   const selected = $derived(page.params.id ?? null);
-  const running = $derived(gateway.running.length);
+  const href = (id: string) => `${base}/conversations/${id}`;
 </script>
 
 <svelte:head><title>Conversations · Beaver</title></svelte:head>
@@ -20,39 +22,42 @@
     "grid min-h-0 flex-1 grid-cols-1",
     ui.rail
       ? "lg:grid-cols-[22rem_minmax(0,1fr)]"
-      : "lg:grid-cols-[2.75rem_minmax(0,1fr)]"
+      : "lg:grid-cols-[2.5rem_minmax(0,1fr)]"
   )}
 >
   <div
     class={cn(
-      "min-h-0 border-r bg-sidebar/40",
+      "min-h-0 border-r",
       selected ? "hidden lg:block" : "block"
     )}
   >
     {#if ui.rail}
-      <ConversationList {selected} />
+      {#if session.client}
+        <Rail
+          client={session.client}
+          {href}
+          index={gateway}
+          onOpenFile={(path) =>
+            goto(`${base}/memory?path=${encodeURIComponent(path)}`)}
+          {selected}
+        />
+      {/if}
     {:else}
-      <div class="hidden h-full flex-col items-center gap-2 py-2 lg:flex">
-        <Button
+      <div class="hidden h-full flex-col items-center py-2 lg:flex">
+        <button
           aria-label="Show conversations"
+          class="rule-word inline-flex size-7 items-center justify-center rounded-md"
           onclick={() => ui.toggleRail()}
-          size="icon-sm"
           title="Show conversations"
-          variant="ghost"
+          type="button"
         >
           <PanelLeftOpenIcon class="size-4" />
-        </Button>
-        {#if running > 0}
-          <span
-            class="tabular rounded-full bg-signal/12 px-1.5 font-medium text-signal text-xs"
-            title="{running} running"
-          >
-            {running}
-          </span>
-        {/if}
+        </button>
       </div>
       <div class="h-full lg:hidden">
-        <ConversationList {selected} />
+        {#if session.client}
+          <Rail client={session.client} {href} index={gateway} {selected} />
+        {/if}
       </div>
     {/if}
   </div>