openwork 0.1.1-rc.6 → 0.1.2

package/README.md

@@ -43,6 +43,7 @@ Or configure them in-app via the settings panel.
 | --------- | ----------------------------------------------------------------- |
 | Anthropic | Claude Opus 4.5, Claude Sonnet 4.5, Claude Haiku 4.5, Claude Opus 4.1, Claude Sonnet 4 |
 | OpenAI    | GPT-5.2, GPT-5.1, o3, o3 Mini, o4 Mini, o1, GPT-4.1, GPT-4o       |
+| Google    | Gemini 3 Pro Preview, Gemini 2.5 Pro, Gemini 2.5 Flash, Gemini 2.5 Flash Lite |
 
 ## Contributing
 

package/out/main/index.js

@@ -10,6 +10,7 @@ const fs = require("fs");
 const os = require("os");
 const anthropic = require("@langchain/anthropic");
 const openai = require("@langchain/openai");
+const googleGenai = require("@langchain/google-genai");
 const initSqlJs = require("sql.js");
 const langgraphCheckpoint = require("@langchain/langgraph-checkpoint");
 const node_child_process = require("node:child_process");
@@ -104,7 +105,8 @@ const OPENWORK_DIR = path.join(os.homedir(), ".openwork");
 const ENV_FILE = path.join(OPENWORK_DIR, ".env");
 const ENV_VAR_NAMES = {
   anthropic: "ANTHROPIC_API_KEY",
-  openai: "OPENAI_API_KEY"
+  openai: "OPENAI_API_KEY",
+  google: "GOOGLE_API_KEY"
 };
 function getOpenworkDir() {
   if (!fs.existsSync(OPENWORK_DIR)) {
@@ -175,7 +177,8 @@ const store = new Store({
 });
 const PROVIDERS = [
   { id: "anthropic", name: "Anthropic" },
-  { id: "openai", name: "OpenAI" }
+  { id: "openai", name: "OpenAI" },
+  { id: "google", name: "Google" }
 ];
 const AVAILABLE_MODELS = [
   // Anthropic Claude 4.5 series (latest as of Jan 2026)
@@ -310,6 +313,39 @@ const AVAILABLE_MODELS = [
     model: "gpt-4o-mini",
     description: "Cost-efficient variant with faster response times",
     available: true
+  },
+  // Google Gemini models
+  {
+    id: "gemini-3-pro-preview",
+    name: "Gemini 3 Pro Preview",
+    provider: "google",
+    model: "gemini-3-pro-preview",
+    description: "State-of-the-art reasoning and multimodal understanding",
+    available: true
+  },
+  {
+    id: "gemini-2.5-pro",
+    name: "Gemini 2.5 Pro",
+    provider: "google",
+    model: "gemini-2.5-pro",
+    description: "High-capability model for complex reasoning and coding",
+    available: true
+  },
+  {
+    id: "gemini-2.5-flash",
+    name: "Gemini 2.5 Flash",
+    provider: "google",
+    model: "gemini-2.5-flash",
+    description: "Lightning-fast with balance of intelligence and latency",
+    available: true
+  },
+  {
+    id: "gemini-2.5-flash-lite",
+    name: "Gemini 2.5 Flash Lite",
+    provider: "google",
+    model: "gemini-2.5-flash-lite",
+    description: "Fast, low-cost, high-performance model",
+    available: true
   }
 ];
 function registerModelHandlers(ipcMain) {
@@ -495,6 +531,47 @@ function registerModelHandlers(ipcMain) {
       }
     }
   );
+  ipcMain.handle(
+    "workspace:readBinaryFile",
+    async (_event, { threadId, filePath }) => {
+      const { getThread: getThread2 } = await Promise.resolve().then(() => index);
+      const thread = getThread2(threadId);
+      const metadata = thread?.metadata ? JSON.parse(thread.metadata) : {};
+      const workspacePath = metadata.workspacePath;
+      if (!workspacePath) {
+        return {
+          success: false,
+          error: "No workspace folder linked"
+        };
+      }
+      try {
+        const relativePath = filePath.startsWith("/") ? filePath.slice(1) : filePath;
+        const fullPath = path__namespace.join(workspacePath, relativePath);
+        const resolvedPath = path__namespace.resolve(fullPath);
+        const resolvedWorkspace = path__namespace.resolve(workspacePath);
+        if (!resolvedPath.startsWith(resolvedWorkspace)) {
+          return { success: false, error: "Access denied: path outside workspace" };
+        }
+        const stat = await fs__namespace$1.stat(fullPath);
+        if (stat.isDirectory()) {
+          return { success: false, error: "Cannot read directory as file" };
+        }
+        const buffer = await fs__namespace$1.readFile(fullPath);
+        const base64 = buffer.toString("base64");
+        return {
+          success: true,
+          content: base64,
+          size: stat.size,
+          modified_at: stat.mtime.toISOString()
+        };
+      } catch (e) {
+        return {
+          success: false,
+          error: e instanceof Error ? e.message : "Unknown error"
+        };
+      }
+    }
+  );
 }
 function getDefaultModel() {
   return store.get("defaultModel", "claude-sonnet-4-5-20250929");
@@ -1106,6 +1183,16 @@ function getModelInstance(modelId) {
       model,
       openAIApiKey: apiKey
     });
+  } else if (model.startsWith("gemini")) {
+    const apiKey = getApiKey("google");
+    console.log("[Runtime] Google API key present:", !!apiKey);
+    if (!apiKey) {
+      throw new Error("Google API key not configured");
+    }
+    return new googleGenai.ChatGoogleGenerativeAI({
+      model,
+      apiKey
+    });
   }
   return model;
 }

package/out/preload/index.js

@@ -133,6 +133,9 @@ const api = {
     readFile: (threadId, filePath) => {
       return electron.ipcRenderer.invoke("workspace:readFile", { threadId, filePath });
     },
+    readBinaryFile: (threadId, filePath) => {
+      return electron.ipcRenderer.invoke("workspace:readBinaryFile", { threadId, filePath });
+    },
     // Listen for file changes in the workspace
     onFilesChanged: (callback) => {
       const handler = (_, data) => {

package/out/renderer/assets/{index-BOB_WPKv.js → index-B2jeuXtB.js}

@@ -12575,6 +12575,11 @@ const Download = createLucideIcon("Download", [
   ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
   ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
 ]);
+const ExternalLink = createLucideIcon("ExternalLink", [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+]);
 const EyeOff = createLucideIcon("EyeOff", [
   [
     "path",
@@ -12710,6 +12715,18 @@ const GripVertical = createLucideIcon("GripVertical", [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ]);
+const Hand = createLucideIcon("Hand", [
+  ["path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2", key: "1fvzgz" }],
+  ["path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2", key: "1kc0my" }],
+  ["path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8", key: "10h0bg" }],
+  [
+    "path",
+    {
+      d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15",
+      key: "1s1gnw"
+    }
+  ]
+]);
 const Image = createLucideIcon("Image", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
@@ -12730,9 +12747,20 @@ const ListTodo = createLucideIcon("ListTodo", [
 const LoaderCircle = createLucideIcon("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
+const Maximize2 = createLucideIcon("Maximize2", [
+  ["polyline", { points: "15 3 21 3 21 9", key: "mznyad" }],
+  ["polyline", { points: "9 21 3 21 3 15", key: "1avn1i" }],
+  ["line", { x1: "21", x2: "14", y1: "3", y2: "10", key: "ota7mn" }],
+  ["line", { x1: "3", x2: "10", y1: "21", y2: "14", key: "1atl0r" }]
+]);
 const MessageSquare = createLucideIcon("MessageSquare", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
 ]);
+const Music = createLucideIcon("Music", [
+  ["path", { d: "M9 18V5l12-2v13", key: "1jmyc2" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["circle", { cx: "18", cy: "16", r: "3", key: "1hluhg" }]
+]);
 const Pencil = createLucideIcon("Pencil", [
   [
     "path",
@@ -12747,6 +12775,10 @@ const Plus = createLucideIcon("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
+const RotateCw = createLucideIcon("RotateCw", [
+  ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
+]);
 const Search = createLucideIcon("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -12789,10 +12821,31 @@ const User = createLucideIcon("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
+const Video = createLucideIcon("Video", [
+  [
+    "path",
+    {
+      d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
+      key: "ftymec"
+    }
+  ],
+  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
+]);
 const X$2 = createLucideIcon("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
+const ZoomIn = createLucideIcon("ZoomIn", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65", key: "13gj7c" }],
+  ["line", { x1: "11", x2: "11", y1: "8", y2: "14", key: "1vmskp" }],
+  ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
+]);
+const ZoomOut = createLucideIcon("ZoomOut", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65", key: "13gj7c" }],
+  ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
+]);
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -22214,6 +22267,187 @@ function FileIcon$1({ name: name2 }) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "size-3.5 text-muted-foreground shrink-0" });
   }
 }
+const IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([
+  "png",
+  "jpg",
+  "jpeg",
+  "gif",
+  "svg",
+  "webp",
+  "bmp",
+  "ico",
+  "tiff",
+  "tif"
+]);
+const VIDEO_EXTENSIONS = /* @__PURE__ */ new Set([
+  "mp4",
+  "webm",
+  "ogg",
+  "ogv",
+  "mov",
+  "avi",
+  "wmv",
+  "flv",
+  "mkv"
+]);
+const AUDIO_EXTENSIONS = /* @__PURE__ */ new Set([
+  "mp3",
+  "wav",
+  "ogg",
+  "oga",
+  "m4a",
+  "flac",
+  "aac",
+  "weba"
+]);
+const PDF_EXTENSIONS = /* @__PURE__ */ new Set(["pdf"]);
+const CODE_EXTENSIONS = /* @__PURE__ */ new Set([
+  "ts",
+  "tsx",
+  "js",
+  "jsx",
+  "mjs",
+  "cjs",
+  "py",
+  "java",
+  "c",
+  "cpp",
+  "h",
+  "hpp",
+  "cs",
+  "go",
+  "rs",
+  "rb",
+  "php",
+  "json",
+  "xml",
+  "yaml",
+  "yml",
+  "toml",
+  "css",
+  "scss",
+  "sass",
+  "less",
+  "html",
+  "htm",
+  "vue",
+  "svelte",
+  "md",
+  "mdx",
+  "markdown",
+  "sh",
+  "bash",
+  "zsh",
+  "fish",
+  "sql",
+  "graphql",
+  "proto",
+  "dockerfile",
+  "makefile"
+]);
+const TEXT_EXTENSIONS = /* @__PURE__ */ new Set([
+  "txt",
+  "log",
+  "csv",
+  "tsv",
+  "env",
+  "gitignore",
+  "editorconfig",
+  "conf",
+  "config",
+  "ini",
+  "cfg"
+]);
+function getFileType(fileName) {
+  const ext = fileName.includes(".") ? fileName.split(".").pop()?.toLowerCase() : void 0;
+  if (!ext) {
+    return { type: "text", canPreview: true };
+  }
+  if (IMAGE_EXTENSIONS.has(ext)) {
+    return {
+      type: "image",
+      mimeType: getMimeType(ext),
+      canPreview: true
+    };
+  }
+  if (VIDEO_EXTENSIONS.has(ext)) {
+    return {
+      type: "video",
+      mimeType: getMimeType(ext),
+      canPreview: true
+    };
+  }
+  if (AUDIO_EXTENSIONS.has(ext)) {
+    return {
+      type: "audio",
+      mimeType: getMimeType(ext),
+      canPreview: true
+    };
+  }
+  if (PDF_EXTENSIONS.has(ext)) {
+    return {
+      type: "pdf",
+      mimeType: "application/pdf",
+      canPreview: true
+    };
+  }
+  if (CODE_EXTENSIONS.has(ext)) {
+    return {
+      type: "code",
+      canPreview: true
+    };
+  }
+  if (TEXT_EXTENSIONS.has(ext)) {
+    return {
+      type: "text",
+      canPreview: true
+    };
+  }
+  return {
+    type: "binary",
+    canPreview: false
+  };
+}
+function getMimeType(ext) {
+  const mimeTypes = {
+    // Images
+    "png": "image/png",
+    "jpg": "image/jpeg",
+    "jpeg": "image/jpeg",
+    "gif": "image/gif",
+    "svg": "image/svg+xml",
+    "webp": "image/webp",
+    "bmp": "image/bmp",
+    "ico": "image/x-icon",
+    "tiff": "image/tiff",
+    "tif": "image/tiff",
+    // Video
+    "mp4": "video/mp4",
+    "webm": "video/webm",
+    "ogg": "video/ogg",
+    "ogv": "video/ogg",
+    "mov": "video/quicktime",
+    "avi": "video/x-msvideo",
+    "wmv": "video/x-ms-wmv",
+    "flv": "video/x-flv",
+    "mkv": "video/x-matroska",
+    // Audio
+    "mp3": "audio/mpeg",
+    "wav": "audio/wav",
+    "oga": "audio/ogg",
+    "m4a": "audio/mp4",
+    "flac": "audio/flac",
+    "aac": "audio/aac",
+    "weba": "audio/webm",
+    // PDF
+    "pdf": "application/pdf"
+  };
+  return mimeTypes[ext] || "application/octet-stream";
+}
+function isBinaryFile(fileName) {
+  const { type } = getFileType(fileName);
+  return type === "image" || type === "video" || type === "audio" || type === "pdf" || type === "binary";
+}
 let ShikiError$1 = class ShikiError extends Error {
   constructor(message) {
     super(message);
@@ -32753,45 +32987,11 @@ function getLanguage(ext) {
   const lang2 = ext ? langMap[ext] : null;
   return lang2 && SUPPORTED_LANGS.has(lang2) ? lang2 : null;
 }
-function FileViewer({ filePath }) {
-  const { currentThreadId, fileContents, setFileContents } = useAppStore();
-  const [isLoading, setIsLoading] = reactExports.useState(false);
-  const [error, setError] = reactExports.useState(null);
+function CodeViewer({ filePath, content: content2 }) {
   const [highlightedHtml, setHighlightedHtml] = reactExports.useState(null);
-  const content2 = fileContents[filePath];
   const fileName = filePath.split("/").pop() || filePath;
   const ext = fileName.includes(".") ? fileName.split(".").pop()?.toLowerCase() : void 0;
   const language = reactExports.useMemo(() => getLanguage(ext), [ext]);
-  reactExports.useEffect(() => {
-    setError(null);
-    setHighlightedHtml(null);
-  }, [filePath]);
-  reactExports.useEffect(() => {
-    async function loadFile() {
-      if (!currentThreadId) {
-        setError("No thread selected");
-        return;
-      }
-      if (content2 !== void 0) {
-        return;
-      }
-      setIsLoading(true);
-      setError(null);
-      try {
-        const result = await window.api.workspace.readFile(currentThreadId, filePath);
-        if (result.success && result.content !== void 0) {
-          setFileContents(filePath, result.content);
-        } else {
-          setError(result.error || "Failed to read file");
-        }
-      } catch (e) {
-        setError(e instanceof Error ? e.message : "Failed to read file");
-      } finally {
-        setIsLoading(false);
-      }
-    }
-    loadFile();
-  }, [currentThreadId, filePath, content2, setFileContents]);
   reactExports.useEffect(() => {
     let cancelled = false;
     async function highlight() {
@@ -32800,7 +33000,7 @@ function FileViewer({ filePath }) {
         return;
       }
       try {
-        console.log("[FileViewer] Starting highlight for", language);
+        console.log("[CodeViewer] Starting highlight for", language);
         const highlighter = await getHighlighter();
         if (cancelled) return;
         const html2 = highlighter.codeToHtml(content2, {
@@ -32808,10 +33008,10 @@ function FileViewer({ filePath }) {
           theme: "github-dark-default"
         });
         if (cancelled) return;
-        console.log("[FileViewer] Highlighting complete, html length:", html2.length);
+        console.log("[CodeViewer] Highlighting complete, html length:", html2.length);
         setHighlightedHtml(html2);
       } catch (e) {
-        console.error("[FileViewer] Shiki highlighting failed:", e);
+        console.error("[CodeViewer] Shiki highlighting failed:", e);
         setHighlightedHtml(null);
       }
     }
@@ -32821,27 +33021,6 @@ function FileViewer({ filePath }) {
     };
   }, [content2, language]);
   const lineCount = content2?.split("\n").length ?? 0;
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 items-center justify-center text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-6 animate-spin mr-2" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Loading file..." })
-    ] });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center text-muted-foreground gap-3 p-8", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-10 text-status-critical" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium text-foreground mb-1", children: "Failed to load file" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm", children: error })
-      ] })
-    ] });
-  }
-  if (content2 === void 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 items-center justify-center text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(FileCode, { className: "size-6 mr-2" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "No content" })
-    ] });
-  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col min-h-0 overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-background/50 text-xs text-muted-foreground shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: filePath }),
@@ -32865,6 +33044,400 @@ function FileViewer({ filePath }) {
     ) }) })
   ] });
 }
+function ImageViewer({ filePath, base64Content, mimeType }) {
+  const [zoom, setZoom] = reactExports.useState(100);
+  const [rotation, setRotation] = reactExports.useState(0);
+  const [isPanning, setIsPanning] = reactExports.useState(false);
+  const [panStart, setPanStart] = reactExports.useState({ x: 0, y: 0 });
+  const [panOffset, setPanOffset] = reactExports.useState({ x: 0, y: 0 });
+  const containerRef = reactExports.useRef(null);
+  const fileName = filePath.split("/").pop() || filePath;
+  const imageUrl = `data:${mimeType};base64,${base64Content}`;
+  const handleZoomIn = () => {
+    setZoom((prev) => Math.min(prev + 25, 400));
+  };
+  const handleZoomOut = () => {
+    setZoom((prev) => Math.max(prev - 25, 25));
+  };
+  const handleResetZoom = () => {
+    setZoom(100);
+    setRotation(0);
+    setPanOffset({ x: 0, y: 0 });
+  };
+  const handleRotate = () => {
+    setRotation((prev) => (prev + 90) % 360);
+  };
+  const handleMouseDown = (e) => {
+    if (zoom > 100) {
+      setIsPanning(true);
+      setPanStart({ x: e.clientX - panOffset.x, y: e.clientY - panOffset.y });
+      e.preventDefault();
+    }
+  };
+  const handleMouseMove = (e) => {
+    if (isPanning && zoom > 100) {
+      setPanOffset({
+        x: e.clientX - panStart.x,
+        y: e.clientY - panStart.y
+      });
+    }
+  };
+  const handleMouseUp = () => {
+    setIsPanning(false);
+  };
+  const handleMouseLeave = () => {
+    setIsPanning(false);
+  };
+  reactExports.useEffect(() => {
+    if (zoom <= 100) {
+      setPanOffset({ x: 0, y: 0 });
+    }
+  }, [zoom]);
+  const canPan = zoom > 100;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 px-4 py-2 border-b border-border bg-background/50 shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: fileName }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/50", children: "•" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Image" }),
+        canPan && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/50", children: "•" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Hand, { className: "size-3" }),
+            "Drag to pan"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: handleZoomOut,
+            disabled: zoom <= 25,
+            className: "h-7 px-2",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomOut, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-muted-foreground min-w-[3rem] text-center", children: [
+          zoom,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: handleZoomIn,
+            disabled: zoom >= 400,
+            className: "h-7 px-2",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomIn, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: handleRotate,
+            className: "h-7 px-2",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: handleResetZoom,
+            className: "h-7 px-2",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Maximize2, { className: "size-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        ref: containerRef,
+        className: "flex items-center justify-center min-h-full p-8 overflow-hidden",
+        onMouseDown: handleMouseDown,
+        onMouseMove: handleMouseMove,
+        onMouseUp: handleMouseUp,
+        onMouseLeave: handleMouseLeave,
+        style: {
+          cursor: canPan ? isPanning ? "grabbing" : "grab" : "default",
+          userSelect: "none"
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "img",
+          {
+            src: imageUrl,
+            alt: fileName,
+            className: "max-w-full h-auto transition-transform duration-200",
+            style: {
+              transform: `translate(${panOffset.x}px, ${panOffset.y}px) scale(${zoom / 100}) rotate(${rotation}deg)`,
+              imageRendering: zoom > 100 ? "pixelated" : "auto"
+            },
+            draggable: false
+          }
+        )
+      }
+    ) })
+  ] });
+}
+function MediaViewer({ filePath, base64Content, mimeType, mediaType }) {
+  const fileName = filePath.split("/").pop() || filePath;
+  const mediaUrl = `data:${mimeType};base64,${base64Content}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-background/50 text-xs text-muted-foreground shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: fileName }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/50", children: "•" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "capitalize", children: mediaType })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col items-center justify-center min-h-full p-8 gap-6", children: mediaType === "video" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Video, { className: "size-16 text-muted-foreground/30" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "video",
+        {
+          controls: true,
+          className: "max-w-full max-h-[70vh] rounded-lg shadow-lg",
+          preload: "metadata",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("source", { src: mediaUrl, type: mimeType }),
+            "Your browser does not support the video tag."
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-32 h-32 rounded-full bg-accent/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Music, { className: "size-16 text-muted-foreground/50" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium text-foreground", children: fileName }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: "Audio File" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "audio",
+        {
+          controls: true,
+          className: "w-full max-w-md",
+          preload: "metadata",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("source", { src: mediaUrl, type: mimeType }),
+            "Your browser does not support the audio tag."
+          ]
+        }
+      )
+    ] }) }) })
+  ] });
+}
+function PDFViewer({ filePath, base64Content }) {
+  const fileName = filePath.split("/").pop() || filePath;
+  const pdfUrl = `data:application/pdf;base64,${base64Content}`;
+  const handleOpenExternal = () => {
+    const link2 = document.createElement("a");
+    link2.href = pdfUrl;
+    link2.download = fileName;
+    link2.click();
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 px-4 py-2 border-b border-border bg-background/50 shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: fileName }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/50", children: "•" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "PDF Document" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: handleOpenExternal,
+          className: "h-7 px-2 gap-1",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "Download" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col items-center min-h-full bg-muted/30", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "object",
+      {
+        data: pdfUrl,
+        type: "application/pdf",
+        className: "w-full h-full min-h-[600px]",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center min-h-[600px] gap-4 p-8", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-16 text-muted-foreground/50" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium text-foreground mb-2", children: fileName }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground mb-4", children: "PDF preview not available in this browser" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: handleOpenExternal, variant: "outline", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-4 mr-2" }),
+              "Download PDF"
+            ] })
+          ] })
+        ] })
+      }
+    ) }) })
+  ] });
+}
+function BinaryFileViewer({ filePath, size: size2 }) {
+  const fileName = filePath.split("/").pop() || filePath;
+  const ext = fileName.includes(".") ? fileName.split(".").pop()?.toUpperCase() : "FILE";
+  const formatSize2 = (bytes) => {
+    if (!bytes) return "Unknown size";
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+    if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+    return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-background/50 text-xs text-muted-foreground shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: fileName }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/50", children: "•" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Binary File" }),
+      size2 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/50", children: "•" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatSize2(size2) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-6 p-8 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-24 h-24 rounded-2xl bg-accent/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "size-12 text-muted-foreground/50" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium text-foreground mb-1", children: fileName }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-muted-foreground mb-2", children: [
+          ext,
+          " file • ",
+          formatSize2(size2)
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground max-w-md", children: "This file type cannot be previewed in the viewer. You can open it with an external application." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "outline", className: "gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-4" }),
+        "Open Externally"
+      ] })
+    ] })
+  ] });
+}
+function FileViewer({ filePath }) {
+  const { currentThreadId, fileContents, setFileContents } = useAppStore();
+  const [isLoading, setIsLoading] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState(null);
+  const [binaryContent, setBinaryContent] = reactExports.useState(null);
+  const [fileSize, setFileSize] = reactExports.useState();
+  const fileName = filePath.split("/").pop() || filePath;
+  const fileTypeInfo = reactExports.useMemo(() => getFileType(fileName), [fileName]);
+  const isBinary = reactExports.useMemo(() => isBinaryFile(fileName), [fileName]);
+  const content2 = fileContents[filePath];
+  reactExports.useEffect(() => {
+    setError(null);
+    setBinaryContent(null);
+    setFileSize(void 0);
+  }, [filePath]);
+  reactExports.useEffect(() => {
+    async function loadFile() {
+      if (!currentThreadId) {
+        setError("No thread selected");
+        return;
+      }
+      if (content2 !== void 0 || binaryContent !== null) {
+        return;
+      }
+      setIsLoading(true);
+      setError(null);
+      try {
+        if (isBinary) {
+          const result = await window.api.workspace.readBinaryFile(currentThreadId, filePath);
+          if (result.success && result.content !== void 0) {
+            setBinaryContent(result.content);
+            setFileSize(result.size);
+          } else {
+            setError(result.error || "Failed to read file");
+          }
+        } else {
+          const result = await window.api.workspace.readFile(currentThreadId, filePath);
+          if (result.success && result.content !== void 0) {
+            setFileContents(filePath, result.content);
+            setFileSize(result.size);
+          } else {
+            setError(result.error || "Failed to read file");
+          }
+        }
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Failed to read file");
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    loadFile();
+  }, [currentThreadId, filePath, content2, binaryContent, setFileContents, isBinary]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 items-center justify-center text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-6 animate-spin mr-2" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Loading file..." })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center text-muted-foreground gap-3 p-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-10 text-status-critical" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium text-foreground mb-1", children: "Failed to load file" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm", children: error })
+      ] })
+    ] });
+  }
+  if (content2 === void 0 && binaryContent === null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 items-center justify-center text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FileCode, { className: "size-6 mr-2" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "No content" })
+    ] });
+  }
+  if (fileTypeInfo.type === "image" && binaryContent) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ImageViewer,
+      {
+        filePath,
+        base64Content: binaryContent,
+        mimeType: fileTypeInfo.mimeType || "image/png"
+      }
+    );
+  }
+  if (fileTypeInfo.type === "video" && binaryContent) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      MediaViewer,
+      {
+        filePath,
+        base64Content: binaryContent,
+        mimeType: fileTypeInfo.mimeType || "video/mp4",
+        mediaType: "video"
+      }
+    );
+  }
+  if (fileTypeInfo.type === "audio" && binaryContent) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      MediaViewer,
+      {
+        filePath,
+        base64Content: binaryContent,
+        mimeType: fileTypeInfo.mimeType || "audio/mpeg",
+        mediaType: "audio"
+      }
+    );
+  }
+  if (fileTypeInfo.type === "pdf" && binaryContent) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(PDFViewer, { filePath, base64Content: binaryContent });
+  }
+  if (fileTypeInfo.type === "binary") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(BinaryFileViewer, { filePath, size: fileSize });
+  }
+  if (content2 !== void 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeViewer, { filePath, content: content2 });
+  }
+  return null;
+}
 const CR = "\r".charCodeAt(0);
 const LF = "\n".charCodeAt(0);
 const NULL = "\0".charCodeAt(0);
@@ -73505,15 +74078,20 @@ function AnthropicIcon({ className }) {
 function OpenAIIcon({ className }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .51 4.911 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.99 5.99 0 0 0 3.997-2.9 6.056 6.056 0 0 0-.747-7.073zM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 0 0 .392-.681v-6.737l2.02 1.168a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494zM3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085 4.783 2.759a.771.771 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646zM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.676l5.815 3.355-2.02 1.168a.076.076 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.795.795 0 0 0-.393.681zm1.097-2.365l2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5z" }) });
 }
+function GoogleIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" }) });
+}
 const PROVIDER_ICONS = {
   anthropic: AnthropicIcon,
   openai: OpenAIIcon,
+  google: GoogleIcon,
   ollama: () => null
   // No icon for ollama yet
 };
 const FALLBACK_PROVIDERS = [
   { id: "anthropic", name: "Anthropic", hasApiKey: false },
-  { id: "openai", name: "OpenAI", hasApiKey: false }
+  { id: "openai", name: "OpenAI", hasApiKey: false },
+  { id: "google", name: "Google", hasApiKey: false }
 ];
 function ModelSwitcher() {
   const [open, setOpen] = reactExports.useState(false);
@@ -75565,7 +76143,7 @@ function App() {
         },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-name", children: "OPENWORK" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-version", children: "0.1.1-rc.6" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-version", children: "0.1.2" })
         ]
       }
     ),

package/out/renderer/assets/{index-CK8V1Wgb.css → index-BGLhxKzd.css}

@@ -67,6 +67,7 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
+    --container-md: 28rem;
     --container-lg: 32rem;
     --container-3xl: 48rem;
     --text-xs: .75rem;
@@ -590,6 +591,11 @@
     height: calc(var(--spacing) * 12);
   }
 
+  .size-16 {
+    width: calc(var(--spacing) * 16);
+    height: calc(var(--spacing) * 16);
+  }
+
   .h-1 {
     height: calc(var(--spacing) * 1);
   }
@@ -634,6 +640,10 @@
     height: calc(var(--spacing) * 12);
   }
 
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
+
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
@@ -650,6 +660,10 @@
     height: 200px;
   }
 
+  .h-auto {
+    height: auto;
+  }
+
   .h-full {
     height: 100%;
   }
@@ -678,6 +692,10 @@
     max-height: calc(var(--spacing) * 48);
   }
 
+  .max-h-\[70vh\] {
+    max-height: 70vh;
+  }
+
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -686,6 +704,14 @@
     min-height: 240px;
   }
 
+  .min-h-\[600px\] {
+    min-height: 600px;
+  }
+
+  .min-h-full {
+    min-height: 100%;
+  }
+
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -710,6 +736,14 @@
     width: calc(var(--spacing) * 16);
   }
 
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
@@ -754,14 +788,26 @@
     max-width: 200px;
   }
 
+  .max-w-full {
+    max-width: 100%;
+  }
+
   .max-w-lg {
     max-width: var(--container-lg);
   }
 
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-\[3rem\] {
+    min-width: 3rem;
+  }
+
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -893,6 +939,10 @@
     gap: calc(var(--spacing) * 4);
   }
 
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+
   :where(.space-y-0\.5 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
@@ -961,6 +1011,10 @@
     border-radius: .25rem;
   }
 
+  .rounded-2xl {
+    border-radius: calc(var(--radius)  + 4px);
+  }
+
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -969,6 +1023,10 @@
     border-radius: 3.40282e38px;
   }
 
+  .rounded-lg {
+    border-radius: calc(var(--radius)  + 1px);
+  }
+
   .rounded-md {
     border-radius: var(--radius);
   }
@@ -1122,6 +1180,16 @@
     border-left-color: #0000;
   }
 
+  .bg-accent\/10 {
+    background-color: var(--accent);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-accent\/10 {
+      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
+    }
+  }
+
   .bg-amber-500\/5 {
     background-color: #f99c000d;
   }
@@ -1650,7 +1718,17 @@
     color: var(--color-green-400);
   }
 
-  .text-muted-foreground, .text-muted-foreground\/50 {
+  .text-muted-foreground, .text-muted-foreground\/30 {
+    color: var(--muted-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-muted-foreground\/30 {
+      color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
+    }
+  }
+
+  .text-muted-foreground\/50 {
     color: var(--muted-foreground);
   }
 
@@ -1734,6 +1812,10 @@
     color: var(--color-yellow-600);
   }
 
+  .capitalize {
+    text-transform: capitalize;
+  }
+
   .uppercase {
     text-transform: uppercase;
   }

package/out/renderer/index.html

@@ -7,8 +7,8 @@
       http-equiv="Content-Security-Policy"
       content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
     />
-    <script type="module" crossorigin src="./assets/index-BOB_WPKv.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-CK8V1Wgb.css">
+    <script type="module" crossorigin src="./assets/index-B2jeuXtB.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BGLhxKzd.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openwork",
-  "version": "0.1.1-rc.6",
+  "version": "0.1.2",
   "description": "A tactical agent interface for deepagentsjs",
   "main": "./out/main/index.js",
   "files": [
@@ -53,6 +53,7 @@
     "@langchain/langgraph-checkpoint": "^1.0.0",
     "@langchain/langgraph-sdk": "^1.5.3",
     "@langchain/openai": "^1.2.2",
+    "@langchain/google-genai": "^2.1.10",
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",