Skip to content

feat(shell,pyramidize): UX pass — sidebar polish, model upgrades, clipboard resilience#17

Open
0xMMA wants to merge 5 commits intomainfrom
feat/pyramidize
Open

feat(shell,pyramidize): UX pass — sidebar polish, model upgrades, clipboard resilience#17
0xMMA wants to merge 5 commits intomainfrom
feat/pyramidize

Conversation

@0xMMA
Copy link
Owner

@0xMMA 0xMMA commented Mar 9, 2026

Summary

  • Shell sidebar: collapsible sidebar with hover-expand popover (overlay, zero layout shift); collapsed logo shows "KL" in brand colours; nav icons centred; SVG pyramid icon colour-consistent with <i> icons on hover/active; version row hidden when empty-collapsed; collapse button taller (≥40px); position:absolute layout eliminates scrollbar flicker
  • Pyramidize UX: provider + model selectors in left panel (replaces provider badge); default models upgraded to claude-sonnet-4-6 / gpt-5.2; quality threshold moved from Settings to Pyramidize panel; error messages clipped to 2 lines + copy icon; trace log as full overlay; canvas textarea/preview fills available height
  • Clipboard / Linux: xclip → xsel → wl-paste/wl-copy fallback chain via LookPath; missing tools log a warning instead of crashing; xdotool calls are best-effort throughout

Test plan

  • 108 Vitest unit tests — 0 failures (npx ng test)
  • Go unit tests — all pass (go test ./internal/...)
  • 80 Playwright shell-menu tests — expanded layout, collapsed centering, hover-expand popover, logo colours, active-route colours, scrollbar safety, click targets
  • 13 Playwright pyramidize-layout tests — tab switching, canvas height, provider selectors, trace overlay, sidebar collapse

build-linux.yml CI will run automatically on this PR.

🤖 Generated with Claude Code

0xMMA and others added 5 commits March 8, 2026 23:16
…NG-12)

Go backend:
- New internal/features/pyramidize/ package: 18 files
- 2-call adaptive pipeline (detect + foundation+self-QA + optional refine)
- RPCs: Pyramidize, RefineGlobal, Splice, CancelOperation, SendBack,
  GetSourceApp, GetAppPresets, SetAppPreset, DeleteAppPreset,
  GetQualityThreshold, SetQualityThreshold
- XML-structured prompts for EMAIL, WIKI, MEMO, POWERPOINT doc types
- Platform-specific source app capture: xdotool (Linux), Win32 (Windows)
- 47 unit tests — all pass
- settings/model.go: add AppPresets + PyramidizeQualityThreshold to Settings struct
- main.go: register PyramidizeService; capture source app before clipboard grab

Angular frontend:
- text-enhancement.component.ts: complete rewrite as Pyramidize editor
  - 3-layer canvas model (originalText / pyramidizedText / canvasText)
  - Trace log with peek + revert, collapsible right panel
  - Step indicator, cancellation, error recovery with retry
  - Global instruction bar (Ctrl+Enter) + selection splice bubble
  - Hover copy in edit mode (mouse-position overlay) and preview mode
  - Copy as Markdown / Copy as Rich Text / Send Back actions
  - Module-level state survives navigation
- text-enhancement.service.ts: rewritten to wrap all pyramidize RPCs
- markdown.pipe.ts: new standalone MarkdownPipe for preview rendering
- settings.component.ts: add App Defaults tab (presets + quality threshold)
- wails.service.ts: add all 11 pyramidize RPC methods
- wails-mock.ts: add pyramidize mocks
- 108 Vitest tests pass (0 failures)
- Binary builds cleanly

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…dition

wails3 task run was starting the binary before ng serve finished binding
to port 9245. Reordering background/blocking executes gives ng serve the
~3s of Go build time to initialize before the binary connects to it.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…pboard resilience

Shell sidebar:
- Collapsible sidebar with hover-expand popover (overlay, no layout shift)
- Collapsed logo shows "KL" (K white, L orange) matching brand colours
- Nav icons centred in collapsed strip; SVG pyramid icon colour-consistent
  with <i> icons on hover and active-route states
- Version row hidden when empty-collapsed (no dead click-strip)
- Collapse button taller (0.875rem padding, ≥40px tap target)
- Layout switched to position:absolute sidebar + margin-left on main to
  prevent scrollbar flicker on hover-expand

Pyramidize:
- Upgrade default models: claude-sonnet-4-6, gpt-5.2 (was haiku / gpt-4o-mini)
- Provider + model selectors in left panel (replaces provider badge)
- Quality threshold moved from Settings › App Defaults to Pyramidize panel
- Error messages clipped to 2 lines with copy icon; removed "Change Provider" button
- Trace log full overlay replaces peek sub-panel
- Canvas textarea/preview fill available height (flex chain fix)
- Cancel propagates through RefineGlobal / Splice via aiOpts struct

Clipboard / Linux:
- Read/Write try xclip → xsel → wl-paste/wl-copy via LookPath; no crash
  on missing tools — clean error message instead of raw exec error
- xdotool calls (focus, paste, source-app capture) are best-effort; missing
  binary logs a warning and returns nil

Tests:
- 80 Playwright tests across shell-menu*.spec.ts (centering, hover-expand,
  colour parity, layout dims, click targets, logo, active-route, scrollbar)
- 13 Playwright tests in pyramidize-layout.spec.ts (tabs, canvas height,
  provider selectors, trace overlay, sidebar collapse)
- 108 Vitest unit tests (0 failures)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…or rename

- Logo KL→KeyLint: CSS max-width unfold (no @if swap, pure transition)
- Nav item 2px drop on hover-expand: span{line-height:1} prevents height growth
- Quality threshold: replace plain <input type=number> with <p-inputnumber>
- Rename "Canvas" tab/labels to "Editor" throughout text-enhancement
- Trace log: hover shows non-sticky preview; click pins it
- Add LOGO-ANIMATION.md requirement spec
- Add BRANCH-STATUS.md feature-branch status overview
- Update all E2E tests to match new logo DOM structure (logo-k/ey/l/int)
- Add shell-menu-deep5.spec.ts covering nav vertical stability (7 tests)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant