feat(inbox-zero-cats): options UI rewrite with tabs, content packs, and toast/dialog system - #141
Merged
Conversation
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace collapsible sections with a Photos/Titles tab layout using @mordech/web-components (mrd-button, mrd-chip, mrd-text-field, mrd-toggle-theme). Add subtitle customization feature and photo grid with circular images. Remove footer and simplify HTML shells. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace inline lit-html svg template literals with standalone .svg files imported as text via esbuild and rendered with unsafeSVG directly at usage sites. Change esbuild SVG loader from 'file' to 'text'. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace flexbox wrap with a 4-column CSS grid for consistent image grid alignment. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Add mrd-text-field to web-components exports so it registers when imported. Fix image grid items stretching by constraining li.image width and centering within grid cells. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…title list - Use auto-fill grid for responsive photo layout - Add gap between title rows - Use ellipsis for long titles instead of pre-line wrapping - Make full-width buttons display block to stretch properly Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…osition - Reduce body width from 35rem to 22rem to match Figma design - Use ::part(button) to stretch full-width buttons inside shadow DOM - Move image delete button back to bottom-right corner Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…lock
Add :host { display: inline-flex } and .btn { width: 100% } so the
internal button fills the host element. Setting display: block on the
host from outside now stretches the button without ::part overrides.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Move `types` from root level into `compilerOptions`, add `include` for src files, and remove side-effect imports from index.d.ts that were breaking the ambient SVG module declaration. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…ks and data backup
…tPack helper Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…age-setters Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…panel Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ility for Firefox
… CLAUDE.md Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… and polish styles - Add settings tab to topBar with settingsIcon.svg - selectPack now immediately updates catImageUrls (pack images + user uploads) - Export settingsSection from sections/index.ts - Simplify settings hint text; switch export/import buttons to tonal variant - Add logo.svg and settingsIcon.svg assets; add fill="currentColor" to delete icon - Fix createCatEmptyState catch to return typed fallback - Add padding-block-start to lockup footer; remove text-transform/letter-spacing from hint - Remove svg size override from mrd-toggle-theme styles Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ings section Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…iss button, update CSS comment Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…h toast Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ogs and nature packs Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…le art PackKey Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ex.ts Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ack switch dialog
- Add CatTitle interface { text, custom? } replacing string[] for catTitles storage
- Pack switch now auto-merges: keeps custom:true titles, replaces pack defaults
- Remove Keep/Switch confirm dialog; show one-time warning for old-format users
- resetTitles reads activePack from storage instead of hardcoding cats
- Lazy migration: normalizeTitles() handles old string[] in memory at all read paths
- Content script has inline string fallback for stale storage
- Import migrates old string[] backups via normalizeTitles
- Add @mordech/web-components import to all files using custom elements
- Fix topBar theme type: string → Theme, add ?? 'light' fallback
- Add title attribute to itemList spans for ellipsis tooltip
- Remove hideDismiss from confirmDialog (Cancel always shown)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…gacy title format Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Stack text above buttons with column flex direction - Align buttons to end - Apply text-wrap: pretty to dialog message Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
✅ Deploy Preview for mordech-web-components ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for mordech-react-components ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
mrd-button(display block), image grid layout, andmrd-toggle-themetooltipTest Plan
mrd-toggle-themetooltip on hover🤖 Generated with Claude Code