plain-rails 0.1.0

data/app/models/plain/message.rb

@@ -0,0 +1,62 @@
+require 'fileutils'
+
+module Plain
+  class Message < ApplicationRecord
+    belongs_to :conversation, foreign_key: :plain_conversation_id
+
+    after_create_commit -> {
+      broadcast_render_to(
+        self.conversation,
+        partial: "plain/messages/new_message",
+        locals: {message: self}
+      )
+      broadcast_update_to(
+        self.conversation,
+        target: "message-form",
+        partial: "plain/messages/form",
+        locals: {message: self, conversation: self.conversation}
+      )
+    }
+
+    after_update_commit -> {
+      broadcast_replace_to(
+        self.conversation,
+        target: "message-item-#{id}",
+        partial: "plain/messages/message_item",
+        locals: { message: self, scroll: true }
+      )
+    }
+
+    def assistant?
+      role == "assistant"
+    end
+
+    def persist_as_document(path)
+      # Remove starting '/' if present
+      path = path.sub(/\A\//, '')
+
+      # Add '.md' extension if it's not already present
+      path += '.md' unless path.end_with?('.md')
+
+      # Construct the full path to the desired file
+      full_path = Rails.root.join('docs', path)
+
+      # Create the directory path, unless it already exists
+      dirname = File.dirname(full_path)
+      FileUtils.mkdir_p(dirname) unless File.directory?(dirname)
+
+      # Write content from self.body to the file, unless it already exists
+      File.write(full_path, self.content) unless File.exist?(full_path)
+    end
+
+    def type
+      case self.role
+      when "user"
+        "human"
+      when "assistant"
+        "ai"
+      end
+    end
+
+  end
+end

data/app/services/plain/ai_docs.rb

@@ -0,0 +1,163 @@
+module Langchain
+  module Processors
+    class RB < Langchain::Processors::Base
+      EXTENSIONS = [".rb", ".js", ".erb", ".md", ".gemspec"]
+      CONTENT_TYPES = ["text/plain"]
+
+      # Parse the document and return the text
+      # @param [File] data
+      # @return [String]
+      def parse(data)
+        data.read
+      end
+    end
+
+    class JS < Langchain::Processors::Base
+      EXTENSIONS = [".js", ".tsx", ".jsx"]
+      CONTENT_TYPES = ["application/javascript"]
+
+      # Parse the document and return the text
+      # @param [File] data
+      # @return [Hash]
+      def parse(data)
+        data.read
+      end
+    end
+
+    class JSON < Langchain::Processors::Base
+      EXTENSIONS = [".json"]
+      CONTENT_TYPES = ["application/json"]
+
+      # Parse the document and return the text
+      # @param [File] data
+      # @return [Hash]
+      def parse(data)
+        data.read
+      end
+    end
+  end
+
+end
+
+module Plain
+  class Markdownray < Redcarpet::Render::HTML
+    def block_code(code, language)
+      CodeRay.scan(code, language).div() rescue "xxx"
+    end
+  end
+
+  class AiDocs
+
+    def conversation_client(&block)
+      llm = Langchain::LLM::OpenAI.new(api_key: ENV["OPENAI_API_KEY"], default_options: {
+        #chat_completion_model_name: "gpt-3.5-turbo-16k"
+        chat_completion_model_name: "gpt-4"
+      })
+      # refactor this
+      if block_given?
+        @conversation_client = Langchain::Conversation.new(llm: llm) do |chunk|
+          yield chunk 
+        end
+      else
+        @conversation_client = Langchain::Conversation.new(llm: llm)
+      end
+    end
+
+    def client
+      @client ||= Plain.configuration.vector_search
+    end
+
+    def self.set_conversation_title(conversation)
+      chat = Plain::AiDocs.new.conversation_client
+      chat.add_examples(conversation.messages)
+      title = chat.message("from the whole conversation please summarize it 4 words")
+      if title.is_a?(Hash)
+        title =  title["choices"].map{|o| o["message"]["content"]}.join("") rescue "no subject"
+      end
+      puts "TITLE: #{title}"
+      conversation.update(subject: title)
+    end
+
+    def load_all
+      client.create_default_schema
+      load_configuration_paths
+    end
+
+    def load_configuration_paths
+      # Distinguishing files from directories
+      files_without_extension, directories = Plain.configuration.paths.partition { |path| File.file?(path) }
+
+      # Getting files from directories based on the allowed extensions
+      files_with_extension = directories.flat_map do |dir|
+        Dir[File.join(dir, "*.{#{Plain.configuration.extensions.join(',')}}")]
+      end
+
+      puts "FILES WITH EXTENSIONS"
+      puts files_with_extension
+      # Add files with extensions to the client
+      client.add_data(paths: files_with_extension)
+
+      puts "FILES WITHOUT EXTENSIONS"
+      puts files_with_extension
+      # Process files without extensions
+      files_without_extension.each do |file|
+        content = File.read(file)
+        #texts = Langchain::Chunker::Text.new(content).chunks
+        client.add_texts(texts: content)
+      end
+
+    end
+
+    def self.convert_markdown(text)
+      rndr = Markdownray.new(filter_html: true, hard_wrap: true)
+      options = {
+        fenced_code_blocks: true,
+        no_intra_emphasis: true,
+        autolink: true,
+        lax_html_blocks: true
+      }
+      # markdown_to_html = Redcarpet::Markdown.new(Redcarpet::Render::HTML, autolink: true, tables: true)
+      markdown_to_html = Redcarpet::Markdown.new(rndr, options)
+      markdown_to_html.render(text) #rescue nil
+    end
+
+    def self.create_file_with_path(path, content)
+      # Sanitize the path by replacing spaces with underscores and removing unsafe characters
+      sanitized_path = path.strip.gsub(/[^0-9A-Za-z\/]/, '').gsub(/\s+/, '_')
+
+      # Create the full path, joining the Rails root directory, "app/docs", and the sanitized path
+      full_path = Rails.root.join("app/views/docs", sanitized_path)
+
+      # Create directories for the path if they don't exist
+      FileUtils.mkdir_p(File.dirname(full_path))
+
+      # Create the file and write content to it
+      File.write(full_path, content)
+    end
+
+    def self.functions
+      [
+        {
+          name: "create_rails_controller",
+          description: "gives a command to create a rails controller",
+          parameters: {
+            type: :object,
+            properties: {
+              controller_name: {
+                type: :string,
+                description: "the controller name, e.g. users_controller"
+              },
+              unit: {
+                type: "string",
+                enum: %w[celsius fahrenheit]
+              }
+            },
+            required: ["controller_name"]
+          }
+        }
+      ]
+    end
+
+  end
+
+end

data/app/services/plain/docs_service.rb

@@ -0,0 +1,127 @@
+require 'front_matter_parser'
+
+class Plain::DocsService
+  DEFAULT_POSITION = 999
+
+  def self.get_structure
+    # Get markdown files at root directory
+    root_files = get_files('docs', true)
+    {
+      name: 'docs',
+      type: 'directory',
+      children: root_files[:children] + parse_main_sections  # Add root files to children array
+    }
+  end
+
+  def self.parse_section_items
+    config = self.config
+    main_sections = config['sections']
+  end
+
+  def self.config
+    file_path = Rails.root.join('docs', 'config.yml')
+    return {} if !File.exist?(file_path) 
+    config = YAML.safe_load(File.read(file_path)) || {}
+  end
+  
+  def self.parse_main_sections
+    #file_path = Rails.root.join('docs', 'config.yml')
+    #config = YAML.safe_load(File.read(file_path)) || {}
+    main_sections = config['sections'] || []
+  
+    # Get all directories under 'docs'
+    all_sections = Dir.children(Rails.root.join('docs')).select do |entry|
+      File.directory?(Rails.root.join('docs', entry))
+    end.map do |dir|
+      section = get_files(File.join('docs', dir))  # Get children here
+      section[:name] = dir
+      section[:position] = DEFAULT_POSITION
+      section
+    end
+  
+    # Overwrite positions with those found in config.yml
+    main_sections.each do |section|
+      matching_section = all_sections.find { |s| s[:name] == section['name'] }
+      if matching_section
+        matching_section[:position] = section['position']
+      end
+    end
+  
+    # Sort by position and return children
+    all_sections.sort_by { |section| section[:position] }
+  end
+  
+  def self.get_content(file_path)
+    parsed = FrontMatterParser::Parser.parse_file(Rails.root.join('docs', "#{file_path}.md"))
+   
+    # markdown = Redcarpet::Markdown.new(Redcarpet::Render::HTML, autolink: true, tables: true)
+    # markdown.render(parsed.content).html_safe
+    # binding.pry
+    Plain::AiDocs.convert_markdown(parsed.content)
+  end
+
+  #def self.parse_main_sections
+  #  file_path = Rails.root.join('docs', 'config.yml')
+  #  config = YAML.load_file(file_path)
+  #  main_sections = config['sections']
+  #end
+
+  private
+
+  def self.get_files(directory, only_files_at_root = false)
+    FileUtils.mkdir_p(Rails.root.join(directory))
+    Dir.entries(Rails.root.join(directory)).sort.each_with_object({ name: directory.split('/').last, type: 'directory', children: [], position: 999 }) do |entry, parent|
+      next if ['.', '..'].include?(entry)
+  
+      path = "#{directory}/#{entry}"
+      path_in_root = Rails.root.join(path)
+      
+      if entry == 'config.yml' && File.exist?(path_in_root)
+        config = YAML.load_file(path_in_root)
+        parent[:position] = config['position'] || 999
+      elsif File.directory?(path_in_root)
+        # Skip directories if only_files_at_root is true
+        parent[:children] << get_files(path_in_root) unless only_files_at_root
+      else
+        parsed = FrontMatterParser::Parser.parse_file(path_in_root)
+        parent[:children] << { name: parsed.front_matter['title'] || entry.sub('.md', ''), type: 'file', path: path.sub('docs/', '').sub('.md', ''), position: parsed.front_matter['menu_position'] || 999 }
+      end
+  
+      # After adding all children and before returning, sort them by position and assign prev and next links
+      sorted_children = parent[:children].sort_by { |child| child[:position] }
+      
+      sorted_children.each_with_index do |child, index|
+        if index > 0
+          child[:prev] = {name: sorted_children[index - 1][:name], path: sorted_children[index - 1][:path]}
+        end
+        if index < sorted_children.size - 1
+          child[:next] = {name: sorted_children[index + 1][:name], path: sorted_children[index + 1][:path]}
+        end
+      end
+      
+      parent[:children] = sorted_children
+    end
+  end
+  
+  
+
+  def self.assign_position_from_config(parent, path)
+    config = YAML.load_file(path)
+    parent[:position] = config&.fetch('position', DEFAULT_POSITION)
+  end
+
+  def self.add_child_from_file(parent, path)
+    parsed = FrontMatterParser::Parser.parse_file(path)
+    parent[:children] << { name: parsed.front_matter['title'] || File.basename(path, '.md'), type: 'file', path: path.sub('docs/', '').sub('.md', ''), position: parsed.front_matter['menu_position'] || DEFAULT_POSITION }
+  end
+
+  def self.sort_children(parent)
+    parent[:children] = parent[:children].sort_by { |child| child[:position] }
+
+    parent[:children].each_with_index do |child, index|
+      child[:prev] = parent[:children][index - 1] if index > 0
+      child[:next] = parent[:children][index + 1] if index < parent[:children].size - 1
+    end
+  end
+
+end

data/app/views/layouts/plain/application.html.erb

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Plain</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= stylesheet_link_tag "plain", "data-turbo-track": "reload" %>
+  <!-- actual rails host app -->
+  <% #= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>
+
+  
+  <script type="module">
+    // import railsActioncable from 'https://cdn.skypack.dev/@rails/actioncable';
+    // import railsActioncable from 'https://cdn.skypack.dev/@rails/actioncable'
+    import {Turbo} from 'https://jspm.dev/@hotwired/turbo-rails';
+    //Turbo.session.drive = false
+    window.Turbo = Turbo
+  </script>
+
+  <script type="module">
+    import { Application, Controller } from "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js"
+    window.Stimulus = Application.start()
+
+    Stimulus.debug = true
+    Stimulus.register("scroll", class extends Controller {
+      // static targets = [ "scroll" ]
+      connect() {
+         this.element.scrollIntoView()
+      }
+    })
+
+    Stimulus.register("toggle-class", class extends Controller {
+      toggle(event) {
+        // Toggle 'active' class on button
+        event.currentTarget.classList.toggle('active');
+        
+        // Toggle 'hidden' class on controller's root element
+        this.element.classList.toggle('hidden');
+      }
+    })
+  </script>
+  
+
+</head>
+<body>
+
+  <%= yield %>
+
+</body>
+</html>

data/app/views/plain/conversations/_conversation_item.erb

@@ -0,0 +1,15 @@
+<div class="p-2 rounded-sm hover:bg-black/5">
+  <p class="flex space-x-2">
+    <% if conversation.pinned? %>
+    <div class="w-5 h-5">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg>
+      <% end %>
+    </div>
+    <%= link_to conversation.subject || "new chat", conversation_path(conversation), data: {"turbo-frame": "plain"} %>
+  </p>
+  <p class="text-xs">
+    <%= time_ago_in_words(conversation.created_at) %>
+  </p>
+</div>

data/app/views/plain/conversations/_conversation_item.html.erb

@@ -0,0 +1,21 @@
+  <div class="p-2 rounded-sm hover:bg-black/5">
+    <%= link_to conversation_path(conversation), data: {"turbo-frame": "plain"} do %>
+    <div class="p-2 rounded-sm hover:bg-black/5">
+
+      <div class="flex space-x-2">
+        <% if conversation.pinned? %>
+          <div class="w-5 h-5">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+            </svg>
+          </div>
+        <% end %>
+
+        <span><%= conversation.subject || "new chat" %> </span>
+      </div>
+      <p class="text-xs">
+        <%= time_ago_in_words(conversation.created_at) %>
+      </p>
+    </div>
+    <% end %>
+  </div>

data/app/views/plain/conversations/_conversation_list.erb

@@ -0,0 +1,18 @@
+<%= turbo_frame_tag "conversation-list-#{@current_page}" do %>
+  current: <%= @current_page %>
+  next: <%= @next_page %>
+  <div class="flex flex-col">
+    <% if @current_page.zero? %>
+      <span data-controller="scroll-to"></span>
+    <% end %>
+    <%= render partial: "plain/conversations/conversation_item", collection: @conversations, as: :conversation  %>
+    <% if @conversations.size.positive? %>
+      <%= turbo_frame_tag "conversation-list-#{@next_page}", loading: :lazy,
+                          src: conversations_path(page: @next_page),
+                          class: 'empty:mt-[600px] empty:mb-[-600px] empty:block group' %>
+      <div class="mt-4 group-[&:not(:empty)]:hidden">
+        <%= t('conversations.loading') %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/plain/conversations/_conversation_list.html.erb

@@ -0,0 +1,13 @@
+<%= turbo_frame_tag "conversation-list-#{@current_page}" do %>
+  <div class="divide divide-y">
+    <%= render partial: "plain/conversations/conversation_item", collection: @conversations, as: :conversation  %>
+  </div>
+  <% if @conversations.size.positive? %>
+    <%= turbo_frame_tag "conversation-list-#{@next_page}", loading: :lazy,
+                        src: conversations_path(page: @next_page),
+                        class: 'empty:mt-[-300px] empty:mb-[300px] empty:block group' %>
+    <div class="mt-4 group-[&:not(:empty)]:hidden">
+      <%= t('conversations.loading') %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/plain/conversations/_modal.html.erb

@@ -0,0 +1,73 @@
+  <div class="relative z-50"
+    id="ai-assistant" 
+    data-controller="toggle-class"
+    aria-labelledby="slide-over-title" 
+    role="dialog" 
+    aria-modal="true">
+    <!-- Background backdrop, show/hide based on slide-over state. -->
+    <div class="fixed inset-0-"></div>
+
+    <div class="fixed inset-0- overflow-hidden">
+      <div class="absolute inset-0 overflow-hidden">
+        <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10 sm:pl-16">
+          <!--
+            Slide-over panel, show/hide based on slide-over state.
+
+            Entering: "transform transition ease-in-out duration-500 sm:duration-700"
+              From: "translate-x-full"
+              To: "translate-x-0"
+            Leaving: "transform transition ease-in-out duration-500 sm:duration-700"
+              From: "translate-x-0"
+              To: "translate-x-full"
+          -->
+          <div class="pointer-events-auto w-screen max-w-md">
+            <div class="flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl">
+             
+
+              <div class="h-0 flex-1 overflow-y-auto bg-black/5">
+                <div class="bg-brand-700 px-4 py-6 sm:px-6">
+                  <div class="flex items-center justify-between">
+                    
+                    <% if @conversation.present? || @needs_back  %>
+                      <%= link_to plain.root_path, class: "p-4 rounded-md hover:bg-black/10" do %>
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                          <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15m0 0l6.75 6.75M4.5 12l6.75-6.75" />
+                        </svg>
+                      <% end %>
+                    <% end %>
+
+                    <h2 class="text-base font-semibold leading-6 text-white" id="slide-over-title">
+                      PLAIN AI ASSISTANT
+                    </h2>
+
+                    <div class="ml-3 flex h-7 items-center">
+                      <button type="button"
+                        data-action="toggle-class#toggle"
+                        class="rounded-md bg-brand-700 text-brand-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white">
+                        <span class="sr-only">Close panel</span>
+                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                          <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+                        </svg>
+                      </button>
+                    </div>
+                  </div>
+                  <div class="mt-1 hidden">
+                    <p class="text-sm text-brand-300">
+                      Get started by filling in the information below to create your new project.
+                    </p>
+                  </div>
+                </div>
+                <div class="flex flex-1 flex-col justify-between">
+                  <div class="divide-y divide-gray-200">
+                    <div class="space-y-6-- py-6--">
+                      <%= yield %>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>

data/app/views/plain/conversations/index.html.erb

@@ -0,0 +1,17 @@
+<%= turbo_frame_tag "plain" do %>
+  <%= render "modal" do %>
+    <div class="border shadow-sm rounded-md bg-white m-4">
+      <h2 class=" p-4 inline-block text-2xl sm:text-3xl font-extrabold text-slate-900 tracking-tight dark:text-slate-200">
+        Continue conversations
+      </h2>
+
+      <div class="h-[calc(100vh-255px)] overflow-y-scroll group">
+        <%= render "plain/conversations/conversation_list" %>
+      </div>
+
+      <div class="m-2">
+        <%= link_to "New conversation", new_conversation_path, class: "rounded-md bg-brand-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-brand-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-600" %>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/plain/conversations/show.html.erb

@@ -0,0 +1,14 @@
+<%= turbo_frame_tag "plain" do %>
+  <%= render "modal" do %>
+    <%= turbo_stream_from(@conversation) %>
+    <div class="h-[calc(100vh-155px)] overflow-y-scroll">
+      <%= turbo_frame_tag "message-list-0", loading: :lazy,
+                          src: plain.conversation_messages_path(@conversation, page: 0),
+                          class: 'empty:block group' %>
+      <div id="new-messages-container"></div>
+    </div>
+    <div class="bg-red-600">
+      <%= render "plain/messages/form", conversation: @conversation %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/plain/docs/_footer.erb

@@ -0,0 +1,61 @@
+<footer class="mx-auto max-w-2xl space-y-10 pb-16 lg:max-w-5xl">
+  <div class="relative h-8">
+    <form class="absolute inset-0 flex items-center justify-center gap-6 md:justify-start">
+      <p class="text-sm text-zinc-600 dark:text-zinc-400">Was this page helpful?</p>
+      <div class="group grid h-8 grid-cols-[1fr,1px,1fr] overflow-hidden rounded-full border border-zinc-900/10 dark:border-white/10">
+        <button type="submit" class="px-3 text-sm font-medium text-zinc-600 transition hover:bg-zinc-900/2.5 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-white/5 dark:hover:text-white" data-response="yes">Yes</button>
+        <div class="bg-zinc-900/10 dark:bg-white/10"></div>
+        <button type="submit" class="px-3 text-sm font-medium text-zinc-600 transition hover:bg-zinc-900/2.5 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-white/5 dark:hover:text-white" data-response="no">No</button>
+      </div>
+    </form>
+  </div>
+  <div class="flex">
+    <% if @file.present? and @file[:prev] %>
+      <div class="flex flex-col items-start gap-3">
+        <a class="inline-flex gap-0.5 justify-center overflow-hidden text-sm font-medium transition rounded-full bg-zinc-100 py-1 px-3 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800/40 dark:text-zinc-400 dark:ring-1 dark:ring-inset dark:ring-zinc-800 dark:hover:bg-zinc-800 dark:hover:text-zinc-300" 
+          aria-label="Previous: <%= @file[:prev][:name] %>" 
+          href="/plain/docs/<%= @file[:prev][:path] %>">
+          <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="mt-0.5 h-5 w-5 -ml-1 rotate-180"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.5 6.5 3 3.5m0 0-3 3.5m3-3.5h-9"></path>
+          </svg>
+          Previous
+        </a>
+        <a tabindex="-1" aria-hidden="true" class="text-base font-semibold text-zinc-900 transition hover:text-zinc-600 dark:text-white dark:hover:text-zinc-300" 
+        href="/plain/docs/<%= @file[:prev][:path] %>">
+          <%= @file[:prev][:name] %>
+        </a>
+      </div>
+    <% end %>
+
+    <% if @file.present? and @file[:next] %>
+      <div class="ml-auto flex flex-col items-end gap-3">
+        <a class="inline-flex gap-0.5 justify-center overflow-hidden text-sm font-medium transition rounded-full bg-zinc-100 py-1 px-3 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800/40 dark:text-zinc-400 dark:ring-1 dark:ring-inset dark:ring-zinc-800 dark:hover:bg-zinc-800 dark:hover:text-zinc-300" 
+          aria-label="Next: <%= @file[:next][:name] %>" 
+          href="/plain/docs/<%= @file[:next][:path] %>">
+          Next 
+          <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="mt-0.5 h-5 w-5 -mr-1">
+            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.5 6.5 3 3.5m0 0-3 3.5m3-3.5h-9"></path>
+          </svg>
+        </a>
+        <a tabindex="-1" aria-hidden="true" class="text-base font-semibold text-zinc-900 transition hover:text-zinc-600 dark:text-white dark:hover:text-zinc-300" 
+        href="/plain/docs/<%= @file[:next][:path] %>">
+        <%= @file[:next][:name] %>
+        </a>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="flex flex-col items-center justify-between gap-5 border-t border-zinc-900/5 pt-8 dark:border-white/5 sm:flex-row">
+    <p class="text-xs text-zinc-600 dark:text-zinc-400">
+      <%= @config.dig("footer", "legend") || "© Copyright #{Time.now.year} . All rights reserved." %>
+    </p>
+    <div class="flex gap-4">
+      <% links = @config.dig("footer", "links") %>
+      <% if links.is_a?(Array) %>
+        <% @config.dig("footer", "links").each do |link| %>
+          <%= link_to link["name"], link["url"] %>
+        <% end %>
+      <% end %>
+
+    </div>
+  </div>
+</footer>

data/app/views/plain/docs/_menu.erb

@@ -0,0 +1,20 @@
+
+<ul role="list" class="border-l border-transparent">
+
+  
+  <% nodes.each do |node| %>
+    <% if node[:type] == 'directory' %>
+      <li class="relative">
+        <span class="<%= level == 1 ? 'text-xs font-semibold text-zinc-900 dark:text-white' : 'flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-900 dark:text-white'%>"> 
+          <%= node[:name].capitalize.humanize %>
+        </span>
+        <%= render partial: 'menu', locals: { nodes: node[:children], level: level + 1 } %>
+      </li>
+    <% else %>
+      <li class="relative">
+        <%= link_to node[:name], docs_path(file_path: node[:path]), class: level == 1 ? 'text-xs font-semibold text-zinc-900 dark:text-white' : 'flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-900 dark:text-white' rescue "nil" %>
+      </li>
+    <% end %>
+  <% end %>
+
+</ul>