Modernization update

.gitignore

@@ -22,6 +22,7 @@
 
 # Ignore assets
 /public/assets
+/public/system/*
 storage/*
 
 # Super-secret stuff
@@ -41,3 +42,5 @@ node_modules
 yarn-debug.log*
 .yarn-integrity
 
+# Heroku stuff
+.env

CLAUDE.md

@@ -128,4 +128,17 @@ The application uses a content type system with these types of pages:
 - Character, Location, Item (core types)
 - Many premium content types like Creature, Planet, Religion, etc.
 
-Creating a new content type requires following the process in `docs/content_types.md`.
+Creating a new content type requires following the process in `docs/content_types.md`.
+
+## Tailwind CSS Conventions
+
+This project uses Tailwind CSS for styling. **Do not use the following Tailwind features** as they are not supported in our configuration:
+
+1. **Arbitrary values** - Do not use bracket syntax like `text-[10px]`, `w-[200px]`, `mt-[17px]`, etc. Use only standard Tailwind classes or add custom values to `tailwind.config.js` if needed.
+
+2. **Opacity shorthand** - Do not use slash syntax like `text-white/80`, `bg-black/40`, `border-gray-500/50`, etc. Instead, use separate opacity utilities:
+   - For backgrounds: `bg-black bg-opacity-40`
+   - For text: `text-white` with a wrapper using `opacity-80` if needed
+   - For borders: `border-gray-500 border-opacity-50`
+
+3. **Custom sizes** - If you need a size that doesn't exist (e.g., smaller than `text-xs`), add it to the `extend` section in `tailwind.config.js`. For example, `text-xxs` is available for 10px text.

Dockerfile

@@ -1,5 +1,5 @@
 # The image to build from.
-FROM ruby:3.2.1-slim
+FROM ruby:3.2.3-slim
 
 # Properties/labels for the image.
 LABEL maintainer="Notebook.ai Contributors"

Dockerfile.debug

@@ -0,0 +1,19 @@
+FROM ruby:3.2.3-slim
+RUN groupadd --system --gid 1000 notebookai && useradd --system --home-dir /home/notebookai --gid notebookai --uid 1000 --shell /bin/bash notebookai
+RUN apt-get update -qq && apt-get install -y build-essential libpq-dev imagemagick libmagickwand-dev curl git libjemalloc2 && rm --recursive --force /var/lib/apt/lists/*
+RUN ARCH= && dpkgArch="$(dpkg --print-architecture)" && \
+    case "${dpkgArch##*-}" in \
+      amd64) ARCH='x64';; \
+      arm64) ARCH='arm64';; \
+      *) echo "unsupported architecture"; exit 1 ;; \
+    esac && \
+    curl -fsSLO "https://nodejs.org/dist/v20.12.2/node-v20.12.2-linux-$ARCH.tar.gz" && \
+    tar -xzf "node-v20.12.2-linux-$ARCH.tar.gz" -C /usr/local --strip-components=1 && \
+    rm "node-v20.12.2-linux-$ARCH.tar.gz"
+RUN npm install -g yarn@1.22.22
+WORKDIR /home/notebookai
+COPY Gemfile Gemfile.lock package.json yarn.lock ./
+RUN bundle install && yarn install
+COPY . .
+RUN chown -R notebookai:notebookai /home/notebookai
+USER notebookai

Gemfile

@@ -24,6 +24,7 @@ gem 'filesize'
 gem 'paperclip' # TODO: we want to migrate off this game to ActiveStorage
 gem 'rmagick'
 gem 'image_processing'
+gem 'mini_magick'
 gem 'active_storage_validations'
 
 # Authentication
@@ -55,7 +56,7 @@ gem 'react-rails'
 # Form enhancements
 gem 'redcarpet' #markdown formatting
 gem 'acts_as_list' #sortables
-gem 'tribute' # @mentions
+# gem 'tribute' # @mentions - Replaced with Alpine.js implementation
 
 # SEO
 gem 'meta-tags'
@@ -106,6 +107,9 @@ gem 'redis', '~> 5.1.0'
 # Exports
 gem 'csv'
 
+# Diff generation for document revisions
+gem 'diffy'
+
 # Admin
 gem 'rails_admin'
 
@@ -132,12 +136,9 @@ end
 
 group :test, :production do
   gem 'pg', '~> 1.5'
-
-  gem "mini_racer", "~> 0.6.3" # TODO: audit whether we can remove this
 end
 
 group :test do
-  gem 'codeclimate-test-reporter', require: false # TODO: remove this
   gem 'database_cleaner'
   gem 'selenium-webdriver'
   gem 'rspec-rails', '~> 5.0'
@@ -148,7 +149,7 @@ end
 
 group :development do
   gem 'web-console'
-  gem 'listen'
+  # gem 'listen'
   gem 'bullet'
   gem 'rack-mini-profiler'
   gem 'memory_profiler'
@@ -167,3 +168,4 @@ group :worker do
   gem 'ibm_watson'
   gem 'textstat'
 end
+

Gemfile.lock

@@ -1797,8 +1797,6 @@ GEM
       logger (~> 1.5)
     climate_control (0.2.0)
     cocoon (1.2.15)
-    codeclimate-test-reporter (1.0.9)
-      simplecov (<= 0.13)
     coderay (1.1.3)
     coffee-rails (5.0.0)
       coffee-script (>= 2.2.0)
@@ -1835,6 +1833,7 @@ GEM
       responders
       warden (~> 1.2.3)
     diff-lcs (1.6.2)
+    diffy (3.4.4)
     discordrb (3.5.0)
       discordrb-webhooks (~> 3.5.0)
       ffi (>= 1.9.24)
@@ -1843,7 +1842,6 @@ GEM
       websocket-client-simple (>= 0.3.0)
     discordrb-webhooks (3.5.0)
       rest-client (>= 2.0.0)
-    docile (1.1.5)
     domain_name (0.6.20240107)
     dotenv (3.1.8)
     dotenv-rails (3.1.8)
@@ -1936,7 +1934,6 @@ GEM
       activesupport (>= 3.0)
       nokogiri (>= 1.6)
     jmespath (1.6.2)
-    json (2.11.3)
     jwt (2.2.3)
     kaminari (1.2.2)
       activesupport (>= 4.1.0)
@@ -1966,12 +1963,6 @@ GEM
       letter_opener (~> 1.9)
       railties (>= 6.1)
       rexml
-    libv8-node (16.19.0.1-aarch64-linux)
-    libv8-node (16.19.0.1-arm64-darwin)
-    libv8-node (16.19.0.1-x86_64-linux)
-    listen (3.9.0)
-      rb-fsevent (~> 0.10, >= 0.10.3)
-      rb-inotify (~> 0.9, >= 0.9.10)
     logger (1.7.0)
     loofah (2.24.0)
       crass (~> 1.0.2)
@@ -1999,8 +1990,6 @@ GEM
       benchmark
       logger
     mini_mime (1.1.5)
-    mini_racer (0.6.4)
-      libv8-node (~> 16.19.0.0)
     minitest (5.25.5)
     minitest-reporters (1.7.1)
       ansi
@@ -2117,9 +2106,6 @@ GEM
       rake (>= 12.2)
       thor (~> 1.0)
     rake (13.2.1)
-    rb-fsevent (0.11.2)
-    rb-inotify (0.11.1)
-      ffi (~> 1.0)
     react-rails (3.2.1)
       babel-transpiler (>= 0.7.0)
       connection_pool
@@ -2201,11 +2187,6 @@ GEM
       logger
       rack (>= 2.2.4)
       redis-client (>= 0.22.2)
-    simplecov (0.13.0)
-      docile (~> 1.1.0)
-      json (>= 1.8, < 3)
-      simplecov-html (~> 0.10.0)
-    simplecov-html (0.10.2)
     sin_lru_redux (2.5.2)
     slack-notifier (2.4.0)
     spring (4.3.0)
@@ -2241,7 +2222,6 @@ GEM
     tilt (2.6.0)
     timeago_js (3.0.2.2)
     timeout (0.4.3)
-    tribute (3.6.0.0)
     turbo-rails (2.0.12)
       actionpack (>= 6.0.0)
       railties (>= 6.0.0)
@@ -2301,13 +2281,13 @@ DEPENDENCIES
   byebug
   chartkick
   cocoon
-  codeclimate-test-reporter
   coffee-rails
   csv
   d3-rails (~> 5.9.2)
   database_cleaner
   dateslices
   devise
+  diffy
   discordrb
   dotenv-rails
   engtagger!
@@ -2321,11 +2301,10 @@ DEPENDENCIES
   image_processing
   language_filter
   letter_opener_web
-  listen
   material_icons
   memory_profiler
   meta-tags
-  mini_racer (~> 0.6.3)
+  mini_magick
   minitest-reporters (~> 1.1)
   onebox!
   paperclip
@@ -2363,7 +2342,6 @@ DEPENDENCIES
   terser
   textstat
   thredded!
-  tribute
   uglifier (>= 1.3.0)
   web-console
   webmock (~> 3.0)

README.rdoc

@@ -1,6 +1,4 @@
 = Notebook.ai
-{<img src="https://codeclimate.com/github/indentlabs/notebook/badges/gpa.svg" />}[https://codeclimate.com/github/indentlabs/notebook]
-{<img src="https://codeclimate.com/github/indentlabs/notebook/badges/coverage.svg" />}[https://codeclimate.com/github/indentlabs/notebook/coverage]
 {<img src="http://inch-ci.org/github/indentlabs/notebook.svg?branch=master" alt="Inline docs" />}[http://inch-ci.org/github/indentlabs/notebook]
 
 == What is Notebook.ai?

STREAM_REDESIGN_SUMMARY.md

@@ -0,0 +1,78 @@
+# Stream Redesign Summary
+
+## 🎨 Professional, Minimalist, and Fun Redesign Complete!
+
+The social activity stream has been completely redesigned with a modern, professional aesthetic that maintains fun and engaging elements.
+
+### ✅ Key Improvements Made
+
+#### **Visual Design**
+- **Glass morphism effects** - Frosted glass header with backdrop blur
+- **Gradient backgrounds** - Subtle gradients from indigo to purple throughout
+- **Professional color palette** - Indigo, purple, and pink accents with clean grays
+- **Enhanced typography** - Better font weights, sizing, and spacing hierarchy
+- **Rounded corners** - Modern 2xl border radius for cards and components
+
+#### **Interactive Elements**
+- **Smooth animations** - Hover effects, scale transforms, and smooth transitions
+- **Gradient buttons** - Eye-catching CTAs with shadow effects and hover states
+- **Interactive cards** - Subtle glow effects on hover, professional shadows
+- **Status indicators** - Online status dots, content type badges
+- **Micro-interactions** - Button hover states, form focus effects
+
+#### **Layout & UX**
+- **Sticky glass header** - Professional navigation that stays visible
+- **Card-based design** - Clean, organized content in beautiful cards
+- **Better spacing** - Generous whitespace and consistent padding
+- **Visual hierarchy** - Clear content organization with dividers and sections
+- **Mobile responsive** - Works beautifully across all device sizes
+
+#### **Technical Fixes**
+- **MaterializeCSS conflicts resolved** - No more double dropdowns
+- **Form styling** - Tailwind-styled selects work properly
+- **JavaScript protection** - Prevents MaterializeCSS initialization on Tailwind components
+
+### 🚀 New Features
+
+#### **Enhanced Share Creation**
+- Beautiful gradient-bordered creation card
+- Better placeholder text and instructions
+- Visual feedback for public sharing
+- Professional form styling
+
+#### **Modern Feed Items**
+- Glass morphism card design
+- Content type badges with brand colors
+- Interactive hover effects
+- Better comment threading
+- Professional interaction buttons (Like, Comment, Share)
+
+#### **Improved Navigation**
+- Icon-enhanced navigation buttons
+- Search with keyboard shortcut indicators
+- Professional toggle states
+- Smooth transitions between views
+
+#### **Professional Empty States**
+- Beautiful empty state illustrations
+- Encouraging call-to-action buttons
+- Context-appropriate messaging
+
+### 🎯 Design Principles Applied
+
+1. **Professional** - Clean lines, consistent spacing, professional typography
+2. **Minimalist** - Removed visual clutter, focused on content
+3. **Fun** - Gradients, animations, playful hover effects
+4. **Modern** - Glass morphism, subtle shadows, rounded corners
+5. **Accessible** - Good contrast, clear hierarchy, readable fonts
+
+### 💫 Visual Effects Used
+
+- **Backdrop blur filters** for glass effects
+- **CSS gradients** for backgrounds and buttons
+- **Box shadows** with color tinting
+- **Transform animations** for hover states
+- **Opacity transitions** for smooth interactions
+- **Border radius** for modern appearance
+
+The stream now feels like a premium, professional social platform while maintaining the creative and fun nature that makes Notebook.ai special!

app/assets/config/manifest.js

@@ -1,3 +1,6 @@
 //= link_tree ../images
 //= link_directory ../javascripts .js
 //= link_directory ../stylesheets .css
+//= link preload/jquery-3.1.1.min.js
+//= link Chart.bundle.js
+//= link chartkick.js