Skip to content

feat: polish inbox detail panel with icons, layout, and alignment - #142

Merged
h4yfans merged 8 commits into
mainfrom
feat/inbox-detail-panel-ui-polish
Apr 5, 2026
Merged

feat: polish inbox detail panel with icons, layout, and alignment#142
h4yfans merged 8 commits into
mainfrom
feat/inbox-detail-panel-ui-polish

Conversation

@h4yfans

@h4yfans h4yfans commented Apr 5, 2026

Copy link
Copy Markdown
Collaborator

What

Polish the inbox detail panel: show folder/note emoji icons, stack filing sections vertically, align panels to tab bar, and simplify UI.

Why

Folder and note icons weren't surfacing in the filing UI despite being available in the vault. Side-by-side layout for File to / Tags was cramped at narrower panel widths. The 3px gap between the panel top and tab bar was visually distracting.

How

  • Pipe emoji field from note cache through the suggestions API to the renderer
  • Display NoteIconDisplay for folders and notes throughout the filing section dropdown
  • Change File to + Tags from flex (horizontal) to flex-col (vertical stacking)
  • Narrow inbox panel from 460px to 380px to match task detail drawer
  • Set both inbox and task detail panels to top-[37px] (matching day panel) instead of top-10 (40px)
  • Extract PreviewImage component from link preview, remove unused metadata
  • Remove tag usage count from autocomplete dropdown

Type

  • feat — new feature
  • refactor — restructure without behavior change
  • fix — bug fix

Test plan

  • Manual testing (describe below)

Tested by running pnpm dev and verifying:

  • Folder icons appear in filing dropdown trigger and list items
  • Note emoji shows on AI-suggested notes
  • File to and Tags stack vertically
  • Panel aligns flush with tab bar (no gap)
  • Panel width matches task detail drawer at 380px

Checklist

  • Self-reviewed the diff
  • No hardcoded secrets or credentials
  • Files stay under ~500 LOC
  • Follows immutable data patterns

h4yfans added 8 commits April 5, 2026 13:25
Add emoji field to SuggestedNote type and pipe it from note cache
through the suggestions API to the renderer.
Display folder emoji/icon in dropdown trigger and list items.
Show note emoji for AI-suggested notes. Stack File to and Tags
line by line instead of side by side. Simplify dropdown by removing
confidence percentages and navigation hints.
Extract image/favicon/fallback rendering into PreviewImage component.
Remove unused metadata fields (author, publishedDate, siteName).
Flatten conditional rendering for YouTube vs standard previews.
Set inbox and task detail panels to top-[37px] to sit flush below
the tab bar (was top-10/40px leaving a 3px gap). Narrow inbox panel
from 460px to 380px to match task detail drawer width.
@h4yfans
h4yfans merged commit f2be8fa into main Apr 5, 2026
4 checks passed
@h4yfans
h4yfans deleted the feat/inbox-detail-panel-ui-polish branch April 5, 2026 10:33
h4yfans added a commit that referenced this pull request May 6, 2026
feat: polish inbox detail panel with icons, layout, and alignment
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