studio-engine 0.127.0 → 0.129.0

data/app/views/style/_theme.html.erb

@@ -1,6 +1,6 @@
 <%#  Theme section of the living style guide (admin/style) — the LANDING section.
-     Theme owns "the colors": it leads with the 7 role tokens/swatches, then the
-     editor with a live dark/light preview, then the logos, the semantic tokens and
+     Theme owns "the colors": it leads with the role editor, which names each role's CSS
+     variable and the derived tokens, with a live dark/light preview, then the logos, the semantic tokens and
      the type. GET /admin/theme redirects here.
      
      Save-in-place: this section intercepts Save + Regenerate and submits them via
@@ -42,17 +42,14 @@
   # Seed the live-preview editor with role -> hex, resolved from saved values.
   seed_colors = roles.index_with { |role| current_hex.call(role) }
 
-  # The 7 role tokens read live off the resolved theme (cta/text/border-strong
-  # are the semantic names — there is no --color-heading var).
-  token_swatches = [
-    ["--color-cta",           "CTA / primary"],
-    ["--color-surface",       "Surface"],
-    ["--color-success",       "Success"],
-    ["--color-danger",        "Danger"],
-    ["--color-warning",       "Warning"],
-    ["--color-text",          "Heading / text"],
-    ["--color-border-strong", "Border (strong)"]
-  ]
+  # Each role's CSS variable (there is no --color-heading or --color-primary var for a page to
+  # paint with: cta and text are the semantic names). Dark and light are each theme's page.
+  role_vars = { primary: "--color-cta", dark: "--color-page (dark)", light: "--color-page (light)", success: "--color-success",
+                warning: "--color-warning", danger: "--color-danger", accent: "--color-accent" }
+
+  # Not roles: Studio::ThemeResolver works these out from the roles, so they read here and
+  # no one edits them.
+  derived_tokens = [["Surface", "--color-surface"], ["Text", "--color-text"], ["Border (strong)", "--color-border-strong"]]
 
   csrf_ok = respond_to?(:protect_against_forgery?) && protect_against_forgery?
 %>
@@ -60,12 +57,8 @@
          x-data="dsThemeEditor(<%= seed_colors.to_json %>)">
   <div class="flex flex-wrap items-start justify-between gap-3">
     <div class="space-y-1">
-      <h2 class="text-2xl font-bold text-heading">Theme</h2>
-      <p class="text-muted text-sm max-w-2xl">
-        The color foundation. The 7-role system, editable here. Edits preview live; Save writes them
-        and Regenerate clears the theme cache. Both persist <strong>in place</strong> — the page never
-        leaves. Every specimen on this page restyles from these roles.
-      </p>
+      <h2 class="type-h3 text-heading">Theme</h2>
+      <p class="text-muted text-sm max-w-2xl">Every specimen on this page restyles from these 7 color roles.</p>
     </div>
     <form action="/admin/theme/regenerate" method="post" accept-charset="UTF-8" @submit.prevent="regenerate($event)">
       <% if csrf_ok %>
@@ -75,25 +68,32 @@
     </form>
   </div>
 
-  <%# ---- The colors — the role tokens/swatches (Theme owns these) ---------- %>
-  <div class="space-y-3">
-    <p class="label-upper">The colors — 7 role tokens</p>
-    <p class="text-muted text-sm max-w-2xl">
-      Read live off this app's theme via <code class="font-mono text-2xs">var(--color-*)</code>. Change
-      the app or its light/dark mode and every swatch (and every specimen on this page) follows.
-    </p>
-    <div class="grid gap-4 grid-cols-2 sm:grid-cols-3 lg:grid-cols-4">
-      <% token_swatches.each do |var, label| %>
-        <div class="card overflow-hidden">
-          <div class="h-16 border-b border-subtle" style="background: var(<%= var %>)"></div>
-          <div class="p-3 space-y-0.5">
-            <p class="text-sm text-heading font-medium"><%= label %></p>
-            <code class="font-mono text-2xs text-muted break-all"><%= var %></code>
+  <%# THE LOGOS, first in the section. A host may supply its own block in
+      app/views/style/host/_logos.html.erb, the same seam as host modals: the hub's has
+      one-click PNG downloads, which draw through a script only the hub carries. %>
+  <% if lookup_context.exists?("logos", ["style/host"], true) %>
+    <%= render "style/host/logos" %>
+  <% else %>
+  <% logos = Studio.respond_to?(:theme_logos) ? Array(Studio.theme_logos) : [] %>
+  <% if logos.any? %>
+    <div class="space-y-3">
+      <p class="label-upper">Logos</p>
+      <div class="grid gap-4 grid-cols-2 md:grid-cols-5">
+        <% logos.each do |logo| %>
+          <% file = logo.is_a?(Hash) ? logo[:file] : logo %>
+          <% title = logo.is_a?(Hash) ? logo[:title] : file %>
+          <div class="card p-4 space-y-3">
+            <p class="text-sm text-heading font-medium"><%= title %></p>
+            <div class="flex items-center justify-center w-20 h-20 rounded-lg" style="background-color: #ddd; background-image: linear-gradient(45deg, #777 25%, transparent 25%, transparent 75%, #777 75%), linear-gradient(45deg, #777 25%, transparent 25%, transparent 75%, #777 75%); background-size: 12px 12px; background-position: 0 0, 6px 6px;">
+              <img src="/<%= file %>" alt="<%= title %>" class="max-w-16 max-h-16 rounded">
+            </div>
+            <code class="font-mono text-2xs text-muted break-all"><%= file %></code>
           </div>
-        </div>
-      <% end %>
+        <% end %>
+      </div>
     </div>
-  </div>
+  <% end %>
+  <% end %>
 
   <div class="grid gap-6 lg:grid-cols-2">
     <%# ---- Role-color editor (posts to /admin/theme, intercepted in place) - %>
@@ -103,7 +103,7 @@
       <% if csrf_ok %>
         <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>" autocomplete="off">
       <% end %>
-      <h3 class="text-lg font-bold text-heading">Role colors</h3>
+      <h3 class="type-h4 text-heading">Role colors</h3>
 
       <% roles.each do |role| %>
         <% db_col = db_col_for.call(role) %>
@@ -119,6 +119,7 @@
             <div class="flex items-center gap-2">
               <span class="text-heading font-medium text-sm"><%= role.to_s.titleize %></span>
               <% if has_custom %><span class="text-xs text-muted">(custom)</span><% end %>
+              <% if role_vars[role.to_sym] %><code class="font-mono text-2xs text-muted truncate"><%= role_vars[role.to_sym] %></code><% end %>
             </div>
             <input type="text"
                    name="theme_setting[<%= db_col %>]"
@@ -135,16 +136,29 @@
         </div>
       <% end %>
 
+      <div class="pt-4 border-t border-subtle space-y-2" data-test="style-derived-tokens">
+        <p class="label-upper">Derived, read only</p>
+        <% derived_tokens.each do |label, var| %>
+          <div class="flex items-center gap-4">
+            <div class="w-10 h-6 rounded border border-subtle shrink-0" style="background: var(<%= var %>)"></div>
+            <span class="text-heading font-medium text-sm"><%= label %></span>
+            <code class="font-mono text-2xs text-muted truncate"><%= var %></code>
+          </div>
+        <% end %>
+      </div>
+
       <div class="pt-4 border-t border-subtle">
         <button type="submit" class="btn btn-primary" :disabled="saving"
                 x-text="saving ? 'Saving…' : 'Save theme'">Save theme</button>
       </div>
     </form>
 
-    <%# ---- Live dark/light preview (Alpine, updates as you edit) ----------- %>
-    <div class="space-y-3">
+    <%# The half beside the editor: Typography, then the live dark/light preview, which
+        appears once a role color has been edited. %>
+    <div class="space-y-6 min-w-0">
+      <%= render "style/type_ladder" %>
+    <div class="space-y-3" x-show="edited" x-cloak data-test="style-theme-preview">
       <p class="label-upper">Preview</p>
-      <p class="text-muted text-sm">A live dark/light mock — it tracks the editor as you type, before you save.</p>
       <div class="grid gap-3 sm:grid-cols-2">
         <div class="rounded-xl border border-subtle overflow-hidden">
           <div class="px-3 py-1.5 bg-surface-alt"><span class="text-2xs font-bold uppercase tracking-wider text-secondary">Dark</span></div>
@@ -168,28 +182,9 @@
         </div>
       </div>
     </div>
-  </div>
-  
-  <% logos = Studio.respond_to?(:theme_logos) ? Array(Studio.theme_logos) : [] %>
-  <% if logos.any? %>
-    <div class="space-y-3">
-      <p class="label-upper">Logos</p>
-      <div class="grid gap-4 grid-cols-2 md:grid-cols-5">
-        <% logos.each do |logo| %>
-          <% file = logo.is_a?(Hash) ? logo[:file] : logo %>
-          <% title = logo.is_a?(Hash) ? logo[:title] : file %>
-          <div class="card p-4 space-y-3">
-            <p class="text-sm text-heading font-medium"><%= title %></p>
-            <div class="flex items-center justify-center w-20 h-20 rounded-lg" style="background-color: #ddd; background-image: linear-gradient(45deg, #777 25%, transparent 25%, transparent 75%, #777 75%), linear-gradient(45deg, #777 25%, transparent 25%, transparent 75%, #777 75%); background-size: 12px 12px; background-position: 0 0, 6px 6px;">
-              <img src="/<%= file %>" alt="<%= title %>" class="max-w-16 max-h-16 rounded">
-            </div>
-            <code class="font-mono text-2xs text-muted break-all"><%= file %></code>
-          </div>
-        <% end %>
-      </div>
     </div>
-  <% end %>
-  
+  </div>
+
   <%# Semantic tokens: the utilities a page paints with, under the role colours. %>
   <div class="space-y-3">
     <p class="label-upper">Semantic tokens</p>
@@ -217,21 +212,4 @@
     </div>
   </div>
   
-  <%# Type in this app's own font, named by role: the font itself is the host's. %>
-  <div class="space-y-3">
-    <p class="label-upper">Typography</p>
-    <div class="card p-6 space-y-4">
-      <p class="text-heading text-3xl font-extrabold">Heading</p>
-      <p class="text-heading text-xl font-bold">Subheading</p>
-      <p class="text-body text-base">Body text. The quick brown fox jumps over the lazy dog.</p>
-      <p class="text-secondary text-sm">Secondary text. Additional context and metadata.</p>
-      <p class="text-muted text-xs">Muted text. Timestamps, hints and fine print.</p>
-      <hr class="border-subtle">
-      <div class="flex flex-wrap gap-4">
-        <% [400, 500, 600, 700, 800, 900].each do |weight| %>
-          <span class="text-heading text-lg" style="font-weight: <%= weight %>"><%= weight %></span>
-        <% end %>
-      </div>
-    </div>
-  </div>
   </section>

data/app/views/style/_tricks.html.erb

@@ -33,7 +33,7 @@
 %>
 <section id="tricks" class="space-y-12" style="scroll-margin-top: calc(var(--nav-h, 0px) + 5rem)">
   <div class="space-y-1">
-    <h2 class="text-2xl font-bold text-heading">Tricks</h2>
+    <h2 class="type-h3 text-heading">Tricks</h2>
     <p class="text-muted text-sm max-w-2xl">
       A board of style tricks you can see and hand to an agent to use out of the box.
       Each specimen surfaces the rendered primitive, its <strong>class name (one-click
@@ -45,7 +45,7 @@
   <!-- Buttons -->
   <section class="space-y-5">
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Buttons</h3>
+      <h3 class="type-h4 text-heading">Buttons</h3>
       <p class="text-muted text-sm">
         <code class="font-mono text-2xs">.btn</code> base plus one role variant, and the
         <code class="font-mono text-2xs">.btn-sm</code> / <code class="font-mono text-2xs">.btn-lg</code> sizes.
@@ -75,7 +75,7 @@
   <!-- Page header -->
   <section class="space-y-5" data-page-header-specimen>
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Page header</h3>
+      <h3 class="type-h4 text-heading">Page header</h3>
       <p class="text-muted text-sm">
         <code class="font-mono text-2xs">studio/_page_header</code>: the title, optional meta beside
         it and optional tabs on the right. This page's own title row is one: scroll to see it take the bar.
@@ -110,7 +110,7 @@
   <!-- Surfaces, text and form -->
   <section class="space-y-5">
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Surfaces, text &amp; form</h3>
+      <h3 class="type-h4 text-heading">Surfaces, text &amp; form</h3>
       <p class="text-muted text-sm">Cards, badges, inputs, the empty state, and the uppercase meta label.</p>
     </div>
     <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
@@ -152,12 +152,14 @@
   </section>
 
   <!-- Tints and shades: the scrim primitive -->
+  <%= render "style/glass" %>
+
   <%= render "style/scrims" %>
 
   <!-- Time stamps: the "at" format -->
   <section class="space-y-5">
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Time stamps — the &ldquo;at&rdquo; format</h3>
+      <h3 class="type-h4 text-heading">Time stamps — the &ldquo;at&rdquo; format</h3>
       <p class="text-muted text-sm">
         <code class="font-mono text-2xs">at_time_tag</code> stamps WHEN something happened, on
         the reader&rsquo;s own clock. The stamps below are live: the server rendered them in this
@@ -231,7 +233,7 @@
   %>
   <section id="loader" class="space-y-5" style="scroll-margin-top: calc(var(--nav-h, 0px) + 5rem)">
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Branded loader</h3>
+      <h3 class="type-h4 text-heading">Branded loader</h3>
       <p class="text-muted text-sm max-w-2xl">
         This app's own icon in its theme colours, in the style <code class="font-mono text-2xs">config.loader</code>
         names (<strong><%= loader_config[:style].to_s.tr("_", " ") %></strong>). Page loads, long waits and pending
@@ -282,7 +284,7 @@
   <!-- Motion primitives -->
   <section class="space-y-5">
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Motion primitives</h3>
+      <h3 class="type-h4 text-heading">Motion primitives</h3>
       <p class="text-muted text-sm">
         The seven <code class="font-mono text-2xs">engine-motion.css</code> primitives. Each knob is a themeable
         CSS variable - tune it inline with <code class="font-mono text-2xs">style="--knob: value"</code>.
@@ -369,7 +371,7 @@
   <!-- Effects -->
   <section class="space-y-5">
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Effects</h3>
+      <h3 class="type-h4 text-heading">Effects</h3>
       <p class="text-muted text-sm">
         The <code class="font-mono text-2xs">engine-motion.css</code> visual-effect primitives beyond motion -
         gradient text, a soft glow halo, a one- or two-color rotating <strong>selection glow</strong>
@@ -434,7 +436,7 @@
   <!-- Hold to confirm -->
   <section class="space-y-5">
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Hold to confirm</h3>
+      <h3 class="type-h4 text-heading">Hold to confirm</h3>
       <p class="text-muted text-sm max-w-2xl">
         A press-and-hold CTA for an action you do not want taken by accident, and the
         carbonation behind it. Ported from Turf Monster, where it confirms a contest entry.
@@ -497,7 +499,7 @@
   <!-- Confetti & pulse -->
   <section class="space-y-5">
     <div class="space-y-1">
-      <h3 class="text-xl font-bold text-heading">Confetti &amp; pulse</h3>
+      <h3 class="type-h4 text-heading">Confetti &amp; pulse</h3>
       <p class="text-muted text-sm max-w-2xl">
         Celebration effects lifted from Turf Monster into the engine. Confetti is
         <code class="font-mono text-2xs">window.studioConfetti</code> - a zero-dependency,
@@ -544,7 +546,7 @@
   <section class="space-y-5">
     <div class="space-y-1">
       <div class="flex flex-wrap items-center gap-3">
-        <h3 class="text-xl font-bold text-heading">Leveling</h3>
+        <h3 class="type-h4 text-heading">Leveling</h3>
         <% if leveling_on %>
           <span class="badge" style="color: var(--color-success-ink); border-color: var(--color-success)">enabled on this app</span>
         <% else %>

data/app/views/style/_type_ladder.html.erb

@@ -0,0 +1,33 @@
+<%# Typography, in this app's own font. The type ladder, on trial on this page: each named
+    role, its pixel size at this page's density, and what it is for; then the text inks and
+    the weights. A role sets size, not the tag. Body and fine print follow the
+    page's base, so they read 14 and 10.5 on a dense admin page and 16 and 12 on a public one. %>
+<% dense = respond_to?(:type_dense_page?) && type_dense_page? %>
+<%
+  ladder = [
+    ["type-h1", "48px", "Marketing headline"],
+    ["type-h2", "30px", "Page title on a tool page"],
+    ["type-h3", "20px", "Section"],
+    ["type-h4", "16px", "Subsection"],
+    ["type-body", dense ? "14px" : "16px", "Body text"],
+    ["type-fine", dense ? "10.5px" : "12px", "Fine print"]
+  ]
+%>
+<div class="card p-4 space-y-2" data-test="style-type-ladder">
+  <h3 class="type-h4 text-heading">Typography</h3>
+  <% ladder.each do |role, size, use| %>
+    <div class="flex flex-col gap-0.5 min-w-0" data-type-role="<%= role %>">
+      <code class="text-xs text-muted shrink-0"><%= role %> · <%= size %></code>
+      <span class="<%= role %> text-heading min-w-0"><%= use %></span>
+    </div>
+  <% end %>
+  <hr class="border-subtle">
+  <p class="text-body text-sm">Body ink. The quick brown fox jumps over the lazy dog.</p>
+  <p class="text-secondary text-sm">Secondary ink. Additional context and metadata.</p>
+  <p class="text-muted text-xs">Muted ink. Timestamps, hints and fine print.</p>
+  <div class="flex flex-wrap gap-4 pt-1">
+    <% [400, 500, 600, 700, 800, 900].each do |weight| %>
+      <span class="type-h4 text-heading" style="font-weight: <%= weight %>"><%= weight %></span>
+    <% end %>
+  </div>
+</div>

data/app/views/style/index.html.erb

@@ -20,6 +20,10 @@
      specimen drives and why it is not the one the Modals section uses:
      app/views/style/_host.html.erb.
 
+     HEADINGS wear the type ladder, on trial on this page only (style/_type_ladder): the one
+     <h1> is studio/_page_header's, at type-h2; a section is an <h2> at type-h3; a subsection
+     is an <h3> at type-h4.
+
      Specimens use ONLY the engine's own classes (engine.css component layer plus
      engine-motion.css motion/effect/leveling layer), so a consumer that imports
      the engine's Tailwind entry (host.css: engine.css and engine-motion.css)
@@ -53,7 +57,7 @@
     ["components", "Components"]
   ]
 %>
-<div class="max-w-6xl mx-auto px-4 pt-6 pb-16">
+<div class="max-w-6xl mx-auto px-4 pt-6 pb-16" data-type-ladder>
   <%# The page's title and its section tabs: studio/_page_header, the row of the
       triple stack (docs/PAGE_HEADER.md). It sits at --z-sticky, above --z-raised,
       so the live hold button's portal bubbles scroll under it rather than over it.

data/docs/SITE_FOOTER.md

@@ -436,7 +436,7 @@ config.site_footer_chat_path = "/chat"             # or ->(view) { view.chat_pat
 
 | Setting | Meaning | Unset |
 |---------|---------|-------|
-| `site_footer_chat_path` | A path, or a callable taking the view (route helpers do not exist yet in an initializer). It answers nil to show no link on this page | No link |
+| `site_footer_chat_path` | A path, or a callable taking the view (route helpers do not exist yet in an initializer). It answers nil to show no link on this page; one that raises hides the link and reports it (the log on each render, `ErrorLog` once per error class), and the page still renders | No link |
 | `site_footer_chat_label` | The link's words | "Chat" |
 | `site_footer_chat_allowed` | A callable taking the viewer: `current_user`, **nil when signed out**, so write `user&.admin?` | `Studio.agent_chat_allowed` (everyone, by default) |
 

data/lib/studio/agent_chat.rb

@@ -25,7 +25,8 @@ module Studio
   # POST that still holds the visitor's anon token sends {email:, anon_token:},
   # and the hub folds the anonymous thread into the person's. A turn is
   # {id, role: "user"|"agent", text, created_at, status} with status
-  # pending|typing|answered|failed.
+  # pending|typing|answered|failed|held. held: stored, and no automatic answer is
+  # coming (a hub that predates it says failed for the same message).
   #
   # `voice` marks a spoken message: {check, score, duration_ms}, what POST
   # /voice/takes answered for the take (voice_param). NEVER A NAME: the hub
@@ -104,12 +105,13 @@ module Studio
       "silent" => { "button" => "Hold to talk" },
       "failed" => { "button" => "Hold to try again" },
       "denied" => { "button" => "Hold to talk" },
+      "tapped" => { "button" => "Hold to talk" },
       "unsupported" => { "button" => "Hold to talk" }
     }.freeze
 
     # The microphone chip's first words (the engine's say "tap Record").
     VOICE_CHIP_COPY = {
-      "prompt" => { "chip" => "Microphone: hold to talk to allow",
+      "prompt" => { "chip" => "Microphone: hold to allow",
                     "note" => "Hold the talk button once and allow the microphone. Then you can pick one here." }
     }.freeze
 

data/lib/studio/icons/README.md

@@ -0,0 +1,12 @@
+# Vendored icons
+
+`lucide/` holds the line icons `studio_icon` renders, copied unchanged from the
+`lucide-static` npm package, version 1.68.0. Lucide is under the ISC license, and its
+Feather-derived icons (`log-out` here) are under MIT. Both texts are in
+[`lucide/LICENSE`](lucide/LICENSE), which ships with the gem.
+
+The files are vendored, and render inline, because a strict CSP allows no icon CDN.
+
+To add an icon, copy its `.svg` from the same package version, and read it first. Vendor
+only what a view uses. `test/lib/studio_icons_test.rb` holds each file to the shape the
+helper reads.

data/lib/studio/icons/lucide/LICENSE

@@ -0,0 +1,43 @@
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+---
+
+The following Lucide icons are derived from the Feather project:
+
+airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out
+
+The MIT License (MIT) (for the icons listed above)
+
+Copyright (c) 2013-present Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/lib/studio/icons/lucide/activity.svg

@@ -0,0 +1,15 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-activity"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2" />
+</svg>

data/lib/studio/icons/lucide/book-open.svg

@@ -0,0 +1,16 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-book-open"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 5v16" />
+  <path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z" />
+</svg>

data/lib/studio/icons/lucide/chart-column.svg

@@ -0,0 +1,18 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-chart-column"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M3 3v16a2 2 0 0 0 2 2h16" />
+  <path d="M18 17V9" />
+  <path d="M13 17V5" />
+  <path d="M8 17v-3" />
+</svg>

data/lib/studio/icons/lucide/diamond.svg

@@ -0,0 +1,15 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-diamond"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41l-7.59-7.59a2.41 2.41 0 0 0-3.41 0Z" />
+</svg>

data/lib/studio/icons/lucide/door-stairwell.svg

@@ -0,0 +1,19 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-door-stairwell"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 17v-3a1 1 0 011-1h6" />
+  <path d="M19 17h-9a1 1 0 00-1 1v3" />
+  <path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16" />
+  <path d="M19 9h-3a1 1 0 00-1 1v3" />
+  <path d="M22 21H2" />
+</svg>

data/lib/studio/icons/lucide/globe.svg

@@ -0,0 +1,17 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-globe"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" />
+  <path d="M2 12h20" />
+</svg>

data/lib/studio/icons/lucide/hammer.svg

@@ -0,0 +1,17 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-hammer"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" />
+  <path d="m18 15 4-4" />
+  <path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" />
+</svg>

data/lib/studio/icons/lucide/inbox.svg

@@ -0,0 +1,16 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-inbox"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="22 12 16 12 14 15 10 15 8 12 2 12" />
+  <path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" />
+</svg>

data/lib/studio/icons/lucide/key-round.svg

@@ -0,0 +1,16 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-key-round"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" />
+  <circle cx="16.5" cy="7.5" r=".5" fill="currentColor" />
+</svg>

data/lib/studio/icons/lucide/layout-grid.svg

@@ -0,0 +1,18 @@
+<!-- @license lucide-static v1.68.0 - ISC -->
+<svg
+  class="lucide lucide-layout-grid"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="7" height="7" x="3" y="3" rx="1" />
+  <rect width="7" height="7" x="14" y="3" rx="1" />
+  <rect width="7" height="7" x="14" y="14" rx="1" />
+  <rect width="7" height="7" x="3" y="14" rx="1" />
+</svg>