diff --git a/src/components/home/ProjectHome.test.ts b/src/components/home/ProjectHome.test.ts
index b3131f7b..48b2042c 100644
--- a/src/components/home/ProjectHome.test.ts
+++ b/src/components/home/ProjectHome.test.ts
@@ -61,6 +61,63 @@ describe('ProjectRow', () => {
   })
 })
 
+function renderHomeMarkup() {
+  return renderToStaticMarkup(createElement(
+    SettingsUIProvider,
+    { value: { open: vi.fn() } },
+    createElement(
+      TooltipProvider,
+      null,
+      createElement(I18nProvider, { i18n }, createElement(ProjectHome, {
+        activeProjectId: null,
+        projects: [],
+        loadState: 'ready',
+        loadError: null,
+        onOpenProject: vi.fn(),
+        onArchiveProject: vi.fn(),
+        onRestoreProject: vi.fn(),
+        onDeleteProject: vi.fn(),
+        onRenameProject: vi.fn(),
+        onPinProject: vi.fn(),
+        onStartWithBrief: vi.fn(),
+        onImportBoard: vi.fn(),
+        onRetryProjects: vi.fn(),
+      })),
+    ),
+  ))
+}
+
+describe('ProjectHome Start lockup and Continue working', () => {
+  it('anchors the hero with the labelled Cutout symbol above the headline', () => {
+    const html = renderHomeMarkup()
+    const markStart = html.indexOf('data-cutout-brand="symbol"')
+    const headlineStart = html.indexOf('What will we design?')
+
+    expect(markStart).toBeGreaterThan(-1)
+    expect(html).toContain('aria-label="Cutout"')
+    expect(markStart).toBeLessThan(headlineStart)
+  })
+
+  it('gives the composer the taller textarea floor', () => {
+    const html = renderHomeMarkup()
+
+    expect(html).toContain('min-h-36')
+    expect(html).toContain('sm:min-h-32')
+    expect(html).not.toContain('min-h-32 w-full resize-none')
+  })
+
+  it('keeps Continue working on screen with an empty state when nothing is in progress', () => {
+    const html = renderHomeMarkup()
+
+    expect(html).toContain('Continue working')
+    expect(html).toContain('id="home-continue-heading"')
+    expect(html).toContain('aria-labelledby="home-continue-heading"')
+    expect(html).toContain('text-xs font-medium tracking-wide text-muted-foreground uppercase')
+    expect(html).toContain('Nothing in progress yet')
+    expect(html).toContain('border-dashed')
+  })
+})
+
 describe('ProjectHome outcome-first start', () => {
   it('resets and refocuses the mounted Home composer when a new-task signal repeats the route',async()=>{host=document.createElement('div');document.body.append(host);root=createRoot(host);const render=(signal:number)=>act(()=>root?.render(createElement(SettingsUIProvider,{value:{open:vi.fn()}},createElement(TooltipProvider,null,createElement(I18nProvider,{i18n},createElement(ProjectHome,{resetToStartSignal:signal,activeProjectId:null,projects:[],loadState:'ready',loadError:null,onOpenProject:vi.fn(),onArchiveProject:vi.fn(),onRestoreProject:vi.fn(),onDeleteProject:vi.fn(),onRenameProject:vi.fn(),onPinProject:vi.fn(),onStartWithBrief:vi.fn(),onImportBoard:vi.fn(),onRetryProjects:vi.fn()}))))));render(0);const textarea=host.querySelector('textarea') as HTMLTextAreaElement,web=host.querySelector('button[aria-label="Web"]') as HTMLButtonElement;act(()=>web.click());expect(textarea.value).not.toBe('');render(1);await act(settleFocus);const reset=host.querySelector('textarea') as HTMLTextAreaElement;expect(reset.value).toBe('');expect(host.querySelector('button[aria-label="Web"]')?.getAttribute('aria-pressed')).toBe('false');expect(document.activeElement).toBe(reset)})
   it('keeps presets selection-only and creates exactly once on submit',async()=>{const view=mountHome(),web=view.host.querySelector('button[aria-label="Web"]') as HTMLButtonElement,textarea=view.host.querySelector('textarea') as HTMLTextAreaElement;act(()=>{web.click();web.click();web.click()});await act(settleFocus);expect(document.activeElement).toBe(textarea);expect(view.onStartWithBrief).not.toHaveBeenCalled();expect(textarea.value).toBe('Design a responsive web experience for ');expect(web.getAttribute('aria-pressed')).toBe('true');act(()=>web.click());expect(textarea.value).toBe('');expect(web.getAttribute('aria-pressed')).toBe('false');act(()=>web.click());act(()=>textarea.closest('form')?.dispatchEvent(new Event('submit',{bubbles:true,cancelable:true})));expect(view.onStartWithBrief).toHaveBeenCalledTimes(1);expect(view.onStartWithBrief).toHaveBeenCalledWith('Design a responsive web experience for',[])})
diff --git a/src/components/home/ProjectHome.tsx b/src/components/home/ProjectHome.tsx
index 83692629..d0776326 100644
--- a/src/components/home/ProjectHome.tsx
+++ b/src/components/home/ProjectHome.tsx
@@ -1,12 +1,12 @@
 import {
   lazy,
   Suspense,
+  type RefObject,
   useEffect,
   useLayoutEffect,
   useMemo,
   useRef,
   useState,
-  type RefObject,
 } from "react";
 import { Trans, useLingui } from "@lingui/react/macro";
 import { withViewTransition } from "@/lib/view-transition";
@@ -19,31 +19,48 @@ import {
   ChevronLeft,
   ChevronRight,
   Clock3,
+  FileText,
   FolderOpen,
   Globe,
   Images,
   LayoutGrid,
   Library,
   Lightbulb,
-  List,
   Link2,
-  FileText,
+  List,
   Monitor,
   MoreHorizontal,
   Palette,
   Pencil,
-  Plus,
   Pin,
   PinOff,
-  X,
+  Plus,
   Search,
-  SearchX,
   Smartphone,
   Trash2,
   type LucideIcon,
+  X,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Textarea } from "@/components/ui/textarea";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import type { LocalProjectSummary } from "@/services/local/project-repository.local";
+import { cn } from "@/lib/utils";
+import { sortProjects } from "./project-order";
+import { ConnectorMenu } from "@/components/integrations/ConnectorMenu";
+import { CutoutBrandMark } from "@/components/brand/CutoutBrandMark";
+import { SidebarAccount } from "./SidebarAccount";
+import type { DesktopUpdateController } from "@/updater/service";
+import { Input } from "@/components/ui/input";
+import { filterProjects } from "./project-search";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -54,8 +71,6 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Input } from "@/components/ui/input";
 import {
   Dialog,
   DialogContent,
@@ -64,25 +79,8 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import type { LocalProjectSummary } from "@/services/local/project-repository.local";
-import { cn } from "@/lib/utils";
-import { sortProjects } from "./project-order";
-import { filterProjects } from "./project-search";
-import { ConnectorMenu } from "@/components/integrations/ConnectorMenu";
-import { SidebarAccount } from "./SidebarAccount";
-import type { DesktopUpdateController } from "@/updater/service";
+
+export { ProjectCard, ProjectRow };
 
 const GlobalLibraryView = lazy(() =>
   import("@/components/library/GlobalLibraryView").then((module) => ({
@@ -90,26 +88,9 @@ const GlobalLibraryView = lazy(() =>
   })),
 );
 
-type HomeSection =
-  "start" | "library" | "drafts" | "projects" | "archived";
-
 function isDraftProject(project: LocalProjectSummary) {
   return project.status === "Draft" || project.status === "Empty";
 }
-type ProjectLoadState = "loading" | "ready" | "error";
-type DirectoryLayout = "grid" | "list";
-
-const DIRECTORY_LAYOUT_KEY = "cutout.home.directory-layout";
-
-function readDirectoryLayout(): DirectoryLayout {
-  try {
-    return localStorage.getItem(DIRECTORY_LAYOUT_KEY) === "list"
-      ? "list"
-      : "grid";
-  } catch {
-    return "grid";
-  }
-}
 
 interface ProjectHomeProps {
   readonly initialSection?: Extract<HomeSection, "start" | "library">;
@@ -346,12 +327,21 @@ export function ProjectHome({
 
 function LibraryLoadingState() {
   return (
-    <div className="mx-auto flex w-full max-w-6xl flex-col gap-4 px-5 py-6" aria-label="Loading Library">
+    <div
+      className="mx-auto flex w-full max-w-6xl flex-col gap-5 px-6 py-8 lg:px-10 lg:py-10"
+      aria-label="Loading Library"
+    >
       <Skeleton className="h-8 w-48" />
-      <Skeleton className="h-10 w-full" />
-      <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
-        {Array.from({ length: 6 }, (_, index) => (
-          <Skeleton key={index} className="aspect-[4/3] w-full" />
+      <Skeleton className="h-8 w-full" />
+      <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+        {Array.from({ length: 4 }, (_, index) => (
+          <div key={index} className="flex flex-col gap-3">
+            <Skeleton className="aspect-[16/10] w-full rounded-xl" />
+            <div className="flex flex-col gap-2">
+              <Skeleton className="h-3 w-32" />
+              <Skeleton className="h-3 w-20" />
+            </div>
+          </div>
         ))}
       </div>
     </div>
@@ -450,8 +440,8 @@ function WorkspaceHeader({
   ] as const;
 
   return (
-    <header className="flex h-12 shrink-0 items-center justify-between gap-3 border-b border-border bg-background/90 px-3 backdrop-blur">
-      <div className="flex min-w-0 items-center gap-1">
+    <header className="flex h-12 shrink-0 items-center justify-between gap-4 border-b border-border bg-background px-3 backdrop-blur">
+      <div className="flex min-w-0 items-center gap-2">
         <Button
           type="button"
           variant="ghost"
@@ -472,11 +462,11 @@ function WorkspaceHeader({
         >
           <ChevronRight className="size-4" />
         </Button>
-        <span className="ml-1 truncate text-sm font-medium">
+        <span className="truncate text-sm font-medium">
           {sectionLabels[section]}
         </span>
       </div>
-      <div className="flex items-center gap-1.5 overflow-x-auto">
+      <div className="flex items-center gap-2 overflow-x-auto">
         {presets.map((preset) => (
           <Button
             key={preset.id}
@@ -543,10 +533,10 @@ function WorkspaceSidebar({
       />
 
       <div className="mt-7 min-h-0">
-        <p className="px-2 text-[11px] font-medium uppercase text-muted-foreground">
+        <p className="px-3 text-xs font-medium tracking-wide text-muted-foreground uppercase">
           {t({ id: "home.recent_heading", message: "Recent" })}
         </p>
-        <div className="mt-2 space-y-0.5">
+        <div className="mt-2 flex flex-col gap-0.5">
           {recentProjects.length ? (
             recentProjects.map((project) => (
               <ProjectListItem
@@ -561,7 +551,7 @@ function WorkspaceSidebar({
               />
             ))
           ) : (
-            <p className="px-2 py-2 text-xs text-muted-foreground">
+            <p className="px-3 py-2 text-xs text-muted-foreground">
               {t({ id: "home.no_projects_yet", message: "No projects yet" })}
             </p>
           )}
@@ -573,7 +563,7 @@ function WorkspaceSidebar({
 
 function MobileNavigation(props: NavigationProps) {
   return (
-    <div className="sticky top-0 z-10 border-b border-border bg-background/95 px-3 py-2 backdrop-blur md:hidden">
+    <div className="sticky top-0 z-10 border-b border-border bg-background px-3 py-2 backdrop-blur md:hidden">
       <ProjectNavigation {...props} compact />
     </div>
   );
@@ -589,7 +579,9 @@ function ProjectNavigation({
 
   return (
     <nav
-      className={cn(compact ? "grid grid-cols-4 gap-1" : "mt-5 space-y-1")}
+      className={cn(
+        compact ? "grid grid-cols-4 gap-0.5" : "mt-5 flex flex-col gap-0.5",
+      )}
       aria-label={t({
         id: "home.workspace_navigation",
         message: "Workspace navigation",
@@ -677,10 +669,17 @@ function StartWorkspace({
     <div className="mx-auto flex min-h-full w-full max-w-6xl flex-col px-4 py-8 sm:px-6 lg:px-10 lg:py-10">
       <div className="flex flex-1 flex-col justify-center py-8 sm:py-12 lg:py-16">
         <div className="mx-auto w-full max-w-4xl">
+          <div className="flex">
+            <CutoutBrandMark
+              variant="symbol"
+              label="Cutout"
+              className="mx-auto mb-5 h-10 w-auto text-foreground"
+            />
+          </div>
           <h1 className="text-center text-3xl font-semibold tracking-tight sm:text-4xl lg:text-5xl">
             {t({ id: "home.start_title", message: "What will we design?" })}
           </h1>
-          <p className="mx-auto mt-3 max-w-2xl text-center text-sm leading-6 text-muted-foreground sm:text-base sm:leading-7">
+          <p className="mx-auto mt-3 max-w-xl text-center text-sm leading-6 text-muted-foreground">
             {t({
               id: "home.start_description",
               message:
@@ -722,12 +721,12 @@ function StartWorkspace({
                   {attachments.map((file, index) => (
                     <span
                       key={`${file.name}:${file.size}:${index}`}
-                      className="flex max-w-full items-center gap-1.5 rounded-md border border-border bg-muted/50 px-2 py-1 text-xs"
+                      className="flex max-w-full items-center gap-1.5 rounded-md border border-border bg-muted/40 px-2 py-1 text-xs"
                     >
                       <AttachmentThumbnail file={file} />
                       <span className="max-w-40 truncate">{file.name}</span>
                       {file.type.startsWith("video/") ? (
-                        <span className="text-[10px] text-muted-foreground">
+                        <span className="text-xs text-muted-foreground">
                           Adapter required
                         </span>
                       ) : null}
@@ -741,7 +740,7 @@ function StartWorkspace({
                           )
                         }
                       >
-                        <X className="size-3" />
+                        <X className="size-3.5" />
                       </button>
                     </span>
                   ))}
@@ -760,7 +759,7 @@ function StartWorkspace({
                   id: "home.brief_placeholder",
                   message: "Describe the result you want...",
                 })}
-                className="min-h-32 w-full resize-none rounded-none border-0 bg-transparent px-5 pt-4 pb-2 text-base shadow-none outline-none focus-visible:border-0 focus-visible:ring-0 dark:bg-transparent sm:min-h-28 sm:text-lg"
+                className="min-h-36 w-full resize-none rounded-none border-0 bg-transparent px-5 pt-4 pb-2 text-base shadow-none outline-none focus-visible:border-0 focus-visible:ring-0 dark:bg-transparent sm:min-h-32 sm:text-lg"
               />
               <div
                 data-testid="home-composer-actions"
@@ -852,20 +851,26 @@ function StartWorkspace({
             </div>
           </form>
 
-          {recentProjects.length ? (
-            <div className="mt-12">
-              <div className="mb-3 flex items-center justify-between">
-                <h2 className="text-sm font-semibold">
-                  {t({
-                    id: "home.continue_heading",
-                    message: "Continue working",
-                  })}
-                </h2>
-                <span className="text-xs text-muted-foreground">
-                  {t({ id: "home.local_projects", message: "Local projects" })}
-                </span>
-              </div>
-              <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
+          <section
+            className="mt-12 flex flex-col gap-2"
+            aria-labelledby="home-continue-heading"
+          >
+            <div className="flex items-center justify-between gap-4">
+              <h2
+                id="home-continue-heading"
+                className="text-xs font-medium tracking-wide text-muted-foreground uppercase"
+              >
+                {t({
+                  id: "home.continue_heading",
+                  message: "Continue working",
+                })}
+              </h2>
+              <span className="text-xs text-muted-foreground">
+                {t({ id: "home.local_projects", message: "Local projects" })}
+              </span>
+            </div>
+            {recentProjects.length ? (
+              <div className="grid gap-5 sm:grid-cols-2 xl:grid-cols-4">
                 {recentProjects.slice(0, 4).map((project) => (
                   <ProjectListItem
                     key={project.id}
@@ -879,24 +884,61 @@ function StartWorkspace({
                   />
                 ))}
               </div>
-            </div>
-          ) : null}
+            ) : (
+              <div className="flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border px-6 py-12 text-center">
+                <CutoutBrandMark
+                  variant="symbol"
+                  className="h-8 w-auto text-muted-foreground/40"
+                />
+                <p className="text-sm font-medium">
+                  {t({
+                    id: "home.continue_empty_title",
+                    message: "Nothing in progress yet",
+                  })}
+                </p>
+                <p className="max-w-sm text-xs text-muted-foreground">
+                  {t({
+                    id: "home.continue_empty_description",
+                    message:
+                      "Projects you start from the brief above collect here, ready to pick back up.",
+                  })}
+                </p>
+              </div>
+            )}
+          </section>
         </div>
       </div>
     </div>
   );
 }
 
+/**
+ * Raster types only. `image/*` also matches `image/svg+xml`, and an SVG behind
+ * an object URL is a document that can carry its own external references — the
+ * one attachment type worth refusing to preview. Browsers do not run scripts in
+ * SVG loaded through `<img>`, so this is depth rather than a fix for a live
+ * hole, but the allowlist costs nothing and the previous `startsWith("image/")`
+ * was wider than the preview ever needed.
+ */
+const PREVIEWABLE_IMAGE_TYPES = new Set([
+  "image/png",
+  "image/jpeg",
+  "image/gif",
+  "image/webp",
+  "image/avif",
+  "image/bmp",
+]);
+
 function AttachmentThumbnail({ file }: { readonly file: File }) {
   const [url, setUrl] = useState<string>();
   useEffect(() => {
-    if (!file.type.startsWith("image/")) return;
+    if (!PREVIEWABLE_IMAGE_TYPES.has(file.type)) return;
     const next = URL.createObjectURL(file);
     setUrl(next);
     return () => URL.revokeObjectURL(next);
   }, [file]);
   if (url)
-    return <img src={url} alt="" className="size-5 rounded-sm object-cover" />;
+    return <img src={url} alt="" className="size-5 rounded-md object-cover" />;
   return file.type.startsWith("video/") ? (
     <Images className="size-4 text-muted-foreground" />
   ) : (
@@ -904,428 +946,220 @@ function AttachmentThumbnail({ file }: { readonly file: File }) {
   );
 }
 
-function ProjectDirectory({
-  activeProjectId,
-  section,
-  projects,
-  loadState,
-  loadError,
-  onOpenProject,
-  onArchiveProject,
-  onRestoreProject,
-  onDeleteProject,
-  onRenameProject,
-  onPinProject,
-  onRetryProjects,
-  onStartNew,
-}: {
-  readonly activeProjectId: string | null;
-  readonly section: Exclude<HomeSection, "start">;
-  readonly projects: readonly LocalProjectSummary[];
-  readonly loadState: ProjectLoadState;
-  readonly loadError: string | null;
-  readonly onOpenProject: (id: string) => void;
-  readonly onArchiveProject: (id: string) => Promise<boolean>;
-  readonly onRestoreProject: (id: string) => void;
-  readonly onDeleteProject: (id: string) => void;
-  readonly onRenameProject: (
-    project: LocalProjectSummary,
-    name: string,
-  ) => void;
-  readonly onPinProject: (
-    project: LocalProjectSummary,
-    pinned: boolean,
-  ) => void;
-  readonly onRetryProjects: () => void;
-  readonly onStartNew: () => void;
-}) {
-  const { t, i18n } = useLingui();
-  const [query, setQuery] = useState("");
-  const [layout, setLayout] = useState<DirectoryLayout>(readDirectoryLayout);
-  const archived = section === "archived";
-  const title = archived
-    ? t({ id: "home.archived_projects", message: "Archived projects" })
-    : section === "drafts"
-      ? t({ id: "home.drafts", message: "Drafts" })
-      : t({ id: "home.your_projects", message: "Your projects" });
-  const matchedProjects = useMemo(
-    () => filterProjects(projects, query),
-    [projects, query],
-  );
-  const selectLayout = (next: DirectoryLayout) => {
-    setLayout(next);
-    try {
-      localStorage.setItem(DIRECTORY_LAYOUT_KEY, next);
-    } catch {
-      // best-effort persistence only
-    }
-  };
-
-  return (
-    <div className="mx-auto w-full max-w-6xl px-6 py-10 lg:px-10 lg:py-12">
-      <header className="border-b border-border pb-5">
-        <p className="text-sm text-muted-foreground">
-          {t({ id: "home.workspace", message: "Workspace" })}
-        </p>
-        <div className="mt-1 flex flex-wrap items-center justify-between gap-3">
-          <h1 className="text-2xl font-semibold tracking-tight sm:text-3xl">{title}</h1>
-          {loadState === "ready" && projects.length ? (
-            <div className="relative w-full sm:w-64">
-              <Search className="pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
-              <Input
-                type="search"
-                value={query}
-                onChange={(event) => setQuery(event.target.value)}
-                placeholder={t({
-                  id: "home.search_projects",
-                  message: "Search projects...",
-                })}
-                aria-label={t({
-                  id: "home.search_projects",
-                  message: "Search projects...",
-                })}
-                className="h-9 pl-8"
-              />
-            </div>
-          ) : null}
-          <div className="flex items-center rounded-md border border-border p-0.5">
-            <Button
-              type="button"
-              variant={layout === "grid" ? "secondary" : "ghost"}
-              size="icon-sm"
-              className="size-7"
-              aria-label={t({ id: "home.layout_grid", message: "Grid view" })}
-              aria-pressed={layout === "grid"}
-              onClick={() => selectLayout("grid")}
-            >
-              <LayoutGrid className="size-3.5" />
-            </Button>
-            <Button
-              type="button"
-              variant={layout === "list" ? "secondary" : "ghost"}
-              size="icon-sm"
-              className="size-7"
-              aria-label={t({ id: "home.layout_list", message: "List view" })}
-              aria-pressed={layout === "list"}
-              onClick={() => selectLayout("list")}
-            >
-              <List className="size-3.5" />
-            </Button>
-          </div>
-          {!archived ? (
-            <Button type="button" size="sm" onClick={onStartNew}>
-              <Plus className="size-4" />
-              {t({ id: "home.new_project", message: "New project" })}
-            </Button>
-          ) : null}
-        </div>
-      </header>
-      <div className="mt-6">
-        {loadState === "loading" ? (
-          <DirectorySkeleton />
-        ) : loadState === "error" ? (
-          <DirectoryError
-            error={
-              loadError ??
-              t({
-                id: "home.project_load_error",
-                message: "Project storage could not be loaded.",
-              })
-            }
-            onRetry={onRetryProjects}
-          />
-        ) : !projects.length ? (
-          <EmptyDirectory section={section} />
-        ) : !matchedProjects.length ? (
-          <EmptySearchResults query={query} onClear={() => setQuery("")} />
-        ) : layout === "grid" ? (
-          <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            {matchedProjects.map((project) => (
-              <ProjectCard
-                key={project.id}
-                project={project}
-                locale={i18n.locale}
-                active={project.id === activeProjectId}
-                onOpen={() => onOpenProject(project.id)}
-                onArchive={() => onArchiveProject(project.id)}
-                onRestore={() => onRestoreProject(project.id)}
-                onDelete={() => onDeleteProject(project.id)}
-                onRename={(name) => onRenameProject(project, name)}
-                onPin={(pinned) => onPinProject(project, pinned)}
-              />
-            ))}
-          </div>
-        ) : (
-          <div className="divide-y divide-border rounded-lg border border-border bg-background">
-            {matchedProjects.map((project) => (
-              <ProjectRow
-                key={project.id}
-                project={project}
-                locale={i18n.locale}
-                active={project.id === activeProjectId}
-                onOpen={() => onOpenProject(project.id)}
-                onArchive={() => onArchiveProject(project.id)}
-                onRestore={() => onRestoreProject(project.id)}
-                onDelete={() => onDeleteProject(project.id)}
-                onRename={(name) => onRenameProject(project, name)}
-                onPin={(pinned) => onPinProject(project, pinned)}
-              />
-            ))}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export function ProjectRow({
+function ProjectListItem({
   project,
-  locale,
   active,
+  compact = false,
+  card = false,
   onOpen,
   onArchive,
-  onRestore,
-  onDelete,
   onRename,
   onPin,
 }: {
   readonly project: LocalProjectSummary;
-  readonly locale: string;
   readonly active: boolean;
+  readonly compact?: boolean;
+  readonly card?: boolean;
   readonly onOpen: () => void;
   readonly onArchive: () => Promise<boolean>;
-  readonly onRestore: () => void;
-  readonly onDelete: () => void;
   readonly onRename: (name: string) => void;
   readonly onPin: (pinned: boolean) => void;
 }) {
   return (
     <div
       className={cn(
-        "flex items-center gap-3 p-3 transition-colors hover:bg-muted/35",
-        active && "bg-muted/45",
+        "group relative flex min-w-0 items-center rounded-lg transition-colors",
+        compact &&
+          "text-sm text-muted-foreground hover:bg-foreground/5 hover:text-foreground",
+        card &&
+          "rounded-xl border border-border bg-background hover:border-foreground/25",
+        active && "text-foreground",
+        active &&
+          (card ? "ring-1 ring-foreground/15" : "bg-foreground/10 font-medium"),
       )}
     >
       <button
         type="button"
+        aria-current={active ? "page" : undefined}
         aria-label={`Open ${project.name}`}
-        className="flex min-w-0 flex-1 items-center gap-3 text-left"
+        className={cn(
+          "flex min-w-0 flex-1 items-center text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          compact ? "gap-2 px-3 py-1.5 pr-16" : "gap-3 p-3 pr-20",
+        )}
         onClick={onOpen}
       >
-        <ProjectMark project={project} className="size-11" />
-        <span className="min-w-0">
-          <span className="block truncate text-sm font-semibold">
+        <ProjectMark
+          project={project}
+          className={compact ? "size-5" : "size-9"}
+        />
+        <span className="min-w-0 flex-1">
+          <span className={cn("block truncate", card && "text-sm font-medium")}>
             {project.name}
           </span>
-          <span className="mt-0.5 block truncate text-xs text-muted-foreground">
-            {project.brief || <ProjectStatusDescription project={project} />}
-          </span>
+          {card ? (
+            <span className="mt-0.5 block truncate text-xs text-muted-foreground">
+              {project.brief || <ProjectStatusDescription project={project} />}
+            </span>
+          ) : null}
         </span>
       </button>
-      <span className="hidden items-center gap-1 text-xs text-muted-foreground sm:flex">
-        <Images className="size-3" />
-        {project.assetCount}
-      </span>
-      <span className="hidden items-center gap-1 text-xs text-muted-foreground md:flex">
-        <Clock3 className="size-3" />
-        {formatProjectDate(project.updatedAt, locale)}
-      </span>
-      <ProjectActions
-        project={project}
-        onRename={onRename}
-        onPin={onPin}
-        onArchive={onArchive}
-        onRestore={onRestore}
-        onDelete={onDelete}
-      />
+      <div
+        className={cn(
+          "absolute right-1 flex items-center rounded-md bg-inherit opacity-100 transition-opacity",
+          "md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100",
+          project.pinnedAt && "md:opacity-100",
+        )}
+      >
+        <ProjectActions
+          project={project}
+          compact
+          onRename={onRename}
+          onPin={onPin}
+          onArchive={onArchive}
+        />
+      </div>
     </div>
   );
 }
 
-export function ProjectCard({
-  project,
-  locale,
+function NavItem({
+  icon: Icon,
+  label,
+  count,
+  badge,
   active,
-  onOpen,
-  onArchive,
-  onRestore,
-  onDelete,
-  onRename,
-  onPin,
+  compact,
+  onClick,
 }: {
-  readonly project: LocalProjectSummary;
-  readonly locale: string;
+  readonly icon: LucideIcon;
+  readonly label: string;
+  readonly count?: number;
+  readonly badge?: string;
   readonly active: boolean;
-  readonly onOpen: () => void;
-  readonly onArchive: () => Promise<boolean>;
-  readonly onRestore: () => void;
-  readonly onDelete: () => void;
-  readonly onRename: (name: string) => void;
-  readonly onPin: (pinned: boolean) => void;
+  readonly compact: boolean;
+  readonly onClick: () => void;
 }) {
-  const { t } = useLingui();
-  const pinned = Boolean(project.pinnedAt);
-  const archived = Boolean(project.archivedAt);
-
   return (
-    <div
+    <button
+      type="button"
+      aria-current={active ? "page" : undefined}
       className={cn(
-        "group relative flex flex-col overflow-hidden rounded-xl border border-border bg-background transition-colors hover:border-foreground/25",
-        active && "ring-1 ring-foreground/15",
+        "flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors",
+        compact && "justify-center px-2",
+        active
+          ? "bg-foreground/10 font-medium text-foreground"
+          : "text-muted-foreground hover:bg-foreground/5 hover:text-foreground",
       )}
+      onClick={onClick}
     >
-      <button
-        type="button"
-        aria-label={`Open ${project.name}`}
-        className="relative block aspect-[16/10] w-full overflow-hidden bg-muted/40 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
-        onClick={onOpen}
-      >
-        {project.thumbnail ? (
-          <CardThumbnail thumbnail={project.thumbnail} />
-        ) : (
-          <span className="flex h-full items-center justify-center">
-            <Images className="size-6 text-muted-foreground/50" />
-          </span>
-        )}
-      </button>
-      {!archived ? (
-        <div
+      <Icon className="size-4" />
+      <span className={cn("truncate", !compact && "flex-1 text-left")}>
+        {label}
+      </span>
+      {badge ? (
+        <span
           className={cn(
-            "absolute right-2 top-2 transition-opacity",
-            "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100",
-            pinned && "opacity-100",
+            "shrink-0 rounded-full bg-foreground/10 px-1.5 py-0.5 text-xs font-medium tracking-wide text-muted-foreground uppercase",
+            compact && "hidden",
           )}
         >
-          <Button
-            type="button"
-            variant="secondary"
-            size="icon-sm"
-            className="shadow-sm"
-            aria-label={`${pinned ? "Unpin" : "Pin"} ${project.name}`}
-            aria-pressed={pinned}
-            onClick={() => onPin(!pinned)}
-          >
-            {pinned ? (
-              <PinOff className="size-3.5" />
-            ) : (
-              <Pin className="size-3.5" />
-            )}
-          </Button>
-        </div>
+          {badge}
+        </span>
       ) : null}
-      <div className="flex items-center gap-2.5 border-t border-border p-3">
-        <ProjectMark project={project} className="size-8" />
-        <span className="min-w-0 flex-1">
-          <span className="block truncate text-sm font-medium">
-            {project.name}
-          </span>
-          <span className="mt-0.5 block truncate text-xs text-muted-foreground">
-            {t({
-              id: "home.edited_date",
-              message: `Edited ${formatProjectDate(project.updatedAt, locale)}`,
-            })}
-          </span>
+      {count !== undefined ? (
+        <span className="text-xs tabular-nums text-muted-foreground">
+          {count}
         </span>
-        <div className="opacity-100 transition-opacity md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100">
-          <ProjectActions
-            project={project}
-            compact
-            menuOnly
-            onRename={onRename}
-            onPin={onPin}
-            onArchive={onArchive}
-            onRestore={onRestore}
-            onDelete={onDelete}
-          />
-        </div>
-      </div>
-    </div>
+      ) : null}
+    </button>
   );
 }
 
-function CardThumbnail({ thumbnail }: { readonly thumbnail: Blob }) {
-  const url = useObjectUrl(thumbnail);
-
-  return url ? (
-    <img src={url} alt="" className="h-full w-full object-cover" />
-  ) : null;
+function projectCounts(projects: readonly LocalProjectSummary[]) {
+  const active = projects.filter((project) => !project.archivedAt);
+  return {
+    active: active.length,
+    drafts: active.filter(isDraftProject).length,
+    archived: projects.filter((project) => Boolean(project.archivedAt)).length,
+  };
 }
 
-function ProjectListItem({
+export type HomeSection =
+  "start" | "library" | "drafts" | "projects" | "archived";
+export type ProjectLoadState = "loading" | "ready" | "error";
+
+function ProjectRow({
   project,
+  locale,
   active,
-  compact = false,
-  card = false,
   onOpen,
   onArchive,
+  onRestore,
+  onDelete,
   onRename,
   onPin,
 }: {
   readonly project: LocalProjectSummary;
+  readonly locale: string;
   readonly active: boolean;
-  readonly compact?: boolean;
-  readonly card?: boolean;
   readonly onOpen: () => void;
   readonly onArchive: () => Promise<boolean>;
+  readonly onRestore: () => void;
+  readonly onDelete: () => void;
   readonly onRename: (name: string) => void;
   readonly onPin: (pinned: boolean) => void;
 }) {
   return (
     <div
       className={cn(
-        "group relative flex min-w-0 items-center rounded-md transition-colors",
-        compact &&
-          "text-sm text-muted-foreground hover:bg-muted hover:text-foreground",
-        card &&
-          "border border-border bg-background hover:border-foreground/30 hover:bg-muted/30",
-        active &&
-          "bg-muted text-foreground ring-1 ring-inset ring-foreground/10",
+        "flex min-h-14 items-center gap-3 p-3 transition-colors hover:bg-foreground/5",
+        active && "bg-foreground/10",
       )}
     >
       <button
         type="button"
-        aria-current={active ? "page" : undefined}
         aria-label={`Open ${project.name}`}
-        className={cn(
-          "flex min-w-0 flex-1 items-center text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          compact ? "gap-2 px-2 py-1.5 pr-16" : "gap-3 p-3 pr-20",
-        )}
+        className="flex min-w-0 flex-1 items-center gap-3 text-left"
         onClick={onOpen}
       >
-        <ProjectMark
-          project={project}
-          className={compact ? "size-5" : "size-9"}
-        />
-        <span className="min-w-0 flex-1">
-          <span className={cn("block truncate", card && "text-sm font-medium")}>
+        <ProjectMark project={project} className="size-11" />
+        <span className="min-w-0">
+          <span className="block truncate text-sm font-medium">
             {project.name}
           </span>
-          {card ? (
-            <span className="mt-0.5 block truncate text-xs text-muted-foreground">
-              {project.brief || <ProjectStatusDescription project={project} />}
-            </span>
-          ) : null}
+          <span className="mt-0.5 block truncate text-xs text-muted-foreground">
+            {project.brief || <ProjectStatusDescription project={project} />}
+          </span>
         </span>
       </button>
-      <div
-        className={cn(
-          "absolute right-1 flex items-center rounded-md bg-inherit opacity-100 transition-opacity",
-          "md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100",
-          project.pinnedAt && "md:opacity-100",
-        )}
-      >
-        <ProjectActions
-          project={project}
-          compact
-          onRename={onRename}
-          onPin={onPin}
-          onArchive={onArchive}
-        />
-      </div>
+      <span className="hidden items-center gap-1 text-xs text-muted-foreground sm:flex">
+        <Images className="size-3.5" />
+        {project.assetCount}
+      </span>
+      <span className="hidden items-center gap-1 text-xs text-muted-foreground md:flex">
+        <Clock3 className="size-3.5" />
+        {formatProjectDate(project.updatedAt, locale)}
+      </span>
+      <ProjectActions
+        project={project}
+        onRename={onRename}
+        onPin={onPin}
+        onArchive={onArchive}
+        onRestore={onRestore}
+        onDelete={onDelete}
+      />
     </div>
   );
 }
 
+function CardThumbnail({ thumbnail }: { readonly thumbnail: Blob }) {
+  const url = useObjectUrl(thumbnail);
+
+  return url ? (
+    <img src={url} alt="" className="h-full w-full object-cover" />
+  ) : null;
+}
+
 function ProjectActions({
   project,
   compact = false,
@@ -1401,7 +1235,7 @@ function ProjectActions({
                   message: `More actions for ${project.name}`,
                 })}
               >
-                <MoreHorizontal className="size-4" />
+                <MoreHorizontal className="size-3.5" />
               </Button>
             </DropdownMenuTrigger>
           </TooltipTrigger>
@@ -1586,7 +1420,7 @@ function ProjectMark({
   ) : (
     <span
       className={cn(
-        "flex shrink-0 items-center justify-center rounded-md border border-border bg-muted/30",
+        "flex shrink-0 items-center justify-center rounded-md border border-border bg-muted/40",
         className,
       )}
     >
@@ -1651,43 +1485,368 @@ function ProjectStatusDescription({
   return `${statusMessages[project.status]} · ${project.assetCount} ${assetLabel}`;
 }
 
-function DirectorySkeleton() {
-  return (
-    <div className="space-y-2 rounded-lg border border-border bg-background p-3">
-      {Array.from({ length: 4 }, (_, index) => (
-        <div key={index} className="flex items-center gap-3 py-1">
-          <Skeleton className="size-11 rounded-md" />
-          <div className="flex-1 space-y-2">
-            <Skeleton className="h-3 w-40" />
-            <Skeleton className="h-3 w-64 max-w-full" />
-          </div>
-        </div>
-      ))}
-    </div>
-  );
+function formatProjectDate(timestamp: number, locale: string) {
+  return new Intl.DateTimeFormat(locale, {
+    month: "short",
+    day: "numeric",
+  }).format(new Date(timestamp));
 }
 
-function DirectoryError({
-  error,
-  onRetry,
-}: {
-  readonly error: string;
+type DirectoryLayout = "grid" | "list";
+
+const DIRECTORY_LAYOUT_KEY = "cutout.home.directory-layout";
+
+function readDirectoryLayout(): DirectoryLayout {
+  try {
+    return localStorage.getItem(DIRECTORY_LAYOUT_KEY) === "list"
+      ? "list"
+      : "grid";
+  } catch {
+    return "grid";
+  }
+}
+
+function ProjectDirectory({
+  activeProjectId,
+  section,
+  projects,
+  loadState,
+  loadError,
+  onOpenProject,
+  onArchiveProject,
+  onRestoreProject,
+  onDeleteProject,
+  onRenameProject,
+  onPinProject,
+  onRetryProjects,
+  onStartNew,
+}: {
+  readonly activeProjectId: string | null;
+  readonly section: Exclude<HomeSection, "start">;
+  readonly projects: readonly LocalProjectSummary[];
+  readonly loadState: ProjectLoadState;
+  readonly loadError: string | null;
+  readonly onOpenProject: (id: string) => void;
+  readonly onArchiveProject: (id: string) => Promise<boolean>;
+  readonly onRestoreProject: (id: string) => void;
+  readonly onDeleteProject: (id: string) => void;
+  readonly onRenameProject: (
+    project: LocalProjectSummary,
+    name: string,
+  ) => void;
+  readonly onPinProject: (
+    project: LocalProjectSummary,
+    pinned: boolean,
+  ) => void;
+  readonly onRetryProjects: () => void;
+  readonly onStartNew: () => void;
+}) {
+  const { t, i18n } = useLingui();
+  const [query, setQuery] = useState("");
+  const [layout, setLayout] = useState<DirectoryLayout>(readDirectoryLayout);
+  const archived = section === "archived";
+  const title = archived
+    ? t({ id: "home.archived_projects", message: "Archived projects" })
+    : section === "drafts"
+      ? t({ id: "home.drafts", message: "Drafts" })
+      : t({ id: "home.your_projects", message: "Your projects" });
+  const description = archived
+    ? t({
+        id: "gallery.archived_description",
+        message:
+          "Work you have set aside. Restore a project to bring it back into the workspace.",
+      })
+    : section === "drafts"
+      ? t({
+          id: "gallery.drafts_description",
+          message:
+            "Ideas that have not produced results yet. Pick one up where you left off.",
+        })
+      : t({
+          id: "gallery.projects_description",
+          message:
+            "Everything you have made in this workspace. Pinned work stays at the top.",
+        });
+  const matchedProjects = useMemo(
+    () => filterProjects(projects, query),
+    [projects, query],
+  );
+  const selectLayout = (next: DirectoryLayout) => {
+    setLayout(next);
+    try {
+      localStorage.setItem(DIRECTORY_LAYOUT_KEY, next);
+    } catch {
+      // best-effort persistence only
+    }
+  };
+
+  return (
+    <div className="mx-auto w-full max-w-6xl px-6 py-8 lg:px-10 lg:py-10">
+      <header className="relative border-b border-border pb-6">
+        <p className="text-xs text-muted-foreground">
+          {t({ id: "home.workspace", message: "Workspace" })}
+        </p>
+        <div className="mt-1 flex flex-wrap items-start justify-between gap-4">
+          <h1 className="text-2xl font-semibold tracking-tight sm:text-3xl">{title}</h1>
+          <div className="flex shrink-0 items-center gap-2">
+            {!archived ? (
+              <Button type="button" onClick={onStartNew}>
+                <Plus className="size-4" />
+                {t({ id: "home.new_project", message: "New project" })}
+              </Button>
+            ) : null}
+          </div>
+          {/* `basis-full` is what breaks the description onto its own line;
+              the measure cap lives on the inner span so max-width cannot clamp
+              the flex basis back down and cancel the wrap. */}
+          <p className="order-last w-full basis-full text-sm leading-6 text-muted-foreground">
+            <span className="block max-w-xl">{description}</span>
+          </p>
+        </div>
+        <CutoutBrandMark
+          variant="symbol"
+          className="pointer-events-none absolute -top-1 right-0 hidden h-24 w-auto text-foreground/[0.05] lg:block"
+        />
+      </header>
+      <div className="mt-4 flex flex-wrap items-center gap-2">
+        {loadState === "ready" && projects.length ? (
+          <div className="relative min-w-48 flex-1 sm:max-w-md">
+            <Search className="pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
+            <Input
+              type="search"
+              value={query}
+              onChange={(event) => setQuery(event.target.value)}
+              placeholder={t({
+                id: "home.search_projects",
+                message: "Search projects...",
+              })}
+              aria-label={t({
+                id: "home.search_projects",
+                message: "Search projects...",
+              })}
+              className="pl-8"
+            />
+          </div>
+        ) : null}
+        <div className="flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5">
+          <Button
+            type="button"
+            variant={layout === "grid" ? "secondary" : "ghost"}
+            size="icon-sm"
+            aria-label={t({ id: "home.layout_grid", message: "Grid view" })}
+            aria-pressed={layout === "grid"}
+            onClick={() => selectLayout("grid")}
+          >
+            <LayoutGrid className="size-3.5" />
+          </Button>
+          <Button
+            type="button"
+            variant={layout === "list" ? "secondary" : "ghost"}
+            size="icon-sm"
+            aria-label={t({ id: "home.layout_list", message: "List view" })}
+            aria-pressed={layout === "list"}
+            onClick={() => selectLayout("list")}
+          >
+            <List className="size-3.5" />
+          </Button>
+        </div>
+      </div>
+      <div className="mt-6">
+        {loadState === "loading" ? (
+          <DirectorySkeleton />
+        ) : loadState === "error" ? (
+          <DirectoryError
+            error={
+              loadError ??
+              t({
+                id: "home.project_load_error",
+                message: "Project storage could not be loaded.",
+              })
+            }
+            onRetry={onRetryProjects}
+          />
+        ) : !projects.length ? (
+          <EmptyDirectory section={section} />
+        ) : !matchedProjects.length ? (
+          <EmptySearchResults query={query} onClear={() => setQuery("")} />
+        ) : layout === "grid" ? (
+          <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+            {matchedProjects.map((project) => (
+              <ProjectCard
+                key={project.id}
+                project={project}
+                locale={i18n.locale}
+                active={project.id === activeProjectId}
+                onOpen={() => onOpenProject(project.id)}
+                onArchive={() => onArchiveProject(project.id)}
+                onRestore={() => onRestoreProject(project.id)}
+                onDelete={() => onDeleteProject(project.id)}
+                onRename={(name) => onRenameProject(project, name)}
+                onPin={(pinned) => onPinProject(project, pinned)}
+              />
+            ))}
+          </div>
+        ) : (
+          <div className="divide-y divide-border">
+            {matchedProjects.map((project) => (
+              <ProjectRow
+                key={project.id}
+                project={project}
+                locale={i18n.locale}
+                active={project.id === activeProjectId}
+                onOpen={() => onOpenProject(project.id)}
+                onArchive={() => onArchiveProject(project.id)}
+                onRestore={() => onRestoreProject(project.id)}
+                onDelete={() => onDeleteProject(project.id)}
+                onRename={(name) => onRenameProject(project, name)}
+                onPin={(pinned) => onPinProject(project, pinned)}
+              />
+            ))}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function ProjectCard({
+  project,
+  locale,
+  active,
+  onOpen,
+  onArchive,
+  onRestore,
+  onDelete,
+  onRename,
+  onPin,
+}: {
+  readonly project: LocalProjectSummary;
+  readonly locale: string;
+  readonly active: boolean;
+  readonly onOpen: () => void;
+  readonly onArchive: () => Promise<boolean>;
+  readonly onRestore: () => void;
+  readonly onDelete: () => void;
+  readonly onRename: (name: string) => void;
+  readonly onPin: (pinned: boolean) => void;
+}) {
+  const { t } = useLingui();
+  const pinned = Boolean(project.pinnedAt);
+  const archived = Boolean(project.archivedAt);
+
+  return (
+    <div
+      className={cn(
+        "group relative flex flex-col overflow-hidden rounded-xl border border-border bg-background transition-colors hover:border-foreground/25",
+        active && "ring-1 ring-foreground/15",
+      )}
+    >
+      <button
+        type="button"
+        aria-label={`Open ${project.name}`}
+        className="relative block aspect-[16/10] w-full overflow-hidden bg-muted/40 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
+        onClick={onOpen}
+      >
+        {project.thumbnail ? (
+          <CardThumbnail thumbnail={project.thumbnail} />
+        ) : (
+          <span className="flex h-full items-center justify-center">
+            <Images className="size-6 text-muted-foreground/50" />
+          </span>
+        )}
+      </button>
+      {!archived ? (
+        <div
+          className={cn(
+            "absolute right-2 top-2 transition-opacity",
+            "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100",
+            pinned && "opacity-100",
+          )}
+        >
+          <Button
+            type="button"
+            variant="secondary"
+            size="icon-sm"
+            className="shadow-sm"
+            aria-label={`${pinned ? "Unpin" : "Pin"} ${project.name}`}
+            aria-pressed={pinned}
+            onClick={() => onPin(!pinned)}
+          >
+            {pinned ? (
+              <PinOff className="size-3.5" />
+            ) : (
+              <Pin className="size-3.5" />
+            )}
+          </Button>
+        </div>
+      ) : null}
+      <div className="flex items-center gap-2.5 border-t border-border p-3">
+        <ProjectMark project={project} className="size-8" />
+        <span className="min-w-0 flex-1">
+          <span className="block truncate text-sm font-medium">
+            {project.name}
+          </span>
+          <span className="mt-0.5 block truncate text-xs text-muted-foreground">
+            {t({
+              id: "home.edited_date",
+              message: `Edited ${formatProjectDate(project.updatedAt, locale)}`,
+            })}
+          </span>
+        </span>
+        <div className="opacity-100 transition-opacity md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100">
+          <ProjectActions
+            project={project}
+            compact
+            menuOnly
+            onRename={onRename}
+            onPin={onPin}
+            onArchive={onArchive}
+            onRestore={onRestore}
+            onDelete={onDelete}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function DirectorySkeleton() {
+  return (
+    <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+      {Array.from({ length: 4 }, (_, index) => (
+        <div key={index} className="flex flex-col gap-3">
+          <Skeleton className="aspect-[16/10] w-full rounded-xl" />
+          <div className="flex flex-col gap-2">
+            <Skeleton className="h-3 w-32" />
+            <Skeleton className="h-3 w-20" />
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function DirectoryError({
+  error,
+  onRetry,
+}: {
+  readonly error: string;
   readonly onRetry: () => void;
 }) {
   const { t } = useLingui();
 
   return (
-    <div className="flex items-start justify-between gap-4 rounded-lg border border-destructive/30 bg-destructive/5 p-4">
+    <div className="flex items-start justify-between gap-4 rounded-xl border border-destructive/30 bg-destructive/5 p-6">
       <div className="flex gap-3">
-        <AlertCircle className="mt-0.5 size-4 text-destructive" />
-        <div>
-          <h2 className="text-sm font-semibold text-destructive">
+        <AlertCircle className="mt-0.5 size-4 shrink-0 text-destructive" />
+        <div className="min-w-0">
+          <h2 className="text-sm font-medium text-destructive">
             {t({
               id: "home.load_failed_title",
               message: "Could not load projects",
             })}
           </h2>
-          <p className="mt-1 text-sm text-destructive/80">{error}</p>
+          <p className="mt-0.5 text-xs text-destructive/80">{error}</p>
         </div>
       </div>
       <Button variant="outline" size="sm" onClick={onRetry}>
@@ -1703,12 +1862,6 @@ function EmptyDirectory({
   readonly section: Exclude<HomeSection, "start">;
 }) {
   const { t } = useLingui();
-  const Icon =
-    section === "archived"
-      ? Archive
-      : section === "drafts"
-        ? FileText
-        : LayoutGrid;
   const heading =
     section === "archived"
       ? t({ id: "home.nothing_archived", message: "Nothing archived" })
@@ -1733,12 +1886,13 @@ function EmptyDirectory({
           });
 
   return (
-    <div className="flex min-h-56 flex-col items-center justify-center rounded-lg border border-dashed border-border bg-background/70 p-6 text-center">
-      <Icon className="size-5 text-muted-foreground" />
-      <h2 className="mt-3 text-sm font-semibold">{heading}</h2>
-      <p className="mt-1 max-w-sm text-sm text-muted-foreground">
-        {description}
-      </p>
+    <div className="flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border px-6 py-12 text-center">
+      <CutoutBrandMark
+        variant="symbol"
+        className="h-8 w-auto text-muted-foreground/40"
+      />
+      <p className="text-sm font-medium">{heading}</p>
+      <p className="max-w-sm text-xs text-muted-foreground">{description}</p>
     </div>
   );
 }
@@ -1753,89 +1907,23 @@ function EmptySearchResults({
   const { t } = useLingui();
 
   return (
-    <div className="flex min-h-56 flex-col items-center justify-center rounded-lg border border-dashed border-border bg-background/70 p-6 text-center">
-      <SearchX className="size-5 text-muted-foreground" />
-      <h2 className="mt-3 text-sm font-semibold">
+    <div className="flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border px-6 py-12 text-center">
+      <CutoutBrandMark
+        variant="symbol"
+        className="h-8 w-auto text-muted-foreground/40"
+      />
+      <p className="text-sm font-medium">
         {t({ id: "home.no_search_matches", message: "No matching projects" })}
-      </h2>
-      <p className="mt-1 max-w-sm text-sm text-muted-foreground">
+      </p>
+      <p className="max-w-sm text-xs text-muted-foreground">
         {t({
           id: "home.no_search_matches_description",
           message: `Nothing matches “${query.trim()}”. Try a different name or brief keyword.`,
         })}
       </p>
-      <Button variant="outline" size="sm" className="mt-4" onClick={onClear}>
+      <Button variant="outline" size="sm" onClick={onClear}>
         {t({ id: "home.clear_search", message: "Clear search" })}
       </Button>
     </div>
   );
 }
-
-function NavItem({
-  icon: Icon,
-  label,
-  count,
-  badge,
-  active,
-  compact,
-  onClick,
-}: {
-  readonly icon: LucideIcon;
-  readonly label: string;
-  readonly count?: number;
-  readonly badge?: string;
-  readonly active: boolean;
-  readonly compact: boolean;
-  readonly onClick: () => void;
-}) {
-  return (
-    <button
-      type="button"
-      aria-current={active ? "page" : undefined}
-      className={cn(
-        "flex items-center gap-2 rounded-md px-2 py-2 text-sm transition-colors",
-        compact && "justify-center",
-        active
-          ? "bg-muted text-foreground"
-          : "text-muted-foreground hover:bg-muted/60 hover:text-foreground",
-      )}
-      onClick={onClick}
-    >
-      <Icon className="size-4" />
-      <span className={cn("truncate", !compact && "flex-1 text-left")}>
-        {label}
-      </span>
-      {badge ? (
-        <span
-          className={cn(
-            "rounded border border-border/70 bg-muted/60 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-muted-foreground",
-            compact && "hidden",
-          )}
-        >
-          {badge}
-        </span>
-      ) : null}
-      {count !== undefined ? (
-        <span className="text-xs tabular-nums text-muted-foreground">
-          {count}
-        </span>
-      ) : null}
-    </button>
-  );
-}
-
-function projectCounts(projects: readonly LocalProjectSummary[]) {
-  const active = projects.filter((project) => !project.archivedAt);
-  return {
-    active: active.length,
-    drafts: active.filter(isDraftProject).length,
-    archived: projects.filter((project) => Boolean(project.archivedAt)).length,
-  };
-}
-
-function formatProjectDate(timestamp: number, locale: string) {
-  return new Intl.DateTimeFormat(locale, {
-    month: "short",
-    day: "numeric",
-  }).format(new Date(timestamp));
-}
diff --git a/src/components/release-notes/WhatsNewDialog.test.ts b/src/components/release-notes/WhatsNewDialog.test.ts
index 5cd33320..652010bb 100644
--- a/src/components/release-notes/WhatsNewDialog.test.ts
+++ b/src/components/release-notes/WhatsNewDialog.test.ts
@@ -20,6 +20,17 @@ describe("What's New dialog contract", () => {
     expect(source).toContain("restoreFocusTo.focus()");
   });
 
+  it("uses the two-column dialog shell with a brand panel that collapses on mobile", () => {
+    expect(source).toContain("sm:max-w-3xl");
+    expect(source).toContain("sm:grid-cols-[minmax(0,17rem)_minmax(0,1fr)]");
+    expect(source).toContain("<aside className=");
+    expect(source).toContain("hidden overflow-hidden border-r border-border bg-muted p-6 sm:flex");
+    expect(source).toContain('variant="stacked"');
+    expect(source).toContain("text-foreground/5");
+    // The close X is absolute to the whole DialogContent and floats over the right column.
+    expect(source).toContain("pr-12");
+  });
+
   it("renders text and local media only, with a fixed release URL helper", () => {
     expect(source).toContain("bundledMedia(highlight.mediaId)");
     expect(source).toContain("githubReleaseUrl(note.version)");
diff --git a/src/components/release-notes/WhatsNewDialog.tsx b/src/components/release-notes/WhatsNewDialog.tsx
index a025e44e..e583b9ee 100644
--- a/src/components/release-notes/WhatsNewDialog.tsx
+++ b/src/components/release-notes/WhatsNewDialog.tsx
@@ -1,5 +1,6 @@
 import { ExternalLink } from "lucide-react";
 import { Trans, useLingui } from "@lingui/react/macro";
+import { CutoutBrandMark } from "@/components/brand/CutoutBrandMark";
 import { Button } from "@/components/ui/button";
 import {
   Dialog,
@@ -46,7 +47,7 @@ export function WhatsNewDialog({
   return (
     <Dialog open={open && Boolean(note)} onOpenChange={onOpenChange}>
       <DialogContent
-        className="inset-x-0 top-auto bottom-0 left-0 max-h-[calc(100dvh-0.75rem)] w-full max-w-none translate-x-0 translate-y-0 gap-0 overflow-hidden rounded-t-lg rounded-b-none p-0 motion-reduce:animate-none motion-reduce:transition-none sm:top-1/2 sm:bottom-auto sm:left-1/2 sm:max-h-[min(42rem,calc(100dvh-3rem))] sm:max-w-xl sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-lg"
+        className="inset-x-0 top-auto bottom-0 left-0 max-h-[calc(100dvh-0.75rem)] w-full max-w-none translate-x-0 translate-y-0 grid-rows-1 gap-0 overflow-hidden rounded-t-lg rounded-b-none p-0 motion-reduce:animate-none motion-reduce:transition-none sm:top-1/2 sm:bottom-auto sm:left-1/2 sm:max-h-[min(42rem,calc(100dvh-3rem))] sm:max-w-3xl sm:grid-cols-[minmax(0,17rem)_minmax(0,1fr)] sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-lg"
         onCloseAutoFocus={(event) => {
           if (!restoreFocusTo?.isConnected) return;
           event.preventDefault();
@@ -55,70 +56,95 @@ export function WhatsNewDialog({
       >
         {note ? (
           <>
-            <DialogHeader className="shrink-0 border-b border-border px-5 py-4 pr-12 sm:px-6 sm:py-5 sm:pr-12">
-              <p className="text-xs font-medium text-muted-foreground">
-                <Trans id="release_notes.whats_new">What's New</Trans>
-                <span aria-hidden="true"> · </span>
-                <span className="tabular-nums">Cutout v{note.version}</span>
+            <aside className="relative hidden overflow-hidden border-r border-border bg-muted p-6 sm:flex sm:flex-col sm:justify-between">
+              <CutoutBrandMark
+                variant="stacked"
+                label="Cutout"
+                className="h-14 w-auto self-start text-foreground"
+              />
+              <p className="text-xs text-muted-foreground">
+                <Trans id="release_notes.brand_line">The agent-native Design OS.</Trans>
               </p>
-              <DialogTitle className="mt-1 text-lg leading-snug sm:text-xl">
-                {note.headline ?? (
-                  <Trans id="release_notes.release_details">Release details</Trans>
-                )}
-              </DialogTitle>
-              <DialogDescription className="text-xs">
-                {date ?? (
-                  <Trans id="release_notes.version_summary">
-                    Highlights for this version of Cutout.
-                  </Trans>
-                )}
-              </DialogDescription>
-            </DialogHeader>
+              <CutoutBrandMark
+                variant="symbol"
+                className="pointer-events-none absolute -right-8 -bottom-8 h-48 w-auto text-foreground/5"
+              />
+            </aside>
 
-            <div className="min-h-0 flex-1 overflow-y-auto overscroll-contain px-5 py-1 sm:px-6">
-              <ol className="divide-y divide-border">
-                {note.highlights.map((highlight, index) => {
-                  const media = bundledMedia(highlight.mediaId);
-                  return (
-                    <li key={highlight.id} className="grid grid-cols-[1.5rem_minmax(0,1fr)] gap-3 py-4">
-                      <span className="flex size-6 items-center justify-center rounded-full bg-muted text-xs font-medium tabular-nums text-muted-foreground">
-                        {index + 1}
-                      </span>
-                      <div className="min-w-0">
-                        {highlight.title ? (
-                          <h3 className="text-sm font-medium leading-snug">{highlight.title}</h3>
-                        ) : null}
-                        <p className="mt-1 whitespace-pre-wrap text-sm leading-relaxed text-muted-foreground">
-                          {highlight.body}
-                        </p>
-                        {media ? (
-                          <img
-                            className="mt-3 aspect-video w-full rounded-md object-cover"
-                            src={media}
-                            alt={highlight.alt ?? ""}
-                          />
-                        ) : null}
-                      </div>
-                    </li>
-                  );
-                })}
-              </ol>
-            </div>
+            <div className="flex min-h-0 flex-col">
+              <DialogHeader className="shrink-0 border-b border-border px-5 py-4 pr-12 sm:px-6 sm:py-5 sm:pr-12">
+                <CutoutBrandMark
+                  variant="horizontal"
+                  className="h-4 w-auto self-start text-foreground sm:hidden"
+                />
+                <p className="text-xs text-muted-foreground">
+                  <Trans id="release_notes.whats_new">What's New</Trans>
+                  <span aria-hidden="true"> · </span>
+                  <span className="tabular-nums">Cutout v{note.version}</span>
+                </p>
+                <DialogTitle className="font-heading text-lg leading-snug font-medium sm:text-xl">
+                  {note.headline ?? (
+                    <Trans id="release_notes.release_details">Release details</Trans>
+                  )}
+                </DialogTitle>
+                <DialogDescription className="text-xs">
+                  {date ?? (
+                    <Trans id="release_notes.version_summary">
+                      Highlights for this version of Cutout.
+                    </Trans>
+                  )}
+                </DialogDescription>
+              </DialogHeader>
+
+              <div className="min-h-0 flex-1 overflow-y-auto overscroll-contain px-5 sm:px-6">
+                <ol className="flex flex-col gap-4 py-5">
+                  {note.highlights.map((highlight) => {
+                    const media = bundledMedia(highlight.mediaId);
+                    return (
+                      <li
+                        key={highlight.id}
+                        className="grid grid-cols-[0.375rem_minmax(0,1fr)] gap-3"
+                      >
+                        <span
+                          className="mt-2 size-1.5 rounded-full bg-muted-foreground/60"
+                          aria-hidden="true"
+                        />
+                        <div className="min-w-0">
+                          {highlight.title ? (
+                            <h3 className="text-sm font-medium leading-snug">{highlight.title}</h3>
+                          ) : null}
+                          <p className="mt-1 whitespace-pre-wrap text-sm leading-relaxed text-muted-foreground">
+                            {highlight.body}
+                          </p>
+                          {media ? (
+                            <img
+                              className="mt-3 aspect-video w-full rounded-xl object-cover"
+                              src={media}
+                              alt={highlight.alt ?? ""}
+                            />
+                          ) : null}
+                        </div>
+                      </li>
+                    );
+                  })}
+                </ol>
+              </div>
 
-            <DialogFooter className="shrink-0 border-t border-border bg-popover px-5 py-3 sm:px-6">
-              {releaseUrl ? (
-                <Button
-                  variant="outline"
-                  className="w-full min-w-0 sm:w-auto"
-                  onClick={() => window.open(releaseUrl, "_blank", "noopener,noreferrer")}
-                >
-                  <ExternalLink />
-                  <span className="truncate">
-                    <Trans id="release_notes.open_github_release">Open GitHub Release</Trans>
-                  </span>
-                </Button>
-              ) : null}
-            </DialogFooter>
+              <DialogFooter className="shrink-0 border-t border-border px-5 py-3 sm:px-6 sm:py-3.5">
+                {releaseUrl ? (
+                  <Button
+                    variant="default"
+                    className="w-full min-w-0 sm:w-auto"
+                    onClick={() => window.open(releaseUrl, "_blank", "noopener,noreferrer")}
+                  >
+                    <ExternalLink />
+                    <span className="truncate">
+                      <Trans id="release_notes.open_github_release">Open GitHub Release</Trans>
+                    </span>
+                  </Button>
+                ) : null}
+              </DialogFooter>
+            </div>
           </>
         ) : null}
       </DialogContent>
diff --git a/src/components/settings/AboutFooter.tsx b/src/components/settings/AboutFooter.tsx
index 86851003..a61498a5 100644
--- a/src/components/settings/AboutFooter.tsx
+++ b/src/components/settings/AboutFooter.tsx
@@ -23,7 +23,7 @@ export function AboutFooter() {
           }),
         })
       }
-      className="flex w-full items-center gap-2 rounded-md px-2.5 py-1.5 text-left text-sm text-muted-foreground transition-colors hover:bg-foreground/5 hover:text-foreground"
+      className="flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm text-muted-foreground transition-colors hover:bg-foreground/5 hover:text-foreground"
     >
       <Info className="size-4 shrink-0" aria-hidden="true" />
       <span className="min-w-0 flex-1">Cutout</span>
diff --git a/src/components/settings/SettingsDialog.tsx b/src/components/settings/SettingsDialog.tsx
index 85ed44f6..a6c1e435 100644
--- a/src/components/settings/SettingsDialog.tsx
+++ b/src/components/settings/SettingsDialog.tsx
@@ -65,7 +65,7 @@ export function SettingsDialog({
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent
-        className="h-[min(46rem,calc(100dvh-1rem))] w-[calc(100vw-1rem)] min-w-0 max-w-3xl gap-0 overflow-hidden p-0 sm:h-[min(46rem,calc(100dvh-3rem))]"
+        className="h-[min(46rem,calc(100dvh-1rem))] w-[calc(100vw-1rem)] min-w-0 max-w-4xl gap-0 overflow-hidden p-0 sm:h-[min(46rem,calc(100dvh-3rem))]"
         onOpenAutoFocus={PACKAGED_E2E ? (event) => event.preventDefault() : undefined}
       >
         <DialogTitle className="sr-only">
@@ -78,14 +78,14 @@ export function SettingsDialog({
         </DialogDescription>
 
         <div className="flex h-full min-h-0 min-w-0 flex-col sm:flex-row">
-          <aside className="flex w-full shrink-0 flex-col border-b border-border bg-muted/20 p-2 sm:w-44 sm:border-r sm:border-b-0">
+          <aside className="flex w-full shrink-0 flex-col border-b border-border bg-muted/40 p-2 sm:w-56 sm:border-r sm:border-b-0 sm:p-3">
             <SettingsSidebar value={section} onChange={setSection} archivedCount={archivedCount} />
             <div className="mt-auto hidden pt-2 sm:block">
               <AboutFooter />
             </div>
           </aside>
 
-          <div className="min-h-0 min-w-0 flex-1 overflow-y-auto overscroll-contain p-3 sm:p-5">
+          <div className="min-h-0 min-w-0 flex-1 overflow-y-auto overscroll-contain p-4 sm:p-6">
             {section === 'general' ? (
               <GeneralSection />
             ) : section === 'speech' ? (
diff --git a/src/components/settings/SettingsSidebar.tsx b/src/components/settings/SettingsSidebar.tsx
index a08c316d..24f6c83a 100644
--- a/src/components/settings/SettingsSidebar.tsx
+++ b/src/components/settings/SettingsSidebar.tsx
@@ -73,7 +73,7 @@ export function SettingsSidebar({ value, onChange, archivedCount = 0 }: Settings
           onClick={() => onChange(id)}
           aria-current={value === id}
           className={cn(
-            'flex shrink-0 items-center gap-2 rounded-md px-2.5 py-1.5 text-left text-sm transition-colors sm:w-full',
+            'flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-left text-sm transition-colors sm:w-full',
             value === id
               ? 'bg-foreground/10 font-medium text-foreground'
               : 'text-muted-foreground hover:bg-foreground/5 hover:text-foreground',
@@ -82,7 +82,7 @@ export function SettingsSidebar({ value, onChange, archivedCount = 0 }: Settings
           <Icon className="size-4 shrink-0" />
           <span className="min-w-0 flex-1 truncate">{label}</span>
           {badge !== undefined && badge !== null ? (
-            <span className="rounded border border-border/70 bg-muted/60 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-muted-foreground">
+            <span className="shrink-0 rounded-full bg-foreground/10 px-1.5 py-0.5 text-xs font-medium tabular-nums text-muted-foreground">
               {badge}
             </span>
           ) : null}
diff --git a/src/components/settings/sections/AiSection.tsx b/src/components/settings/sections/AiSection.tsx
index 8940a5dd..307d044b 100644
--- a/src/components/settings/sections/AiSection.tsx
+++ b/src/components/settings/sections/AiSection.tsx
@@ -265,9 +265,9 @@ export function AiSection() {
         </summary>
 
         {advanced ? (
-          <div className="mt-4 flex flex-col gap-4">
+          <div className="mt-4 flex flex-col gap-8">
             <div className="flex items-start gap-2 border-y border-border py-3 text-xs text-muted-foreground">
-              <ShieldCheck className="mt-0.5 size-3.5 shrink-0 text-emerald-500" />
+              <ShieldCheck className="mt-0.5 size-4 shrink-0 text-emerald-500" />
               <Trans id="settings.keychain_trust">
                 API keys are stored locally on this device and injected in the native layer - they never enter the web page.
               </Trans>
@@ -290,7 +290,7 @@ export function AiSection() {
                 </Trans>
               </p>
               {providers.isLoading ? (
-                <Skeleton className="h-14 w-full rounded-md" />
+                <Skeleton className="h-14 w-full" />
               ) : providers.isError ? (
                 <p className="border-y border-destructive/30 py-4 text-center text-sm text-destructive">
                   <Trans id="settings.load_failed">Failed to load providers</Trans>
@@ -409,18 +409,18 @@ export function AiSetupOverview({
           <h2 className="text-sm font-medium">{title}</h2>
           <p className="mt-1 max-w-prose text-xs text-muted-foreground">{description}</p>
           {automaticError ? <p className="mt-2 text-xs text-destructive" role="alert">{automaticError}</p> : null}
-          <div className="mt-3 divide-y divide-border border-y border-border">
+          <div className="mt-3 divide-y divide-border">
             {setup.rows.map((row) => (
-              <div key={row.capability} data-ai-capability={row.capability} data-ai-capability-status={row.status} className="flex min-w-0 items-center gap-3 py-3">
+              <div key={row.capability} data-ai-capability={row.capability} data-ai-capability-status={row.status} className="flex min-h-14 min-w-0 items-center gap-3 py-3">
                 <span aria-hidden className="shrink-0">
                   {row.status === 'ready' ? <CheckCircle2 className="size-4 text-emerald-600" /> : row.status === 'checking' ? <CircleDashed className="size-4 animate-spin text-muted-foreground" /> : <TriangleAlert className="size-4 text-amber-600 dark:text-amber-300" />}
                 </span>
                 <span className="min-w-0 flex-1">
                   <span className="block text-sm font-medium">{capabilityLabels[row.capability]}</span>
-                  <span className="block break-words text-xs text-muted-foreground">{row.adapter?.label ?? rowDescription(row)}</span>
-                  {row.adapter ? <span className="block text-[11px] text-muted-foreground">{rowDescription(row)}</span> : null}
+                  <span className="mt-0.5 block break-words text-xs text-muted-foreground">{row.adapter?.label ?? rowDescription(row)}</span>
+                  {row.adapter ? <span className="mt-0.5 block text-xs text-muted-foreground">{rowDescription(row)}</span> : null}
                 </span>
-                <span className="shrink-0">{rowAction(row)}</span>
+                <span className="flex shrink-0 items-center gap-2">{rowAction(row)}</span>
               </div>
             ))}
           </div>
diff --git a/src/components/settings/sections/ArchivedSection.tsx b/src/components/settings/sections/ArchivedSection.tsx
index 1e1862f3..3895eead 100644
--- a/src/components/settings/sections/ArchivedSection.tsx
+++ b/src/components/settings/sections/ArchivedSection.tsx
@@ -7,9 +7,10 @@
  * Home navigation so "Archived" isn't a first-class workspace destination.
  */
 import { useState } from 'react'
-import { Archive, ArchiveRestore, Trash2 } from 'lucide-react'
+import { ArchiveRestore, Trash2 } from 'lucide-react'
 import { Trans, useLingui } from '@lingui/react/macro'
 import { Button } from '@/components/ui/button'
+import { CutoutBrandMark } from '@/components/brand/CutoutBrandMark'
 import {
   AlertDialog,
   AlertDialogAction,
@@ -38,45 +39,54 @@ export function ArchivedSection({ projects, onRestoreProject, onDeleteProject }:
   const formatter = new Intl.DateTimeFormat(i18n.locale, { month: 'short', day: 'numeric', year: 'numeric' })
 
   return (
-    <section aria-labelledby="settings-archived-heading">
-      <div className="flex items-center gap-2.5">
-        <Archive className="size-4 text-muted-foreground" />
-        <h2 id="settings-archived-heading" className="text-sm font-semibold">
+    <section aria-labelledby="settings-archived-heading" className="flex flex-col gap-4">
+      <div>
+        <h2 id="settings-archived-heading" className="text-sm font-medium">
           <Trans id="settings.section_archived">Archived</Trans>
         </h2>
+        <p className="mt-0.5 text-xs text-muted-foreground">
+          <Trans id="settings.archived_description">
+            Archived projects stay on this device until you restore or delete them.
+          </Trans>
+        </p>
       </div>
-      <p className="mt-2 text-sm text-muted-foreground">
-        <Trans id="settings.archived_description">
-          Archived projects stay on this device until you restore or delete them.
-        </Trans>
-      </p>
 
       {archived.length === 0 ? (
-        <p className="mt-4 rounded-md border border-dashed border-border p-4 text-center text-xs text-muted-foreground">
-          <Trans id="home.nothing_archived">Nothing archived</Trans>
-        </p>
+        <div className="flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border px-6 py-12 text-center">
+          <CutoutBrandMark variant="symbol" className="h-8 w-auto text-muted-foreground/40" />
+          <p className="text-sm font-medium">
+            <Trans id="home.nothing_archived">Nothing archived</Trans>
+          </p>
+          <p className="max-w-sm text-xs text-muted-foreground">
+            <Trans id="settings.archived_empty_hint">
+              Projects you archive from the project menu land here, ready to be restored or removed for good.
+            </Trans>
+          </p>
+        </div>
       ) : (
-        <ul className="mt-4 divide-y divide-border rounded-md border border-border">
+        <ul className="divide-y divide-border">
           {archived.map((project) => (
-            <li key={project.id} className="flex items-center gap-3 px-3 py-2.5">
+            <li key={project.id} className="flex min-h-14 items-center gap-3 py-3">
               <div className="min-w-0 flex-1">
                 <p className="truncate text-sm font-medium">{project.name}</p>
-                <p className="text-xs text-muted-foreground">
+                <p className="mt-0.5 truncate text-xs text-muted-foreground">
                   {project.archivedAt ? formatter.format(new Date(project.archivedAt)) : null}
                 </p>
               </div>
-              <Button
-                size="icon-sm"
-                variant="ghost"
-                aria-label={t({ id: 'settings.delete_archived_named', message: `Delete ${project.name}` })}
-                onClick={() => setPendingDeleteId(project.id)}
-              >
-                <Trash2 className="size-4" />
-              </Button>
-              <Button size="sm" variant="outline" onClick={() => onRestoreProject(project.id)}>
-                <ArchiveRestore className="size-4" />
-                <Trans id="home.restore">Restore</Trans>
-              </Button>
+              <div className="flex shrink-0 items-center gap-2">
+                <Button
+                  size="icon-sm"
+                  variant="ghost"
+                  aria-label={t({ id: 'settings.delete_archived_named', message: `Delete ${project.name}` })}
+                  onClick={() => setPendingDeleteId(project.id)}
+                >
+                  <Trash2 />
+                </Button>
+                <Button size="sm" variant="outline" onClick={() => onRestoreProject(project.id)}>
+                  <ArchiveRestore />
+                  <Trans id="home.restore">Restore</Trans>
+                </Button>
+              </div>
             </li>
           ))}
         </ul>
diff --git a/src/components/settings/sections/GeneralSection.test.tsx b/src/components/settings/sections/GeneralSection.test.tsx
index e0fcb4e3..55b9aaf5 100644
--- a/src/components/settings/sections/GeneralSection.test.tsx
+++ b/src/components/settings/sections/GeneralSection.test.tsx
@@ -39,7 +39,7 @@ describe("GeneralSection", () => {
   });
 
   it("keeps the expected preference order without project developer controls", () => {
-    const rows = [...(host.firstElementChild?.children ?? [])];
+    const rows = [...(host.querySelector("[data-settings-rows]")?.children ?? [])];
     expect(rows).toHaveLength(2);
     expect(rows[0]?.textContent).toContain("Theme");
     expect(rows[1]?.textContent).toContain("Language");
diff --git a/src/components/settings/sections/GeneralSection.tsx b/src/components/settings/sections/GeneralSection.tsx
index c33c974b..0e2589db 100644
--- a/src/components/settings/sections/GeneralSection.tsx
+++ b/src/components/settings/sections/GeneralSection.tsx
@@ -23,14 +23,14 @@ function Row({
   readonly children: ReactNode;
 }) {
   return (
-    <div className="flex items-center justify-between gap-4 py-3">
+    <div className="flex min-h-14 items-center justify-between gap-4 py-3">
       <div className="min-w-0">
         <div className="text-sm font-medium">{label}</div>
         {hint ? (
           <div className="mt-0.5 text-xs text-muted-foreground">{hint}</div>
         ) : null}
       </div>
-      <div className="shrink-0">{children}</div>
+      <div className="flex shrink-0 items-center gap-2">{children}</div>
     </div>
   );
 }
@@ -47,8 +47,26 @@ export function GeneralSection() {
   const currentLocale = i18n.locale as Locale;
 
   return (
-    <div className="flex flex-col divide-y divide-border">
-      <Row label={<Trans id="settings.theme_label">Theme</Trans>}>
+    <section aria-labelledby="general-heading" className="flex flex-col gap-4">
+      <div>
+        <h2 id="general-heading" className="text-sm font-medium">
+          <Trans id="settings.section_general">General</Trans>
+        </h2>
+        <p className="mt-0.5 text-xs text-muted-foreground">
+          <Trans id="settings.general.description">
+            Appearance and language for this device.
+          </Trans>
+        </p>
+      </div>
+      <div data-settings-rows className="flex flex-col divide-y divide-border">
+      <Row
+        label={<Trans id="settings.theme_label">Theme</Trans>}
+        hint={
+          <Trans id="settings.theme_hint">
+            Follow the system appearance or pin Cutout to light or dark.
+          </Trans>
+        }
+      >
         <div className="flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5">
           {THEME_OPTIONS.map(({ value, icon: Icon }) => (
             <Button
@@ -65,7 +83,15 @@ export function GeneralSection() {
         </div>
       </Row>
 
-      <Row label={<Trans id="topbar.language_label">Language</Trans>}>
+      <Row
+        label={<Trans id="topbar.language_label">Language</Trans>}
+        hint={
+          <Trans id="settings.language_hint">
+            Switches the interface language immediately and remembers it on this
+            device.
+          </Trans>
+        }
+      >
         <div className="flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5">
           {SUPPORTED.map((locale) => (
             <Button
@@ -80,6 +106,7 @@ export function GeneralSection() {
           ))}
         </div>
       </Row>
-    </div>
+      </div>
+    </section>
   );
 }
diff --git a/src/components/settings/sections/IntegrationsSection.tsx b/src/components/settings/sections/IntegrationsSection.tsx
index 59fc6fa1..f2af64c6 100644
--- a/src/components/settings/sections/IntegrationsSection.tsx
+++ b/src/components/settings/sections/IntegrationsSection.tsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Layers, RefreshCw, Unplug } from "lucide-react";
+import { RefreshCw, Unplug } from "lucide-react";
 import { Trans, useLingui } from "@lingui/react/macro";
 import { Button } from "@/components/ui/button";
 import { connectorCatalog } from "@/components/integrations/connector-catalog";
@@ -63,110 +63,116 @@ export function IntegrationsSection() {
   };
 
   return (
-    <section aria-labelledby="settings-integrations-heading">
-      <div className="flex items-center gap-2.5">
-        <Layers className="size-4 text-muted-foreground" />
+    <section
+      aria-labelledby="settings-integrations-heading"
+      className="flex flex-col gap-4"
+    >
+      <div>
         <h2
           id="settings-integrations-heading"
           tabIndex={-1}
-          className="text-sm font-semibold outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          className="text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring"
         >
           <Trans id="settings.section_integrations">Integrations</Trans>
         </h2>
+        <p className="mt-0.5 text-xs text-muted-foreground">
+          <Trans id="settings.integrations.description">
+            Credentials remain in the desktop host. Cutout stores only opaque,
+            revocable session handles.
+          </Trans>
+        </p>
       </div>
-      <p className="mt-2 text-sm text-muted-foreground">
-        <Trans id="settings.integrations.description">
-          Credentials remain in the desktop host. Cutout stores only opaque,
-          revocable session handles.
-        </Trans>
-      </p>
-      <div className="mt-4 divide-y divide-border rounded-md border border-border">
+      <div className="divide-y divide-border">
         {connectorCatalog.map((connector) => {
-          const state = controller.state(
-            connector.id,
-            connector.provider.id,
-          ),
+          const state = controller.state(connector.id, connector.provider.id),
             oauth = oauthProviders.has(connector.id),
             busy = ["authorizing", "refreshing", "revoking"].includes(
               state.status,
             );
           return (
-            <div key={connector.id} className="flex items-center gap-3 px-3 py-3">
+            <div
+              key={connector.id}
+              className="flex min-h-14 items-center gap-3 py-3"
+            >
               <IntegrationIcon
                 id={connector.id}
                 name={connector.product.name}
               />
               <div className="min-w-0 flex-1">
                 <p className="text-sm font-medium">{connector.product.name}</p>
-                <p className="text-xs text-muted-foreground">
+                <p className="mt-0.5 text-xs text-muted-foreground">
                   {statusLabel(state.status, connector.unavailableReason)}
                 </p>
                 {state.error ? (
-                  <p className="mt-1 text-xs text-destructive">{state.error}</p>
+                  <p className="mt-0.5 text-xs text-destructive">
+                    {state.error}
+                  </p>
                 ) : null}
               </div>
-              {state.status === "connected" ? (
-                <>
-                  <Button
-                    size="icon-sm"
-                    variant="ghost"
-                    title={t({
-                      id: "settings.integrations.refresh_session",
-                      message: "Refresh session",
-                    })}
-                    disabled={busy}
-                    onClick={() =>
-                      void controller.refresh(connector.id).then(update)
-                    }
-                  >
-                    <RefreshCw className="size-4" />
-                  </Button>
+              <div className="flex shrink-0 items-center gap-2">
+                {state.status === "connected" ? (
+                  <>
+                    <Button
+                      size="icon-sm"
+                      variant="ghost"
+                      title={t({
+                        id: "settings.integrations.refresh_session",
+                        message: "Refresh session",
+                      })}
+                      disabled={busy}
+                      onClick={() =>
+                        void controller.refresh(connector.id).then(update)
+                      }
+                    >
+                      <RefreshCw />
+                    </Button>
+                    <Button
+                      size="icon-sm"
+                      variant="ghost"
+                      title={t({
+                        id: "settings.integrations.disconnect",
+                        message: "Disconnect",
+                      })}
+                      disabled={busy}
+                      onClick={() =>
+                        void controller.disconnect(connector.id).then(update)
+                      }
+                    >
+                      <Unplug />
+                    </Button>
+                  </>
+                ) : (
                   <Button
-                    size="icon-sm"
-                    variant="ghost"
-                    title={t({
-                      id: "settings.integrations.disconnect",
-                      message: "Disconnect",
-                    })}
-                    disabled={busy}
+                    size="sm"
+                    variant="outline"
+                    disabled={!oauth || state.status === "disabled" || busy}
                     onClick={() =>
-                      void controller.disconnect(connector.id).then(update)
+                      void controller
+                        .begin(
+                          connector.id,
+                          connector.provider.id,
+                          scopes(connector.id),
+                        )
+                        .then(update)
                     }
                   >
-                    <Unplug className="size-4" />
+                    {state.status === "authorizing"
+                      ? t({
+                          id: "settings.integrations.waiting_callback",
+                          message: "Waiting for callback",
+                        })
+                      : t({
+                          id: "settings.integrations.connect",
+                          message: "Connect",
+                        })}
                   </Button>
-                </>
-              ) : (
-                <Button
-                  size="sm"
-                  variant="outline"
-                  disabled={!oauth || state.status === "disabled" || busy}
-                  onClick={() =>
-                    void controller
-                      .begin(
-                        connector.id,
-                        connector.provider.id,
-                        scopes(connector.id),
-                      )
-                      .then(update)
-                  }
-                >
-                  {state.status === "authorizing"
-                    ? t({
-                        id: "settings.integrations.waiting_callback",
-                        message: "Waiting for callback",
-                      })
-                    : t({
-                        id: "settings.integrations.connect",
-                        message: "Connect",
-                      })}
-                </Button>
-              )}
+                )}
+              </div>
             </div>
           );
         })}
       </div>
-      <p className="mt-3 text-xs text-muted-foreground">
+      <p className="text-xs text-muted-foreground">
         <Trans id="settings.integrations.handshake_note">
           Plugin, MCP, CLI and local-vault integrations become available only
           after their host handshake is verified.
diff --git a/src/components/settings/sections/PersonalizationSection.tsx b/src/components/settings/sections/PersonalizationSection.tsx
index 2b492e47..64d70b64 100644
--- a/src/components/settings/sections/PersonalizationSection.tsx
+++ b/src/components/settings/sections/PersonalizationSection.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { Brain, Loader2, RotateCcw, Sparkles } from "lucide-react";
+import { Loader2, RotateCcw } from "lucide-react";
 import { toast } from "sonner";
 import { Trans, useLingui } from "@lingui/react/macro";
 import {
@@ -11,6 +11,7 @@ import {
   useResetPersonalization,
   useSavePersonalization,
 } from "@/hooks/queries/personalization";
+import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
 import { Label } from "@/components/ui/label";
 import { Switch } from "@/components/ui/switch";
@@ -141,16 +142,13 @@ export function PersonalizationSection() {
           message: "Could not save personalization",
         }),
         {
-          description:
-            error instanceof Error ? error.message : String(error),
+          description: error instanceof Error ? error.message : String(error),
         },
       );
     }
   };
 
-  const selectPersonality = (
-    value: PersonalizationSettings["personality"],
-  ) => {
+  const selectPersonality = (value: PersonalizationSettings["personality"]) => {
     setPersonality(value);
     if (value === "custom" && !instructions.trim()) return;
     void persist(
@@ -180,7 +178,7 @@ export function PersonalizationSection() {
     return (
       <div
         role="alert"
-        className="rounded-lg border border-destructive/30 bg-destructive/5 p-4"
+        className="rounded-xl border border-destructive/30 bg-destructive/5 p-3"
       >
         <p className="text-sm font-medium text-destructive">
           <Trans id="settings.personalization.load_failed">
@@ -201,22 +199,19 @@ export function PersonalizationSection() {
   return (
     <section
       aria-labelledby="personalization-heading"
-      className="flex flex-col gap-5"
+      className="flex flex-col gap-8"
     >
       <div>
-        <div className="flex items-center gap-2">
-          <Sparkles className="size-4 text-muted-foreground" />
-          <h2 id="personalization-heading" className="text-sm font-semibold">
-            <Trans id="settings.section_personalization">Personalization</Trans>
-          </h2>
-        </div>
-        <p className="mt-1 text-sm text-muted-foreground">
+        <h2 id="personalization-heading" className="text-sm font-medium">
+          <Trans id="settings.section_personalization">Personalization</Trans>
+        </h2>
+        <p className="mt-0.5 text-xs text-muted-foreground">
           <Trans id="settings.personalization.description">
             Shape how the Agent works with you while keeping every project
             focused on the result.
           </Trans>
         </p>
-        <p className="mt-2 rounded-md border border-border bg-muted/20 px-2.5 py-2 text-xs text-muted-foreground">
+        <p className="mt-3 rounded-xl border border-border bg-muted/40 p-3 text-xs text-muted-foreground">
           <Trans id="settings.personalization.compatibility">
             Compatibility: these preferences are stored locally. External Agents
             receive only privacy-safe capability status, never your instruction
@@ -225,138 +220,169 @@ export function PersonalizationSection() {
         </p>
       </div>
 
-      <div>
-        <h3 className="text-sm font-medium">
-          <Trans id="settings.personalization.personality">Personality</Trans>
-        </h3>
-        <div
-          role="radiogroup"
-          aria-label={t({
-            id: "settings.personalization.personality_aria",
-            message: "Agent personality",
-          })}
-          className="mt-2 grid grid-cols-2 gap-2"
+      <section
+        className="flex flex-col gap-2"
+        aria-labelledby="personalization-style-heading"
+      >
+        <h3
+          id="personalization-style-heading"
+          className="text-xs font-medium tracking-wide text-muted-foreground uppercase"
         >
-          {personalities.map((item) => (
-            <button
-              key={item.value}
-              type="button"
-              role="radio"
-              aria-checked={personality === item.value}
-              disabled={busy}
-              onClick={() => selectPersonality(item.value)}
-              className={`rounded-lg border p-2.5 text-left disabled:opacity-50 ${
-                personality === item.value
-                  ? "border-foreground bg-foreground/5"
-                  : "border-border"
-              }`}
+          <Trans id="settings.personalization.group_style">Agent style</Trans>
+        </h3>
+        <div className="divide-y divide-border">
+          <div className="py-4">
+            <div className="text-sm font-medium">
+              <Trans id="settings.personalization.personality">
+                Personality
+              </Trans>
+            </div>
+            <p className="mt-0.5 text-xs text-muted-foreground">
+              <Trans id="settings.personalization.personality_hint">
+                Sets the default tone of every reply. Applies immediately across
+                all projects on this device.
+              </Trans>
+            </p>
+            <div
+              role="radiogroup"
+              aria-label={t({
+                id: "settings.personalization.personality_aria",
+                message: "Agent personality",
+              })}
+              className="mt-3 grid gap-3 sm:grid-cols-2"
             >
-              <span className="block text-sm font-medium">{item.label}</span>
-              <span className="mt-0.5 block text-xs text-muted-foreground">
-                {item.description}
+              {personalities.map((item) => (
+                <button
+                  key={item.value}
+                  type="button"
+                  role="radio"
+                  aria-checked={personality === item.value}
+                  disabled={busy}
+                  onClick={() => selectPersonality(item.value)}
+                  className={cn(
+                    "flex min-h-16 w-full items-start gap-3 rounded-xl border p-3 text-left transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50",
+                    personality === item.value
+                      ? "border-foreground bg-foreground/5"
+                      : "border-border hover:border-foreground/25 hover:bg-foreground/5",
+                  )}
+                >
+                  <span className="min-w-0">
+                    <span className="block text-sm font-medium">
+                      {item.label}
+                    </span>
+                    <span className="mt-0.5 block text-xs text-muted-foreground">
+                      {item.description}
+                    </span>
+                  </span>
+                </button>
+              ))}
+            </div>
+          </div>
+
+          <div className="py-4">
+            <div className="flex items-start justify-between gap-4">
+              <Label
+                htmlFor="custom-instructions"
+                className="text-sm font-medium"
+              >
+                <Trans id="settings.personalization.custom_instructions">
+                  Custom instructions
+                </Trans>
+              </Label>
+              <span className="shrink-0 text-xs tabular-nums text-muted-foreground">
+                {instructions.length} / 4000
               </span>
-            </button>
-          ))}
+            </div>
+            <p
+              id="custom-instructions-help"
+              className="mt-0.5 text-xs text-muted-foreground"
+            >
+              <Trans id="settings.personalization.custom_instructions_help">
+                Do not include API keys or private credentials. Project-specific
+                requirements belong in the project brief.
+              </Trans>
+            </p>
+            <Textarea
+              id="custom-instructions"
+              value={instructions}
+              disabled={busy}
+              maxLength={4000}
+              onChange={(event) => setInstructions(event.target.value)}
+              placeholder={t({
+                id: "settings.personalization.custom_instructions_placeholder",
+                message:
+                  "Describe stable preferences, constraints, or how you want results presented.",
+              })}
+              className="mt-3 min-h-28 resize-y"
+              aria-describedby="custom-instructions-help"
+            />
+            {personality === "custom" && !instructions.trim() ? (
+              <p
+                role="alert"
+                className="mt-2 text-xs text-amber-700 dark:text-amber-300"
+              >
+                <Trans id="settings.personalization.custom_requires_instructions">
+                  Custom personality requires instructions before it can be
+                  saved.
+                </Trans>
+              </p>
+            ) : null}
+            <div className="mt-3 flex justify-end">
+              <Button
+                size="sm"
+                disabled={
+                  !dirty ||
+                  busy ||
+                  (personality === "custom" && !instructions.trim())
+                }
+                onClick={() =>
+                  void persist(
+                    {
+                      ...settings,
+                      personality,
+                      customInstructions: instructions,
+                    },
+                    t({
+                      id: "settings.personalization.instructions_saved_toast",
+                      message: "Instructions saved",
+                    }),
+                  )
+                }
+              >
+                {save.isPending ? <Loader2 className="animate-spin" /> : null}
+                <Trans id="settings.personalization.save_changes">
+                  Save changes
+                </Trans>
+              </Button>
+            </div>
+          </div>
         </div>
-      </div>
+      </section>
 
-      <div>
-        <div className="flex items-end justify-between gap-3">
-          <Label htmlFor="custom-instructions">
-            <Trans id="settings.personalization.custom_instructions">
-              Custom instructions
-            </Trans>
-          </Label>
-          <span className="text-[11px] text-muted-foreground">
-            {instructions.length} / 4000
-          </span>
-        </div>
-        <Textarea
-          id="custom-instructions"
-          value={instructions}
-          disabled={busy}
-          maxLength={4000}
-          onChange={(event) => setInstructions(event.target.value)}
-          placeholder={t({
-            id: "settings.personalization.custom_instructions_placeholder",
-            message:
-              "Describe stable preferences, constraints, or how you want results presented.",
-          })}
-          className="mt-2 min-h-28 resize-y"
-          aria-describedby="custom-instructions-help"
-        />
-        <p
-          id="custom-instructions-help"
-          className="mt-1 text-xs text-muted-foreground"
+      <section
+        className="flex flex-col gap-2"
+        aria-labelledby="personalization-memory-heading"
+      >
+        <h3
+          id="personalization-memory-heading"
+          className="text-xs font-medium tracking-wide text-muted-foreground uppercase"
         >
-          <Trans id="settings.personalization.custom_instructions_help">
-            Do not include API keys or private credentials. Project-specific
-            requirements belong in the project brief.
+          <Trans id="settings.personalization.memory">Memory</Trans>
+        </h3>
+        <p className="text-xs text-muted-foreground">
+          <Trans id="settings.personalization.memory_description">
+            Allow useful preferences to carry across your local work.
           </Trans>
         </p>
-        {personality === "custom" && !instructions.trim() ? (
-          <p
-            role="alert"
-            className="mt-1 text-xs text-amber-700 dark:text-amber-300"
-          >
-            <Trans id="settings.personalization.custom_requires_instructions">
-              Custom personality requires instructions before it can be saved.
-            </Trans>
-          </p>
-        ) : null}
-        <div className="mt-2 flex justify-end">
-          <Button
-            size="sm"
-            disabled={
-              !dirty ||
-              busy ||
-              (personality === "custom" && !instructions.trim())
-            }
-            onClick={() =>
-              void persist(
-                {
-                  ...settings,
-                  personality,
-                  customInstructions: instructions,
-                },
-                t({
-                  id: "settings.personalization.instructions_saved_toast",
-                  message: "Instructions saved",
-                }),
-              )
-            }
-          >
-            {save.isPending ? <Loader2 className="animate-spin" /> : null}
-            <Trans id="settings.personalization.save_changes">
-              Save changes
-            </Trans>
-          </Button>
-        </div>
-      </div>
-
-      <div className="rounded-lg border border-border p-3">
-        <div className="flex items-center gap-2">
-          <Brain className="size-4 text-muted-foreground" />
-          <div>
-            <h3 className="text-sm font-medium">
-              <Trans id="settings.personalization.memory">Memory</Trans>
-            </h3>
-            <p className="text-xs text-muted-foreground">
-              <Trans id="settings.personalization.memory_description">
-                Allow useful preferences to carry across your local work.
-              </Trans>
-            </p>
-          </div>
-        </div>
-        <div className="mt-3 divide-y divide-border">
-          <label className="flex items-center justify-between gap-4 py-2">
-            <span>
-              <span className="block text-sm">
+        <div className="divide-y divide-border">
+          <label className="flex min-h-14 items-center justify-between gap-4 py-3">
+            <span className="min-w-0">
+              <span className="block text-sm font-medium">
                 <Trans id="settings.personalization.use_memory">
                   Use memory
                 </Trans>
               </span>
-              <span className="block text-xs text-muted-foreground">
+              <span className="mt-0.5 block text-xs text-muted-foreground">
                 <Trans id="settings.personalization.use_memory_desc">
                   Reuse approved preferences in future sessions.
                 </Trans>
@@ -391,14 +417,14 @@ export function PersonalizationSection() {
               })}
             />
           </label>
-          <label className="flex items-center justify-between gap-4 py-2">
-            <span>
-              <span className="block text-sm">
+          <label className="flex min-h-14 items-center justify-between gap-4 py-3">
+            <span className="min-w-0">
+              <span className="block text-sm font-medium">
                 <Trans id="settings.personalization.tool_assisted_memory">
                   Tool-assisted memory
                 </Trans>
               </span>
-              <span className="block text-xs text-muted-foreground">
+              <span className="mt-0.5 block text-xs text-muted-foreground">
                 <Trans id="settings.personalization.tool_assisted_memory_desc">
                   Let approved tools contribute preference signals.
                 </Trans>
@@ -428,7 +454,7 @@ export function PersonalizationSection() {
             />
           </label>
         </div>
-        <div className="mt-2 flex justify-end">
+        <div className="flex justify-end">
           <AlertDialog>
             <AlertDialogTrigger asChild>
               <Button
@@ -495,7 +521,7 @@ export function PersonalizationSection() {
             </AlertDialogContent>
           </AlertDialog>
         </div>
-      </div>
+      </section>
     </section>
   );
 }
diff --git a/src/components/settings/sections/RecoverySection.tsx b/src/components/settings/sections/RecoverySection.tsx
index 1b15befe..b1a129bf 100644
--- a/src/components/settings/sections/RecoverySection.tsx
+++ b/src/components/settings/sections/RecoverySection.tsx
@@ -72,7 +72,8 @@ export function RecoverySection() {
         })),
         {
           at: generatedAt,
-          level: hostStatus === "error" ? ("error" as const) : ("info" as const),
+          level:
+            hostStatus === "error" ? ("error" as const) : ("info" as const),
           scope: "host" as const,
           code: "recovery.status",
           correlationId: "local-recovery",
@@ -83,9 +84,8 @@ export function RecoverySection() {
   };
   const checkHost = async (recover = false) => {
     setHostStatus("checking");
-    const { createTauriAgentHostService } = await import(
-      "@/agent-host/tauri-service"
-    );
+    const { createTauriAgentHostService } =
+      await import("@/agent-host/tauri-service");
     const controller = createAuthoritativeRecoveryController({
       workspace: authorizedWorkspace,
       create: (workspaceHandle) =>
@@ -99,11 +99,14 @@ export function RecoverySection() {
   };
 
   return (
-    <section className="border-t border-border pt-4" aria-labelledby="recovery-title">
-      <h3 id="recovery-title" className="text-sm font-medium">
+    <section aria-labelledby="recovery-title">
+      <h3
+        id="recovery-title"
+        className="text-xs font-medium tracking-wide text-muted-foreground uppercase"
+      >
         <Trans id="settings.recovery.title">Troubleshooting</Trans>
       </h3>
-      <p className="mt-0.5 text-xs text-muted-foreground">
+      <p className="mt-2 text-xs text-muted-foreground">
         <Trans id="settings.recovery.hint">
           Reset interface preferences or export a redacted local diagnostic
           bundle. Project data is not deleted.
@@ -120,7 +123,10 @@ export function RecoverySection() {
               "cutout.canvas-grid",
             ]);
             toast.success(
-              t({ id: "settings.recovery.ui_reset", message: "UI state reset" }),
+              t({
+                id: "settings.recovery.ui_reset",
+                message: "UI state reset",
+              }),
             );
           }}
         >
@@ -128,14 +134,14 @@ export function RecoverySection() {
           <Trans id="settings.recovery.reset_ui">Reset UI state</Trans>
         </Button>
       </div>
-      <details className="group/recovery mt-3 border-t border-border/70 pt-1">
-        <summary className="flex min-h-10 cursor-pointer list-none items-center gap-2 text-xs font-medium text-muted-foreground hover:text-foreground [&::-webkit-details-marker]:hidden">
-          <ChevronRight className="size-3.5 transition-transform group-open/recovery:rotate-90" />
+      <details className="group/recovery mt-3 border-t border-border pt-1">
+        <summary className="flex min-h-10 cursor-pointer list-none items-center gap-2 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground [&::-webkit-details-marker]:hidden">
+          <ChevronRight className="size-4 transition-transform group-open/recovery:rotate-90" />
           <Trans id="settings.recovery.advanced">
             Diagnostics and recovery
           </Trans>
         </summary>
-        <div className="space-y-3 pb-1 pl-5">
+        <div className="flex flex-col gap-3 pb-1 pl-5">
           <div className="flex flex-wrap gap-2">
             <Button
               variant="outline"
@@ -175,7 +181,7 @@ export function RecoverySection() {
             </Button>
           </div>
 
-          <div className="border-t border-border/70 pt-3">
+          <div className="border-t border-border pt-3">
             {authorizedWorkspace ? (
               <>
                 <div className="flex flex-wrap gap-2">
@@ -222,7 +228,7 @@ export function RecoverySection() {
                 id: "settings.recovery.diagnostic_preview_aria",
                 message: "Diagnostic bundle preview",
               })}
-              className="mt-3 max-h-48 overflow-auto whitespace-pre-wrap rounded-md border border-border bg-muted/20 p-2 font-mono text-[10px]"
+              className="max-h-48 overflow-auto whitespace-pre-wrap rounded-xl border border-border bg-muted/40 p-3 font-mono text-xs"
             >
               {diagnosticsPreview}
             </pre>
diff --git a/src/components/settings/sections/SpeechSection.tsx b/src/components/settings/sections/SpeechSection.tsx
index 1aa6cabe..85d48901 100644
--- a/src/components/settings/sections/SpeechSection.tsx
+++ b/src/components/settings/sections/SpeechSection.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { Loader2, Mic, RotateCcw, Volume2 } from "lucide-react";
+import { Loader2, RotateCcw } from "lucide-react";
 import { toast } from "sonner";
 import { Trans, useLingui } from "@lingui/react/macro";
 import { defaultSpeechPreferences, type SpeechPreferences } from "@/speech";
@@ -60,8 +60,7 @@ export function SpeechSection() {
             message: "Could not save speech preferences",
           }),
           {
-            description:
-              error instanceof Error ? error.message : String(error),
+            description: error instanceof Error ? error.message : String(error),
           },
         );
       }
@@ -94,23 +93,20 @@ export function SpeechSection() {
       </div>
     );
   return (
-    <section aria-labelledby="speech-heading" className="flex flex-col gap-5">
+    <section aria-labelledby="speech-heading" className="flex flex-col gap-8">
       <div>
-        <div className="flex items-center gap-2">
-          <Mic className="size-4" />
-          <h2 id="speech-heading" className="text-sm font-semibold">
-            <Trans id="settings.section_speech">Speech</Trans>
-          </h2>
-        </div>
-        <p className="mt-1 text-sm text-muted-foreground">
+        <h2 id="speech-heading" className="text-sm font-medium">
+          <Trans id="settings.section_speech">Speech</Trans>
+        </h2>
+        <p className="mt-0.5 text-xs text-muted-foreground">
           <Trans id="settings.speech.description">
-            Configure dictation and spoken output without changing how the
-            Agent plans your work.
+            Configure dictation and spoken output without changing how the Agent
+            plans your work.
           </Trans>
         </p>
         <p
           role={hostUnavailable ? "alert" : undefined}
-          className="mt-2 rounded-md border border-amber-500/25 bg-amber-500/10 px-2.5 py-2 text-xs text-amber-700 dark:text-amber-300"
+          className="mt-3 rounded-xl border border-amber-500/25 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300"
         >
           <Trans id="settings.speech.host_required">
             Host required: microphone enumeration and system-level shortcuts
@@ -126,255 +122,366 @@ export function SpeechSection() {
           ) : null}
         </p>
       </div>
-      <div className="rounded-lg border border-border p-3">
-        <div className="flex items-center justify-between">
-          <h3 className="text-sm font-medium">
-            <Trans id="settings.speech.models_title">Speech models</Trans>
-          </h3>
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={() => setAdvanced((v) => !v)}
-            aria-expanded={advanced}
-          >
-            <Trans id="settings.advanced">Advanced</Trans>
-          </Button>
-        </div>
-        <p className="mt-1 text-xs text-muted-foreground">
-          <Trans id="settings.speech.models_description">
-            Auto routing is used by default. ASR and TTS remain
-            capability-required until compatible adapters are connected.
-          </Trans>
-        </p>
-        {advanced ? (
-          <div className="mt-3 flex flex-col gap-2">
-            {SPEECH_MODEL_DIMENSIONS.map((dimension) => {
-              const localized =
-                dimension.task === "asr"
-                  ? {
-                      label: t({
-                        id: "settings.dimension_asr_label",
-                        message: "Speech to text",
-                      }),
-                      description: t({
-                        id: "settings.dimension_asr_description",
-                        message: "Transcribe spoken audio.",
-                      }),
-                    }
-                  : {
-                      label: t({
-                        id: "settings.dimension_tts_label",
-                        message: "Text to speech",
-                      }),
-                      description: t({
-                        id: "settings.dimension_tts_description",
-                        message: "Create spoken audio.",
-                      }),
-                    };
-              return (
-                <ModelSlot
-                  key={dimension.task}
-                  {...dimension}
-                  {...localized}
-                  advanced
-                />
-              );
-            })}
+
+      <section
+        className="flex flex-col gap-2"
+        aria-labelledby="speech-models-heading"
+      >
+        <h3
+          id="speech-models-heading"
+          className="text-xs font-medium tracking-wide text-muted-foreground uppercase"
+        >
+          <Trans id="settings.speech.models_title">Speech models</Trans>
+        </h3>
+        <div className="divide-y divide-border">
+          <div className="flex min-h-14 items-center justify-between gap-4 py-3">
+            <div className="min-w-0">
+              <div className="text-sm font-medium">
+                <Trans id="settings.speech.automatic_routing">
+                  Automatic routing
+                </Trans>
+              </div>
+              <div className="mt-0.5 text-xs text-muted-foreground">
+                <Trans id="settings.speech.models_description">
+                  Auto routing is used by default. ASR and TTS remain
+                  capability-required until compatible adapters are connected.
+                </Trans>
+              </div>
+            </div>
+            <div className="flex shrink-0 items-center gap-2">
+              <Button
+                variant="ghost"
+                size="sm"
+                onClick={() => setAdvanced((v) => !v)}
+                aria-expanded={advanced}
+              >
+                <Trans id="settings.advanced">Advanced</Trans>
+              </Button>
+            </div>
           </div>
-        ) : null}
-      </div>
-      <div className="rounded-lg border border-border p-3">
-        <h3 className="text-sm font-medium">
+          {advanced ? (
+            <div className="py-4">
+              <div className="text-sm font-medium">
+                <Trans id="settings.speech.manual_routing">
+                  Manual speech routing
+                </Trans>
+              </div>
+              <p className="mt-0.5 text-xs text-muted-foreground">
+                <Trans id="settings.speech.manual_routing_hint">
+                  Pin a specific provider and model for transcription and spoken
+                  output instead of letting Cutout choose.
+                </Trans>
+              </p>
+              <div className="mt-3 flex flex-col gap-2">
+                {SPEECH_MODEL_DIMENSIONS.map((dimension) => {
+                  const localized =
+                    dimension.task === "asr"
+                      ? {
+                          label: t({
+                            id: "settings.dimension_asr_label",
+                            message: "Speech to text",
+                          }),
+                          description: t({
+                            id: "settings.dimension_asr_description",
+                            message: "Transcribe spoken audio.",
+                          }),
+                        }
+                      : {
+                          label: t({
+                            id: "settings.dimension_tts_label",
+                            message: "Text to speech",
+                          }),
+                          description: t({
+                            id: "settings.dimension_tts_description",
+                            message: "Create spoken audio.",
+                          }),
+                        };
+                  return (
+                    <ModelSlot
+                      key={dimension.task}
+                      {...dimension}
+                      {...localized}
+                      advanced
+                    />
+                  );
+                })}
+              </div>
+            </div>
+          ) : null}
+        </div>
+      </section>
+
+      <section
+        className="flex flex-col gap-2"
+        aria-labelledby="speech-dictation-heading"
+      >
+        <h3
+          id="speech-dictation-heading"
+          className="text-xs font-medium tracking-wide text-muted-foreground uppercase"
+        >
           <Trans id="settings.speech.dictation">Dictation</Trans>
         </h3>
-        <label className="mt-3 block text-xs text-muted-foreground">
-          <Trans id="settings.speech.microphone_device_id">
-            Microphone device ID
-          </Trans>
-          <Input
-            value={draft.microphoneDeviceId}
-            disabled={busy || hostUnavailable}
-            onChange={(e) =>
-              setDraft({ ...draft, microphoneDeviceId: e.target.value })
-            }
-            placeholder={t({
-              id: "settings.speech.not_set",
-              message: "Not set",
-            })}
-            aria-label={t({
-              id: "settings.speech.microphone_device_id",
-              message: "Microphone device ID",
-            })}
-          />
-        </label>
-        <div className="mt-3 grid grid-cols-2 gap-2">
-          <label className="text-xs text-muted-foreground">
-            <Trans id="settings.speech.activation">Activation</Trans>
-            <select
-              value={draft.activationMode}
+        <div className="divide-y divide-border">
+          <label className="block py-4">
+            <span className="block text-sm font-medium">
+              <Trans id="settings.speech.microphone_device_id">
+                Microphone device ID
+              </Trans>
+            </span>
+            <span className="mt-0.5 block text-xs text-muted-foreground">
+              <Trans id="settings.speech.microphone_device_id_hint">
+                Leave empty to use the system default input. Paste a device ID
+                to pin one microphone.
+              </Trans>
+            </span>
+            <Input
+              className="mt-3"
+              value={draft.microphoneDeviceId}
               disabled={busy || hostUnavailable}
               onChange={(e) =>
-                setDraft({
-                  ...draft,
-                  activationMode: e.target
-                    .value as SpeechPreferences["activationMode"],
-                })
+                setDraft({ ...draft, microphoneDeviceId: e.target.value })
               }
-              className="mt-1 h-9 w-full rounded-md border bg-background px-2"
-            >
-              <option value="push-to-talk">
-                {t({
-                  id: "settings.speech.push_to_talk",
-                  message: "Push to talk",
-                })}
-              </option>
-              <option value="toggle">
-                {t({ id: "settings.speech.toggle", message: "Toggle" })}
-              </option>
-            </select>
-          </label>
-          <label className="text-xs text-muted-foreground">
-            <Trans id="settings.speech.shortcut">Shortcut</Trans>
-            <Input
-              value={draft.shortcut}
-              disabled={busy || hostUnavailable}
-              onChange={(e) => setDraft({ ...draft, shortcut: e.target.value })}
               placeholder={t({
                 id: "settings.speech.not_set",
                 message: "Not set",
               })}
               aria-label={t({
-                id: "settings.speech.shortcut_aria",
-                message: "Speech shortcut",
+                id: "settings.speech.microphone_device_id",
+                message: "Microphone device ID",
               })}
             />
           </label>
-        </div>
-        <label className="mt-3 flex items-center justify-between gap-3 text-sm">
-          <Trans id="settings.speech.keep_dictation_visible">
-            Keep dictation visible
-          </Trans>
-          <Switch
-            checked={draft.keepDictationVisible}
-            disabled={busy || hostUnavailable}
-            onCheckedChange={(value) =>
-              setDraft({ ...draft, keepDictationVisible: value })
-            }
-            aria-label={t({
-              id: "settings.speech.keep_dictation_visible",
-              message: "Keep dictation visible",
-            })}
-          />
-        </label>
-        <div className="mt-3">
-          <label className="text-xs text-muted-foreground">
-            <Trans id="settings.speech.dictionary_entry">
-              Dictionary entry
-            </Trans>
-          </label>
-          <div className="mt-1 flex gap-2">
-            <Input
-              value={dictionary}
-              disabled={busy || hostUnavailable}
-              onChange={(e) => setDictionary(e.target.value)}
-              aria-label={t({
-                id: "settings.speech.dictionary_entry",
-                message: "Dictionary entry",
-              })}
-            />
-            <Button
-              variant="outline"
-              disabled={!dictionary.trim() || busy || hostUnavailable}
-              onClick={() => {
-                setDraft({
-                  ...draft,
-                  dictionary: [
-                    ...new Set([...draft.dictionary, dictionary.trim()]),
-                  ],
-                });
-                setDictionary("");
-              }}
-            >
-              <Trans id="settings.add">Add</Trans>
-            </Button>
+          <div className="py-4">
+            <div className="text-sm font-medium">
+              <Trans id="settings.speech.trigger_title">
+                Dictation trigger
+              </Trans>
+            </div>
+            <p className="mt-0.5 text-xs text-muted-foreground">
+              <Trans id="settings.speech.trigger_hint">
+                Choose whether dictation runs while the key is held or stays on
+                until you stop it, and which shortcut starts it.
+              </Trans>
+            </p>
+            <div className="mt-3 grid grid-cols-2 gap-3">
+              <label className="text-xs text-muted-foreground">
+                <Trans id="settings.speech.activation">Activation</Trans>
+                <select
+                  value={draft.activationMode}
+                  disabled={busy || hostUnavailable}
+                  onChange={(e) =>
+                    setDraft({
+                      ...draft,
+                      activationMode: e.target
+                        .value as SpeechPreferences["activationMode"],
+                    })
+                  }
+                  className="mt-1.5 h-8 w-full rounded-lg border border-border bg-background px-2 text-sm text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50"
+                >
+                  <option value="push-to-talk">
+                    {t({
+                      id: "settings.speech.push_to_talk",
+                      message: "Push to talk",
+                    })}
+                  </option>
+                  <option value="toggle">
+                    {t({ id: "settings.speech.toggle", message: "Toggle" })}
+                  </option>
+                </select>
+              </label>
+              <label className="text-xs text-muted-foreground">
+                <Trans id="settings.speech.shortcut">Shortcut</Trans>
+                <Input
+                  className="mt-1.5"
+                  value={draft.shortcut}
+                  disabled={busy || hostUnavailable}
+                  onChange={(e) =>
+                    setDraft({ ...draft, shortcut: e.target.value })
+                  }
+                  placeholder={t({
+                    id: "settings.speech.not_set",
+                    message: "Not set",
+                  })}
+                  aria-label={t({
+                    id: "settings.speech.shortcut_aria",
+                    message: "Speech shortcut",
+                  })}
+                />
+              </label>
+            </div>
           </div>
-          <div className="mt-2 flex flex-wrap gap-1">
-            {draft.dictionary.map((value) => (
-              <button
-                key={value}
-                type="button"
+          <label className="flex min-h-14 items-center justify-between gap-4 py-3">
+            <span className="min-w-0">
+              <span className="block text-sm font-medium">
+                <Trans id="settings.speech.keep_dictation_visible">
+                  Keep dictation visible
+                </Trans>
+              </span>
+              <span className="mt-0.5 block text-xs text-muted-foreground">
+                <Trans id="settings.speech.keep_dictation_visible_hint">
+                  Keep the live transcript panel on screen after dictation
+                  stops.
+                </Trans>
+              </span>
+            </span>
+            <span className="flex shrink-0 items-center gap-2">
+              <Switch
+                checked={draft.keepDictationVisible}
                 disabled={busy || hostUnavailable}
-                onClick={() =>
-                  setDraft({
-                    ...draft,
-                    dictionary: draft.dictionary.filter(
-                      (item) => item !== value,
-                    ),
-                  })
+                onCheckedChange={(value) =>
+                  setDraft({ ...draft, keepDictationVisible: value })
                 }
-                className="rounded border px-1.5 py-0.5 text-xs disabled:opacity-50"
                 aria-label={t({
-                  id: "settings.speech.remove_entry",
-                  message: `Remove ${value}`,
+                  id: "settings.speech.keep_dictation_visible",
+                  message: "Keep dictation visible",
+                })}
+              />
+            </span>
+          </label>
+          <div className="py-4">
+            <div className="text-sm font-medium">
+              <Trans id="settings.speech.dictionary_title">Dictionary</Trans>
+            </div>
+            <p className="mt-0.5 text-xs text-muted-foreground">
+              <Trans id="settings.speech.dictionary_hint">
+                Add names and terms that transcription should spell exactly.
+                Select an entry to remove it.
+              </Trans>
+            </p>
+            <div className="mt-3 flex gap-2">
+              <Input
+                value={dictionary}
+                disabled={busy || hostUnavailable}
+                onChange={(e) => setDictionary(e.target.value)}
+                aria-label={t({
+                  id: "settings.speech.dictionary_entry",
+                  message: "Dictionary entry",
                 })}
+              />
+              <Button
+                variant="outline"
+                disabled={!dictionary.trim() || busy || hostUnavailable}
+                onClick={() => {
+                  setDraft({
+                    ...draft,
+                    dictionary: [
+                      ...new Set([...draft.dictionary, dictionary.trim()]),
+                    ],
+                  });
+                  setDictionary("");
+                }}
               >
-                {value} ×
-              </button>
-            ))}
+                <Trans id="settings.add">Add</Trans>
+              </Button>
+            </div>
+            <div className="mt-3 flex flex-wrap gap-2">
+              {draft.dictionary.map((value) => (
+                <button
+                  key={value}
+                  type="button"
+                  disabled={busy || hostUnavailable}
+                  onClick={() =>
+                    setDraft({
+                      ...draft,
+                      dictionary: draft.dictionary.filter(
+                        (item) => item !== value,
+                      ),
+                    })
+                  }
+                  className="rounded-full border border-border px-2.5 py-0.5 text-xs transition-colors hover:border-foreground/25 hover:bg-foreground/5 focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50"
+                  aria-label={t({
+                    id: "settings.speech.remove_entry",
+                    message: `Remove ${value}`,
+                  })}
+                >
+                  {value} ×
+                </button>
+              ))}
+            </div>
           </div>
         </div>
-      </div>
-      <div className="rounded-lg border border-border p-3">
-        <div className="flex items-center gap-2">
-          <Volume2 className="size-4" />
-          <h3 className="text-sm font-medium">
-            <Trans id="settings.speech.spoken_output">Spoken output</Trans>
-          </h3>
-        </div>
-        <p className="mt-1 text-xs text-muted-foreground">
+      </section>
+
+      <section
+        className="flex flex-col gap-2"
+        aria-labelledby="speech-output-heading"
+      >
+        <h3
+          id="speech-output-heading"
+          className="text-xs font-medium tracking-wide text-muted-foreground uppercase"
+        >
+          <Trans id="settings.speech.spoken_output">Spoken output</Trans>
+        </h3>
+        <p className="text-xs text-muted-foreground">
           <Trans id="settings.speech.spoken_output_capability">
             Capability required: voice discovery and playback stay disabled
             until a TTS adapter is available.
           </Trans>
         </p>
-        <div className="mt-3 grid grid-cols-2 gap-2">
-          <Input
-            value={draft.ttsVoice}
-            disabled
-            aria-label={t({
-              id: "settings.speech.tts_voice",
-              message: "TTS voice",
-            })}
-            placeholder={t({
-              id: "settings.speech.tts_adapter_required",
-              message: "TTS adapter required",
-            })}
-          />
-          <Input
-            type="number"
-            value={draft.ttsRate}
-            disabled
-            aria-label={t({
-              id: "settings.speech.tts_rate",
-              message: "TTS rate",
-            })}
-          />
+        <div className="divide-y divide-border">
+          <div className="py-4">
+            <div className="text-sm font-medium">
+              <Trans id="settings.speech.voice_title">Voice and rate</Trans>
+            </div>
+            <p className="mt-0.5 text-xs text-muted-foreground">
+              <Trans id="settings.speech.voice_hint">
+                The voice name and playback speed used for spoken replies. Both
+                unlock once a TTS adapter is connected.
+              </Trans>
+            </p>
+            <div className="mt-3 grid grid-cols-2 gap-3">
+              <Input
+                value={draft.ttsVoice}
+                disabled
+                aria-label={t({
+                  id: "settings.speech.tts_voice",
+                  message: "TTS voice",
+                })}
+                placeholder={t({
+                  id: "settings.speech.tts_adapter_required",
+                  message: "TTS adapter required",
+                })}
+              />
+              <Input
+                type="number"
+                value={draft.ttsRate}
+                disabled
+                aria-label={t({
+                  id: "settings.speech.tts_rate",
+                  message: "TTS rate",
+                })}
+              />
+            </div>
+          </div>
+          <label className="flex min-h-14 items-center justify-between gap-4 py-3">
+            <span className="min-w-0">
+              <span className="block text-sm font-medium">
+                <Trans id="settings.speech.auto_play_responses">
+                  Auto-play responses
+                </Trans>
+              </span>
+              <span className="mt-0.5 block text-xs text-muted-foreground">
+                <Trans id="settings.speech.auto_play_responses_hint">
+                  Speak each Agent reply as soon as it arrives, without pressing
+                  play.
+                </Trans>
+              </span>
+            </span>
+            <span className="flex shrink-0 items-center gap-2">
+              <Switch
+                checked={draft.ttsAutoPlay}
+                disabled
+                aria-label={t({
+                  id: "settings.speech.auto_play_aria",
+                  message: "Auto-play TTS responses",
+                })}
+              />
+            </span>
+          </label>
         </div>
-        <label className="mt-3 flex items-center justify-between text-sm">
-          <Trans id="settings.speech.auto_play_responses">
-            Auto-play responses
-          </Trans>
-          <Switch
-            checked={draft.ttsAutoPlay}
-            disabled
-            aria-label={t({
-              id: "settings.speech.auto_play_aria",
-              message: "Auto-play TTS responses",
-            })}
-          />
-        </label>
-      </div>
-      <div className="flex justify-between">
+      </section>
+
+      <div className="flex flex-wrap items-center justify-between gap-2">
         <AlertDialog>
           <AlertDialogTrigger asChild>
             <Button variant="ghost" disabled={busy || !storageAvailable}>
diff --git a/src/components/settings/sections/UpdatesSection.tsx b/src/components/settings/sections/UpdatesSection.tsx
index 5dd2c43a..b2c2d9bd 100644
--- a/src/components/settings/sections/UpdatesSection.tsx
+++ b/src/components/settings/sections/UpdatesSection.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState, type MouseEvent } from "react";
 import { BookOpen, Download, RefreshCw, RotateCcw } from "lucide-react";
 import { Trans, useLingui } from "@lingui/react/macro";
 import { Button } from "@/components/ui/button";
@@ -20,7 +20,10 @@ export function UpdatesSection(props: {
   readonly prepareRecoverySnapshot: () => Promise<boolean>;
   readonly controller?: DesktopUpdateController;
   readonly currentReleaseNotes?: LocalizedReleaseNotes;
-  readonly onOpenReleaseNotes?: (note: ReleaseNotesView, restoreFocusTo: HTMLElement) => void;
+  readonly onOpenReleaseNotes?: (
+    note: ReleaseNotesView,
+    restoreFocusTo: HTMLElement,
+  ) => void;
 }) {
   const { t, i18n } = useLingui();
   const controller = useMemo(
@@ -32,11 +35,13 @@ export function UpdatesSection(props: {
     [props.controller, props.prepareRecoverySnapshot],
   );
   const [state, setState] = useState<UpdateState>(() => controller.getState());
-  const [systemNotifications, setSystemNotifications] = useState(
-    () => controller.getSystemNotificationsEnabled(),
+  const [systemNotifications, setSystemNotifications] = useState(() =>
+    controller.getSystemNotificationsEnabled(),
   );
-  const [requestingNotificationPermission, setRequestingNotificationPermission] =
-    useState(false);
+  const [
+    requestingNotificationPermission,
+    setRequestingNotificationPermission,
+  ] = useState(false);
   const [notificationPermissionDenied, setNotificationPermissionDenied] =
     useState(false);
   const availableReleaseNotes = state.release
@@ -53,7 +58,8 @@ export function UpdatesSection(props: {
       controller.subscribeSystemNotifications(setSystemNotifications);
     if (!props.controller) {
       void controller.initialize().then(() => {
-        if (!disposed) stopAutoCheckScheduler = startUpdateAutoCheckScheduler(controller);
+        if (!disposed)
+          stopAutoCheckScheduler = startUpdateAutoCheckScheduler(controller);
       });
     }
     return () => {
@@ -79,6 +85,18 @@ export function UpdatesSection(props: {
     setNotificationPermissionDenied(enabled && !applied);
     setRequestingNotificationPermission(false);
   };
+  const openCurrentReleaseNotes = (
+    event: MouseEvent<HTMLButtonElement>,
+  ) => {
+    if (!currentReleaseNotes) return;
+    props.onOpenReleaseNotes?.(currentReleaseNotes, event.currentTarget);
+  };
+  const openAvailableReleaseNotes = (
+    event: MouseEvent<HTMLButtonElement>,
+  ) => {
+    if (!availableReleaseNotes) return;
+    props.onOpenReleaseNotes?.(availableReleaseNotes, event.currentTarget);
+  };
 
   const statusText = (() => {
     if (state.phase === "loading")
@@ -116,126 +134,222 @@ export function UpdatesSection(props: {
   })();
 
   return (
-    <section aria-labelledby="updates-title" className="py-3" data-settings-anchor="updates" tabIndex={-1}>
-      <div className="flex items-start justify-between gap-3">
-        <div>
-          <h3 id="updates-title" className="text-sm font-medium">
-            <Trans id="settings.updates.title">Updates</Trans>
-          </h3>
-          <p className="mt-0.5 text-xs text-muted-foreground">
-            {t({
-              id: "settings.updates.current_version",
-              message: `Current version ${state.capability?.currentVersion ?? "checking..."}`,
-            })}
-          </p>
-        </div>
-        <Button
-          size="sm"
-          variant="outline"
-          disabled={busy || !state.capability?.available}
-          onClick={() => void controller.check()}
-        >
-          <RefreshCw />
-          <Trans id="settings.updates.check_now">Check now</Trans>
-        </Button>
-      </div>
-      <div className="mt-3 flex items-center justify-between gap-3 border-t border-border pt-3">
-        <div className="min-w-0">
-          <p className="text-xs font-medium">
-            <Trans id="settings.updates.whats_new">What's New</Trans>
-          </p>
-          <p className="mt-0.5 text-xs text-muted-foreground">
-            {currentReleaseNotes ? (
-              t({
-                id: "settings.updates.whats_new_hint",
-                message: `Review the highlights for Cutout ${currentReleaseNotes.version}.`,
-              })
-            ) : (
-              <Trans id="settings.updates.whats_new_unavailable">
-                No release notes are available for this version.
+    <section
+      aria-labelledby="updates-title"
+      className="flex flex-col gap-2 outline-none"
+      data-settings-anchor="updates"
+      tabIndex={-1}
+    >
+      <h3
+        id="updates-title"
+        className="text-xs font-medium tracking-wide text-muted-foreground uppercase"
+      >
+        <Trans id="settings.updates.title">Updates</Trans>
+      </h3>
+      <div className="divide-y divide-border">
+        <div className="flex min-h-14 items-center justify-between gap-4 py-3">
+          <div className="min-w-0">
+            <div className="text-sm font-medium">
+              <Trans id="settings.updates.installed_build">
+                Installed build
               </Trans>
-            )}
-          </p>
+            </div>
+            <div className="mt-0.5 text-xs text-muted-foreground">
+              {t({
+                id: "settings.updates.current_version",
+                message: `Current version ${state.capability?.currentVersion ?? "checking..."}`,
+              })}
+            </div>
+          </div>
+          <div className="flex shrink-0 items-center gap-2">
+            <Button
+              size="sm"
+              variant="outline"
+              disabled={busy || !state.capability?.available}
+              onClick={() => void controller.check()}
+            >
+              <RefreshCw />
+              <Trans id="settings.updates.check_now">Check now</Trans>
+            </Button>
+          </div>
         </div>
-        <Button
-          size="sm"
-          variant="outline"
-          disabled={!currentReleaseNotes || !props.onOpenReleaseNotes}
-          onClick={(event) => currentReleaseNotes
-            && props.onOpenReleaseNotes?.(currentReleaseNotes, event.currentTarget)}
-        >
-          <BookOpen />
-          <Trans id="settings.updates.open_whats_new">Open</Trans>
-        </Button>
-      </div>
-      <div className="mt-3 flex flex-wrap items-center justify-between gap-3">
+
+        <div className="flex min-h-14 items-center justify-between gap-4 py-3">
+          <div className="min-w-0">
+            <div className="text-sm font-medium">
+              <Trans id="settings.updates.whats_new">What's New</Trans>
+            </div>
+            <div className="mt-0.5 text-xs text-muted-foreground">
+              {currentReleaseNotes ? (
+                t({
+                  id: "settings.updates.whats_new_hint",
+                  message: `Review the highlights for Cutout ${currentReleaseNotes.version}.`,
+                })
+              ) : (
+                <Trans id="settings.updates.whats_new_unavailable">
+                  No release notes are available for this version.
+                </Trans>
+              )}
+            </div>
+          </div>
+          <div className="flex shrink-0 items-center gap-2">
+            <Button
+              size="sm"
+              variant="outline"
+              disabled={!currentReleaseNotes || !props.onOpenReleaseNotes}
+              onClick={openCurrentReleaseNotes}
+            >
+              <BookOpen />
+              <Trans id="settings.updates.open_whats_new">Open</Trans>
+            </Button>
+          </div>
+        </div>
+
         {visibleChannels.length > 1 ? (
-          <div
-            role="group"
-            aria-label={t({
-              id: "settings.updates.channel_aria",
-              message: "Update channel",
-            })}
-            className="flex rounded-md bg-muted/40 p-0.5"
-          >
-            {visibleChannels.map((channel) => (
+          <div className="flex min-h-14 items-center justify-between gap-4 py-3">
+            <div className="min-w-0">
+              <div className="text-sm font-medium">
+                <Trans id="settings.updates.channel_title">
+                  Release channel
+                </Trans>
+              </div>
+              <div className="mt-0.5 text-xs text-muted-foreground">
+                <Trans id="settings.updates.channel_hint">
+                  Stable ships reviewed releases. Beta receives candidates
+                  earlier and may be less predictable.
+                </Trans>
+              </div>
+            </div>
+            <div
+              role="group"
+              aria-label={t({
+                id: "settings.updates.channel_aria",
+                message: "Update channel",
+              })}
+              className="flex shrink-0 items-center gap-0.5 rounded-lg bg-muted/40 p-0.5"
+            >
+              {visibleChannels.map((channel) => (
+                <Button
+                  key={channel}
+                  size="sm"
+                  variant={
+                    state.preferences.channel === channel
+                      ? "secondary"
+                      : "ghost"
+                  }
+                  aria-pressed={state.preferences.channel === channel}
+                  onClick={() => controller.setChannel(channel)}
+                >
+                  {channel === "stable"
+                    ? t({ id: "settings.updates.stable", message: "Stable" })
+                    : t({ id: "settings.updates.beta", message: "Beta" })}
+                </Button>
+              ))}
+            </div>
+          </div>
+        ) : null}
+
+        <label className="flex min-h-14 items-center justify-between gap-4 py-3">
+          <span className="min-w-0">
+            <span className="block text-sm font-medium">
+              <Trans id="settings.updates.check_automatically">
+                Check automatically
+              </Trans>
+            </span>
+            <span className="mt-0.5 block text-xs text-muted-foreground">
+              <Trans id="settings.updates.check_automatically_hint">
+                Look for a newer release in the background while Cutout is open.
+              </Trans>
+            </span>
+          </span>
+          <span className="flex shrink-0 items-center gap-2">
+            <Switch
+              aria-label={t({
+                id: "settings.updates.check_automatically_aria",
+                message: "Check for updates automatically",
+              })}
+              checked={state.preferences.autoCheck}
+              onCheckedChange={(value) => controller.setAutoCheck(value)}
+            />
+          </span>
+        </label>
+
+        <div className="flex min-h-14 items-center justify-between gap-4 py-3">
+          <div className="min-w-0">
+            <div className="text-sm font-medium">
+              <Trans id="settings.updates.system_notifications">
+                System notifications
+              </Trans>
+            </div>
+            <div className="mt-0.5 text-xs text-muted-foreground">
+              {/* prettier-ignore */}
+              <Trans id="settings.updates.system_notifications_hint">
+                Notify when an update is found while Cutout is in the background.
+              </Trans>
+            </div>
+          </div>
+          <div className="flex shrink-0 items-center gap-2">
+            <Switch
+              aria-label={t({
+                id: "settings.updates.system_notifications_aria",
+                message:
+                  "Notify me about updates while Cutout is in the background",
+              })}
+              checked={systemNotifications}
+              disabled={requestingNotificationPermission}
+              onCheckedChange={(enabled) =>
+                void setSystemNotificationPreference(enabled)
+              }
+            />
+          </div>
+        </div>
+
+        {availableReleaseNotes ? (
+          <div className="flex items-start justify-between gap-4 py-4">
+            <div className="min-w-0">
+              <div className="text-sm font-medium">
+                {availableReleaseNotes.headline ?? (
+                  <Trans id="settings.updates.release_details">
+                    Release details
+                  </Trans>
+                )}
+              </div>
+              <ul className="mt-0.5 flex flex-col gap-1.5 text-xs text-muted-foreground">
+                {availableReleaseNotes.highlights
+                  .slice(0, 3)
+                  .map((highlight) => (
+                    <li key={highlight.id} className="flex gap-2">
+                      <span
+                        aria-hidden="true"
+                        className="mt-1.5 size-1 shrink-0 rounded-full bg-current"
+                      />
+                      <span className="min-w-0">
+                        {highlight.title ? `${highlight.title}: ` : null}
+                        {highlight.body}
+                      </span>
+                    </li>
+                  ))}
+              </ul>
+            </div>
+            <div className="flex shrink-0 items-center gap-2">
               <Button
-                key={channel}
                 size="sm"
-                variant={
-                  state.preferences.channel === channel ? "secondary" : "ghost"
-                }
-                aria-pressed={state.preferences.channel === channel}
-                onClick={() => controller.setChannel(channel)}
+                variant="ghost"
+                disabled={!props.onOpenReleaseNotes}
+                onClick={openAvailableReleaseNotes}
               >
-                {channel === "stable"
-                  ? t({ id: "settings.updates.stable", message: "Stable" })
-                  : t({ id: "settings.updates.beta", message: "Beta" })}
+                <BookOpen />
+                <Trans id="settings.updates.view_release_details">
+                  Details
+                </Trans>
               </Button>
-            ))}
+            </div>
           </div>
         ) : null}
-        <label className="flex items-center gap-2 text-xs">
-          <span>
-            <Trans id="settings.updates.check_automatically">
-              Check automatically
-            </Trans>
-          </span>
-          <Switch
-            aria-label={t({
-              id: "settings.updates.check_automatically_aria",
-              message: "Check for updates automatically",
-            })}
-            checked={state.preferences.autoCheck}
-            onCheckedChange={(value) => controller.setAutoCheck(value)}
-          />
-        </label>
-      </div>
-      <div className="mt-3 flex items-start justify-between gap-3 border-t border-border pt-3">
-        <div>
-          <p className="text-xs font-medium">
-            <Trans id="settings.updates.system_notifications">
-              System notifications
-            </Trans>
-          </p>
-          <p className="mt-0.5 text-[11px] text-muted-foreground">
-            <Trans id="settings.updates.system_notifications_hint">
-              Notify when an update is found while Cutout is in the background.
-            </Trans>
-          </p>
-        </div>
-        <Switch
-          aria-label={t({
-            id: "settings.updates.system_notifications_aria",
-            message: "Notify me about updates while Cutout is in the background",
-          })}
-          checked={systemNotifications}
-          disabled={requestingNotificationPermission}
-          onCheckedChange={(enabled) => void setSystemNotificationPreference(enabled)}
-        />
       </div>
+
       {notificationPermissionDenied ? (
-        <p role="status" className="mt-2 text-[11px] text-muted-foreground">
+        <p role="status" className="text-xs text-muted-foreground">
           <Trans id="settings.updates.system_notifications_denied">
             System notifications remain off because permission was not granted.
           </Trans>
@@ -244,45 +358,12 @@ export function UpdatesSection(props: {
       <div
         role="status"
         aria-live="polite"
-        className="mt-3 text-xs text-muted-foreground"
+        className="text-xs text-muted-foreground"
       >
         {statusText}
       </div>
-      {availableReleaseNotes ? (
-        <div className="mt-3 border-t border-border pt-3">
-          <div className="flex items-start justify-between gap-3">
-            <div className="min-w-0">
-              <p className="text-xs font-medium">
-                {availableReleaseNotes.headline ?? (
-                  <Trans id="settings.updates.release_details">Release details</Trans>
-                )}
-              </p>
-              <ul className="mt-2 space-y-1.5 text-xs text-muted-foreground">
-                {availableReleaseNotes.highlights.slice(0, 3).map((highlight) => (
-                  <li key={highlight.id} className="flex gap-2">
-                    <span aria-hidden="true" className="mt-[0.4rem] size-1 shrink-0 rounded-full bg-current" />
-                    <span className="min-w-0">
-                      {highlight.title ? `${highlight.title}: ` : null}
-                      {highlight.body}
-                    </span>
-                  </li>
-                ))}
-              </ul>
-            </div>
-            <Button
-              size="sm"
-              variant="ghost"
-              disabled={!props.onOpenReleaseNotes}
-              onClick={(event) => props.onOpenReleaseNotes?.(availableReleaseNotes, event.currentTarget)}
-            >
-              <BookOpen />
-              <Trans id="settings.updates.view_release_details">Details</Trans>
-            </Button>
-          </div>
-        </div>
-      ) : null}
       {state.phase === "downloading" ? (
-        <div className="mt-2">
+        <div>
           <progress
             aria-label={t({
               id: "settings.updates.download_progress_aria",
@@ -292,7 +373,7 @@ export function UpdatesSection(props: {
             value={state.downloaded}
             max={state.total ?? Math.max(state.downloaded, 1)}
           />
-          <p className="mt-1 text-[11px] text-muted-foreground">
+          <p className="mt-1 text-xs text-muted-foreground">
             {progress === undefined
               ? t({
                   id: "settings.updates.bytes_downloaded",
@@ -305,34 +386,38 @@ export function UpdatesSection(props: {
           </p>
         </div>
       ) : null}
-      <div className="mt-3 flex flex-wrap gap-2">
-        {state.phase === "available" ? (
-          <Button size="sm" onClick={() => void controller.download()}>
-            <Download />
-            <Trans id="settings.updates.download">Download update</Trans>
-          </Button>
-        ) : null}
-        {state.phase === "ready" ? (
-          <Button size="sm" onClick={() => void controller.install()}>
-            <RotateCcw />
-            <Trans id="settings.updates.install_restart">
-              Install & restart
-            </Trans>
-          </Button>
-        ) : null}
-        {state.phase === "error" ? (
-          <Button
-            size="sm"
-            variant="outline"
-            onClick={() => void controller.retry()}
-          >
-            <RefreshCw />
-            <Trans id="settings.updates.retry">Retry</Trans>
-          </Button>
-        ) : null}
-      </div>
+      {state.phase === "available" ||
+      state.phase === "ready" ||
+      state.phase === "error" ? (
+        <div className="flex flex-wrap gap-2">
+          {state.phase === "available" ? (
+            <Button size="sm" onClick={() => void controller.download()}>
+              <Download />
+              <Trans id="settings.updates.download">Download update</Trans>
+            </Button>
+          ) : null}
+          {state.phase === "ready" ? (
+            <Button size="sm" onClick={() => void controller.install()}>
+              <RotateCcw />
+              <Trans id="settings.updates.install_restart">
+                Install & restart
+              </Trans>
+            </Button>
+          ) : null}
+          {state.phase === "error" ? (
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={() => void controller.retry()}
+            >
+              <RefreshCw />
+              <Trans id="settings.updates.retry">Retry</Trans>
+            </Button>
+          ) : null}
+        </div>
+      ) : null}
       {state.phase === "ready" ? (
-        <p className="mt-2 text-[11px] text-muted-foreground">
+        <p className="text-xs text-muted-foreground">
           <Trans id="settings.updates.install_note">
             Restart happens only after you choose Install & restart. Active
             Agent work blocks installation.
diff --git a/src/components/settings/sections/UpdatesSupportSection.tsx b/src/components/settings/sections/UpdatesSupportSection.tsx
index 8835d341..c51fff98 100644
--- a/src/components/settings/sections/UpdatesSupportSection.tsx
+++ b/src/components/settings/sections/UpdatesSupportSection.tsx
@@ -1,3 +1,4 @@
+import { Trans } from "@lingui/react/macro";
 import { RecoverySection } from "./RecoverySection";
 import { UpdatesSection } from "./UpdatesSection";
 import type { DesktopUpdateController } from "@/updater/service";
@@ -13,10 +14,27 @@ export function UpdatesSupportSection({
   readonly prepareRecoverySnapshot: () => Promise<boolean>;
   readonly updateController?: DesktopUpdateController;
   readonly currentReleaseNotes?: LocalizedReleaseNotes;
-  readonly onOpenReleaseNotes?: (note: ReleaseNotesView, restoreFocusTo: HTMLElement) => void;
+  readonly onOpenReleaseNotes?: (
+    note: ReleaseNotesView,
+    restoreFocusTo: HTMLElement,
+  ) => void;
 }) {
   return (
-    <div className="flex flex-col">
+    // A plain wrapper, not a landmark: UpdatesSection and RecoverySection are
+    // each already a region, and nesting one named "Updates and support" around
+    // one named "Updates" is duplicate landmark noise for screen readers — and
+    // it made getByRole("region", { name: "Updates" }) resolve to two elements.
+    <div className="flex flex-col gap-8">
+      <div>
+        <h2 className="text-sm font-medium">
+          <Trans id="settings.section_updates">Updates and support</Trans>
+        </h2>
+        <p className="mt-0.5 text-xs text-muted-foreground">
+          <Trans id="settings.updates.description">
+            Keep Cutout current and recover local work when something goes wrong.
+          </Trans>
+        </p>
+      </div>
       <UpdatesSection
         prepareRecoverySnapshot={prepareRecoverySnapshot}
         controller={updateController}
diff --git a/src/locales/en/messages.po b/src/locales/en/messages.po
index 8852d734..5cdd9122 100644
--- a/src/locales/en/messages.po
+++ b/src/locales/en/messages.po
@@ -240,6 +240,11 @@ msgstr "Add"
 msgid "workspace.human_loop_optional_context_placeholder"
 msgstr "Add a constraint or describe another direction…"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_hint"
+msgstr "Add names and terms that transcription should spell exactly. Select an entry to remove it."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.add_provider"
@@ -275,6 +280,11 @@ msgstr "Advanced model bindings"
 msgid "settings.personalization.personality_aria"
 msgstr "Agent personality"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.group_style"
+msgstr "Agent style"
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_ai"
@@ -385,6 +395,11 @@ msgstr "API Secret removed"
 msgid "vectorizer.secret_saved"
 msgstr "API Secret saved"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.general.description"
+msgstr "Appearance and language for this device."
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsDialog.tsx
 msgid "settings.dialog_a11y_desc"
@@ -535,6 +550,11 @@ msgstr "Auto-play responses"
 msgid "settings.speech.auto_play_aria"
 msgstr "Auto-play TTS responses"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.automatic_routing"
+msgstr "Automatic routing"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.nav_back"
@@ -721,6 +741,11 @@ msgstr "Choose a model with exact capability evidence."
 msgid "workspace.human_loop_instruction"
 msgstr "Choose one direction. Add optional context below, then press the arrow."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_hint"
+msgstr "Choose whether dictation runs while the key is held or stays on until you stop it, and which shortcut starts it."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.step_two_description"
@@ -1152,6 +1177,16 @@ msgstr "Diagnostics and recovery"
 msgid "settings.speech.dictation"
 msgstr "Dictation"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_title"
+msgstr "Dictation trigger"
+
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_title"
+msgstr "Dictionary"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.dictionary_entry"
@@ -1263,6 +1298,11 @@ msgstr "Enter API Secret"
 msgid "settings.enter_model_manually"
 msgstr "Enter model ID manually"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.projects_description"
+msgstr "Everything you have made in this workspace. Pinned work stays at the top."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.execution_confirmed"
@@ -1358,6 +1398,11 @@ msgstr "First available version"
 msgid "preview.zoom_fit"
 msgstr "Fit to pane"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.theme_hint"
+msgstr "Follow the system appearance or pin Cutout to light or dark."
+
 #. js-lingui-explicit-id
 #: src/components/library/GlobalLibraryView.tsx
 msgid "global_library.policy_follow_updates"
@@ -1389,6 +1434,7 @@ msgid "settings.provider_category_gateway"
 msgstr "Gateways"
 
 #. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_general"
 msgstr "General"
@@ -1464,6 +1510,11 @@ msgstr "Host required"
 msgid "settings.speech.host_required"
 msgstr "Host required: microphone enumeration and system-level shortcuts need an authorized desktop host."
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.drafts_description"
+msgstr "Ideas that have not produced results yet. Pick one up where you left off."
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_media"
@@ -1539,6 +1590,11 @@ msgstr "Install & restart"
 msgid "settings.install_codex_action"
 msgstr "Install the signed Codex CLI, then retry."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.installed_build"
+msgstr "Installed build"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.instructions_saved_toast"
@@ -1555,11 +1611,21 @@ msgstr "Integrations"
 msgid "global_library.empty_fallback_label"
 msgstr "items"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.updates.description"
+msgstr "Keep Cutout current and recover local work when something goes wrong."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.keep_dictation_visible"
 msgstr "Keep dictation visible"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.keep_dictation_visible_hint"
+msgstr "Keep the live transcript panel on screen after dictation stops."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.dialog_form_desc"
@@ -1575,6 +1641,11 @@ msgstr "Kit audit"
 msgid "topbar.language_label"
 msgstr "Language"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.microphone_device_id_hint"
+msgstr "Leave empty to use the system default input. Paste a device ID to pin one microphone."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.tool_assisted_memory_desc"
@@ -1670,6 +1741,11 @@ msgstr "Lock version"
 msgid "global_library.reference_locked"
 msgstr "Locked"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.check_automatically_hint"
+msgstr "Look for a newer release in the background while Cutout is open."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.manage"
@@ -1680,6 +1756,11 @@ msgstr "Manage"
 msgid "global_library.kit_editor_description"
 msgstr "Manage the approved, content-addressed kit projection."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing"
+msgstr "Manual speech routing"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.memory"
@@ -1863,6 +1944,11 @@ msgstr "Not used by a project"
 msgid "home.nothing_archived"
 msgstr "Nothing archived"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_title"
+msgstr "Nothing in progress yet"
+
 #. js-lingui-explicit-id
 #. placeholder {0}: query.trim()
 #: src/components/home/ProjectHome.tsx
@@ -1982,6 +2068,11 @@ msgstr "Pin"
 msgid "home.pin_named"
 msgstr "Pin {0}"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing_hint"
+msgstr "Pin a specific provider and model for transcription and spoken output instead of letting Cutout choose."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.pin_project"
@@ -2098,6 +2189,16 @@ msgstr "Projects stay on this device"
 msgid "home.drafts_empty_description"
 msgstr "Projects that have not produced results yet will collect here."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/ArchivedSection.tsx
+msgid "settings.archived_empty_hint"
+msgstr "Projects you archive from the project menu land here, ready to be restored or removed for good."
+
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_description"
+msgstr "Projects you start from the brief above collect here, ready to pick back up."
+
 #. js-lingui-explicit-id
 #: src/components/library/LibraryDrawer.tsx
 msgid "library.toast_composed"
@@ -2235,6 +2336,11 @@ msgstr "Registry desktop host requires the Cutout desktop app."
 msgid "registry_install.section_aria"
 msgstr "Registry install"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_title"
+msgstr "Release channel"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.release_details"
@@ -2508,6 +2614,11 @@ msgstr "Select a slice to rename, inspect, and export it."
 msgid "settings.integrations.expired"
 msgstr "Session expired. Refresh or reconnect."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.personality_hint"
+msgstr "Sets the default tone of every reply. Applies immediately across all projects on this device."
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 #: src/components/settings/SettingsDialog.tsx
@@ -2572,6 +2683,11 @@ msgstr "Slices"
 msgid "kit_library.source_heading"
 msgstr "Source"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.auto_play_responses_hint"
+msgstr "Speak each Agent reply as soon as it arrives, without pressing play."
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_speech"
@@ -2619,6 +2735,11 @@ msgstr "Spoken output"
 msgid "settings.updates.stable"
 msgstr "Stable"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_hint"
+msgstr "Stable ships reviewed releases. Beta receives candidates earlier and may be less predictable."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.projects_empty_description"
@@ -2671,6 +2792,11 @@ msgstr "SVG · Local"
 msgid "vectorizer.heading"
 msgstr "SVG export"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.language_hint"
+msgstr "Switches the interface language immediately and remembers it on this device."
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 msgid "home.theme_system"
@@ -2731,6 +2857,11 @@ msgstr "Text understanding"
 msgid "image.error_decode_failed"
 msgstr "That file could not be decoded as an image."
 
+#. js-lingui-explicit-id
+#: src/components/release-notes/WhatsNewDialog.tsx
+msgid "release_notes.brand_line"
+msgstr "The agent-native Design OS."
+
 #. js-lingui-explicit-id
 #: src/components/settings/KeyField.tsx
 msgid "settings.key_hint"
@@ -2741,6 +2872,11 @@ msgstr "The key is stored locally on this device, never sent back or displayed."
 msgid "preview.empty_hint"
 msgstr "The transparent preview appears here once a sheet is analyzed."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_hint"
+msgstr "The voice name and playback speed used for spoken replies. Both unlock once a TTS adapter is connected."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/GeneralSection.tsx
 msgid "settings.theme_label"
@@ -2930,6 +3066,11 @@ msgstr "Updates"
 msgid "settings.section_updates_support"
 msgstr "Updates & Support"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.section_updates"
+msgstr "Updates and support"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.unavailable"
@@ -3074,6 +3215,11 @@ msgstr "Visual asset filters"
 msgid "global_library.tab_visual_assets"
 msgstr "Visual Assets"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_title"
+msgstr "Voice and rate"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/IntegrationsSection.tsx
 msgid "settings.integrations.waiting_callback"
@@ -3109,6 +3255,11 @@ msgstr "What's New"
 msgid "release_notes.whats_new"
 msgstr "What's New"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.archived_description"
+msgstr "Work you have set aside. Restore a project to bring it back into the workspace."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.workspace"
diff --git a/src/locales/es/messages.po b/src/locales/es/messages.po
index 89d78008..5d6c2e82 100644
--- a/src/locales/es/messages.po
+++ b/src/locales/es/messages.po
@@ -121,7 +121,7 @@ msgstr "{0} modelos en el catálogo de esta conexión"
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderRow.tsx
 msgid "settings.catalog_model_count"
-msgstr "{0} modelos"
+msgstr "{catalogSize} modelos"
 
 #. js-lingui-explicit-id
 #: src/components/preview/PreviewMeta.tsx
@@ -240,6 +240,11 @@ msgstr "Añadir"
 msgid "workspace.human_loop_optional_context_placeholder"
 msgstr "Añade una restricción o describe otra dirección…"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_hint"
+msgstr "Añade nombres y términos que la transcripción debe escribir exactamente. Selecciona una entrada para eliminarla."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.add_provider"
@@ -275,6 +280,11 @@ msgstr "Asignaciones avanzadas de modelos"
 msgid "settings.personalization.personality_aria"
 msgstr "Personalidad del Agent"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.group_style"
+msgstr "Estilo del Agente"
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_ai"
@@ -385,6 +395,11 @@ msgstr "Secreto de API eliminado"
 msgid "vectorizer.secret_saved"
 msgstr "Secreto de API guardado"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.general.description"
+msgstr "Apariencia e idioma de este dispositivo."
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsDialog.tsx
 msgid "settings.dialog_a11y_desc"
@@ -535,6 +550,11 @@ msgstr "Reproducir respuestas automáticamente"
 msgid "settings.speech.auto_play_aria"
 msgstr "Reproducir automáticamente respuestas TTS"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.automatic_routing"
+msgstr "Enrutado automático"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.nav_back"
@@ -721,6 +741,11 @@ msgstr "Elige un modelo con evidencia exacta de capacidad."
 msgid "workspace.human_loop_instruction"
 msgstr "Elige una dirección. Añade contexto opcional abajo y pulsa la flecha para continuar."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_hint"
+msgstr "Elige si el dictado funciona mientras mantienes la tecla o sigue activo hasta que lo detengas, y qué atajo lo inicia."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.step_two_description"
@@ -1152,6 +1177,16 @@ msgstr "Diagnóstico y recuperación"
 msgid "settings.speech.dictation"
 msgstr "Dictado"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_title"
+msgstr "Activación del dictado"
+
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_title"
+msgstr "Diccionario"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.dictionary_entry"
@@ -1263,6 +1298,11 @@ msgstr "Introduce el secreto de API"
 msgid "settings.enter_model_manually"
 msgstr "Enter model ID manually"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.projects_description"
+msgstr "Todo lo que has creado en este espacio. Lo fijado permanece arriba."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.execution_confirmed"
@@ -1358,6 +1398,11 @@ msgstr "Primera versión disponible"
 msgid "preview.zoom_fit"
 msgstr "Ajustar al panel"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.theme_hint"
+msgstr "Sigue la apariencia del sistema o fija Cutout en claro u oscuro."
+
 #. js-lingui-explicit-id
 #: src/components/library/GlobalLibraryView.tsx
 msgid "global_library.policy_follow_updates"
@@ -1389,6 +1434,7 @@ msgid "settings.provider_category_gateway"
 msgstr "Puertas de enlace"
 
 #. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_general"
 msgstr "General"
@@ -1464,6 +1510,11 @@ msgstr "Se requiere un host"
 msgid "settings.speech.host_required"
 msgstr "Se requiere host: la enumeración del micrófono y los atajos del sistema necesitan un host de escritorio autorizado."
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.drafts_description"
+msgstr "Ideas que aún no han dado resultado. Retoma una donde la dejaste."
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_media"
@@ -1539,6 +1590,11 @@ msgstr "Instalar y reiniciar"
 msgid "settings.install_codex_action"
 msgstr "Instala la CLI de Codex firmada y vuelve a intentarlo."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.installed_build"
+msgstr "Versión instalada"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.instructions_saved_toast"
@@ -1555,11 +1611,21 @@ msgstr "Integraciones"
 msgid "global_library.empty_fallback_label"
 msgstr "elementos"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.updates.description"
+msgstr "Mantén Cutout al día y recupera el trabajo local cuando algo falle."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.keep_dictation_visible"
 msgstr "Mantener el dictado visible"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.keep_dictation_visible_hint"
+msgstr "Mantén el panel de transcripción en pantalla al detener el dictado."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.dialog_form_desc"
@@ -1575,6 +1641,11 @@ msgstr "Auditoría del kit"
 msgid "topbar.language_label"
 msgstr "Idioma"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.microphone_device_id_hint"
+msgstr "Déjalo vacío para usar la entrada predeterminada. Pega un ID de dispositivo para fijar un micrófono."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.tool_assisted_memory_desc"
@@ -1670,6 +1741,11 @@ msgstr "Bloquear versión"
 msgid "global_library.reference_locked"
 msgstr "Bloqueado"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.check_automatically_hint"
+msgstr "Busca una versión más reciente en segundo plano mientras Cutout está abierto."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.manage"
@@ -1680,6 +1756,11 @@ msgstr "Gestionar"
 msgid "global_library.kit_editor_description"
 msgstr "Gestiona la proyección aprobada del kit direccionada por contenido."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing"
+msgstr "Enrutado de voz manual"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.memory"
@@ -1863,6 +1944,11 @@ msgstr "No lo utiliza ningún proyecto"
 msgid "home.nothing_archived"
 msgstr "Nada archivado"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_title"
+msgstr "Nada en curso todavía"
+
 #. js-lingui-explicit-id
 #. placeholder {0}: query.trim()
 #: src/components/home/ProjectHome.tsx
@@ -1982,6 +2068,11 @@ msgstr "Fijar"
 msgid "home.pin_named"
 msgstr "Fijar {0}"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing_hint"
+msgstr "Fija un proveedor y un modelo para la transcripción y la salida de voz en vez de dejar que Cutout elija."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.pin_project"
@@ -2098,6 +2189,16 @@ msgstr "Los proyectos permanecen en este dispositivo"
 msgid "home.drafts_empty_description"
 msgstr "Los proyectos que aún no han producido resultados se acumularán aquí."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/ArchivedSection.tsx
+msgid "settings.archived_empty_hint"
+msgstr "Los proyectos que archivas desde el menú del proyecto llegan aquí, listos para restaurar o borrar definitivamente."
+
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_description"
+msgstr "Los proyectos que inicies desde el brief de arriba se reúnen aquí, listos para retomar."
+
 #. js-lingui-explicit-id
 #: src/components/library/LibraryDrawer.tsx
 msgid "library.toast_composed"
@@ -2235,6 +2336,11 @@ msgstr "El host de escritorio del Registro requiere la aplicación de escritorio
 msgid "registry_install.section_aria"
 msgstr "Instalación del Registro"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_title"
+msgstr "Canal de publicación"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.release_details"
@@ -2508,6 +2614,11 @@ msgstr "Selecciona un fragmento para cambiarle el nombre, inspeccionarlo y expor
 msgid "settings.integrations.expired"
 msgstr "La sesión caducó. Actualiza o vuelve a conectar."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.personality_hint"
+msgstr "Define el tono predeterminado de cada respuesta. Se aplica de inmediato a todos los proyectos de este dispositivo."
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 #: src/components/settings/SettingsDialog.tsx
@@ -2572,6 +2683,11 @@ msgstr "Recortes"
 msgid "kit_library.source_heading"
 msgstr "Origen"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.auto_play_responses_hint"
+msgstr "Lee cada respuesta del Agente en cuanto llega, sin pulsar reproducir."
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_speech"
@@ -2619,6 +2735,11 @@ msgstr "Salida hablada"
 msgid "settings.updates.stable"
 msgstr "Estable"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_hint"
+msgstr "Stable entrega versiones revisadas. Beta recibe candidatas antes y puede ser menos predecible."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.projects_empty_description"
@@ -2671,6 +2792,11 @@ msgstr "SVG · Local"
 msgid "vectorizer.heading"
 msgstr "Exportación SVG"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.language_hint"
+msgstr "Cambia el idioma de la interfaz al instante y lo recuerda en este dispositivo."
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 msgid "home.theme_system"
@@ -2731,6 +2857,11 @@ msgstr "Comprensión de texto"
 msgid "image.error_decode_failed"
 msgstr "No se pudo decodificar ese archivo como imagen."
 
+#. js-lingui-explicit-id
+#: src/components/release-notes/WhatsNewDialog.tsx
+msgid "release_notes.brand_line"
+msgstr "El Design OS nativo de agentes."
+
 #. js-lingui-explicit-id
 #: src/components/settings/KeyField.tsx
 msgid "settings.key_hint"
@@ -2741,6 +2872,11 @@ msgstr "La clave se almacena localmente en este dispositivo, nunca se devuelve n
 msgid "preview.empty_hint"
 msgstr "La vista previa transparente aparece aquí una vez analizada una hoja."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_hint"
+msgstr "El nombre de voz y la velocidad para las respuestas habladas. Se habilitan al conectar un adaptador TTS."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/GeneralSection.tsx
 msgid "settings.theme_label"
@@ -2930,6 +3066,11 @@ msgstr "Actualizaciones"
 msgid "settings.section_updates_support"
 msgstr "Actualizaciones y asistencia"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.section_updates"
+msgstr "Actualizaciones y soporte"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.unavailable"
@@ -3074,6 +3215,11 @@ msgstr "Filtros de recursos visuales"
 msgid "global_library.tab_visual_assets"
 msgstr "Recursos visuales"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_title"
+msgstr "Voz y velocidad"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/IntegrationsSection.tsx
 msgid "settings.integrations.waiting_callback"
@@ -3109,6 +3255,11 @@ msgstr "Novedades"
 msgid "release_notes.whats_new"
 msgstr "Novedades"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.archived_description"
+msgstr "El trabajo que has apartado. Restaura un proyecto para devolverlo al espacio."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.workspace"
diff --git a/src/locales/fr/messages.po b/src/locales/fr/messages.po
index 93ea9317..f68e74fe 100644
--- a/src/locales/fr/messages.po
+++ b/src/locales/fr/messages.po
@@ -121,7 +121,7 @@ msgstr "{0} modèles dans le catalogue de cette connexion"
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderRow.tsx
 msgid "settings.catalog_model_count"
-msgstr "{0} modèles"
+msgstr "{catalogSize} modèles"
 
 #. js-lingui-explicit-id
 #: src/components/preview/PreviewMeta.tsx
@@ -240,6 +240,11 @@ msgstr "Ajouter"
 msgid "workspace.human_loop_optional_context_placeholder"
 msgstr "Ajoutez une contrainte ou décrivez une autre direction…"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_hint"
+msgstr "Ajoutez les noms et termes que la transcription doit écrire exactement. Sélectionnez une entrée pour la supprimer."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.add_provider"
@@ -275,6 +280,11 @@ msgstr "Liaisons de modèles avancées"
 msgid "settings.personalization.personality_aria"
 msgstr "Personnalité de l’Agent"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.group_style"
+msgstr "Style de l’Agent"
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_ai"
@@ -385,6 +395,11 @@ msgstr "Secret API supprimé"
 msgid "vectorizer.secret_saved"
 msgstr "Secret API enregistré"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.general.description"
+msgstr "Apparence et langue de cet appareil."
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsDialog.tsx
 msgid "settings.dialog_a11y_desc"
@@ -535,6 +550,11 @@ msgstr "Lire les réponses automatiquement"
 msgid "settings.speech.auto_play_aria"
 msgstr "Lire automatiquement les réponses TTS"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.automatic_routing"
+msgstr "Routage automatique"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.nav_back"
@@ -721,6 +741,11 @@ msgstr "Choisissez un modèle avec une preuve exacte de capacité."
 msgid "workspace.human_loop_instruction"
 msgstr "Choisissez une direction. Ajoutez du contexte facultatif ci-dessous, puis appuyez sur la flèche."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_hint"
+msgstr "Choisissez si la dictée s’exécute tant que la touche est maintenue ou reste active jusqu’à l’arrêt, et quel raccourci la démarre."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.step_two_description"
@@ -1152,6 +1177,16 @@ msgstr "Diagnostic et récupération"
 msgid "settings.speech.dictation"
 msgstr "Dictée"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_title"
+msgstr "Déclencheur de dictée"
+
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_title"
+msgstr "Dictionnaire"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.dictionary_entry"
@@ -1263,6 +1298,11 @@ msgstr "Saisir le secret API"
 msgid "settings.enter_model_manually"
 msgstr "Enter model ID manually"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.projects_description"
+msgstr "Tout ce que vous avez créé dans cet espace. Le travail épinglé reste en haut."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.execution_confirmed"
@@ -1358,6 +1398,11 @@ msgstr "Première version disponible"
 msgid "preview.zoom_fit"
 msgstr "Ajuster au panneau"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.theme_hint"
+msgstr "Suivez l’apparence du système ou fixez Cutout en clair ou sombre."
+
 #. js-lingui-explicit-id
 #: src/components/library/GlobalLibraryView.tsx
 msgid "global_library.policy_follow_updates"
@@ -1389,6 +1434,7 @@ msgid "settings.provider_category_gateway"
 msgstr "Passerelles"
 
 #. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_general"
 msgstr "Général"
@@ -1464,6 +1510,11 @@ msgstr "Hôte requis"
 msgid "settings.speech.host_required"
 msgstr "Hôte requis : l’énumération du microphone et les raccourcis système nécessitent un hôte de bureau autorisé."
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.drafts_description"
+msgstr "Des idées sans résultat pour l’instant. Reprenez-en une où vous l’aviez laissée."
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_media"
@@ -1539,6 +1590,11 @@ msgstr "Installer et redémarrer"
 msgid "settings.install_codex_action"
 msgstr "Installez la CLI Codex signée, puis réessayez."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.installed_build"
+msgstr "Version installée"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.instructions_saved_toast"
@@ -1555,11 +1611,21 @@ msgstr "Intégrations"
 msgid "global_library.empty_fallback_label"
 msgstr "éléments"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.updates.description"
+msgstr "Gardez Cutout à jour et récupérez le travail local en cas de problème."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.keep_dictation_visible"
 msgstr "Garder la dictée visible"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.keep_dictation_visible_hint"
+msgstr "Garder le panneau de transcription à l’écran après l’arrêt de la dictée."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.dialog_form_desc"
@@ -1575,6 +1641,11 @@ msgstr "Audit du kit"
 msgid "topbar.language_label"
 msgstr "Langue"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.microphone_device_id_hint"
+msgstr "Laissez vide pour l’entrée système par défaut. Collez un identifiant d’appareil pour fixer un micro."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.tool_assisted_memory_desc"
@@ -1670,6 +1741,11 @@ msgstr "Verrouiller la version"
 msgid "global_library.reference_locked"
 msgstr "Verrouillé"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.check_automatically_hint"
+msgstr "Rechercher une version plus récente en arrière-plan quand Cutout est ouvert."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.manage"
@@ -1680,6 +1756,11 @@ msgstr "Gérer"
 msgid "global_library.kit_editor_description"
 msgstr "Gérez la projection de kit approuvée et adressée par contenu."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing"
+msgstr "Routage vocal manuel"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.memory"
@@ -1863,6 +1944,11 @@ msgstr "Non utilisé par un projet"
 msgid "home.nothing_archived"
 msgstr "Rien n'est archivé"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_title"
+msgstr "Rien en cours pour l’instant"
+
 #. js-lingui-explicit-id
 #. placeholder {0}: query.trim()
 #: src/components/home/ProjectHome.tsx
@@ -1982,6 +2068,11 @@ msgstr "Épingler"
 msgid "home.pin_named"
 msgstr "Épingler {0}"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing_hint"
+msgstr "Fixez un fournisseur et un modèle pour la transcription et la sortie vocale au lieu de laisser Cutout choisir."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.pin_project"
@@ -2098,6 +2189,16 @@ msgstr "Les projets restent sur cet appareil"
 msgid "home.drafts_empty_description"
 msgstr "Les projets qui n'ont pas encore produit de résultats se retrouveront ici."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/ArchivedSection.tsx
+msgid "settings.archived_empty_hint"
+msgstr "Les projets archivés depuis le menu de projet arrivent ici, prêts à être restaurés ou supprimés définitivement."
+
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_description"
+msgstr "Les projets lancés depuis le brief ci-dessus se rassemblent ici, prêts à être repris."
+
 #. js-lingui-explicit-id
 #: src/components/library/LibraryDrawer.tsx
 msgid "library.toast_composed"
@@ -2235,6 +2336,11 @@ msgstr "L'hôte Registry de bureau nécessite l'application de bureau Cutout."
 msgid "registry_install.section_aria"
 msgstr "Installation Registry"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_title"
+msgstr "Canal de publication"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.release_details"
@@ -2508,6 +2614,11 @@ msgstr "Sélectionnez une tranche pour la renommer, l'inspecter et l'exporter."
 msgid "settings.integrations.expired"
 msgstr "Session expirée. Actualisez ou reconnectez-vous."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.personality_hint"
+msgstr "Définit le ton par défaut de chaque réponse. S’applique immédiatement à tous les projets sur cet appareil."
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 #: src/components/settings/SettingsDialog.tsx
@@ -2572,6 +2683,11 @@ msgstr "Découpes"
 msgid "kit_library.source_heading"
 msgstr "Source"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.auto_play_responses_hint"
+msgstr "Lire chaque réponse de l’Agent dès son arrivée, sans appuyer sur lecture."
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_speech"
@@ -2619,6 +2735,11 @@ msgstr "Sortie vocale"
 msgid "settings.updates.stable"
 msgstr "Stable"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_hint"
+msgstr "Stable livre des versions revues. Beta reçoit les candidates plus tôt et peut être moins prévisible."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.projects_empty_description"
@@ -2671,6 +2792,11 @@ msgstr "SVG · Local"
 msgid "vectorizer.heading"
 msgstr "Export SVG"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.language_hint"
+msgstr "Change immédiatement la langue de l’interface et la mémorise sur cet appareil."
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 msgid "home.theme_system"
@@ -2731,6 +2857,11 @@ msgstr "Compréhension du texte"
 msgid "image.error_decode_failed"
 msgstr "Ce fichier n'a pas pu être décodé comme une image."
 
+#. js-lingui-explicit-id
+#: src/components/release-notes/WhatsNewDialog.tsx
+msgid "release_notes.brand_line"
+msgstr "Le Design OS agent-natif."
+
 #. js-lingui-explicit-id
 #: src/components/settings/KeyField.tsx
 msgid "settings.key_hint"
@@ -2741,6 +2872,11 @@ msgstr "La clé est stockée localement sur cet appareil, jamais renvoyée ni af
 msgid "preview.empty_hint"
 msgstr "L'aperçu transparent apparaît ici une fois qu'une planche est analysée."
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_hint"
+msgstr "Le nom de voix et la vitesse utilisés pour les réponses parlées. Disponibles une fois un adaptateur TTS connecté."
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/GeneralSection.tsx
 msgid "settings.theme_label"
@@ -2930,6 +3066,11 @@ msgstr "Mises à jour"
 msgid "settings.section_updates_support"
 msgstr "Mises à jour et assistance"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.section_updates"
+msgstr "Mises à jour et assistance"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.unavailable"
@@ -3074,6 +3215,11 @@ msgstr "Filtres des assets visuels"
 msgid "global_library.tab_visual_assets"
 msgstr "Assets visuels"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_title"
+msgstr "Voix et vitesse"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/IntegrationsSection.tsx
 msgid "settings.integrations.waiting_callback"
@@ -3109,6 +3255,11 @@ msgstr "Nouveautés"
 msgid "release_notes.whats_new"
 msgstr "Nouveautés"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.archived_description"
+msgstr "Le travail que vous avez mis de côté. Restaurez un projet pour le ramener dans l’espace."
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.workspace"
diff --git a/src/locales/ja/messages.po b/src/locales/ja/messages.po
index 9a65b28b..1c466efb 100644
--- a/src/locales/ja/messages.po
+++ b/src/locales/ja/messages.po
@@ -121,7 +121,7 @@ msgstr "この接続のカタログに {0} 個のモデル"
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderRow.tsx
 msgid "settings.catalog_model_count"
-msgstr "{0} 個のモデル"
+msgstr "{catalogSize} 個のモデル"
 
 #. js-lingui-explicit-id
 #: src/components/preview/PreviewMeta.tsx
@@ -240,6 +240,11 @@ msgstr "追加"
 msgid "workspace.human_loop_optional_context_placeholder"
 msgstr "制約を追加するか、別の方向性を説明してください…"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_hint"
+msgstr "文字起こしで正確に表記させたい固有名詞や用語を追加します。項目を選ぶと削除できます。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.add_provider"
@@ -275,6 +280,11 @@ msgstr "詳細なモデル割り当て"
 msgid "settings.personalization.personality_aria"
 msgstr "Agent のパーソナリティ"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.group_style"
+msgstr "エージェントのスタイル"
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_ai"
@@ -385,6 +395,11 @@ msgstr "APIシークレットを削除しました"
 msgid "vectorizer.secret_saved"
 msgstr "APIシークレットを保存しました"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.general.description"
+msgstr "この端末の外観と言語。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsDialog.tsx
 msgid "settings.dialog_a11y_desc"
@@ -535,6 +550,11 @@ msgstr "応答を自動再生"
 msgid "settings.speech.auto_play_aria"
 msgstr "TTS 応答を自動再生"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.automatic_routing"
+msgstr "自動ルーティング"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.nav_back"
@@ -721,6 +741,11 @@ msgstr "正確な機能エビデンスがあるモデルを選択してくださ
 msgid "workspace.human_loop_instruction"
 msgstr "方向を1つ選んでください。必要に応じて下に補足を入力し、矢印を押して続行します。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_hint"
+msgstr "ディクテーションをキーを押している間だけ動かすか、止めるまで継続するか、また起動ショートカットを選びます。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.step_two_description"
@@ -1152,6 +1177,16 @@ msgstr "診断と復旧"
 msgid "settings.speech.dictation"
 msgstr "ディクテーション"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_title"
+msgstr "ディクテーションの開始方法"
+
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_title"
+msgstr "辞書"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.dictionary_entry"
@@ -1263,6 +1298,11 @@ msgstr "APIシークレットを入力"
 msgid "settings.enter_model_manually"
 msgstr "Enter model ID manually"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.projects_description"
+msgstr "このワークスペースで作ったものすべて。ピン留めした作業は上に固定されます。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.execution_confirmed"
@@ -1358,6 +1398,11 @@ msgstr "最初の利用可能バージョン"
 msgid "preview.zoom_fit"
 msgstr "ペインに合わせる"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.theme_hint"
+msgstr "システムの外観に従うか、Cutout を明るい／暗いに固定します。"
+
 #. js-lingui-explicit-id
 #: src/components/library/GlobalLibraryView.tsx
 msgid "global_library.policy_follow_updates"
@@ -1389,6 +1434,7 @@ msgid "settings.provider_category_gateway"
 msgstr "ゲートウェイ"
 
 #. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_general"
 msgstr "一般"
@@ -1464,6 +1510,11 @@ msgstr "ホストが必要です"
 msgid "settings.speech.host_required"
 msgstr "ホストが必要：マイクの列挙とシステムショートカットには認可されたデスクトップホストが必要です。"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.drafts_description"
+msgstr "まだ成果になっていないアイデア。続きから取りかかれます。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_media"
@@ -1539,6 +1590,11 @@ msgstr "インストールして再起動"
 msgid "settings.install_codex_action"
 msgstr "署名済みの Codex CLI をインストールして、再試行してください。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.installed_build"
+msgstr "インストール済みビルド"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.instructions_saved_toast"
@@ -1555,11 +1611,21 @@ msgstr "連携"
 msgid "global_library.empty_fallback_label"
 msgstr "項目"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.updates.description"
+msgstr "Cutout を最新に保ち、問題が起きたときにローカルの作業を復旧します。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.keep_dictation_visible"
 msgstr "ディクテーションを表示したままにする"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.keep_dictation_visible_hint"
+msgstr "ディクテーション停止後もライブ文字起こしパネルを表示したままにします。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.dialog_form_desc"
@@ -1575,6 +1641,11 @@ msgstr "キット監査"
 msgid "topbar.language_label"
 msgstr "言語"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.microphone_device_id_hint"
+msgstr "空欄ならシステム既定の入力を使用します。デバイス ID を貼ると特定のマイクに固定します。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.tool_assisted_memory_desc"
@@ -1670,6 +1741,11 @@ msgstr "バージョンを固定"
 msgid "global_library.reference_locked"
 msgstr "ロック中"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.check_automatically_hint"
+msgstr "Cutout の起動中にバックグラウンドで新しいリリースを探します。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.manage"
@@ -1680,6 +1756,11 @@ msgstr "管理"
 msgid "global_library.kit_editor_description"
 msgstr "承認済みのコンテンツアドレス指定キット投影を管理します。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing"
+msgstr "音声ルーティングを手動指定"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.memory"
@@ -1863,6 +1944,11 @@ msgstr "プロジェクトで未使用"
 msgid "home.nothing_archived"
 msgstr "アーカイブはありません"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_title"
+msgstr "進行中のものはまだありません"
+
 #. js-lingui-explicit-id
 #. placeholder {0}: query.trim()
 #: src/components/home/ProjectHome.tsx
@@ -1982,6 +2068,11 @@ msgstr "ピン留め"
 msgid "home.pin_named"
 msgstr "{0} をピン留め"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing_hint"
+msgstr "文字起こしと音声出力に使うプロバイダーとモデルを固定し、Cutout の自動選択に任せません。"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.pin_project"
@@ -2098,6 +2189,16 @@ msgstr "プロジェクトはこの端末に保存されます"
 msgid "home.drafts_empty_description"
 msgstr "まだ成果物のないプロジェクトはここに集まります。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/ArchivedSection.tsx
+msgid "settings.archived_empty_hint"
+msgstr "プロジェクトメニューからアーカイブしたものがここに入ります。復元も完全削除もできます。"
+
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_description"
+msgstr "上のブリーフから始めたプロジェクトがここに集まり、いつでも再開できます。"
+
 #. js-lingui-explicit-id
 #: src/components/library/LibraryDrawer.tsx
 msgid "library.toast_composed"
@@ -2235,6 +2336,11 @@ msgstr "レジストリデスクトップホストにはCutoutデスクトップ
 msgid "registry_install.section_aria"
 msgstr "レジストリのインストール"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_title"
+msgstr "リリースチャンネル"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.release_details"
@@ -2508,6 +2614,11 @@ msgstr "スライスを選択すると、名前の変更・確認・エクスポ
 msgid "settings.integrations.expired"
 msgstr "セッションの期限が切れました。更新するか再接続してください。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.personality_hint"
+msgstr "すべての返信の既定のトーンを決めます。この端末のすべてのプロジェクトに即時反映されます。"
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 #: src/components/settings/SettingsDialog.tsx
@@ -2572,6 +2683,11 @@ msgstr "スライス"
 msgid "kit_library.source_heading"
 msgstr "ソース"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.auto_play_responses_hint"
+msgstr "エージェントの返信が届いた時点で、再生を押さずに読み上げます。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_speech"
@@ -2619,6 +2735,11 @@ msgstr "音声出力"
 msgid "settings.updates.stable"
 msgstr "安定版"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_hint"
+msgstr "Stable はレビュー済みのリリースを配信します。Beta は候補版を早く受け取りますが、安定性は劣ります。"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.projects_empty_description"
@@ -2671,6 +2792,11 @@ msgstr "SVG · ローカル"
 msgid "vectorizer.heading"
 msgstr "SVGエクスポート"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.language_hint"
+msgstr "表示言語をすぐに切り替え、この端末に記憶します。"
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 msgid "home.theme_system"
@@ -2731,6 +2857,11 @@ msgstr "テキスト理解"
 msgid "image.error_decode_failed"
 msgstr "このファイルは画像としてデコードできませんでした。"
 
+#. js-lingui-explicit-id
+#: src/components/release-notes/WhatsNewDialog.tsx
+msgid "release_notes.brand_line"
+msgstr "エージェントネイティブなデザイン OS。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/KeyField.tsx
 msgid "settings.key_hint"
@@ -2741,6 +2872,11 @@ msgstr "キーはこのデバイスにローカル保存され、返送も表示
 msgid "preview.empty_hint"
 msgstr "シートが解析されると、ここに透過プレビューが表示されます。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_hint"
+msgstr "音声返信に使うボイス名と再生速度。TTS アダプターを接続すると有効になります。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/GeneralSection.tsx
 msgid "settings.theme_label"
@@ -2930,6 +3066,11 @@ msgstr "更新"
 msgid "settings.section_updates_support"
 msgstr "アップデートとサポート"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.section_updates"
+msgstr "アップデートとサポート"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.unavailable"
@@ -3074,6 +3215,11 @@ msgstr "ビジュアルアセットのフィルター"
 msgid "global_library.tab_visual_assets"
 msgstr "ビジュアルアセット"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_title"
+msgstr "ボイスと速度"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/IntegrationsSection.tsx
 msgid "settings.integrations.waiting_callback"
@@ -3109,6 +3255,11 @@ msgstr "新機能"
 msgid "release_notes.whats_new"
 msgstr "新機能"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.archived_description"
+msgstr "脇に置いた作業です。プロジェクトを復元するとワークスペースに戻ります。"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.workspace"
diff --git a/src/locales/placeholder-parity.test.ts b/src/locales/placeholder-parity.test.ts
new file mode 100644
index 00000000..89ac3137
--- /dev/null
+++ b/src/locales/placeholder-parity.test.ts
@@ -0,0 +1,71 @@
+/**
+ * Every translation must use the same placeholder names as its source message.
+ *
+ * lingui names a placeholder after the expression it came from: a bare
+ * identifier becomes `{catalogSize}`, while a complex expression degrades to
+ * positional `{0}`, `{1}`. A translation that writes `{0}` where the source
+ * says `{catalogSize}` compiles cleanly, passes `i18n:extract` with zero
+ * missing entries, and then renders an empty string at runtime — the count
+ * silently disappears and the sentence reads " 个模型".
+ *
+ * That is exactly what shipped in v0.1.25 on the provider row, and nothing in
+ * lint, typecheck, unit tests or the visual suite could see it. This test can.
+ */
+import { readFileSync, readdirSync } from 'node:fs'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+
+const LOCALES_DIR = 'src/locales'
+const SOURCE_LOCALE = 'en'
+
+/** `msgid` → `msgstr`, for the single-line form lingui emits. */
+function readCatalog(locale: string): Map<string, string> {
+  const text = readFileSync(join(LOCALES_DIR, locale, 'messages.po'), 'utf8')
+  const entries = new Map<string, string>()
+  const pattern = /^msgid "([^"]+)"\nmsgstr "((?:[^"\\]|\\.)*)"$/gm
+  for (const match of text.matchAll(pattern)) {
+    entries.set(match[1]!, match[2]!)
+  }
+  return entries
+}
+
+/** Placeholder names in a message, e.g. `{catalogSize}` / `{0}`. */
+function placeholders(message: string): Set<string> {
+  return new Set([...message.matchAll(/\{([A-Za-z0-9_]+)\}/g)].map((m) => m[1]!))
+}
+
+const targetLocales = readdirSync(LOCALES_DIR, { withFileTypes: true })
+  .filter((entry) => entry.isDirectory() && entry.name !== SOURCE_LOCALE)
+  .map((entry) => entry.name)
+
+describe('translation placeholder parity', () => {
+  const source = readCatalog(SOURCE_LOCALE)
+
+  it.each(targetLocales)('%s uses the source placeholder names', (locale) => {
+    const translations = readCatalog(locale)
+    const mismatches: string[] = []
+
+    for (const [id, sourceMessage] of source) {
+      const expected = placeholders(sourceMessage)
+      if (expected.size === 0) continue
+      const translated = translations.get(id)
+      // A missing or empty translation is `i18n:extract`'s job, not this test's.
+      if (!translated) continue
+      const actual = placeholders(translated)
+      const missing = [...expected].filter((name) => !actual.has(name))
+      if (missing.length > 0) {
+        mismatches.push(
+          `${id}: source uses {${missing.join('}, {')}}, translation uses ${
+            actual.size ? `{${[...actual].join('}, {')}}` : 'no placeholders'
+          }`,
+        )
+      }
+    }
+
+    expect(mismatches).toEqual([])
+  })
+
+  it('covers every shipped locale', () => {
+    expect(targetLocales.sort()).toEqual(['es', 'fr', 'ja', 'zh-CN'])
+  })
+})
diff --git a/src/locales/zh-CN/messages.po b/src/locales/zh-CN/messages.po
index a0b6f912..eed91fe1 100644
--- a/src/locales/zh-CN/messages.po
+++ b/src/locales/zh-CN/messages.po
@@ -121,7 +121,7 @@ msgstr "该连接的模型清单中有 {0} 个模型"
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderRow.tsx
 msgid "settings.catalog_model_count"
-msgstr "{0} 个模型"
+msgstr "{catalogSize} 个模型"
 
 #. js-lingui-explicit-id
 #: src/components/preview/PreviewMeta.tsx
@@ -240,6 +240,11 @@ msgstr "添加"
 msgid "workspace.human_loop_optional_context_placeholder"
 msgstr "补充限制条件或描述其他方向…"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_hint"
+msgstr "添加需要转写严格拼写的人名和术语。点击条目即可移除。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.add_provider"
@@ -275,6 +280,11 @@ msgstr "高级模型绑定"
 msgid "settings.personalization.personality_aria"
 msgstr "Agent 个性"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.group_style"
+msgstr "Agent 风格"
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_ai"
@@ -385,6 +395,11 @@ msgstr "API 密钥已移除"
 msgid "vectorizer.secret_saved"
 msgstr "API 密钥已保存"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.general.description"
+msgstr "这台设备的外观与语言。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/SettingsDialog.tsx
 msgid "settings.dialog_a11y_desc"
@@ -535,6 +550,11 @@ msgstr "自动播放回复"
 msgid "settings.speech.auto_play_aria"
 msgstr "自动播放 TTS 回复"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.automatic_routing"
+msgstr "自动路由"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.nav_back"
@@ -721,6 +741,11 @@ msgstr "选择具有明确能力证据的模型。"
 msgid "workspace.human_loop_instruction"
 msgstr "选择一个方向。你也可以在下方补充说明，然后点击箭头继续。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_hint"
+msgstr "选择听写是按住按键期间运行，还是保持开启直到你手动停止，以及用哪个快捷键启动。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.step_two_description"
@@ -1152,6 +1177,16 @@ msgstr "诊断与恢复"
 msgid "settings.speech.dictation"
 msgstr "听写"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.trigger_title"
+msgstr "听写触发方式"
+
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.dictionary_title"
+msgstr "词典"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.dictionary_entry"
@@ -1263,6 +1298,11 @@ msgstr "输入 API 密钥"
 msgid "settings.enter_model_manually"
 msgstr "手动输入模型 ID"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.projects_description"
+msgstr "你在这个工作区做过的一切。置顶的项目会留在最上面。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.execution_confirmed"
@@ -1358,6 +1398,11 @@ msgstr "首个可用版本"
 msgid "preview.zoom_fit"
 msgstr "适应窗口"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.theme_hint"
+msgstr "跟随系统外观，或把 Cutout 固定为浅色或深色。"
+
 #. js-lingui-explicit-id
 #: src/components/library/GlobalLibraryView.tsx
 msgid "global_library.policy_follow_updates"
@@ -1389,6 +1434,7 @@ msgid "settings.provider_category_gateway"
 msgstr "网关"
 
 #. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
 #: src/components/settings/SettingsSidebar.tsx
 msgid "settings.section_general"
 msgstr "通用"
@@ -1464,6 +1510,11 @@ msgstr "需要主机"
 msgid "settings.speech.host_required"
 msgstr "需要主机：麦克风枚举与系统级快捷键需要已授权的桌面主机。"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.drafts_description"
+msgstr "还没有产出结果的想法。挑一个接着做。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_media"
@@ -1539,6 +1590,11 @@ msgstr "安装并重启"
 msgid "settings.install_codex_action"
 msgstr "安装已签名的 Codex CLI，然后重试。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.installed_build"
+msgstr "已安装版本"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.instructions_saved_toast"
@@ -1555,11 +1611,21 @@ msgstr "集成"
 msgid "global_library.empty_fallback_label"
 msgstr "项目"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.updates.description"
+msgstr "保持 Cutout 为最新版本，并在出问题时恢复本地工作。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/SpeechSection.tsx
 msgid "settings.speech.keep_dictation_visible"
 msgstr "保持听写界面可见"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.keep_dictation_visible_hint"
+msgstr "听写停止后，仍在屏幕上保留实时转写面板。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.dialog_form_desc"
@@ -1575,6 +1641,11 @@ msgstr "套件审计"
 msgid "topbar.language_label"
 msgstr "语言"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.microphone_device_id_hint"
+msgstr "留空则使用系统默认输入设备。粘贴设备 ID 可固定某一个麦克风。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.tool_assisted_memory_desc"
@@ -1670,6 +1741,11 @@ msgstr "锁定版本"
 msgid "global_library.reference_locked"
 msgstr "已锁定"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.check_automatically_hint"
+msgstr "Cutout 打开时在后台查找更新的版本。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/AiSection.tsx
 msgid "settings.manage"
@@ -1680,6 +1756,11 @@ msgstr "管理"
 msgid "global_library.kit_editor_description"
 msgstr "管理已批准的、内容寻址的套件投影。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing"
+msgstr "手动语音路由"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/PersonalizationSection.tsx
 msgid "settings.personalization.memory"
@@ -1863,6 +1944,11 @@ msgstr "尚未被任何项目使用"
 msgid "home.nothing_archived"
 msgstr "暂无归档"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_title"
+msgstr "还没有进行中的项目"
+
 #. js-lingui-explicit-id
 #. placeholder {0}: query.trim()
 #: src/components/home/ProjectHome.tsx
@@ -1982,6 +2068,11 @@ msgstr "置顶"
 msgid "home.pin_named"
 msgstr "置顶 {0}"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.manual_routing_hint"
+msgstr "为转写和语音输出固定某个提供商和模型，而不交给 Cutout 自动选择。"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.pin_project"
@@ -2098,6 +2189,16 @@ msgstr "项目保存在这台设备上"
 msgid "home.drafts_empty_description"
 msgstr "尚未产出结果的项目会汇总在这里。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/ArchivedSection.tsx
+msgid "settings.archived_empty_hint"
+msgstr "从项目菜单归档的项目会落在这里，可以恢复，也可以彻底删除。"
+
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "home.continue_empty_description"
+msgstr "从上面的需求开始的项目会汇集在这里，随时可以接着做。"
+
 #. js-lingui-explicit-id
 #: src/components/library/LibraryDrawer.tsx
 msgid "library.toast_composed"
@@ -2235,6 +2336,11 @@ msgstr "注册表桌面主机需要 Cutout 桌面应用。"
 msgid "registry_install.section_aria"
 msgstr "注册表安装"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_title"
+msgstr "发布通道"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.release_details"
@@ -2508,6 +2614,11 @@ msgstr "选择一个切片以重命名、检视并导出。"
 msgid "settings.integrations.expired"
 msgstr "会话已过期。请刷新或重新连接。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/PersonalizationSection.tsx
+msgid "settings.personalization.personality_hint"
+msgstr "设定每次回复的默认语气。立即对这台设备上的所有项目生效。"
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 #: src/components/settings/SettingsDialog.tsx
@@ -2572,6 +2683,11 @@ msgstr "切片"
 msgid "kit_library.source_heading"
 msgstr "源文件"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.auto_play_responses_hint"
+msgstr "Agent 的每条回复一到达就朗读，无需手动播放。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/ProviderDirectory.tsx
 msgid "settings.provider_category_speech"
@@ -2619,6 +2735,11 @@ msgstr "语音输出"
 msgid "settings.updates.stable"
 msgstr "稳定版"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSection.tsx
+msgid "settings.updates.channel_hint"
+msgstr "稳定版发布经过审核的版本。Beta 更早收到候选版本，可能不够稳定。"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.projects_empty_description"
@@ -2671,6 +2792,11 @@ msgstr "SVG · 本地"
 msgid "vectorizer.heading"
 msgstr "SVG 导出"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/GeneralSection.tsx
+msgid "settings.language_hint"
+msgstr "立即切换界面语言，并在这台设备上记住选择。"
+
 #. js-lingui-explicit-id
 #: src/components/home/SidebarAccount.tsx
 msgid "home.theme_system"
@@ -2731,6 +2857,11 @@ msgstr "文本理解"
 msgid "image.error_decode_failed"
 msgstr "该文件无法解码为图像。"
 
+#. js-lingui-explicit-id
+#: src/components/release-notes/WhatsNewDialog.tsx
+msgid "release_notes.brand_line"
+msgstr "Agent 原生的设计操作系统。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/KeyField.tsx
 msgid "settings.key_hint"
@@ -2741,6 +2872,11 @@ msgstr "密钥仅保存在本机，永不回传或显示。"
 msgid "preview.empty_hint"
 msgstr "分析素材图后，透明预览将显示在此处。"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_hint"
+msgstr "语音回复使用的音色名称和播放速度。连接 TTS 适配器后才可用。"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/GeneralSection.tsx
 msgid "settings.theme_label"
@@ -2930,6 +3066,11 @@ msgstr "更新"
 msgid "settings.section_updates_support"
 msgstr "更新与支持"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/UpdatesSupportSection.tsx
+msgid "settings.section_updates"
+msgstr "更新与支持"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/UpdatesSection.tsx
 msgid "settings.updates.unavailable"
@@ -3074,6 +3215,11 @@ msgstr "视觉素材筛选"
 msgid "global_library.tab_visual_assets"
 msgstr "视觉素材"
 
+#. js-lingui-explicit-id
+#: src/components/settings/sections/SpeechSection.tsx
+msgid "settings.speech.voice_title"
+msgstr "音色与语速"
+
 #. js-lingui-explicit-id
 #: src/components/settings/sections/IntegrationsSection.tsx
 msgid "settings.integrations.waiting_callback"
@@ -3109,6 +3255,11 @@ msgstr "更新说明"
 msgid "release_notes.whats_new"
 msgstr "更新说明"
 
+#. js-lingui-explicit-id
+#: src/components/home/ProjectHome.tsx
+msgid "gallery.archived_description"
+msgstr "你搁置的工作。恢复某个项目即可让它回到工作区。"
+
 #. js-lingui-explicit-id
 #: src/components/home/ProjectHome.tsx
 msgid "home.workspace"
diff --git a/tests/visual/__screenshots__/connect-provider-layout.spec.ts/desktop-chrome/connect-provider-dark.png b/tests/visual/__screenshots__/connect-provider-layout.spec.ts/desktop-chrome/connect-provider-dark.png
index 96b87360..4a1a96a1 100644
Binary files a/tests/visual/__screenshots__/connect-provider-layout.spec.ts/desktop-chrome/connect-provider-dark.png and b/tests/visual/__screenshots__/connect-provider-layout.spec.ts/desktop-chrome/connect-provider-dark.png differ
diff --git a/tests/visual/__screenshots__/connect-provider-layout.spec.ts/desktop-chrome/connect-provider-light.png b/tests/visual/__screenshots__/connect-provider-layout.spec.ts/desktop-chrome/connect-provider-light.png
index 8cb36dfe..0b773211 100644
Binary files a/tests/visual/__screenshots__/connect-provider-layout.spec.ts/desktop-chrome/connect-provider-light.png and b/tests/visual/__screenshots__/connect-provider-layout.spec.ts/desktop-chrome/connect-provider-light.png differ
diff --git a/tests/visual/__screenshots__/connect-provider-layout.spec.ts/mobile-chrome/connect-provider-dark.png b/tests/visual/__screenshots__/connect-provider-layout.spec.ts/mobile-chrome/connect-provider-dark.png
index 1692e2f2..bdb02abd 100644
Binary files a/tests/visual/__screenshots__/connect-provider-layout.spec.ts/mobile-chrome/connect-provider-dark.png and b/tests/visual/__screenshots__/connect-provider-layout.spec.ts/mobile-chrome/connect-provider-dark.png differ
diff --git a/tests/visual/__screenshots__/connect-provider-layout.spec.ts/mobile-chrome/connect-provider-light.png b/tests/visual/__screenshots__/connect-provider-layout.spec.ts/mobile-chrome/connect-provider-light.png
index 067fb265..a8a1ec15 100644
Binary files a/tests/visual/__screenshots__/connect-provider-layout.spec.ts/mobile-chrome/connect-provider-light.png and b/tests/visual/__screenshots__/connect-provider-layout.spec.ts/mobile-chrome/connect-provider-light.png differ
diff --git a/tests/visual/__screenshots__/design-os.spec.ts/desktop-chrome/home.png b/tests/visual/__screenshots__/design-os.spec.ts/desktop-chrome/home.png
index 86eed0ff..d694080e 100644
Binary files a/tests/visual/__screenshots__/design-os.spec.ts/desktop-chrome/home.png and b/tests/visual/__screenshots__/design-os.spec.ts/desktop-chrome/home.png differ
diff --git a/tests/visual/__screenshots__/design-os.spec.ts/mobile-chrome/home.png b/tests/visual/__screenshots__/design-os.spec.ts/mobile-chrome/home.png
index 778fe2f8..b2a2ef25 100644
Binary files a/tests/visual/__screenshots__/design-os.spec.ts/mobile-chrome/home.png and b/tests/visual/__screenshots__/design-os.spec.ts/mobile-chrome/home.png differ
diff --git a/tests/visual/__screenshots__/home-composer-surface.spec.ts/desktop-chrome/home-composer-surface-dark.png b/tests/visual/__screenshots__/home-composer-surface.spec.ts/desktop-chrome/home-composer-surface-dark.png
index 31574987..0e26949d 100644
Binary files a/tests/visual/__screenshots__/home-composer-surface.spec.ts/desktop-chrome/home-composer-surface-dark.png and b/tests/visual/__screenshots__/home-composer-surface.spec.ts/desktop-chrome/home-composer-surface-dark.png differ
diff --git a/tests/visual/__screenshots__/home-composer-surface.spec.ts/desktop-chrome/home-composer-surface-light.png b/tests/visual/__screenshots__/home-composer-surface.spec.ts/desktop-chrome/home-composer-surface-light.png
index f6a0fdbc..30cc0665 100644
Binary files a/tests/visual/__screenshots__/home-composer-surface.spec.ts/desktop-chrome/home-composer-surface-light.png and b/tests/visual/__screenshots__/home-composer-surface.spec.ts/desktop-chrome/home-composer-surface-light.png differ
diff --git a/tests/visual/__screenshots__/home-composer-surface.spec.ts/mobile-chrome/home-composer-surface-dark.png b/tests/visual/__screenshots__/home-composer-surface.spec.ts/mobile-chrome/home-composer-surface-dark.png
index c89bce37..e844346f 100644
Binary files a/tests/visual/__screenshots__/home-composer-surface.spec.ts/mobile-chrome/home-composer-surface-dark.png and b/tests/visual/__screenshots__/home-composer-surface.spec.ts/mobile-chrome/home-composer-surface-dark.png differ
diff --git a/tests/visual/__screenshots__/home-composer-surface.spec.ts/mobile-chrome/home-composer-surface-light.png b/tests/visual/__screenshots__/home-composer-surface.spec.ts/mobile-chrome/home-composer-surface-light.png
index d44eb097..b7267e87 100644
Binary files a/tests/visual/__screenshots__/home-composer-surface.spec.ts/mobile-chrome/home-composer-surface-light.png and b/tests/visual/__screenshots__/home-composer-surface.spec.ts/mobile-chrome/home-composer-surface-light.png differ
diff --git a/tests/visual/__screenshots__/local-recovery-settings.spec.ts/desktop-chrome/local-recovery-settings-collapsed.png b/tests/visual/__screenshots__/local-recovery-settings.spec.ts/desktop-chrome/local-recovery-settings-collapsed.png
index 99a4389f..6d8a4eb8 100644
Binary files a/tests/visual/__screenshots__/local-recovery-settings.spec.ts/desktop-chrome/local-recovery-settings-collapsed.png and b/tests/visual/__screenshots__/local-recovery-settings.spec.ts/desktop-chrome/local-recovery-settings-collapsed.png differ
diff --git a/tests/visual/__screenshots__/local-recovery-settings.spec.ts/desktop-chrome/local-recovery-settings.png b/tests/visual/__screenshots__/local-recovery-settings.spec.ts/desktop-chrome/local-recovery-settings.png
index da3a17a9..3e7ef48b 100644
Binary files a/tests/visual/__screenshots__/local-recovery-settings.spec.ts/desktop-chrome/local-recovery-settings.png and b/tests/visual/__screenshots__/local-recovery-settings.spec.ts/desktop-chrome/local-recovery-settings.png differ
diff --git a/tests/visual/__screenshots__/local-recovery-settings.spec.ts/mobile-chrome/local-recovery-settings-collapsed.png b/tests/visual/__screenshots__/local-recovery-settings.spec.ts/mobile-chrome/local-recovery-settings-collapsed.png
index bddd3bfc..a55a8783 100644
Binary files a/tests/visual/__screenshots__/local-recovery-settings.spec.ts/mobile-chrome/local-recovery-settings-collapsed.png and b/tests/visual/__screenshots__/local-recovery-settings.spec.ts/mobile-chrome/local-recovery-settings-collapsed.png differ
diff --git a/tests/visual/__screenshots__/local-recovery-settings.spec.ts/mobile-chrome/local-recovery-settings.png b/tests/visual/__screenshots__/local-recovery-settings.spec.ts/mobile-chrome/local-recovery-settings.png
index ab03878b..9b8aee19 100644
Binary files a/tests/visual/__screenshots__/local-recovery-settings.spec.ts/mobile-chrome/local-recovery-settings.png and b/tests/visual/__screenshots__/local-recovery-settings.spec.ts/mobile-chrome/local-recovery-settings.png differ
diff --git a/tests/visual/__screenshots__/personalization-settings.spec.ts/desktop-chrome/personalization-dark.png b/tests/visual/__screenshots__/personalization-settings.spec.ts/desktop-chrome/personalization-dark.png
index 7409f0ff..cc4557a0 100644
Binary files a/tests/visual/__screenshots__/personalization-settings.spec.ts/desktop-chrome/personalization-dark.png and b/tests/visual/__screenshots__/personalization-settings.spec.ts/desktop-chrome/personalization-dark.png differ
diff --git a/tests/visual/__screenshots__/personalization-settings.spec.ts/desktop-chrome/personalization-light.png b/tests/visual/__screenshots__/personalization-settings.spec.ts/desktop-chrome/personalization-light.png
index 3f9ebc23..67b9e903 100644
Binary files a/tests/visual/__screenshots__/personalization-settings.spec.ts/desktop-chrome/personalization-light.png and b/tests/visual/__screenshots__/personalization-settings.spec.ts/desktop-chrome/personalization-light.png differ
diff --git a/tests/visual/__screenshots__/personalization-settings.spec.ts/mobile-chrome/personalization-dark.png b/tests/visual/__screenshots__/personalization-settings.spec.ts/mobile-chrome/personalization-dark.png
index 7e455e66..f37abf64 100644
Binary files a/tests/visual/__screenshots__/personalization-settings.spec.ts/mobile-chrome/personalization-dark.png and b/tests/visual/__screenshots__/personalization-settings.spec.ts/mobile-chrome/personalization-dark.png differ
diff --git a/tests/visual/__screenshots__/personalization-settings.spec.ts/mobile-chrome/personalization-light.png b/tests/visual/__screenshots__/personalization-settings.spec.ts/mobile-chrome/personalization-light.png
index d7643464..3acc286f 100644
Binary files a/tests/visual/__screenshots__/personalization-settings.spec.ts/mobile-chrome/personalization-light.png and b/tests/visual/__screenshots__/personalization-settings.spec.ts/mobile-chrome/personalization-light.png differ
diff --git a/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/integration-icons-dark.png b/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/integration-icons-dark.png
index 1eba569d..965d8782 100644
Binary files a/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/integration-icons-dark.png and b/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/integration-icons-dark.png differ
diff --git a/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/integration-icons-light.png b/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/integration-icons-light.png
index aac2d308..1c9ec2b3 100644
Binary files a/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/integration-icons-light.png and b/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/integration-icons-light.png differ
diff --git a/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/provider-directory-dark.png b/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/provider-directory-dark.png
index a0a42e86..8fd6668b 100644
Binary files a/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/provider-directory-dark.png and b/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/provider-directory-dark.png differ
diff --git a/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/provider-directory-light.png b/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/provider-directory-light.png
index dc3bb449..f748d4d2 100644
Binary files a/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/provider-directory-light.png and b/tests/visual/__screenshots__/provider-icons.spec.ts/desktop-chrome/provider-directory-light.png differ
diff --git a/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/integration-icons-dark.png b/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/integration-icons-dark.png
index 5bae1d35..da53f7e3 100644
Binary files a/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/integration-icons-dark.png and b/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/integration-icons-dark.png differ
diff --git a/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/integration-icons-light.png b/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/integration-icons-light.png
index a3886b08..e7b6f214 100644
Binary files a/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/integration-icons-light.png and b/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/integration-icons-light.png differ
diff --git a/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/provider-directory-dark.png b/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/provider-directory-dark.png
index e25e8dfe..18f63288 100644
Binary files a/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/provider-directory-dark.png and b/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/provider-directory-dark.png differ
diff --git a/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/provider-directory-light.png b/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/provider-directory-light.png
index 43840b59..f75167f9 100644
Binary files a/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/provider-directory-light.png and b/tests/visual/__screenshots__/provider-icons.spec.ts/mobile-chrome/provider-directory-light.png differ
diff --git a/tests/visual/__screenshots__/speech-settings.spec.ts/desktop-chrome/speech-settings-dark.png b/tests/visual/__screenshots__/speech-settings.spec.ts/desktop-chrome/speech-settings-dark.png
index cd7e24f5..5ed6cb54 100644
Binary files a/tests/visual/__screenshots__/speech-settings.spec.ts/desktop-chrome/speech-settings-dark.png and b/tests/visual/__screenshots__/speech-settings.spec.ts/desktop-chrome/speech-settings-dark.png differ
diff --git a/tests/visual/__screenshots__/speech-settings.spec.ts/desktop-chrome/speech-settings-light.png b/tests/visual/__screenshots__/speech-settings.spec.ts/desktop-chrome/speech-settings-light.png
index c3d4c701..959c7510 100644
Binary files a/tests/visual/__screenshots__/speech-settings.spec.ts/desktop-chrome/speech-settings-light.png and b/tests/visual/__screenshots__/speech-settings.spec.ts/desktop-chrome/speech-settings-light.png differ
diff --git a/tests/visual/__screenshots__/speech-settings.spec.ts/mobile-chrome/speech-settings-dark.png b/tests/visual/__screenshots__/speech-settings.spec.ts/mobile-chrome/speech-settings-dark.png
index b73fdceb..40afbb81 100644
Binary files a/tests/visual/__screenshots__/speech-settings.spec.ts/mobile-chrome/speech-settings-dark.png and b/tests/visual/__screenshots__/speech-settings.spec.ts/mobile-chrome/speech-settings-dark.png differ
diff --git a/tests/visual/__screenshots__/speech-settings.spec.ts/mobile-chrome/speech-settings-light.png b/tests/visual/__screenshots__/speech-settings.spec.ts/mobile-chrome/speech-settings-light.png
index 8b7efc3a..8e2f564c 100644
Binary files a/tests/visual/__screenshots__/speech-settings.spec.ts/mobile-chrome/speech-settings-light.png and b/tests/visual/__screenshots__/speech-settings.spec.ts/mobile-chrome/speech-settings-light.png differ