glancer 1.0.0

data/app/views/glancer/settings/show.html.erb

@@ -0,0 +1,306 @@
+<% content_for :main_content do %>
+  <div class="flex flex-col h-full overflow-hidden">
+
+    <%# Header %>
+    <div class="flex items-center gap-3 px-6 py-4 border-b border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 flex-shrink-0">
+      <%= link_to glancer.root_path,
+          class: "p-1.5 rounded-md text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",
+          aria: { label: t("glancer.nav.back_to_chat") },
+          data: { turbo: false } do %>
+        <svg class="w-4 h-4" aria-hidden="true"><use href="#icon-arrow-left"/></svg>
+      <% end %>
+      <h1 class="text-sm font-semibold text-gray-900 dark:text-white"><%= t("glancer.settings.title") %></h1>
+    </div>
+
+    <%# Body %>
+    <div class="flex-1 overflow-y-auto px-6 py-6">
+      <div class="max-w-xl mx-auto space-y-8">
+
+        <% if flash[:notice] %>
+          <div class="flex items-center gap-2 px-4 py-3 rounded-xl bg-green-50 dark:bg-green-950 border border-green-200 dark:border-green-800 text-sm text-green-700 dark:text-green-400">
+            <svg class="w-4 h-4 flex-shrink-0" aria-hidden="true"><use href="#icon-check"/></svg>
+            <%= flash[:notice] %>
+          </div>
+        <% end %>
+
+        <%# ── Editable preferences ─────────────────────────────────────────────── %>
+        <section>
+          <h2 class="text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 mb-4">Preferences</h2>
+
+          <%= form_with url: glancer.settings_path, method: :patch, data: { turbo: false } do |f| %>
+            <div class="space-y-5">
+
+              <%# Interface language %>
+              <div>
+                <label class="block text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 mb-2">
+                  <%= t("glancer.settings.language.label") %>
+                </label>
+                <select name="settings[ui_language]"
+                        class="w-full px-3 py-2 text-sm bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-500">
+                  <option value="en" <%= "selected" if @settings[:ui_language] == "en" %>><%= t("glancer.settings.language.en") %></option>
+                  <option value="pt-BR" <%= "selected" if @settings[:ui_language] == "pt-BR" %>><%= t("glancer.settings.language.pt_br") %></option>
+                  <option value="es" <%= "selected" if @settings[:ui_language] == "es" %>><%= t("glancer.settings.language.es") %></option>
+                </select>
+              </div>
+
+              <%# Speech recognition language %>
+              <div>
+                <label class="block text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 mb-2">
+                  <%= t("glancer.settings.speech.label") %>
+                </label>
+                <select name="settings[speech_language]"
+                        class="w-full px-3 py-2 text-sm bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-500">
+                  <option value="auto" <%= "selected" if @settings[:speech_language] == "auto" %>><%= t("glancer.settings.speech.auto") %></option>
+                  <option value="en-US" <%= "selected" if @settings[:speech_language] == "en-US" %>><%= t("glancer.settings.speech.en_us") %></option>
+                  <option value="pt-BR" <%= "selected" if @settings[:speech_language] == "pt-BR" %>><%= t("glancer.settings.speech.pt_br") %></option>
+                  <option value="es-ES" <%= "selected" if @settings[:speech_language] == "es-ES" %>><%= t("glancer.settings.speech.es_es") %></option>
+                </select>
+              </div>
+
+              <%# Custom LLM instructions %>
+              <div>
+                <label class="block text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 mb-1">
+                  <%= t("glancer.settings.instructions.label") %>
+                </label>
+                <p class="text-[11px] text-gray-400 dark:text-gray-500 mb-2">
+                  <%= t("glancer.settings.instructions.help") %>
+                </p>
+                <textarea name="settings[custom_instructions]"
+                          rows="6"
+                          placeholder="<%= t("glancer.settings.instructions.placeholder") %>"
+                          class="w-full px-3 py-2 text-sm font-mono bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-gray-100 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-primary-500 resize-y min-h-[120px]"><%= @settings[:custom_instructions] %></textarea>
+              </div>
+
+              <%# Save button %>
+              <div class="pt-1">
+                <button type="submit"
+                        class="px-5 py-2 text-sm font-medium rounded-lg bg-primary-600 hover:bg-primary-700 active:bg-primary-800 text-white transition-colors">
+                  <%= t("glancer.settings.save") %>
+                </button>
+              </div>
+
+            </div>
+          <% end %>
+        </section>
+
+        <%# ── Read-only configuration ──────────────────────────────────────────── %>
+        <section>
+          <div class="flex items-center gap-2 mb-4">
+            <h2 class="text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Configuration</h2>
+            <span class="text-[10px] font-medium px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 text-gray-400 dark:text-gray-500">config/initializers/glancer.rb</span>
+          </div>
+
+          <div class="rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden divide-y divide-gray-100 dark:divide-gray-800 text-sm">
+
+            <%# ─ LLM ─ %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">LLM — defaults</span>
+            </div>
+
+            <% cfg = @glancer_config %>
+
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">llm_provider</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.llm_provider %></span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">llm_model</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.llm_model %></span>
+            </div>
+
+            <%# SQL role %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">LLM — code generation</span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">code_provider</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.code_provider || %(<span class="text-gray-400 dark:text-gray-600 italic">#{cfg.llm_provider} (default)</span>).html_safe %>
+              </span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">code_model</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.code_model || %(<span class="text-gray-400 dark:text-gray-600 italic">#{cfg.llm_model} (default)</span>).html_safe %>
+              </span>
+            </div>
+
+            <%# Chat role %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">LLM — chat responses</span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">chat_provider</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.chat_provider || %(<span class="text-gray-400 dark:text-gray-600 italic">#{cfg.llm_provider} (default)</span>).html_safe %>
+              </span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">chat_model</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.chat_model || %(<span class="text-gray-400 dark:text-gray-600 italic">#{cfg.llm_model} (default)</span>).html_safe %>
+              </span>
+            </div>
+
+            <%# Embeddings %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">LLM — embeddings</span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">embedding_provider</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.embedding_provider || %(<span class="text-gray-400 dark:text-gray-600 italic">#{cfg.llm_provider} (default)</span>).html_safe %>
+              </span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">embedding_model</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.embedding_model || %(<span class="text-gray-400 dark:text-gray-600 italic">provider default</span>).html_safe %>
+              </span>
+            </div>
+
+            <%# Query Enrichment %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">LLM — query enrichment</span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">query_enrichment_enabled</span>
+              <span class="<%= cfg.query_enrichment_enabled ? 'text-green-600 dark:text-green-400' : 'text-gray-400' %> text-xs font-medium">
+                <%= cfg.query_enrichment_enabled ? "enabled" : "disabled" %>
+              </span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">enrichment_provider</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.enrichment_provider || %(<span class="text-gray-400 dark:text-gray-600 italic">#{cfg.llm_provider} (default)</span>).html_safe %>
+              </span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">enrichment_model</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.enrichment_model || %(<span class="text-gray-400 dark:text-gray-600 italic">#{cfg.llm_model} (default)</span>).html_safe %>
+              </span>
+            </div>
+
+            <%# Database %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Database</span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">adapter</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.resolved_adapter %></span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">read_only_db</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.read_only_db ? "configured" : %(<span class="text-gray-400 dark:text-gray-600 italic">not set</span>).html_safe %>
+              </span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">statement_timeout</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.statement_timeout.to_i %>s</span>
+            </div>
+
+            <%# Retrieval %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Retrieval</span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">k</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.k %></span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">min_score</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.min_score %></span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">history_limit</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.history_limit %></span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">workflow_cache_ttl</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.workflow_cache_ttl.to_i %>s</span>
+            </div>
+
+            <%# Indexing %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Indexing</span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">schema_permission</span>
+              <span class="<%= cfg.schema_permission ? 'text-green-600 dark:text-green-400' : 'text-gray-400' %> text-xs font-medium">
+                <%= cfg.schema_permission ? "enabled" : "disabled" %>
+              </span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">models_permission</span>
+              <span class="<%= cfg.models_permission ? 'text-green-600 dark:text-green-400' : 'text-gray-400' %> text-xs font-medium">
+                <%= cfg.models_permission ? "enabled" : "disabled" %>
+              </span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">chunk_size</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.chunk_size %></span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">chunk_overlap</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.chunk_overlap %></span>
+            </div>
+
+            <%# Logging %>
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+              <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Logging</span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">log_verbosity</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= cfg.log_verbosity %></span>
+            </div>
+            <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">log_output_path</span>
+              <span class="text-xs font-medium text-gray-800 dark:text-gray-200">
+                <%= cfg.log_output_path || %(<span class="text-gray-400 dark:text-gray-600 italic">Rails.logger</span>).html_safe %>
+              </span>
+            </div>
+
+            <% if cfg.resolved_blazer_path.present? %>
+              <%# Integrations %>
+              <div class="px-4 py-2 bg-gray-50 dark:bg-gray-800/60">
+                <span class="text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Integrations</span>
+              </div>
+              <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+                <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">blazer_path</span>
+                <span class="text-xs font-medium text-green-600 dark:text-green-400"><%= cfg.resolved_blazer_path %></span>
+              </div>
+            <% end %>
+
+          </div>
+
+          <p class="mt-3 text-[11px] text-gray-400 dark:text-gray-600">
+            These values are set in your initializer and require a server restart to take effect.
+          </p>
+        </section>
+
+        <%# ── Embeddings stats ─────────────────────────────────────────────────── %>
+        <% embedding_count = Glancer::Embedding.count rescue 0 %>
+        <% if embedding_count > 0 %>
+          <section>
+            <h2 class="text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 mb-4">Index</h2>
+            <div class="rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden divide-y divide-gray-100 dark:divide-gray-800 text-sm">
+              <% Glancer::Embedding.group(:source_type).count.each do |type, count| %>
+                <div class="grid grid-cols-2 px-4 py-2.5 items-center">
+                  <span class="text-xs text-gray-500 dark:text-gray-400 font-mono"><%= type %></span>
+                  <span class="text-xs font-medium text-gray-800 dark:text-gray-200"><%= count %> chunk<%= count == 1 ? "" : "s" %></span>
+                </div>
+              <% end %>
+              <div class="grid grid-cols-2 px-4 py-2.5 items-center bg-gray-50 dark:bg-gray-800/60">
+                <span class="text-xs font-semibold text-gray-500 dark:text-gray-400">Total</span>
+                <span class="text-xs font-semibold text-gray-800 dark:text-gray-200"><%= embedding_count %> chunks</span>
+              </div>
+            </div>
+          </section>
+        <% end %>
+
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/glancer/shared/_icons.html.erb

@@ -0,0 +1,126 @@
+<div hidden aria-hidden="true">
+  <svg xmlns="http://www.w3.org/2000/svg">
+    <symbol id="icon-database" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <ellipse cx="12" cy="5" rx="9" ry="3"/>
+      <path d="M3 5v4c0 1.657 4.03 3 9 3s9-1.343 9-3V5"/>
+      <path d="M3 9v4c0 1.657 4.03 3 9 3s9-1.343 9-3V9"/>
+      <path d="M3 13v4c0 1.657 4.03 3 9 3s9-1.343 9-3v-4"/>
+    </symbol>
+
+    <symbol id="icon-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M12 5v14M5 12h14"/>
+    </symbol>
+
+    <symbol id="icon-trash" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6"/>
+      <path d="M10 11v6M14 11v6"/>
+    </symbol>
+
+    <symbol id="icon-copy" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <rect x="9" y="9" width="13" height="13" rx="2"/>
+      <path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/>
+    </symbol>
+
+    <symbol id="icon-send" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M22 2L11 13M22 2L15 22l-4-9-9-4 20-7z"/>
+    </symbol>
+
+    <symbol id="icon-download" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3"/>
+    </symbol>
+
+    <symbol id="icon-info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <circle cx="12" cy="12" r="10"/>
+      <path d="M12 16v-4M12 8h.01"/>
+    </symbol>
+
+    <symbol id="icon-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M20 6L9 17l-5-5"/>
+    </symbol>
+
+    <symbol id="icon-x" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M18 6L6 18M6 6l12 12"/>
+    </symbol>
+
+    <symbol id="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <circle cx="12" cy="12" r="4"/>
+      <path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/>
+    </symbol>
+
+    <symbol id="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/>
+    </symbol>
+
+    <symbol id="icon-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M3 12h18M3 6h18M3 18h18"/>
+    </symbol>
+
+    <symbol id="icon-play" viewBox="0 0 24 24" fill="currentColor" viewBox="0 0 24 24">
+      <path d="M5 3l14 9-14 9V3z"/>
+    </symbol>
+
+    <symbol id="icon-chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
+    </symbol>
+
+    <symbol id="icon-chevron-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M15 18l-6-6 6-6"/>
+    </symbol>
+
+    <symbol id="icon-chevron-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M9 18l6-6-6-6"/>
+    </symbol>
+
+    <symbol id="icon-warning" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/>
+      <path d="M12 9v4M12 17h.01"/>
+    </symbol>
+
+    <symbol id="icon-mic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z"/>
+      <path d="M19 10v2a7 7 0 01-14 0v-2M12 19v4M8 23h8"/>
+    </symbol>
+
+    <symbol id="icon-mic-off" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M1 1l22 22M9 9v3a3 3 0 005.12 2.12M15 9.34V4a3 3 0 00-5.94-.6"/>
+      <path d="M17 16.95A7 7 0 015 12v-2m14 0v2a7 7 0 01-.11 1.23M12 19v4M8 23h8"/>
+    </symbol>
+
+    <symbol id="icon-external" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3"/>
+    </symbol>
+
+    <symbol id="icon-edit" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/>
+      <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/>
+    </symbol>
+
+    <symbol id="icon-table" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <rect x="3" y="3" width="18" height="18" rx="2"/>
+      <path d="M3 9h18M3 15h18M9 3v18"/>
+    </symbol>
+
+    <symbol id="icon-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z"/>
+    </symbol>
+
+    <symbol id="icon-arrow-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M19 12H5M12 19l-7-7 7-7"/>
+    </symbol>
+
+    <symbol id="icon-chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M6 9l6 6 6-6"/>
+    </symbol>
+
+    <symbol id="icon-settings" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+      <circle cx="12" cy="12" r="3"/>
+      <path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/>
+    </symbol>
+    <symbol id="icon-maximize" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <polyline points="15 3 21 3 21 9"/>
+      <polyline points="9 21 3 21 3 15"/>
+      <line x1="21" y1="3" x2="14" y2="10"/>
+      <line x1="3" y1="21" x2="10" y2="14"/>
+    </symbol>
+  </svg>
+</div>