Skip to content

feat(workbench): hard-cut the Todo-only product - #18

Merged
boh5 merged 19 commits into
mainfrom
design/prototype-status-polish
Aug 17, 2026
Merged

feat(workbench): hard-cut the Todo-only product#18
boh5 merged 19 commits into
mainfrom
design/prototype-status-polish

Conversation

@boh5

@boh5 boh5 commented Aug 17, 2026

Copy link
Copy Markdown
Owner

Summary

  • hard-cut the product to the Todo-only workbench shell and canonical Root, Todo, Work, and Session flows
  • align Runs, Schedules, Session, Settings, Search, Needs-you, Diff, Composer, Inspector, and responsive states with the current design contracts
  • replace bundled Inter with platform-native Latin, CJK, and mono stacks and unify the 14/21 UI plus 15/24 reading rhythm

Why

The product still carried Home, document rails, legacy shell ownership, and prototype/product drift. This removes those paths instead of preserving compatibility and makes Todo the single work inventory.

Validation

  • bun run typecheck
  • bun run test
  • bun run build
  • git diff --check
  • real-browser product/prototype QA at exact responsive boundaries, light/dark themes, and representative Todo, Session, Automation, and HITL states
  • independent final implementation review: APPROVE

Review in cubic

boh5 and others added 18 commits August 10, 2026 19:37
Unify running/attention/done/failed tones across Home, Sessions, Session,
Todos, and Automations prototypes. Standardize product copy on "Needs you",
share status-orbit and primary-button primitives, add a light static session
sample cache, and include the prototype brand mark.
Absorb the Session inspector redesign, Needs you density rule, and
Failed vs attention tones into MASTER and page overrides. Align
prototypes so Failed Sessions no longer paint Composer as amber Needs
you, and Todos show a Failed operational line with error tone.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…n docs

Synchronize prototype visual improvements to MASTER and page specs:

- Add hover micro-interactions (0.5-1px translateY) to interactive elements
- Enhanced primary button depth with brand-tinted shadows and inset highlights
- Status orbit glow effects for attention (amber) and running (green) states
- Updated elevation tokens for composer and inspector shadows
- Document focus state treatments with brand color glow

All changes preserve indigo brand color and zinc gray system.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Standardize hover lift to -1px across all interactive surfaces
- Add active state scale(0.98) to all buttons and cards
- Unify status orbit sizes to 10px (removed 9px variants)
- Add box-shadow elevation to cards and hover states
- Enhance HITL shell with subtle warning glow
- Add hover color transition to HITL options
- Enhance composer focus depth with stronger shadow
- Add backdrop-filter blur to todo peek drawer
- Desaturate error color from #dc2626 to #ef4444 in light mode
- Apply consistent shadow system (base 0.04, hover 0.06 opacity)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Add empty state icons, modal animations, and button ripple effects:
- Empty states: Add icon circles to all empty states (todos, sessions, automations, session detail)
- Modal animations: Add scale + fade entrance for dialogs and menus with backdrop fade
- Button ripple: Add active ripple effect to primary buttons using ::after pseudo-element
- Menu animations: Add slide-up + scale entrance for composer model/variant menus

All empty states now have consistent icon treatment with circular backgrounds.
All modals and dialogs have smooth entrance animations.
Primary buttons have tactile ink ripple on press.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Queue messages: Complete redesign with card-based layout, proper hierarchy, better spacing
- Typography: Increased font sizes and weights for better readability (13-14px body, 600-700 weight)
- Spacing: Increased padding across todos, sessions, automations, dashboard rows (10-16px)
- Hover effects: Enhanced with translateY(-2px) and --shadow-hover token for consistency
- Count badges: Stronger contrast with --bg-elevated and --text-secondary
- Drag handles: Visible by default (opacity 0.35) instead of hidden
- Dashboard: Larger heading (24px), better row typography (14px/12px)
- Shadow tokens: Added --shadow-base and --shadow-hover for consistent depth system

All prototypes now have cohesive visual density, readable typography, and polished micro-interactions.
- Queue messages: Complete card-based redesign with proper spacing and hierarchy
- Tool runs: Increased height (36px), added hover effects with translateX(2px)
- HITL options: Card-style with borders, better spacing (48px height, 10-12px padding)
- Composer controls: Enhanced model/variant pickers with borders and elevated bg
- Composer action button: Larger (36px), added hover lift and active scale
- Menu items: Increased to 36px height with 13px font size
- Typography: Improved readability across all interactive components

All interactive elements now have consistent hover states, proper spacing, and cohesive visual treatment.
- Standardized heading sizes: h1 26px (weight 680), h2 24-26px
- Unified body text: primary 13-13.5px (weight 620), secondary 11.5-12px
- Consistent metadata: 11-11.5px (weight 640-680)
- All pages now use matching font sizes and weights for equivalent elements
- Better visual hierarchy and readability throughout
…l menu, attachments, inspector summary, status orbits, rail monograms)
…hrome

- Model picker: bare names + Default badge, Effort (no Thinking/marketing copy)
- Attachments: remove-only chips (no reorder arrows)
- Drop inspector summary strip; keep Agents/Changes tab counts
- Align done status-orbit with Todos circle-check SVG
- Quiet two-letter rail monograms; cache bust prototype-polish-16

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Hard-cut the shared shell, inventories, Todo, Automation, and Session surfaces to the current design specifications and prototypes. Add the idempotent Start discussion command, synchronized acceptance records, and expanded interaction and regression coverage.

Known issue: Start discussion receipts still extend the existing Todo state schema and need the approved storage hard cut before release.
@boh5
boh5 marked this pull request as ready for review August 17, 2026 14:46
@coderabbitai

coderabbitai Bot commented Aug 17, 2026

Copy link
Copy Markdown

Important

Review available on request

  • 🔍 Trigger review

Reviews should be triggered manually for repositories with fewer than 10 stars. Select Trigger review above or comment @coderabbitai review to review the latest changes. For a full review, comment @coderabbitai full review.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 08cdd41a-7756-4c9c-a32e-ad8c9395dbb4


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@cubic-dev-ai

cubic-dev-ai Bot commented Aug 17, 2026

Copy link
Copy Markdown

This PR has 30,322 reviewable changed lines after ignored/generated files are excluded, above this repository's 10,000-changed-line automatic review limit. The raw diff is 31,180 lines before ignored/generated files are excluded.

Most of the diff comes from:

  • design-system/prototypes/app.js (~4,035 changed lines)
  • design-system/prototypes/session.html (~2,713 changed lines)
  • design-system/prototypes/styles.css (~2,458 changed lines)
  • design-system/prototypes/todos.html (~1,853 changed lines)
  • design-system/prototypes/automations.html (~1,008 changed lines)

Comment @cubic-dev-ai review this to review it anyway. If the largest files are generated or fixture data, add them to your ignored files in review settings or ignorePatterns in cubic.yaml - cubic will then review the rest automatically. You can also raise this limit in review settings.

@boh5

boh5 commented Aug 17, 2026

Copy link
Copy Markdown
Owner Author

@cubic-dev-ai review this

@cubic-dev-ai

cubic-dev-ai Bot commented Aug 17, 2026

Copy link
Copy Markdown

@cubic-dev-ai review this

@boh5 I can't start this review because your workspace has reached its free monthly review limit. cubic has reviewed 42,862 of the 40,000 allowed lines of code this month. Reviews resume on 1 September 2026 (in 15 days). Paid plans include much higher monthly review limits. Upgrade now to resume reviews.

To help optimise your usage, you can tune cubic to get the most out of your usage limits:

Learn more →

@boh5

boh5 commented Aug 17, 2026

Copy link
Copy Markdown
Owner Author

@coderabbitai full review

@boh5
boh5 merged commit 53fd3a3 into main Aug 17, 2026
7 checks passed
@boh5
boh5 deleted the design/prototype-status-polish branch August 17, 2026 15:47
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