Modernization update

.gitignore

@@ -41,3 +41,5 @@ node_modules
 yarn-debug.log*
 .yarn-integrity
 
+# Heroku stuff
+.env

.mise.toml

@@ -0,0 +1,2 @@
+[tools]
+node = "16.20.2"

Gemfile

@@ -55,7 +55,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 +106,9 @@ gem 'redis', '~> 5.1.0'
 # Exports
 gem 'csv'
 
+# Diff generation for document revisions
+gem 'diffy'
+
 # Admin
 gem 'rails_admin'
 
@@ -132,8 +135,6 @@ 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
@@ -148,7 +149,7 @@ end
 
 group :development do
   gem 'web-console'
-  gem 'listen'
+  # gem 'listen'
   gem 'bullet'
   gem 'rack-mini-profiler'
   gem 'memory_profiler'
@@ -163,7 +164,8 @@ group :worker do
   # Document understanding
   gem 'htmlentities'
   gem 'birch', git: 'https://github.com/billthompson/birch.git', branch: 'birch-ruby22'
-  gem 'engtagger', github: 'yohasebe/engtagger', ref: 'master' # we might want this in more groups...?
+  gem 'engtagger', '~> 0.4.2' # we might want this in more groups...?
   gem 'ibm_watson'
   gem 'textstat'
 end
+

Gemfile.lock

@@ -51,14 +51,6 @@ GIT
       sprockets-es6
       timeago_js (>= 3.0.2.2)
 
-GIT
-  remote: https://github.com/yohasebe/engtagger.git
-  revision: c857bf2111e65517e6970cdb04c8bfa32c5cb1db
-  ref: master
-  specs:
-    engtagger (0.4.2)
-      sin_lru_redux
-
 GEM
   remote: https://rubygems.org/
   specs:
@@ -1835,6 +1827,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)
@@ -1849,6 +1842,8 @@ GEM
     dotenv-rails (3.1.8)
       dotenv (= 3.1.8)
       railties (>= 6.1)
+    engtagger (0.4.2)
+      sin_lru_redux
     erubi (1.13.1)
     event_emitter (0.2.6)
     eventmachine (1.2.7)
@@ -1965,11 +1960,6 @@ GEM
       letter_opener (~> 1.9)
       railties (>= 6.1)
       rexml
-    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)
@@ -1997,8 +1987,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
@@ -2113,9 +2101,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
@@ -2236,7 +2221,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)
@@ -2302,9 +2286,10 @@ DEPENDENCIES
   database_cleaner
   dateslices
   devise
+  diffy
   discordrb
   dotenv-rails
-  engtagger!
+  engtagger (~> 0.4.2)
   factory_bot_rails
   filesize
   flamegraph
@@ -2315,11 +2300,9 @@ DEPENDENCIES
   image_processing
   language_filter
   letter_opener_web
-  listen
   material_icons
   memory_profiler
   meta-tags
-  mini_racer (~> 0.6.3)
   minitest-reporters (~> 1.1)
   onebox!
   paperclip
@@ -2357,7 +2340,6 @@ DEPENDENCIES
   terser
   textstat
   thredded!
-  tribute
   uglifier (>= 1.3.0)
   web-console
   webmock (~> 3.0)

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