Modernization update #1076
Open
Modernization update #1076
Conversation
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
drusepth
force-pushed
the
tailwind-redesign
branch
from
b1af55b to
9b3a51d
Compare
- Created a landing page for logged-out users showcasing document analysis features - Built a functional dashboard hub for logged-in users with analysis tools and insights - Added new routes and controller actions to handle both views - Updated sidebar link to point to the new analysis hub - Added analysis count badge to sidebar navigation 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
- Fix navbar to use fixed positioning with proper content offset - Narrow sidebar width (60->56) for better content space - Switch sidebar dark mode to slate color palette - Remove custom CSS classes in favor of inline Tailwind - Improve dark mode contrast on timeline cards - Use shared card partial on dashboard most-edited section - Improve attribute update notices to include page name 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Added dark:text-gray-300 and dark:text-white classes to match the Premium card styling on /plan/* pages with no content. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Replace light gradients with solid dark backgrounds in dark mode - Fix icon circles to be perfect circles with explicit w-16 h-16 - Brighten text colors for readability (gray-300, blue-300, purple-300) - Add explicit dark background to bottom card sections 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
The folder sidebar was non-functional for all non-Document content types (Characters, Locations, Items, etc.) since these models have no folder_id column. Removed: - Content sidebar with folders section and stats - Mobile sidebar overlay - Sidebar toggle button - New folder modal - Related Alpine.js state variables 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Search dropdown: improve contrast with solid slate background and lighter text colors for the Quick Search Tips section - Action cards (Template, Create, Premium): remove white gradient overlay in dark mode, use solid slate backgrounds instead of semi-transparent color tints - Fix icon containers to be perfect circles with explicit dimensions 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Remove gradient background, use solid bg-gray-50/dark:bg-gray-900 - Add dark mode to header, content cards, and style buttons - Fix text colors for Field Details, labels, and values - Add dark borders and backgrounds throughout 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Rating emojis now show contextual colors on hover: - Sad face: red - Dissatisfied: orange - Neutral: yellow - Happy: green - Heart: pink 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Replace "open in new tab" behavior with an in-page lightbox modal: - Click any generated image to view full size in a modal overlay - Click outside the image or press ESC to close - Close button attached to image corner for visibility - Dark blurred backdrop for focus - No scroll locking to avoid UI jumpiness 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Fix CSRF token issue: use fetch() with explicit CSRF header instead of form submission (nested forms not allowed in HTML) - Fix emoji coloring: use JavaScript and conditional ERB instead of Tailwind's peer-checked: classes (which get purged with dynamic values) - Rating now works on click with visual feedback and toast notification - Existing ratings show colored emoji on page load 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Complete Tailwind redesign of /ai/basil/stats page - Add polished gradient stats cards (In Queue, Avg Wait, Avg Rating Today) - Create full-width "Road to 1M Visualizations" progress bar with gradient fill - Extract shared Basil header into reusable partial - Add today's average rating calculation (converted to 1-5 scale) - Move version switcher to subtle footer - Handle zero ratings gracefully with "Be the first!" CTA 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Use CSS filter technique (invert + hue-rotate-180) to make charts readable in dark mode - Chart containers now use dark backgrounds in dark mode - "No data" text and axis labels become light-colored in dark mode - Chart colors preserved via hue rotation 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Allows users to switch from new.notebook.ai to www.notebook.ai layout. On localhost, redirects to www.notebook.ai with the current path. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Replace text emojis with material icons on Basil rating page - Use JavaScript for immediate feedback submission with visual updates - Add dark mode support across all template editor partials 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Remove mt-0.5 margin from the "show sidebar" toggle button so it sits flush with the navbar when the sidebar is collapsed. The "hide sidebar" toggle retains the margin for visual separation from the sidebar edge. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Update positioning values to align with the current sidebar width (w-56 sm:w-60 lg:w-56): - Change left position from 15rem to 14rem for Table of Contents and navigation toggle tabs - Change sm:ml-64 to sm:ml-60 for content margins in forum and editor layouts 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
When users click to expand the serendipitous question on content index pages, the text area now automatically receives focus, eliminating the need for a second click. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Update dark mode backgrounds from semi-transparent overlays to solid colors for better text readability: - Sharing Restrictions note: dark:bg-purple-950 with dark:text-purple-200 - Danger Zone boxes: dark:bg-red-950 with dark:text-red-200 - Updated borders to match (dark:border-purple-800, dark:border-red-800) Applies to both field config and category config panels. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Update dark mode backgrounds to use standard Tailwind colors that are definitely available: - Sharing Restrictions note: dark:bg-slate-700 (neutral dark background) - Danger Zone boxes: dark:bg-red-900 (dark red, keeps the warning feel) - Updated borders to dark:border-slate-600 and dark:border-red-700 The previous fix using -950 colors didn't work as they may not be in the Tailwind config. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
The selected radio button option was showing white text on a light background in dark mode. Fixed by: - Using dark:!bg-slate-700 with !important to override bg-blue-50 - Changed text color to dark:text-white for better contrast - Updated hover states to dark:hover:bg-slate-700 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Tailwind's dark: variant classes don't work reliably in dynamic Alpine
:class bindings because the CSS rules aren't generated. The border
classes work (dark:border-blue-600) but background classes don't.
Solution: Use Alpine :style binding to set background-color directly,
checking document.documentElement.classList.contains('dark') to
determine which color to use:
- Light mode: rgb(239, 246, 255) (blue-50)
- Dark mode: rgb(51, 65, 85) (slate-700)
This bypasses Tailwind's CSS generation entirely.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Multiple sections had low-opacity dark backgrounds (e.g., /50, /30, /20) that created poor contrast with text. Fixed by using solid backgrounds: - Template Information: dark:bg-slate-700, added text colors for counts - Import Template expanded: dark:bg-slate-700, improved text contrast - Reset Template expanded: dark:bg-red-900 for main, dark:bg-slate-800 for inner boxes, fixed text color missing dark variants - Archived items message: added dark:bg-slate-700 - Need Help section: dark:bg-slate-700 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Increase content area padding to px-16 (64px) on all breakpoints - Right-align Quick Access header to avoid site sidebar overlap - Affects breadcrumb, header, filter bar, and content sections 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add before_validation callback to set default title when blank. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Update all changelog components with dark mode styling: - Main page background - Stats cards and header - Timeline items and date groups - Field change display (text, links, tags, universe, name) - Pagination controls - Activity heatmap 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add dark mode styling to modal background, input, and buttons - Auto-focus folder title input when modal opens using Alpine x-effect - Set empty default value for title input 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Hide Quick Access sidebar by default for new users with no documents to provide a cleaner initial experience. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Update all user profile tabs with dark mode styling: - Main show page background and cards - Overview, Activity, Content, Collections tabs - Community, Tags, and Universes tabs - Profile cards, stats, and lists 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add relative positioning to scroll container for pseudo-element gradients - Remove min-w-max and flex-shrink-0 to allow mobile tabs to shrink - Reduce tab spacing from 24px to 8px (mobile) / 16px (small+) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add New Document and New Folder buttons to Quick Access sidebar - Update sidebar icon from menu to bolt, rename to "Quick Access" - Add favorite toggle with toast notifications using existing showToast - Fix favorite button to be a perfect circle (w-8 h-8) - Use correct model colors for +New buttons (Document/Folder colors) - Add full dark mode support to edit folder modal 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Add dark mode support to documents/edit.html.erb (navbar, buttons, dropdowns) - Simplify editor.html.erb layout by removing duplicate sidebar - Update content linking partials with dark mode styles - Fix dark mode colors for writing tips card on prompts page 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
And so it begins...
To-do items to track: