Fix settings routing and remove duplicate migration helpers

Author: shivamhwp

apps/server/src/persistence/Migrations.ts

@@ -31,7 +31,6 @@ import Migration0015 from "./Migrations/015_ProjectionTurnsSourceProposedPlan.ts
 import Migration0016 from "./Migrations/016_CanonicalizeModelSelections.ts";
 import Migration0017 from "./Migrations/017_ProjectionThreadsArchivedAt.ts";
 import Migration0018 from "./Migrations/018_ProjectionThreadsArchivedAtIndex.ts";
-import Migration0019 from "./Migrations/019_FixProjectDefaultModelSelection.ts";
 
 /**
  * Migration loader with all migrations defined inline.
@@ -62,7 +61,6 @@ export const migrationEntries = [
   [16, "CanonicalizeModelSelections", Migration0016],
   [17, "ProjectionThreadsArchivedAt", Migration0017],
   [18, "ProjectionThreadsArchivedAtIndex", Migration0018],
-  [19, "FixProjectDefaultModelSelection", Migration0019],
 ] as const;
 
 export const makeMigrationLoader = (throughId?: number) =>

apps/server/src/persistence/Migrations/016_CanonicalizeModelSelections.test.ts

@@ -128,6 +128,20 @@ layer("016_CanonicalizeModelSelections", (it) => {
           '{"projectId":"project-2","title":"Fallback Project","workspaceRoot":"/tmp/project-2","defaultModel":"claude-opus-4-6","defaultModelOptions":{"codex":{"reasoningEffort":"low"}},"scripts":[],"createdAt":"2026-01-01T00:00:00.000Z","updatedAt":"2026-01-01T00:00:00.000Z"}',
           '{}'
         ),
+        (
+          'event-project-created-null-model',
+          'project',
+          'project-3',
+          1,
+          'project.created',
+          '2026-01-01T00:00:00.000Z',
+          'command-project-created-null-model',
+          NULL,
+          'correlation-project-created-null-model',
+          'user',
+          '{"projectId":"project-3","title":"Null Model Project","workspaceRoot":"/tmp/project-3","defaultModel":null,"scripts":[],"createdAt":"2026-01-01T00:00:00.000Z","updatedAt":"2026-01-01T00:00:00.000Z"}',
+          '{}'
+        ),
         (
           'event-thread-created',
           'thread',
@@ -284,6 +298,16 @@ layer("016_CanonicalizeModelSelections", (it) => {
           });
 
           assert.deepStrictEqual(JSON.parse(eventRows[2]!.payloadJson), {
+            projectId: "project-3",
+            title: "Null Model Project",
+            workspaceRoot: "/tmp/project-3",
+            defaultModelSelection: null,
+            scripts: [],
+            createdAt: "2026-01-01T00:00:00.000Z",
+            updatedAt: "2026-01-01T00:00:00.000Z",
+          });
+
+          assert.deepStrictEqual(JSON.parse(eventRows[3]!.payloadJson), {
             threadId: "thread-1",
             projectId: "project-1",
             title: "Thread",
@@ -303,7 +327,7 @@ layer("016_CanonicalizeModelSelections", (it) => {
             updatedAt: "2026-01-01T00:00:00.000Z",
           });
 
-          assert.deepStrictEqual(JSON.parse(eventRows[3]!.payloadJson), {
+          assert.deepStrictEqual(JSON.parse(eventRows[4]!.payloadJson), {
             threadId: "thread-2",
             projectId: "project-1",
             title: "Fallback Thread",
@@ -322,7 +346,7 @@ layer("016_CanonicalizeModelSelections", (it) => {
             updatedAt: "2026-01-01T00:00:00.000Z",
           });
 
-          assert.deepStrictEqual(JSON.parse(eventRows[4]!.payloadJson), {
+          assert.deepStrictEqual(JSON.parse(eventRows[5]!.payloadJson), {
             threadId: "thread-1",
             turnId: "turn-1",
             input: "hi",
@@ -336,7 +360,7 @@ layer("016_CanonicalizeModelSelections", (it) => {
             deliveryMode: "buffered",
           });
 
-          assert.deepStrictEqual(JSON.parse(eventRows[5]!.payloadJson), {
+          assert.deepStrictEqual(JSON.parse(eventRows[6]!.payloadJson), {
             threadId: "thread-3",
             projectId: "project-1",
             title: "Ancient Thread",

apps/server/src/persistence/Migrations/019_FixProjectDefaultModelSelection.ts

@@ -0,0 +1,49 @@
+import { useEffect, type ReactNode } from "react";
+import { useNavigate } from "@tanstack/react-router";
+
+import ThreadSidebar from "./Sidebar";
+import { Sidebar, SidebarProvider, SidebarRail } from "./ui/sidebar";
+
+const THREAD_SIDEBAR_WIDTH_STORAGE_KEY = "chat_thread_sidebar_width";
+const THREAD_SIDEBAR_MIN_WIDTH = 13 * 16;
+const THREAD_MAIN_CONTENT_MIN_WIDTH = 40 * 16;
+
+export function AppSidebarLayout({ children }: { children: ReactNode }) {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const onMenuAction = window.desktopBridge?.onMenuAction;
+    if (typeof onMenuAction !== "function") {
+      return;
+    }
+
+    const unsubscribe = onMenuAction((action) => {
+      if (action !== "open-settings") return;
+      void navigate({ to: "/settings" });
+    });
+
+    return () => {
+      unsubscribe?.();
+    };
+  }, [navigate]);
+
+  return (
+    <SidebarProvider defaultOpen>
+      <Sidebar
+        side="left"
+        collapsible="offcanvas"
+        className="border-r border-border bg-card text-foreground"
+        resizable={{
+          minWidth: THREAD_SIDEBAR_MIN_WIDTH,
+          shouldAcceptWidth: ({ nextWidth, wrapper }) =>
+            wrapper.clientWidth - nextWidth >= THREAD_MAIN_CONTENT_MIN_WIDTH,
+          storageKey: THREAD_SIDEBAR_WIDTH_STORAGE_KEY,
+        }}
+      >
+        <ThreadSidebar />
+        <SidebarRail />
+      </Sidebar>
+      {children}
+    </SidebarProvider>
+  );
+}

apps/web/src/components/AppSidebarLayout.tsx

@@ -57,7 +57,7 @@ import { useHandleNewThread } from "../hooks/useHandleNewThread";
 import { useThreadActions } from "../hooks/useThreadActions";
 import { selectThreadTerminalState, useTerminalStateStore } from "../terminalStateStore";
 import { toastManager } from "./ui/toast";
-import { formatRelativeTime } from "../formatRelativeTime";
+import { formatRelativeTimeLabel } from "../timestampFormat";
 import { SettingsSidebarNav } from "./settings/SettingsSidebarNav";
 import {
   getArm64IntelBuildWarningDescription,
@@ -194,9 +194,6 @@ function T3Wordmark() {
   );
 }
 
-/**
- */
-
 type SortableProjectHandleProps = Pick<
   ReturnType<typeof useSortable>,
   "attributes" | "listeners" | "setActivatorNodeRef"
@@ -1206,7 +1203,7 @@ export default function Sidebar() {
                         : "text-muted-foreground/40"
                     }`}
                   >
-                    {formatRelativeTime(thread.updatedAt ?? thread.createdAt)}
+                    {formatRelativeTimeLabel(thread.updatedAt ?? thread.createdAt)}
                   </span>
                 )}
               </div>

apps/web/src/components/Sidebar.tsx

@@ -36,8 +36,7 @@ import {
 } from "../../modelSelection";
 import { ensureNativeApi, readNativeApi } from "../../nativeApi";
 import { useStore } from "../../store";
-import { formatRelativeTime as formatArchivedRelativeTime } from "../../formatRelativeTime";
-import { formatRelativeTime } from "../../timestampFormat";
+import { formatRelativeTime, formatRelativeTimeLabel } from "../../timestampFormat";
 import { cn } from "../../lib/utils";
 import { Button } from "../ui/button";
 import { Collapsible, CollapsibleContent } from "../ui/collapsible";
@@ -1352,9 +1351,9 @@ export function ArchivedThreadsPanel() {
                 <div className="min-w-0 flex-1">
                   <h3 className="truncate text-sm font-medium text-foreground">{thread.title}</h3>
                   <p className="text-xs text-muted-foreground">
-                    Archived {formatArchivedRelativeTime(thread.archivedAt ?? thread.createdAt)}
+                    Archived {formatRelativeTimeLabel(thread.archivedAt ?? thread.createdAt)}
                     {" \u00b7 Created "}
-                    {formatArchivedRelativeTime(thread.createdAt)}
+                    {formatRelativeTimeLabel(thread.createdAt)}
                   </p>
                 </div>
                 <Button