Add Foundry Tauri v2 desktop app with UI polish

- Scaffold Tauri v2 desktop package (foundry/packages/desktop)
- Sidecar build script compiles backend into standalone Bun binary
- Frontend build script packages Vite output for Tauri webview
- macOS glass-effect app icon following Big Sur design standards
- Collapsible sidebars with smooth width transitions
- Inset content framing with borders and nested border-radius (Outer R = Inner R + Padding)
- iMessage-style chat bubble styling with proper corner radii
- Styled composer input with matching border-radius
- Vertical separator between chat and right sidebar
- Website download button component
- Cargo workspace exclude for standalone Tauri build

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

foundry/packages/desktop/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@sandbox-agent/foundry-desktop",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tauri dev",
+    "build": "tauri build",
+    "build:sidecar": "tsx scripts/build-sidecar.ts",
+    "build:frontend": "tsx scripts/build-frontend.ts",
+    "build:all": "pnpm build:sidecar && pnpm build:frontend && pnpm build",
+    "tauri": "tauri"
+  },
+  "devDependencies": {
+    "@tauri-apps/cli": "^2",
+    "tsx": "^4"
+  },
+  "dependencies": {
+    "@tauri-apps/api": "^2",
+    "@tauri-apps/plugin-shell": "^2"
+  }
+}

foundry/packages/desktop/scripts/build-frontend.ts

@@ -0,0 +1,42 @@
+import { execSync } from "node:child_process";
+import { cpSync, readFileSync, writeFileSync, rmSync, existsSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const desktopRoot = resolve(__dirname, "..");
+const repoRoot = resolve(desktopRoot, "../../..");
+const frontendDist = resolve(desktopRoot, "../frontend/dist");
+const destDir = resolve(desktopRoot, "frontend-dist");
+
+function run(cmd: string, opts?: { cwd?: string; env?: NodeJS.ProcessEnv }) {
+  console.log(`> ${cmd}`);
+  execSync(cmd, {
+    stdio: "inherit",
+    cwd: opts?.cwd ?? repoRoot,
+    env: { ...process.env, ...opts?.env },
+  });
+}
+
+// Step 1: Build the frontend with the desktop-specific backend endpoint
+console.log("\n=== Building frontend for desktop ===\n");
+run("pnpm --filter @sandbox-agent/foundry-frontend build", {
+  env: {
+    VITE_HF_BACKEND_ENDPOINT: "http://127.0.0.1:7741/api/rivet",
+  },
+});
+
+// Step 2: Copy dist to frontend-dist/
+console.log("\n=== Copying frontend build output ===\n");
+if (existsSync(destDir)) {
+  rmSync(destDir, { recursive: true });
+}
+cpSync(frontendDist, destDir, { recursive: true });
+
+// Step 3: Strip react-scan script from index.html (it loads unconditionally)
+const indexPath = resolve(destDir, "index.html");
+let html = readFileSync(indexPath, "utf-8");
+html = html.replace(/<script\s+src="https:\/\/unpkg\.com\/react-scan\/dist\/auto\.global\.js"[^>]*><\/script>\s*/g, "");
+writeFileSync(indexPath, html);
+
+console.log("\n=== Frontend build complete ===\n");

foundry/packages/desktop/scripts/build-sidecar.ts

@@ -0,0 +1,68 @@
+import { execSync } from "node:child_process";
+import { mkdirSync, existsSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const desktopRoot = resolve(__dirname, "..");
+const sidecarDir = resolve(desktopRoot, "src-tauri/sidecars");
+
+const isDev = process.argv.includes("--dev");
+
+// Detect current architecture
+function currentTarget(): string {
+  const arch = process.arch === "arm64" ? "aarch64" : "x86_64";
+  return `${arch}-apple-darwin`;
+}
+
+// Target triples to build
+const targets: Array<{ bunTarget: string; tripleTarget: string }> = isDev
+  ? [
+      {
+        bunTarget: process.arch === "arm64" ? "bun-darwin-arm64" : "bun-darwin-x64",
+        tripleTarget: currentTarget(),
+      },
+    ]
+  : [
+      {
+        bunTarget: "bun-darwin-arm64",
+        tripleTarget: "aarch64-apple-darwin",
+      },
+      {
+        bunTarget: "bun-darwin-x64",
+        tripleTarget: "x86_64-apple-darwin",
+      },
+    ];
+
+function run(cmd: string, opts?: { cwd?: string; env?: NodeJS.ProcessEnv }) {
+  console.log(`> ${cmd}`);
+  execSync(cmd, {
+    stdio: "inherit",
+    cwd: opts?.cwd ?? desktopRoot,
+    env: { ...process.env, ...opts?.env },
+  });
+}
+
+// Step 1: Build the backend with tsup
+console.log("\n=== Building backend with tsup ===\n");
+run("pnpm --filter @sandbox-agent/foundry-backend build", {
+  cwd: resolve(desktopRoot, "../../.."),
+});
+
+// Step 2: Compile standalone binaries with bun
+mkdirSync(sidecarDir, { recursive: true });
+
+const backendEntry = resolve(desktopRoot, "../backend/dist/index.js");
+
+if (!existsSync(backendEntry)) {
+  console.error(`Backend build output not found at ${backendEntry}`);
+  process.exit(1);
+}
+
+for (const { bunTarget, tripleTarget } of targets) {
+  const outfile = resolve(sidecarDir, `foundry-backend-${tripleTarget}`);
+  console.log(`\n=== Compiling sidecar for ${tripleTarget} ===\n`);
+  run(`bun build --compile --target ${bunTarget} ${backendEntry} --outfile ${outfile}`);
+}
+
+console.log("\n=== Sidecar build complete ===\n");

foundry/packages/desktop/src-tauri/Cargo.toml

@@ -0,0 +1,15 @@
+[package]
+name = "foundry-desktop"
+version = "0.1.0"
+edition = "2021"
+
+[build-dependencies]
+tauri-build = { version = "2", features = [] }
+
+[dependencies]
+tauri = { version = "2", features = [] }
+tauri-plugin-shell = "2"
+serde = { version = "1", features = ["derive"] }
+serde_json = "1"
+reqwest = { version = "0.12", features = ["json"] }
+tokio = { version = "1", features = ["time"] }

foundry/packages/desktop/src-tauri/build.rs

@@ -0,0 +1,3 @@
+fn main() {
+    tauri_build::build()
+}

foundry/packages/desktop/src-tauri/capabilities/default.json

@@ -0,0 +1,30 @@
+{
+  "identifier": "default",
+  "description": "Default capability for Foundry desktop",
+  "windows": ["main"],
+  "permissions": [
+    "core:default",
+    "core:window:allow-start-dragging",
+    "shell:allow-open",
+    {
+      "identifier": "shell:allow-execute",
+      "allow": [
+        {
+          "name": "sidecars/foundry-backend",
+          "sidecar": true,
+          "args": true
+        }
+      ]
+    },
+    {
+      "identifier": "shell:allow-spawn",
+      "allow": [
+        {
+          "name": "sidecars/foundry-backend",
+          "sidecar": true,
+          "args": true
+        }
+      ]
+    }
+  ]
+}

foundry/packages/desktop/src-tauri/gen/schemas/capabilities.json

@@ -0,0 +1 @@
+{"default":{"identifier":"default","description":"Default capability for Foundry desktop","local":true,"windows":["main"],"permissions":["core:default","core:window:allow-start-dragging","shell:allow-open",{"identifier":"shell:allow-execute","allow":[{"args":true,"name":"sidecars/foundry-backend","sidecar":true}]},{"identifier":"shell:allow-spawn","allow":[{"args":true,"name":"sidecars/foundry-backend","sidecar":true}]}]}}

foundry/packages/desktop/src-tauri/icons/android/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+  <background android:drawable="@color/ic_launcher_background"/>
+</adaptive-icon>

foundry/packages/desktop/src-tauri/icons/android/values/ic_launcher_background.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="ic_launcher_background">#fff</color>
+</resources>

foundry/packages/desktop/src-tauri/icons/icon-source.svg

@@ -0,0 +1,130 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- macOS squircle clip path (continuous corner radius ~22.37% = 229px) -->
+    <clipPath id="squircle-clip">
+      <path d="
+        M 229 0
+        H 795
+        C 921.5 0 1024 102.5 1024 229
+        V 795
+        C 1024 921.5 921.5 1024 795 1024
+        H 229
+        C 102.5 1024 0 921.5 0 795
+        V 229
+        C 0 102.5 102.5 0 229 0
+        Z
+      "/>
+    </clipPath>
+
+    <!-- macOS squircle shape for stroke -->
+    <path id="squircle-path" d="
+      M 229 0
+      H 795
+      C 921.5 0 1024 102.5 1024 229
+      V 795
+      C 1024 921.5 921.5 1024 795 1024
+      H 229
+      C 102.5 1024 0 921.5 0 795
+      V 229
+      C 0 102.5 102.5 0 229 0
+      Z
+    "/>
+
+    <!-- Base dark gradient with subtle depth -->
+    <linearGradient id="base-gradient" x1="0" y1="0" x2="1024" y2="1024" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#1A1A1A"/>
+      <stop offset="0.5" stop-color="#0F0F0F"/>
+      <stop offset="1" stop-color="#0A0A0A"/>
+    </linearGradient>
+
+    <!-- Glass highlight overlay (top-left lighter) -->
+    <linearGradient id="glass-overlay" x1="0" y1="0" x2="1024" y2="1024" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="white" stop-opacity="0.12"/>
+      <stop offset="0.35" stop-color="white" stop-opacity="0.04"/>
+      <stop offset="0.65" stop-color="white" stop-opacity="0"/>
+      <stop offset="1" stop-color="black" stop-opacity="0.15"/>
+    </linearGradient>
+
+    <!-- Top edge highlight (light reflection) -->
+    <linearGradient id="top-highlight" x1="256" y1="0" x2="768" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="white" stop-opacity="0"/>
+      <stop offset="0.2" stop-color="white" stop-opacity="0.4"/>
+      <stop offset="0.5" stop-color="white" stop-opacity="0.6"/>
+      <stop offset="0.8" stop-color="white" stop-opacity="0.4"/>
+      <stop offset="1" stop-color="white" stop-opacity="0"/>
+    </linearGradient>
+
+    <!-- Inner border glow -->
+    <filter id="inner-border-glow" x="-10%" y="-10%" width="120%" height="120%">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="6" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Subtle inner shadow for depth -->
+    <radialGradient id="vignette" cx="0.5" cy="0.4" r="0.65" fx="0.5" fy="0.35">
+      <stop offset="0" stop-color="white" stop-opacity="0.03"/>
+      <stop offset="0.7" stop-color="black" stop-opacity="0"/>
+      <stop offset="1" stop-color="black" stop-opacity="0.2"/>
+    </radialGradient>
+
+    <!-- Inner rounded rect for the border -->
+    <rect id="inner-border-rect" x="152" y="152" width="720" height="720" rx="205"/>
+
+    <!-- Glow filter for inner border -->
+    <filter id="glow" x="-5%" y="-5%" width="110%" height="110%">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"/>
+      <feFlood flood-color="#F0F0F0" flood-opacity="0.15" result="color"/>
+      <feComposite in="color" in2="blur" operator="in" result="glow"/>
+      <feMerge>
+        <feMergeNode in="glow"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Specular highlight on the Y mark -->
+    <linearGradient id="logo-gradient" x1="380" y1="340" x2="640" y2="730" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#FFFFFF"/>
+      <stop offset="0.6" stop-color="#F0F0F0"/>
+      <stop offset="1" stop-color="#E0E0E0"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Outer squircle shape -->
+  <g clip-path="url(#squircle-clip)">
+    <!-- Base fill with gradient -->
+    <use href="#squircle-path" fill="url(#base-gradient)"/>
+
+    <!-- Vignette/radial depth -->
+    <use href="#squircle-path" fill="url(#vignette)"/>
+
+    <!-- Glass overlay -->
+    <use href="#squircle-path" fill="url(#glass-overlay)"/>
+
+    <!-- Inner rounded border with glow -->
+    <g filter="url(#glow)">
+      <rect x="152" y="152" width="720" height="720" rx="205"
+            fill="none" stroke="#F0F0F0" stroke-width="67" stroke-opacity="0.9"/>
+    </g>
+
+    <!-- Y-shaped / triskelion logo mark, scaled from 130x128 to fit ~1024 -->
+    <!-- Original viewBox was 130x128, scaling factor ~7.87. Centered in the icon. -->
+    <g transform="translate(512, 512) scale(7.87) translate(-65, -64)">
+      <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M88.0429 44.2658C89.3803 43.625 90.8907 44.1955 91.5731 45.3776C92.2556 46.5596 91.9945 48.1529 90.7709 48.9907L72.3923 62.885C71.8013 63.2262 71.4248 63.7062 71.1029 64.2861C70.781 64.8659 70.5554 65.3922 70.5443 66.0553L67.7403 88.9495C67.521 90.3894 66.4114 91.423 64.9867 91.4576C63.5619 91.4922 62.3731 90.3429 62.24 88.9751L59.3859 66.0642C59.3971 65.4011 59.2126 64.8489 58.8714 64.2579C58.5302 63.6669 58.1442 63.231 57.5643 62.9091L39.15 48.9819C38.032 48.1828 37.6311 46.5786 38.3734 45.362C39.1157 44.1454 40.5656 43.7013 41.9223 44.2314L63.1512 53.2502C63.731 53.5721 64.2996 53.6398 64.9627 53.651C65.6259 53.6622 66.2298 53.5761 66.8208 53.2349L88.0429 44.2658Z"
+            fill="url(#logo-gradient)"/>
+    </g>
+  </g>
+
+  <!-- Outer squircle border (subtle) -->
+  <use href="#squircle-path" fill="none" stroke="#333333" stroke-width="1.5" stroke-opacity="0.5"/>
+
+  <!-- Top edge highlight reflection -->
+  <path d="
+    M 229 2
+    H 795
+    C 920 2 1022 103 1022 229
+  " fill="none" stroke="url(#top-highlight)" stroke-width="2" stroke-linecap="round"/>
+</svg>

foundry/packages/desktop/src-tauri/src/lib.rs

@@ -0,0 +1,131 @@
+use std::sync::Mutex;
+use tauri::{AppHandle, Manager};
+use tauri_plugin_shell::process::CommandChild;
+use tauri_plugin_shell::ShellExt;
+
+struct BackendState {
+    child: Mutex<Option<CommandChild>>,
+}
+
+#[tauri::command]
+fn get_backend_url() -> String {
+    "http://127.0.0.1:7741".to_string()
+}
+
+#[tauri::command]
+async fn backend_health() -> Result<bool, String> {
+    match reqwest::get("http://127.0.0.1:7741/api/rivet/metadata").await {
+        Ok(resp) => Ok(resp.status().is_success()),
+        Err(_) => Ok(false),
+    }
+}
+
+async fn wait_for_backend(timeout_secs: u64) -> Result<(), String> {
+    let start = std::time::Instant::now();
+    let timeout = std::time::Duration::from_secs(timeout_secs);
+
+    loop {
+        if start.elapsed() > timeout {
+            return Err(format!(
+                "Backend failed to start within {} seconds",
+                timeout_secs
+            ));
+        }
+
+        match reqwest::get("http://127.0.0.1:7741/api/rivet/metadata").await {
+            Ok(resp) if resp.status().is_success() => return Ok(()),
+            _ => {}
+        }
+
+        tokio::time::sleep(std::time::Duration::from_millis(250)).await;
+    }
+}
+
+fn spawn_backend(app: &AppHandle) -> Result<(), String> {
+    let sidecar = app
+        .shell()
+        .sidecar("sidecars/foundry-backend")
+        .map_err(|e| format!("Failed to create sidecar command: {}", e))?
+        .args(["start", "--host", "127.0.0.1", "--port", "7741"]);
+
+    let (mut rx, child) = sidecar
+        .spawn()
+        .map_err(|e| format!("Failed to spawn backend sidecar: {}", e))?;
+
+    // Store the child process handle for cleanup
+    let state = app.state::<BackendState>();
+    *state.child.lock().unwrap() = Some(child);
+
+    // Log sidecar stdout/stderr in a background task
+    tauri::async_runtime::spawn(async move {
+        use tauri_plugin_shell::process::CommandEvent;
+        while let Some(event) = rx.recv().await {
+            match event {
+                CommandEvent::Stdout(line) => {
+                    eprintln!("[foundry-backend] {}", String::from_utf8_lossy(&line));
+                }
+                CommandEvent::Stderr(line) => {
+                    eprintln!("[foundry-backend] {}", String::from_utf8_lossy(&line));
+                }
+                CommandEvent::Terminated(payload) => {
+                    eprintln!(
+                        "[foundry-backend] process exited with code {:?}",
+                        payload.code
+                    );
+                    break;
+                }
+                CommandEvent::Error(err) => {
+                    eprintln!("[foundry-backend] error: {}", err);
+                    break;
+                }
+                _ => {}
+            }
+        }
+    });
+
+    Ok(())
+}
+
+#[cfg_attr(mobile, tauri::mobile_entry_point)]
+pub fn run() {
+    tauri::Builder::default()
+        .plugin(tauri_plugin_shell::init())
+        .manage(BackendState {
+            child: Mutex::new(None),
+        })
+        .invoke_handler(tauri::generate_handler![get_backend_url, backend_health])
+        .setup(|app| {
+            // In debug mode, assume the developer is running the backend externally
+            if cfg!(debug_assertions) {
+                eprintln!("[foundry-desktop] Dev mode: skipping sidecar spawn. Run the backend separately.");
+                return Ok(());
+            }
+
+            let handle = app.handle().clone();
+            tauri::async_runtime::spawn(async move {
+                if let Err(e) = spawn_backend(&handle) {
+                    eprintln!("[foundry-desktop] Failed to start backend: {}", e);
+                    return;
+                }
+
+                match wait_for_backend(30).await {
+                    Ok(()) => eprintln!("[foundry-desktop] Backend is ready."),
+                    Err(e) => eprintln!("[foundry-desktop] {}", e),
+                }
+            });
+
+            Ok(())
+        })
+        .on_window_event(|window, event| {
+            if let tauri::WindowEvent::Destroyed = event {
+                let state = window.state::<BackendState>();
+                let child = state.child.lock().unwrap().take();
+                if let Some(child) = child {
+                    let _ = child.kill();
+                    eprintln!("[foundry-desktop] Backend sidecar killed.");
+                }
+            }
+        })
+        .run(tauri::generate_context!())
+        .expect("error while running Foundry");
+}

foundry/packages/desktop/src-tauri/src/main.rs

@@ -0,0 +1,5 @@
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+fn main() {
+    foundry_desktop::run();
+}

foundry/packages/desktop/src-tauri/tauri.conf.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "https://raw.githubusercontent.com/tauri-apps/tauri/dev/crates/tauri-cli/schema.json",
+  "productName": "Foundry",
+  "version": "0.1.0",
+  "identifier": "dev.sandboxagent.foundry",
+  "build": {
+    "beforeDevCommand": "VITE_DESKTOP=1 pnpm --filter @sandbox-agent/foundry-frontend dev",
+    "devUrl": "http://localhost:4173",
+    "frontendDist": "../frontend-dist"
+  },
+  "app": {
+    "windows": [
+      {
+        "title": "Foundry",
+        "width": 1280,
+        "height": 800,
+        "minWidth": 900,
+        "minHeight": 600,
+        "resizable": true,
+        "theme": "Dark",
+        "titleBarStyle": "Overlay",
+        "hiddenTitle": true
+      }
+    ],
+    "security": {
+      "csp": null
+    }
+  },
+  "bundle": {
+    "active": true,
+    "targets": ["dmg", "app"],
+    "icon": ["icons/32x32.png", "icons/128x128.png", "icons/128x128@2x.png", "icons/icon.icns", "icons/icon.ico"],
+    "macOS": {
+      "signingIdentity": null
+    },
+    "externalBin": ["sidecars/foundry-backend"]
+  },
+  "plugins": {
+    "shell": {
+      "open": true
+    }
+  }
+}