agent: dogfood polish 2026/04/19 — Linux native chrome + History redesign + mic picker cleanup

Second dogfood sprint. Headline fix: Linux now uses native KWin/Mutter
decorations instead of fragile frameless `startResizeDragging`, which
collapsed diagonal corner resize to a single axis and made drag feel
laggy. macOS / Windows keep custom chrome via `useCustomChrome` gate.

Other changes:

- Cross-window preferences sync via `kon:preferences-changed` Tauri
  event — theme and font changes propagate live to float/viewer.
- Hotkey recorder rewritten to use capture-phase document listener
  gated by $effect; button focus was unreliable in webkit2gtk.
- History page redesigned for cognitive-load hygiene: title-first
  compact row, inline title input, Edit popout opening /viewer in
  edit mode, clipboard export as .md with YAML frontmatter, manual
  tag chips + + Add tag input, header tag filter (cap 7), global
  Starred filter, `tag:xyz` search syntax.
- `deriveAutoTags` kept as empty hook for post-Task-7 LLM topic tags;
  research found all previous auto-tag chips redundant with row UI.
- Viewer window adds edit mode with debounced-save textarea; native
  title renamed to "Kon - Transcription Editor".
- Window minimums updated per GNOME HIG + WCAG reflow research:
  main 960x600, float 360x480, editor 560x520.
- Microphone picker filters raw ALSA strings (hw:, plughw:, front:,
  sysdefault:, null) and dedupes by CARD=X. New `description` field
  on DeviceInfo reads /proc/asound/cards so Blue Yeti shows as "Blue
  Microphones" instead of the short "Microphones" card name.
- GPU reporting fixed: get_runtime_capabilities now returns
  accelerators=[cpu,vulkan] and whisper.supports_gpu=true, matching
  the transcribe-rs whisper-vulkan feature linked unconditionally.
- ResizeHandles kept for macOS/Windows frameless: 12px edges, 20px
  corners via CSS vars, pointerdown + setPointerCapture, corners
  above edges in z-order, rendered as sibling (not child) of the
  animated layout root so `position: fixed` is viewport-relative.
- Dueling drag-region handlers removed — `data-tauri-drag-region` and
  manual `startDragging()` were stacked on the same elements; kept
  the manual handler which has the button/input early-return logic.

See HANDOVER.md for the full session log and deferred items.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/routes/float/+layout@.svelte

@@ -4,12 +4,20 @@
   import { listen } from "@tauri-apps/api/event";
   import { getCurrentWindow } from "@tauri-apps/api/window";
   import { settings } from "$lib/stores/page.svelte.js";
-  import { getPreferences, updatePreferences } from "$lib/stores/preferences.svelte.js";
+  import {
+    getPreferences,
+    updatePreferences,
+    applyExternalPreferences,
+    PREFERENCES_CHANGED_EVENT,
+  } from "$lib/stores/preferences.svelte.js";
   import Titlebar from "$lib/components/Titlebar.svelte";
+  import { loadOsInfo, isLinux } from "$lib/utils/osInfo.js";
 
   let { children } = $props();
   let glowing = $state(false);
   let unlistenFocus = null;
+  let unlistenPrefs = null;
+  let useCustomChrome = $state(false);
 
   const prefs = getPreferences();
 
@@ -34,6 +42,9 @@
   }
 
   onMount(async () => {
+    loadOsInfo()
+      .then(() => { useCustomChrome = !isLinux(); })
+      .catch(() => {});
     try {
       unlistenFocus = await listen("task-window-focus", () => {
         glowing = true;
@@ -43,10 +54,21 @@
         if (input) input.focus();
       });
     } catch {}
+
+    try {
+      let ownLabel = null;
+      try { ownLabel = getCurrentWindow().label; } catch {}
+      unlistenPrefs = await listen(PREFERENCES_CHANGED_EVENT, (event) => {
+        const payload = event?.payload;
+        if (!payload || payload.source === ownLabel) return;
+        applyExternalPreferences(payload.prefs);
+      });
+    } catch {}
   });
 
   onDestroy(() => {
     if (unlistenFocus) unlistenFocus();
+    if (unlistenPrefs) unlistenPrefs();
   });
 
   // Escape to close
@@ -59,7 +81,11 @@
 
 <svelte:window onkeydown={handleKeydown} />
 
-<div class="h-screen w-screen overflow-hidden grain rounded-lg border border-border shadow-xl animate-float-enter {glowing ? 'animate-glow-pulse' : ''}">
-  <Titlebar compact />
-  {@render children()}
+<div class="h-screen w-screen overflow-hidden grain border border-border shadow-xl animate-float-enter flex flex-col {glowing ? 'animate-glow-pulse' : ''}">
+  {#if useCustomChrome}
+    <Titlebar compact />
+  {/if}
+  <div class="flex-1 min-h-0 overflow-hidden">
+    {@render children()}
+  </div>
 </div>

src/routes/float/+page.svelte

@@ -60,6 +60,7 @@
     if (e.button !== 0) return;
     if (e.target.closest("button")) return;
     if (e.target.closest("input")) return;
+    try { e.currentTarget?.setPointerCapture?.(e.pointerId); } catch {}
     getCurrentWindow().startDragging();
   }
 
@@ -164,14 +165,13 @@
   <!-- Drag handle with title -->
   <div
     class="flex items-center h-[36px] bg-bg-elevated select-none px-3"
-    onmousedown={handleDragStart}
-    data-tauri-drag-region
+    onpointerdown={handleDragStart}
   >
-    <span class="text-[12px] font-medium text-text-secondary tracking-wide" data-tauri-drag-region>
+    <span class="text-[12px] font-medium text-text-secondary tracking-wide">
       Kon - To-do
     </span>
 
-    <div class="flex-1" data-tauri-drag-region></div>
+    <div class="flex-1"></div>
 
     <!-- Pin button -->
     <button
@@ -206,7 +206,9 @@
   <!-- Single-column content -->
   <div class="flex flex-col flex-1 min-h-0">
     <!-- List selector pills -->
-    <div class="flex items-center gap-1 px-3 py-2 border-b border-border-subtle overflow-x-auto">
+    <!-- Outer row does not scroll, so the sort dropdown below is not clipped. -->
+    <div class="flex items-center gap-1 px-3 py-2 border-b border-border-subtle">
+      <div class="flex items-center gap-1 overflow-x-auto flex-1 min-w-0">
       {#each builtInLists as list (list.id)}
         <button
           class="flex items-center gap-1 px-2.5 py-1 rounded-lg text-[11px] whitespace-nowrap flex-shrink-0
@@ -336,9 +338,10 @@
           onclick={(e) => { e.stopPropagation(); showNewList = true; }}
         >+</button>
       {/if}
+      </div>
 
-      <!-- Sort -->
-      <div class="relative flex-shrink-0 ml-auto">
+      <!-- Sort — sibling of the scroll container so its dropdown is not clipped -->
+      <div class="relative flex-shrink-0 pl-1">
         <button
           class="px-1.5 py-1 rounded text-[10px] text-text-tertiary hover:text-text-secondary"
           onclick={(e) => { e.stopPropagation(); showSortMenu = !showSortMenu; }}