2907bc592e
* fix: resolve search panel freeze by making search_vault async The search_vault Tauri command was synchronous (fn, not async fn), blocking the main thread for 30+ seconds during hybrid/semantic search on large vaults (9200+ files). This caused the macOS beachball. Changes: - Make search_vault async with tokio::spawn_blocking (runs qmd off main thread) - Cache collection name per vault path (avoid repeated qmd collection list calls) - Cancel inflight searches and debounce timers when panel closes - Add regression test for stale result cancellation on panel close Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * design: add status property dropdown wireframes Three frames: closed pill state, open dropdown with suggested/vault statuses, and custom status creation flow. Also bump flaky NoteList 9000-entry test timeout from 15s to 30s. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * feat: replace status text edit with Notion-style dropdown - Extract STATUS_STYLES to shared statusStyles.ts utility - New StatusDropdown component: filterable popover with colored pills - StatusPill reusable component for consistent status chip rendering - Vault-wide status aggregation from entries prop - Dropdown shows "From vault" and "Suggested" sections - Custom status creation via type-and-Enter - Escape/backdrop click cancels without saving - Keyboard navigation (ArrowUp/Down + Enter) - 22 new tests covering dropdown behavior + integration Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: cargo fmt --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
1 line
8.6 KiB
Plaintext
1 line
8.6 KiB
Plaintext
{"children":[{"type":"frame","id":"sdClosed","x":0,"y":0,"name":"Status Property — Dropdown closed (pill display)","width":320,"height":48,"fill":"#ffffff","layout":"vertical","gap":0,"padding":[4,6],"children":[{"type":"text","id":"sdClDesc","fill":"#6b7280","content":"Closed state: status shown as colored pill. Click to open dropdown.","fontFamily":"Inter","fontSize":10,"fontWeight":"normal"},{"type":"frame","id":"sdClRow","name":"Status Row","width":"fill_container","cornerRadius":4,"padding":[4,6],"alignItems":"center","children":[{"type":"text","id":"sdClLabel","fill":"#6b7280","content":"STATUS","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"500","letterSpacing":1.2},{"type":"frame","id":"sdClPill","name":"Status Pill — Active","fill":"#dcfce7","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdClPillText","fill":"#16a34a","content":"ACTIVE","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]}]},{"type":"frame","id":"sdOpen","x":0,"y":80,"name":"Status Property — Dropdown open with options","width":320,"height":360,"fill":"#ffffff","layout":"vertical","gap":0,"padding":[4,6],"children":[{"type":"text","id":"sdOpDesc","fill":"#6b7280","content":"Open state: dropdown popover with colored status chips, search input, vault statuses, and defaults.","fontFamily":"Inter","fontSize":10,"fontWeight":"normal"},{"type":"frame","id":"sdOpRow","name":"Status Row (with open dropdown)","width":"fill_container","layout":"vertical","gap":0,"children":[{"type":"frame","id":"sdOpRowInner","name":"Row","width":"fill_container","cornerRadius":4,"padding":[4,6],"alignItems":"center","fill":"#f3f4f6","children":[{"type":"text","id":"sdOpLabel","fill":"#6b7280","content":"STATUS","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"500","letterSpacing":1.2},{"type":"frame","id":"sdOpPill","name":"Status Pill — Active (selected)","fill":"#dcfce7","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdOpPillText","fill":"#16a34a","content":"ACTIVE","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]},{"type":"frame","id":"sdOpDropdown","name":"Dropdown Popover","width":"fill_container","fill":"#ffffff","cornerRadius":8,"stroke":{"align":"inside","thickness":1,"fill":"#e5e7eb"},"layout":"vertical","gap":0,"padding":[4,0],"children":[{"type":"frame","id":"sdOpSearch","name":"Search Input","width":"fill_container","height":32,"padding":[4,8],"alignItems":"center","children":[{"type":"text","id":"sdOpSearchText","fill":"#9ca3af","content":"Type a status...","fontFamily":"Inter","fontSize":12,"fontWeight":"normal"}]},{"type":"frame","id":"sdOpSep1","name":"Separator","width":"fill_container","height":1,"fill":"#e5e7eb"},{"type":"frame","id":"sdOpDefaults","name":"Suggested Statuses","width":"fill_container","layout":"vertical","gap":0,"padding":[4,0],"children":[{"type":"text","id":"sdOpDefLabel","fill":"#9ca3af","content":"SUGGESTED","fontFamily":"IBM Plex Mono","fontSize":9,"fontWeight":"500","letterSpacing":1.2,"padding":[4,8]},{"type":"frame","id":"sdOpOpt1","name":"Option — Not started","width":"fill_container","height":28,"padding":[4,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"frame","id":"sdOpOpt1Pill","fill":"#e0e7ff","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdOpOpt1Text","fill":"#6b7280","content":"NOT STARTED","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]},{"type":"frame","id":"sdOpOpt2","name":"Option — In progress","width":"fill_container","height":28,"padding":[4,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"frame","id":"sdOpOpt2Pill","fill":"#f3e8ff","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdOpOpt2Text","fill":"#9333ea","content":"IN PROGRESS","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]},{"type":"frame","id":"sdOpOpt3","name":"Option — Active (hover)","width":"fill_container","height":28,"padding":[4,8],"alignItems":"center","cornerRadius":4,"fill":"#f3f4f6","children":[{"type":"frame","id":"sdOpOpt3Pill","fill":"#dcfce7","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdOpOpt3Text","fill":"#16a34a","content":"ACTIVE","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]},{"type":"frame","id":"sdOpOpt4","name":"Option — Done","width":"fill_container","height":28,"padding":[4,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"frame","id":"sdOpOpt4Pill","fill":"#dbeafe","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdOpOpt4Text","fill":"#2563eb","content":"DONE","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]},{"type":"frame","id":"sdOpOpt5","name":"Option — Blocked","width":"fill_container","height":28,"padding":[4,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"frame","id":"sdOpOpt5Pill","fill":"#fee2e2","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdOpOpt5Text","fill":"#dc2626","content":"BLOCKED","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]}]},{"type":"frame","id":"sdOpSep2","name":"Separator","width":"fill_container","height":1,"fill":"#e5e7eb"},{"type":"frame","id":"sdOpVault","name":"From Vault","width":"fill_container","layout":"vertical","gap":0,"padding":[4,0],"children":[{"type":"text","id":"sdOpVaultLabel","fill":"#9ca3af","content":"FROM VAULT","fontFamily":"IBM Plex Mono","fontSize":9,"fontWeight":"500","letterSpacing":1.2,"padding":[4,8]},{"type":"frame","id":"sdOpVOpt1","name":"Option — Draft (from vault)","width":"fill_container","height":28,"padding":[4,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"frame","id":"sdOpVOpt1Pill","fill":"#fef9c3","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdOpVOpt1Text","fill":"#ca8a04","content":"DRAFT","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]},{"type":"frame","id":"sdOpVOpt2","name":"Option — Published (from vault)","width":"fill_container","height":28,"padding":[4,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"frame","id":"sdOpVOpt2Pill","fill":"#dcfce7","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdOpVOpt2Text","fill":"#16a34a","content":"PUBLISHED","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]}]}]}]}]},{"type":"frame","id":"sdCustom","x":350,"y":0,"name":"Status Property — Custom status typed","width":320,"height":180,"fill":"#ffffff","layout":"vertical","gap":0,"padding":[4,6],"children":[{"type":"text","id":"sdCuDesc","fill":"#6b7280","content":"User types a custom status name not in suggestions. Press Enter to create it.","fontFamily":"Inter","fontSize":10,"fontWeight":"normal"},{"type":"frame","id":"sdCuRow","name":"Status Row with custom input","width":"fill_container","layout":"vertical","gap":0,"children":[{"type":"frame","id":"sdCuRowInner","name":"Row","width":"fill_container","cornerRadius":4,"padding":[4,6],"alignItems":"center","fill":"#f3f4f6","children":[{"type":"text","id":"sdCuLabel","fill":"#6b7280","content":"STATUS","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"500","letterSpacing":1.2},{"type":"frame","id":"sdCuPill","name":"Status Pill — Active","fill":"#dcfce7","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdCuPillText","fill":"#16a34a","content":"ACTIVE","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]},{"type":"frame","id":"sdCuDropdown","name":"Dropdown — with typed input","width":"fill_container","fill":"#ffffff","cornerRadius":8,"stroke":{"align":"inside","thickness":1,"fill":"#e5e7eb"},"layout":"vertical","gap":0,"padding":[4,0],"children":[{"type":"frame","id":"sdCuSearch","name":"Search Input (typed)","width":"fill_container","height":32,"padding":[4,8],"alignItems":"center","stroke":{"align":"inside","thickness":{"bottom":1},"fill":"#e5e7eb"},"children":[{"type":"text","id":"sdCuSearchText","fill":"#111827","content":"Needs Review","fontFamily":"Inter","fontSize":12,"fontWeight":"normal"}]},{"type":"frame","id":"sdCuCreate","name":"Create new option","width":"fill_container","height":32,"padding":[4,8],"alignItems":"center","cornerRadius":4,"children":[{"type":"text","id":"sdCuCreateLabel","fill":"#6b7280","content":"Create","fontFamily":"Inter","fontSize":11,"fontWeight":"normal"},{"type":"frame","id":"sdCuCreatePill","fill":"#e0e7ff","cornerRadius":16,"padding":[1,6],"children":[{"type":"text","id":"sdCuCreateText","fill":"#6b7280","content":"NEEDS REVIEW","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"600","letterSpacing":1.2}]}]}]}]}]}],"variables":{}} |