Fixed multiple issues with the docs page card-based document view:
**Card Overflow Fixed:**
- Added overflow-x-hidden to #document-content container
- Added w-full max-w-full to card-grid-container
- Added w-full to grid itself
- Added max-w-full overflow-hidden to individual cards
- Cards now stay within container boundaries at all viewport sizes
**Long Title Wrapping:**
- Added insertSoftHyphens() method to break CamelCase words
- Inserts soft hyphens (­) before capitals in compound words
- Examples: "InstructionPersistenceClassifier" → "InstructionPersistenceClassifier"
- Titles now wrap intelligently without being cut off
**Colour Legend (Option C):**
- Added toggle button (ℹ️) next to ToC and PDF buttons
- Popup shows all 5 colour codes with descriptions
- Translated to EN ("Colour Guide"), DE ("Farbcode"), FR ("Guide des couleurs")
- Fixed colour square visibility (bg-500 with borders instead of bg-400)
- Click outside to close functionality
**Card Sequencing:**
- Cards now display in original markdown document order
- Removed groupByCategory() grouping logic
- Removed category header sections
- Color coding preserved based on section category
**Category Fallback Bug:**
- Fixed invalid fallback category 'downloads-resources' → 'resources'
- Ensures uncategorized documents go to valid category
**Database Migration:**
- Added scripts/move-guides-to-resources.js
- Moved 3 implementation guides from getting-started to resources
- Getting Started now contains only: Introduction, Core Concepts
- Resources now contains: Implementation guides
**Result:**
✅ Cards respect container width (no overflow)
✅ Long titles wrap with hyphens (no cutoff)
✅ Colour legend accessible and translated
✅ Cards in logical reading order from markdown
✅ Implementation guides in correct category
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Fixed three P0 bugs preventing language selection from persisting:
1. **Removed duplicate language selector** (docs.html:499-508)
- Page had both navbar flags AND dropdown selector
- Caused UX confusion (two selectors, no sync)
- Now uses navbar flags only (consistent with site)
2. **Fixed localStorage key mismatch** (docs-app.js:207)
- i18n-simple.js used 'tractatus-lang'
- docs-app.js used 'tractatus_language' (underscore)
- Unified to 'tractatus-lang' for persistence
3. **Removed dead code** (docs-app.js:836-871)
- initLanguageSelector() expected removed dropdown
- Caused potential JS errors
- Navbar language-selector.js now handles all switching
**Result:**
- ✅ Single language selector (navbar flags)
- ✅ Language persists across page reloads
- ✅ No JavaScript errors
- ✅ Ready for Caixin Global launch (Oct 29)
**Version:** 0.1.2 → 0.1.3 (service worker cache bust)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Added interactive language switcher dropdown to make translations accessible:
UI Changes:
- Added language selector dropdown to docs.html header
- Flag emojis + language names (🇬🇧 English, 🇩🇪 Deutsch, 🇫🇷 Français)
- Positioned next to search button in page header
Functionality:
- Detect language from URL param, localStorage, or default to English
- Save language choice to localStorage for persistence
- Auto-reload document when language changes
- Update URL with ?lang= parameter
- Preserves selected document when switching languages
Implementation:
- Enhanced detectLanguage() to check URL > localStorage > i18n > default
- Added initLanguageSelector() IIFE to wire up dropdown
- Dropdown reflects current language on page load
User Experience:
- One-click language switching
- Language persists across page reloads
- Seamless document reload in new language
- URL updates to reflect language choice
🌐 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
Security:
- Add authentication to /api/documents/archived endpoint (admin-only)
- Prevent public exposure of 108 archived/internal documents
Documentation UI:
- Remove duplicate hardcoded Resources section from docs.html
- Add Resources category to docs-app.js for implementation guides
- Move 3 implementation guides from Getting Started to Resources
- Move Glossary from Technical Reference to Getting Started
- Set Research & Theory section to collapsed by default
- Update service worker cache version to 0.1.4
Migration Scripts:
- Add scripts for document category reorganization
- Add scripts for research document migration to production
- Add scripts for glossary verification and comparison
Files changed:
- public/docs.html: Remove duplicate Resources section
- public/js/docs-app.js: Add Resources category, collapse Research
- public/service-worker.js: Bump cache to v0.1.4
- src/routes/documents.routes.js: Secure /archived endpoint
- scripts/*: Add 10 migration/diagnostic scripts
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Fixed broken "Decisions Over Time" chart that wasn't displaying bars.
Root cause: Empty divs with percentage heights collapsed in flex containers.
Fixes applied:
1. **Pixel heights instead of percentages**
- Calculate absolute pixel heights from h-48 container (192px)
- Percentage heights don't work in flex containers with items-end
2. **Non-breaking space inside bars**
- Added to prevent empty div collapse
- Even with height set, empty divs can collapse in some layouts
3. **Decision count labels**
- Display count above each bar for exact numbers
- Shows both visual proportion (bar height) and exact value (label)
4. **Minimum 10px height**
- Ensures small values are always visible
- Prevents bars from disappearing for low counts
5. **Wider bars**
- Changed from max-w-16 (64px) to w-3/4 (75% width)
- More visible and easier to interact with
Timeline modes working:
- ✅ 6-Hourly (24h) - 4 bars showing last 24 hours in 6-hour buckets
- ✅ Daily (7d) - 7 bars showing last 7 days
- ✅ Weekly (4w) - 4 bars showing last 4 weeks
All modes show current snapshot updated on refresh.
Files changed:
- public/js/admin/audit-analytics.js: Timeline rendering logic
- public/admin/audit-analytics.html: Updated cache version
- public/*.html: Cache version bump for consistency
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Updated cache-busting version to force browser reload of fixed JavaScript.
Root cause: Browser serving cached version of newsletter-management.js
with old arrow function bug, even though production file had the fix.
Changes:
- Bumped version to 0.1.0.1761283486841 across all HTML files
- Updated public/admin/newsletter-management.html (missed by auto-script)
- Updated version.json and service worker
Related fix: Newsletter DELETE button sending [object Object]
Fixed in commit edb1540 but cached version prevented fix from loading.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
CRITICAL FIX: Economist submission package was showing no data because
the frontend was storing the entire API response wrapper instead of
extracting the actual post and submission data.
Changes:
- submission-modal-enhanced.js: Extract .post from blog API response
- submission-modal-enhanced.js: Extract .data from submissions API response
- publications.routes.js: Restore original routes and add /targets endpoint
- Cache version bumped to force browser updates
Fixes: #economist-submission-data-missing
Fixed inconsistent cache version parameters across admin pages.
All HTML files now use v=0.1.0.1761262254119 to ensure mobile
browsers fetch fresh assets.
Changes:
- Updated all 12 admin HTML files to consistent cache version
- Updated all 17 public HTML files via update-cache-version script
- Service worker version: 0.1.1
- Version.json: 0.1.1
This ensures service worker cache invalidation triggers properly
and all pages reference matching asset versions.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Updated to v0.1.1 to force browser refresh
- Ensures users get fixed submissions controller code
- Removed BlogPost populate() calls that caused 500 errors
- Added detailed console logs to track submission loading
- Check if API response is ok
- Log all submissions found
- Log filtering logic for standalone submissions
- Cache version updated
- Modified loadValidationArticles() to load standalone submissions (no blogPostId)
- Updated rendering to handle both blog posts and standalone packages
- Fixed API endpoint from /api/blog/posts/:id to /api/blog/admin/:id
- Standalone packages show with purple 'STANDALONE PACKAGE' badge
- Button text changes to 'View Package' for standalone submissions
- Cache version bumped to 0.1.1
- Enhanced update-cache-version.js to update service worker and version.json
- Added inst_075 governance instruction (HIGH persistence)
- Integrated cache check into deployment script (Step 1/5)
- Created CACHE_MANAGEMENT_ENFORCEMENT.md documentation
- Bumped version to 0.1.1
- Updated all HTML cache parameters
BREAKING: Deployment now blocks if JS changed without cache update
- Create Economist SubmissionTracking package correctly:
* mainArticle = full blog post content
* coverLetter = 216-word SIR— letter
* Links to blog post via blogPostId
- Archive 'Letter to The Economist' from blog posts (it's the cover letter)
- Fix date display on article cards (use published_at)
- Target publication already displaying via blue badge
Database changes:
- Make blogPostId optional in SubmissionTracking model
- Economist package ID: 68fa85ae49d4900e7f2ecd83
- Le Monde package ID: 68fa2abd2e6acd5691932150
Next: Enhanced modal with tabs, validation, export
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
CRITICAL SECURITY VIOLATION:
- Public website was linking to INTERNAL repository (tractatus)
- Should link to PUBLIC repository (tractatus-framework)
FIXES (5 instances across 3 pages):
- public/docs.html: 2 links (repository + readme)
- public/faq.html: 1 link (GitHub issues)
- public/implementer.html: 2 links (deployment guide + source code)
Changed:
github.com/AgenticGovernance/tractatus
→ github.com/AgenticGovernance/tractatus-framework
RESULT: Public website now correctly links to sanitized public repository
IMPACT: Prevents external users from accessing internal development files
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
SUMMARY:
Fixed accessibility contrast issues across multiple pages to achieve
perfect Lighthouse accessibility scores (96 → 100). Added SEO meta
description to docs page.
CHANGES:
1. architecture.html:
- Changed amber badge from bg-amber-600 to bg-amber-700
- Improves contrast ratio with white text
2. faq.html:
- Changed blue button from bg-blue-500 to bg-blue-600
- Changed border from border-blue-300 to border-blue-400
- Improves contrast ratio with white text
3. koha.html:
- Changed tier badge background from #3b82f6 to #1d4ed8 (blue-500 → blue-700)
- Improves contrast ratio with white text
4. docs.html:
- Added meta description for SEO
- Describes framework documentation and key features
LIGHTHOUSE IMPACT:
Before:
- architecture.html: 96 Accessibility
- faq.html: 96 Accessibility
- koha.html: 96 Accessibility
- docs.html: 91 SEO
After (Expected):
- architecture.html: 100 Accessibility ✓
- faq.html: 100 Accessibility ✓
- koha.html: 100 Accessibility ✓
- docs.html: 100 SEO ✓
WCAG COMPLIANCE:
All color contrast ratios now meet or exceed WCAG AA (4.5:1 minimum)
✓ Amber-700: Better contrast with white text
✓ Blue-600/700: Better contrast with white text
🤖 Generated with Claude Code (https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Add mobile-specific navigation pattern to resolve catch-22 UX issue where
users couldn't see documents without scrolling but didn't know to scroll.
Changes:
- Add mobile CSS to toggle between sidebar and document viewer
- Add back button to return to document list on mobile
- Add document-active body class to manage navigation state
- Update GitHub repository links to correct URL
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Language Selector Issues Resolved:
- Add cache-busting version (v0.1.0.1760643941) to i18n-simple.js
- Add cache-busting version to language-selector.js on all pages
- Previously: Scripts cached without versions, causing stale JS to load
- Now: Browser forced to reload latest language selector code
Pages Updated with Cache-Busting:
- index.html: Added ?v= to both i18n scripts
- about.html: Added ?v= to both i18n scripts
- researcher.html: Added ?v= to both i18n scripts
- leader.html: Added ?v= to both i18n scripts
- implementer.html: Added ?v= to both i18n scripts
- faq.html: Added ?v= to both i18n scripts
- docs.html: Added missing i18n scripts + cache-busting
Root Cause Analysis:
- navbar.js had cache-busting (?v=0.1.0.1760254958072)
- i18n scripts had NO cache-busting
- Browsers served cached old versions of language-selector.js
- Language selector container created by navbar, but old selector code failed
Technical Details:
- Desktop language selector: Already correctly shows dropdown only (hidden md:block)
- Mobile language selector: Already correctly shows icons only (flex md:hidden)
- No code changes needed - cache was the issue
- Script loading order: navbar.js → i18n-simple.js → language-selector.js
Deployment:
- All 7 HTML pages deployed to production
- Language selector now appears on all pages including index.html
- Cache invalidation forces browser to fetch new JavaScript
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Implements cache busting and progressive web app features:
**Version Management:**
- version.json manifest with changelog tracking
- Service worker with automatic update checking (hourly)
- Update notification UI with changelog display
- Configurable forced updates after timeout
- Cache control headers for optimal performance
**PWA Features:**
- manifest.json with app shortcuts
- Apple touch icon support
- "Add to Home Screen" functionality
- Offline support via service worker
**Cache Strategy:**
- HTML: 5-minute cache with revalidation
- CSS/JS: 1-year immutable cache
- Images: 1-year immutable cache
- version.json/service-worker.js: no-cache
**Integration:**
- All main pages updated with PWA meta tags
- Version manager loaded on all user-facing pages
- Production deployment successful
Users who previously visited the site will now automatically receive
update notifications when version changes.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Remove inline styles from category rendering (CSP violation)
- Apply collapsed state via JavaScript after DOM insertion
- Update cache version to v=0.1.0.1760254264664 across all HTML files
- Categories now properly collapsed on page load (Research, Advanced, Case Studies, Business, Archives)
Two fixes for production deployment:
1. FAQ Answer Truncation Fix:
- Changed max-height from 2000px to none in faq.html
- Allows answers to expand to full height without cutting off
- Fixes Q18-Q22 (value pluralism) answers being truncated
2. Cache Busting:
- Updated version from v=1.0.3 to v=1.0.4
- Forces browser cache refresh for JavaScript and CSS
- Ensures value pluralism documents visible in docs.html sidebar
- Updated in both faq.html and docs.html
User feedback: "Some of the Answers in the new Q&As are cutting off
the bottom end of the Answer" and "I cannot find the three new files
in the left sidebar at docs.html on production"
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Update docs.html with MongoDB-integrated documents
- Add value pluralism documents to sidebar categories
- Update docs-app.js for proper document retrieval
- Sync navbar changes across UI pages
Documents now searchable and properly categorized in docs viewer
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
**Issue:** New documents not appearing in production docs sidebar
**Root Cause:** Documents not migrated to MongoDB + browser caching old JS
**Changes:**
1. **Cache Busting:** Updated all cache versions from 1.0.2 → 1.0.3
- public/docs.html (CSS, navbar.js, docs-app.js, docs-search-enhanced.js, document-cards.js)
- public/faq.html (CSS, navbar.js, faq.js)
2. **Document Migration:** Migrated new documents to MongoDB
- comparison-matrix.md → comparison-matrix-claude-code-claudemd-and-tractatus-framework
- technical-architecture.md → technical-architecture
- 27027-incident-detailed-analysis.md → the-27027-incident-a-case-study-in-pattern-recognition-bias
- Plus 5 case studies created today
**Production deployment:**
- Deployed updated HTML files with new cache versions
- Migrated 8 new documents to tractatus_prod database
- Restarted tractatus.service to clear server-side caches
**Documents now available in docs.html sidebar:**
✓ Technical Architecture (new today)
✓ Comparison Matrix: Claude Code vs Tractatus (new today)
✓ The 27027 Incident Case Study (new today)
✓ Implementation Guide v1.1 (updated today)
✓ All case studies from earlier sessions
**Cache busting forces browser reload of:**
- Document list JavaScript
- Search functionality
- Navbar component
- FAQ page JavaScript
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Add professional README for public repository with code examples
- Fix all broken documentation links across 4 markdown files
- Add favicon to all HTML pages (eliminates 404 errors)
- Redesign Experience section with 4-card incident grid
- Add GitHub section to docs.html sidebar with repository links
- Migrate 4 new case studies to database (19 total documents)
- Generate 26 PDFs for public download
- Add automated sync GitHub Action for public repository
- Add security validation for public documentation sync
- Update docs-app.js to categorize research topics
Mobile responsive, accessibility compliant, production ready.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Security improvements:
- Enhanced .gitignore to protect sensitive files
- Removed internal docs from version control (CLAUDE.md, session handoffs, security audits)
- Sanitized README.md (removed internal paths and infrastructure details)
- Protected session state and token checkpoint files
Framework documentation:
- Added 4 case studies (framework in action, failures, real-world governance, pre-publication audit)
- Added rule proliferation research topic
- Sanitized public-facing documentation
Content updates:
- Updated public/leader.html with honest claims only
- Updated public/docs.html with Resources section
- All content complies with inst_016, inst_017, inst_018 (no fabrications, no guarantees, accurate status)
This commit represents Phase 4 of development with production-ready security hardening.
**Cache-Busting Improvements:**
- Switched from timestamp-based to semantic versioning (v1.0.2)
- Updated all HTML files: index.html, docs.html, leader.html
- CSS: tailwind.css?v=1.0.2
- JS: navbar.js, document-cards.js, docs-app.js v1.0.2
- Professional versioning approach for production stability
**systemd Service Implementation:**
- Created tractatus-dev.service for development environment
- Created tractatus-prod.service for production environment
- Added install-systemd.sh script for easy deployment
- Security hardening: NoNewPrivileges, PrivateTmp, ProtectSystem
- Resource limits: 1GB dev, 2GB prod memory limits
- Proper logging integration with journalctl
- Automatic restart on failure (RestartSec=10)
**Why systemd over pm2:**
1. Native Linux integration, no additional dependencies
2. Better OS-level security controls (ProtectSystem, ProtectHome)
3. Superior logging with journalctl integration
4. Standard across Linux distributions
5. More robust process management for production
**Usage:**
# Development:
sudo ./scripts/install-systemd.sh dev
# Production:
sudo ./scripts/install-systemd.sh prod
# View logs:
sudo journalctl -u tractatus -f
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
