create-theokit 1.23.3 → 1.23.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-theokit",
-  "version": "1.23.3",
+  "version": "1.23.5",
   "type": "module",
   "description": "Scaffold a new TheoKit project",
   "license": "Apache-2.0",

package/templates/default/public/favicon.svg

@@ -1 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="6" fill="#6366f1"/><text x="50%" y="55%" font-family="system-ui" font-size="20" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="middle">T</text></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" role="img" aria-label="Theo">
+  <rect x="0" y="0" width="1024" height="1024" rx="205" ry="205" fill="#431A7A"/>
+  <g fill="#ffffff" fill-rule="evenodd" transform="translate(512,512) scale(0.66) translate(-512,-512)">
+    <path d="M193.9,195.9 L180.9,198.9 L162.0,209.9 L149.0,224.9 L142.0,240.9 L140.0,250.9 L140.0,369.7 L142.0,379.7 L155.0,403.6 L163.0,411.6 L180.9,421.6 L193.9,424.6 L354.7,425.6 L366.7,430.6 L376.7,442.6 L379.7,452.6 L379.7,777.1 L384.7,793.1 L390.7,803.1 L411.6,821.1 L434.6,828.1 L585.4,828.1 L595.4,826.1 L608.4,821.1 L627.3,805.1 L635.3,792.1 L640.3,773.1 L639.3,475.5 L631.3,458.6 L623.4,450.6 L608.4,442.6 L503.5,439.6 L503.5,304.8 L411.6,203.9 L403.6,198.9 L392.7,195.9 Z"/>
+    <path d="M629.3,195.9 L612.4,202.9 L519.5,304.8 L519.5,424.6 L830.1,424.6 L848.0,419.6 L861.0,411.6 L875.0,395.7 L880.0,385.7 L884.0,369.7 L884.0,250.9 L879.0,232.9 L869.0,216.9 L857.0,205.9 L843.1,198.9 L829.1,195.9 Z"/>
+  </g>
+</svg>

package/templates/surfaces/desktop/frontend/src/App.tsx.tmpl

@@ -13,7 +13,7 @@ import {
 } from '@theokit/ui'
 import { Button } from '@usetheo/ui'
 import { createTauriChannelSource, type TauriCore } from '@theokit/tauri'
-import { Bot, Plus, Sparkles } from 'lucide-react'
+import { Bot, Minus, Plus, Sparkles, Square, X } from 'lucide-react'
 import { ChannelTransport, useAgent } from 'theokit/client'
 
 import { AGENT } from '../../shared/agent'
@@ -40,6 +40,26 @@ if (tauri === undefined) {
 }
 const transport = new ChannelTransport({ source: createTauriChannelSource(tauri.core) })
 
+// The window is frameless (`decorations: false` in tauri.conf.json) so the OS title bar can't clash with
+// the app background — the app owns its top bar. These drive the native window from our custom controls.
+// (The drag + these calls need `core:window:*` permissions in `src-tauri/capabilities/default.json`.)
+const appWindow = (
+  globalThis as {
+    __TAURI__?: {
+      window?: {
+        getCurrentWindow: () => {
+          minimize: () => Promise<void>
+          toggleMaximize: () => Promise<void>
+          close: () => Promise<void>
+        }
+      }
+    }
+  }
+).__TAURI__?.window
+const minimizeWindow = (): void => void appWindow?.getCurrentWindow().minimize()
+const maximizeWindow = (): void => void appWindow?.getCurrentWindow().toggleMaximize()
+const closeWindow = (): void => void appWindow?.getCurrentWindow().close()
+
 /** The agent's opening line (from `shared/agent.ts`) — so the conversation starts warm instead of empty. */
 const GREETING: UIMessage = {
   id: 'greeting',
@@ -68,11 +88,27 @@ const styles = {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
+    // A faint gray wash (4% of the text color over the background) makes the frameless title bar
+    // read as a distinct strip in BOTH themes, without breaking the seamless feel.
+    background: 'hsl(var(--foreground) / 0.04)',
     borderBottom: '1px solid hsl(var(--border) / 0.6)',
     padding: '8px 16px',
   },
   brand: { display: 'inline-flex', alignItems: 'center', gap: 8 },
   brandName: { fontWeight: 600, fontSize: 13, letterSpacing: '-0.01em' },
+  headerRight: { display: 'inline-flex', alignItems: 'center', gap: 4 },
+  winBtn: {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 28,
+    height: 28,
+    border: 'none',
+    borderRadius: 6,
+    background: 'transparent',
+    color: 'hsl(var(--muted-foreground))',
+    cursor: 'pointer',
+  },
   scroll: { flex: 1, overflowY: 'auto', minHeight: 0 },
   column: {
     margin: '0 auto',
@@ -116,12 +152,44 @@ export function App(): ReactElement {
   return (
     <TheoUIProvider>
       <div style={styles.page}>
-        <header style={styles.header}>
+        {/* Frameless title bar: `data-tauri-drag-region` makes the whole strip drag the window; the
+            background is the app background (with a faint wash), so the bar reads as one with the
+            content. Interactive children (theme switcher, window buttons) still receive clicks. */}
+        <header style={styles.header} data-tauri-drag-region>
           <span style={styles.brand}>
             <Bot size={18} style={{ color: 'hsl(var(--primary))' }} aria-hidden />
             <span style={styles.brandName}>{{name}} — TheoKit agent</span>
           </span>
-          <ThemeSwitcher />
+          <span style={styles.headerRight}>
+            <ThemeSwitcher />
+            <button
+              type="button"
+              style={styles.winBtn}
+              onClick={minimizeWindow}
+              aria-label="Minimize"
+              title="Minimize"
+            >
+              <Minus size={16} />
+            </button>
+            <button
+              type="button"
+              style={styles.winBtn}
+              onClick={maximizeWindow}
+              aria-label="Maximize"
+              title="Maximize"
+            >
+              <Square size={13} />
+            </button>
+            <button
+              type="button"
+              style={styles.winBtn}
+              onClick={closeWindow}
+              aria-label="Close"
+              title="Close"
+            >
+              <X size={16} />
+            </button>
+          </span>
         </header>
 
         <div style={styles.scroll}>

package/templates/surfaces/desktop/src-tauri/capabilities/default.json

@@ -1,10 +1,16 @@
 {
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "default",
-  "description": "Allow the webview to run the agent turn + settle HITL via the sidecar.",
+  "description": "Allow the webview to run the agent turn + settle HITL via the sidecar, and drive the frameless window (drag + minimize/maximize/close).",
   "windows": ["main"],
   "permissions": [
     "core:default",
+    "core:window:allow-start-dragging",
+    "core:window:allow-minimize",
+    "core:window:allow-maximize",
+    "core:window:allow-unmaximize",
+    "core:window:allow-toggle-maximize",
+    "core:window:allow-close",
     "shell:allow-spawn",
     {
       "identifier": "shell:allow-execute",

package/templates/surfaces/desktop/src-tauri/src/lib.rs

@@ -29,6 +29,9 @@ async fn run_turn(
         .shell()
         .sidecar("theo-sidecar")
         .map_err(|e| e.to_string())?
+        // Forward this process's environment (the provider key — OPENROUTER_API_KEY /
+        // ANTHROPIC_API_KEY — lives here) so the sidecar can authenticate.
+        .envs(std::env::vars())
         .args([message])
         .spawn()
         .map_err(|e| e.to_string())?;
@@ -41,18 +44,22 @@ async fn run_turn(
         *guard = Some(child);
     }
 
-    tauri::async_runtime::spawn(async move {
-        while let Some(event) = rx.recv().await {
-            match event {
-                CommandEvent::Stdout(bytes) => {
-                    let line = String::from_utf8_lossy(&bytes).to_string();
-                    let _ = on_chunk.send(line);
-                }
-                CommandEvent::Terminated(_) => break,
-                _ => {}
+    // AWAIT the stream inline — do NOT spawn a detached task and return early. The webview's
+    // `ChannelTransport` calls `invoke('run_turn').then(onClose)`, and `onClose` CLOSES the stream
+    // (further chunks are dropped). If `run_turn` resolves before the sidecar's chunks are delivered
+    // over the Channel, every chunk lands after the stream is closed → the agent renders no reply.
+    // Resolving only after the sidecar terminates makes `onClose` fire AFTER the last chunk. HITL is
+    // unaffected: `approve` writes to the child's stdin via shared state while this loop awaits.
+    while let Some(event) = rx.recv().await {
+        match event {
+            CommandEvent::Stdout(bytes) => {
+                let line = String::from_utf8_lossy(&bytes).to_string();
+                let _ = on_chunk.send(line);
             }
+            CommandEvent::Terminated(_) => break,
+            _ => {}
         }
-    });
+    }
     Ok(())
 }
 

package/templates/surfaces/desktop/src-tauri/tauri.conf.json.tmpl

@@ -16,7 +16,8 @@
         "label": "main",
         "title": "{{name}} — TheoKit desktop",
         "width": 900,
-        "height": 680
+        "height": 680,
+        "decorations": false
       }
     ],
     "security": {