Merge pull request #48 from johndoe6345789/codex/refactor-documentationview-into-smaller-components

Refactor documentation tabs to render from JSON and simplify DocumentationView

src/data/documentation/agents-data.json

@@ -1,6 +1,15 @@
 {
   "title": "Agents Files",
   "subtitle": "AI agent configuration and service architecture",
+  "overviewTitle": "AI Service Architecture",
+  "coreServicesTitle": "Core AI Services",
+  "coreServicesDescription": "Primary modules handling AI operations",
+  "coreServicesFeaturesLabel": "Key Features:",
+  "integrationPointsTitle": "AI Integration Points",
+  "integrationPointsDescription": "Features enhanced by AI capabilities",
+  "promptEngineeringTitle": "Prompt Engineering",
+  "promptEngineeringDescription": "How we optimize AI interactions",
+  "futureEnhancementsTitle": "Future AI Enhancements",
   "overview": "CodeForge uses a modular AI service architecture that integrates OpenAI's GPT models across all features. Each designer has specialized prompts and validation logic to ensure high-quality generated code.",
   "coreServices": [
     {

src/data/documentation/cicd-data.json

@@ -1,6 +1,22 @@
 {
   "title": "CI/CD Guide",
   "subtitle": "Complete deployment automation for multiple platforms",
+  "overviewTitle": "Overview",
+  "platformsTitle": "Available Configurations",
+  "platformsFeaturesLabel": "Key Features:",
+  "pipelineTitle": "Pipeline Stages",
+  "dockerTitle": "Docker Configuration",
+  "dockerDescription": "Containerization for production deployment",
+  "dockerFilesTitle": "Files Included",
+  "dockerCommandsTitle": "Docker Commands",
+  "dockerFeaturesTitle": "Features",
+  "envVarsTitle": "Environment Variables",
+  "envVarsDescription": "Required configuration for CI/CD platforms",
+  "envVarsColumns": ["Variable", "Description", "Required"],
+  "branchStrategyTitle": "Branch Strategy",
+  "quickStartTitle": "Quick Start",
+  "bestPracticesTitle": "Best Practices",
+  "resourcesTitle": "Additional Resources",
   "overview": "CodeForge includes production-ready CI/CD configurations for GitHub Actions, GitLab CI, Jenkins, and CircleCI. Each pipeline includes linting, testing, security scanning, Docker image building, and automated deployment workflows.",
   "platforms": [
     {

src/data/documentation/pwa-data.json

@@ -1,6 +1,19 @@
 {
   "title": "Progressive Web App",
   "subtitle": "Offline-first experience with native-like capabilities",
+  "overviewTitle": "Overview",
+  "featuresTitle": "PWA Features",
+  "featuresDescription": "Native app capabilities in your browser",
+  "installationTitle": "Installation",
+  "installationDesktopTitle": "Desktop Installation",
+  "installationMobileTitle": "Mobile Installation",
+  "settingsTitle": "PWA Settings",
+  "settingsDescription": "Navigate to the PWA tab to manage all Progressive Web App features:",
+  "settingsCardTitle": "Available Controls",
+  "offlineTitle": "Offline Capabilities",
+  "offlineWorksTitle": "Works Offline",
+  "offlineRequiresTitle": "Requires Internet",
+  "proTipsTitle": "Pro Tips",
   "overview": "CodeForge is a fully-featured Progressive Web App that can be installed on any device and works offline. With intelligent caching, automatic updates, and native app-like features, you can build applications anywhere, anytime.",
   "features": [
     {

src/data/documentation/readme-data.json

@@ -1,6 +1,17 @@
 {
   "title": "CodeForge",
   "subtitle": "Low-Code Next.js App Builder with AI",
+  "sections": {
+    "overviewTitle": "Overview",
+    "featuresTitle": "Key Features",
+    "gettingStartedTitle": "Getting Started",
+    "aiFeaturesTitle": "AI-Powered Features",
+    "aiFeaturesDescription": "CodeForge integrates OpenAI across every designer to accelerate development:",
+    "techStackTitle": "Technology Stack",
+    "techStackFrontendTitle": "Frontend",
+    "techStackBackendTitle": "Backend & Tools",
+    "proTipsTitle": "Pro Tips"
+  },
   "overview": "CodeForge is a comprehensive visual low-code platform for generating production-ready Next.js applications. It combines the power of visual designers with direct code editing, AI-powered generation, and a complete full-stack development toolkit.",
   "features": [
     {

src/data/documentation/roadmap-data.json

@@ -1,6 +1,10 @@
 {
   "title": "Product Roadmap",
   "subtitle": "Features delivered and planned for CodeForge development",
+  "sections": {
+    "completedTitle": "Completed Features",
+    "plannedTitle": "Planned Features"
+  },
   "completed": [
     {
       "title": "Monaco Code Editor Integration",

src/data/documentation/sass-data.json

@@ -1,6 +1,18 @@
 {
   "title": "Sass Styles Guide",
   "subtitle": "Custom Material UI components with Sass",
+  "overviewTitle": "Overview",
+  "fileStructureTitle": "File Structure",
+  "componentsTitle": "Available Components",
+  "componentsDescription": "Custom Material UI components built with Sass",
+  "layoutTitle": "Layout Components",
+  "layoutDescription": "Sass-powered layout utilities",
+  "utilitiesTitle": "Sass Utilities & Mixins",
+  "utilitiesDescription": "Reusable functions for custom styling",
+  "animationsTitle": "Animation Classes",
+  "animationsDescription": "Pre-built animation utilities",
+  "quickStartTitle": "Quick Start Example",
+  "bestPracticesTitle": "Best Practices",
   "overview": "CodeForge includes a comprehensive Sass-based styling system for non-standard Material UI components. This system provides pre-built components, utilities, mixins, and animations that extend beyond the standard Material UI component library.",
   "fileStructure": [
     {