Skip to content

[Task] Audit and align chrome/sidebar icon size and stroke consistency #523

@Astro-Han

Description

@Astro-Han

Goal

Chrome/sidebar icons should feel visually consistent at the sizes where PawWork actually uses them, especially 16px dense sidebar rows and 20px controls.

The immediate known issue is new-session: it has a similar rendered bounding box to neighboring sidebar icons, but reads noticeably thinner because its traced outline has lower visual density.

Scope

In scope:

  • Audit common chrome/sidebar icons, including at least new-session, magnifying-glass, settings-gear, dot-grid, sort, schedule, edit, archive, branch, file-tree, folder, and folder-open.
  • Classify icon sources: hand-authored or near-20-unit path vs imagegen/potrace fill path.
  • Compare effective rendered bbox, wall thickness, internal whitespace, and perceived density at 16px and 20px.
  • Fix confirmed visual outliers, starting with new-session.
  • Attach or link a real icon.tsx comparison page in the PR for review.

Out of scope:

  • Redesigning the full icon family from scratch.
  • Changing icons unrelated to chrome/sidebar usage unless the audit shows the same issue.
  • Bundling this into feature PRs such as feat(sidebar): project rename and remove from sidebar #517.
  • Deciding the long-term hand-authored vs bitmap-trace strategy for all icons.

Relevant files or context

Likely files:

  • packages/ui/src/components/icon.tsx
  • packages/app/src/pages/layout/pawwork-sidebar.tsx
  • packages/app/src/components/titlebar.tsx
  • packages/app/src/components/settings-page.tsx

Context:

Verification

  • Build or attach a real icon.tsx comparison page showing the audited icons at 16px and 20px.
  • Verify new-session no longer reads thinner than adjacent sidebar icons.
  • Verify the sidebar still looks balanced in Electron.
  • Run the targeted UI/package typecheck touched by the change.

Execution mode

Agent should investigate and propose a plan first.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Low priorityenhancementNew feature or requestuiDesign system and user interface

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions