feat: themes

frontend/src/components/editor/examples.ts

@@ -278,6 +278,35 @@ export const EXAMPLES: Example[] = [
   peer_status "Node Gamma" degraded
 
   divider heavy
+  link "Home" "/page/index.mu"`,
+  },
+  {
+    name: "Themed Page",
+    description: "Same layout with different visual themes (try: nouveau, gothic, bamboo, circuit, brutalist)",
+    source: `page "Node Status" 50
+  theme nouveau
+
+  box heavy "Relay Alpha-7"
+    align center
+    text "Reticulum Network Node"
+
+  spacer
+
+  heading 1 "Resources"
+
+  gauge "CPU" 62 100 24 warn=75 crit=90
+  gauge "MEM" 84 100 24 warn=80 crit=95
+
+  spacer
+
+  heading 2 "Peers"
+
+  status "East Relay" online
+  status "South Bridge" online
+  status "Node Gamma" degraded
+
+  divider heavy
+
   link "Home" "/page/index.mu"`,
   },
   {

frontend/src/components/editor/uframeCommands.ts

@@ -155,6 +155,44 @@ const COMMANDS: CmdEntry[] = [
     ),
   },
 
+  // Themes — type /theme to filter all 6
+  {
+    label: "theme_default",
+    detail: "clean box-drawing ┌─┐●█░",
+    section: "Theme",
+    apply: insert("theme default"),
+  },
+  {
+    label: "theme_nouveau",
+    detail: "flowing ornament ☙❧❀▐",
+    section: "Theme",
+    apply: insert("theme nouveau"),
+  },
+  {
+    label: "theme_gothic",
+    detail: "blackletter ╬═║⚑▓",
+    section: "Theme",
+    apply: insert("theme gothic"),
+  },
+  {
+    label: "theme_bamboo",
+    detail: "minimal brush 〔〕◉┄",
+    section: "Theme",
+    apply: insert("theme bamboo"),
+  },
+  {
+    label: "theme_circuit",
+    detail: "digital neon ╒▰◈⚡",
+    section: "Theme",
+    apply: insert("theme circuit"),
+  },
+  {
+    label: "theme_brutalist",
+    detail: "raw blocks █▌■□",
+    section: "Theme",
+    apply: insert("theme brutalist"),
+  },
+
   // Templates
   {
     label: "dashboard",

frontend/src/routes/EditorView.tsx

@@ -40,6 +40,8 @@ export default function EditorView() {
       autocompletion({
         override: [uframeCommandSource],
         icons: false,
+        activateOnTyping: true,
+        maxOptions: 50,
       }),
     ],
     [],