create-claude-code-visualizer 0.1.2 → 0.1.4

package/index.js

@@ -43,11 +43,12 @@ function copyIfNotExists(src, dest) {
   return false;
 }
 
-function copyDirAdditive(src, dest, skipPrefix) {
+function copyDirAdditive(src, dest, skipPrefixes) {
   fs.mkdirSync(dest, { recursive: true });
+  const prefixes = Array.isArray(skipPrefixes) ? skipPrefixes : skipPrefixes ? [skipPrefixes] : [];
   let added = 0;
   for (const entry of fs.readdirSync(src, { withFileTypes: true })) {
-    if (skipPrefix && entry.name.startsWith(skipPrefix)) continue;
+    if (prefixes.some((p) => entry.name.startsWith(p))) continue;
     const srcPath = path.join(src, entry.name);
     const destPath = path.join(dest, entry.name);
     if (entry.isDirectory()) {
@@ -177,11 +178,12 @@ async function main() {
   );
   log(`Commands: added ${addedCommands} new`);
 
-  // Skills (skip gws-* skills — those are installed with Google Workspace setup)
+  // Skills (skip gws-* and recipe-* — those are installed via gws generate-skills)
+  const GWS_PREFIXES = ["gws-", "recipe-"];
   const addedSkills = copyDirAdditive(
     path.join(srcClaude, "skills"),
     path.join(dstClaude, "skills"),
-    "gws-"
+    GWS_PREFIXES
   );
   log(`Skills: added ${addedSkills} new`);
 
@@ -292,20 +294,34 @@ PROJECT_ROOT=${projectRoot}
   if (setupGws) {
     console.log("");
 
-    // Install GWS skills from bundled templates
-    info("Installing Google Workspace skills...");
-    const gwsSkillsSrc = path.join(srcClaude, "skills");
-    const gwsSkillsDst = path.join(dstClaude, "skills");
-    let addedGws = 0;
-    for (const entry of fs.readdirSync(gwsSkillsSrc, { withFileTypes: true })) {
-      if (!entry.name.startsWith("gws-") || !entry.isDirectory()) continue;
-      const destPath = path.join(gwsSkillsDst, entry.name);
-      if (!fs.existsSync(destPath)) {
-        copyDir(path.join(gwsSkillsSrc, entry.name), destPath);
-        addedGws++;
-      }
+    // Install the Google Workspace CLI
+    info("Installing Google Workspace CLI (@googleworkspace/cli)...");
+    run("npm install @googleworkspace/cli", { cwd: projectRoot });
+    log("Google Workspace CLI installed");
+
+    // Authenticate
+    console.log("");
+    const { gwsAuth } = await prompts({
+      type: "select",
+      name: "gwsAuth",
+      message: "Google Workspace authentication",
+      choices: [
+        { title: "Login now (opens browser for OAuth)", value: "login" },
+        { title: "Skip for now (run 'npx gws auth login' later)", value: "skip" },
+      ],
+    });
+
+    if (gwsAuth === "login") {
+      run("npx gws auth login", { cwd: projectRoot });
+    } else {
+      info("Skipping auth. Run later: cd " + projectDir + " && npx gws auth login");
     }
-    log(`GWS Skills: added ${addedGws} new`);
+
+    // Generate GWS skills (the CLI handles skill selection)
+    console.log("");
+    info("Generating Google Workspace skills...");
+    run("npx gws generate-skills", { cwd: projectRoot });
+    log("GWS skills installed");
 
     // Add gws permission to settings
     const settingsPath = path.join(dstClaude, "settings.local.json");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-claude-code-visualizer",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Run and manage Claude Code agents through a web UI",
   "license": "MIT",
   "bin": {

package/templates/app/src/app/api/ai/title/route.ts

@@ -1,32 +1,12 @@
 import { NextRequest, NextResponse } from "next/server";
 import { supabase } from "@/lib/supabase";
-
-const GEMINI_URL = "https://generativelanguage.googleapis.com/v1beta/models/gemini-3.1-flash-lite-preview:generateContent";
+import { callHaiku } from "@/lib/ai";
 
 const SYSTEM_PROMPT =
   "You name chat conversations. Given the user's first message, generate a very short chat title (2-5 words max). Start with a relevant emoji. Return ONLY the title, nothing else. Examples:\n🐛 Fix login bug\n📊 Sales dashboard layout\n🚀 Deploy to production\n✍️ Write blog post\n📧 Email template help";
 
 async function generateTitle(message: string): Promise<string> {
-  const apiKey = process.env.GEMINI_API_KEY;
-  if (!apiKey) throw new Error("GEMINI_API_KEY not set");
-
-  const res = await fetch(`${GEMINI_URL}?key=${apiKey}`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      system_instruction: { parts: [{ text: SYSTEM_PROMPT }] },
-      contents: [{ parts: [{ text: message }] }],
-      generationConfig: { maxOutputTokens: 30, temperature: 0.7 },
-    }),
-  });
-
-  if (!res.ok) {
-    const body = await res.text();
-    throw new Error(`Gemini API error ${res.status}: ${body}`);
-  }
-
-  const data = await res.json();
-  const text = data.candidates?.[0]?.content?.parts?.[0]?.text || "";
+  const text = await callHaiku(SYSTEM_PROMPT, [{ role: "user", content: message }], 30);
   return text.trim().replace(/^["']|["']$/g, "");
 }