create-claude-code-visualizer 0.1.1 → 0.1.3

package/index.js

@@ -43,10 +43,11 @@ function copyIfNotExists(src, dest) {
   return false;
 }
 
-function copyDirAdditive(src, dest) {
+function copyDirAdditive(src, dest, skipPrefix) {
   fs.mkdirSync(dest, { recursive: true });
   let added = 0;
   for (const entry of fs.readdirSync(src, { withFileTypes: true })) {
+    if (skipPrefix && entry.name.startsWith(skipPrefix)) continue;
     const srcPath = path.join(src, entry.name);
     const destPath = path.join(dest, entry.name);
     if (entry.isDirectory()) {
@@ -176,10 +177,11 @@ async function main() {
   );
   log(`Commands: added ${addedCommands} new`);
 
-  // Skills
+  // Skills (skip gws-* skills — those are installed with Google Workspace setup)
   const addedSkills = copyDirAdditive(
     path.join(srcClaude, "skills"),
-    path.join(dstClaude, "skills")
+    path.join(dstClaude, "skills"),
+    "gws-"
   );
   log(`Skills: added ${addedSkills} new`);
 
@@ -289,47 +291,45 @@ PROJECT_ROOT=${projectRoot}
 
   if (setupGws) {
     console.log("");
-    info("Installing Google Workspace CLI...");
-    run("npm install @anthropic-ai/claude-code-google-workspace", { cwd: projectRoot });
-
-    // Check if gws auth is needed
-    const hasAuth = runCapture("npx gws auth status");
-    if (!hasAuth) {
-      console.log("");
-      const { gwsAuth } = await prompts({
-        type: "select",
-        name: "gwsAuth",
-        message: "Google Workspace authentication",
-        choices: [
-          { title: "Full setup (creates GCP project + OAuth)", value: "setup" },
-          { title: "Login only (you already have OAuth configured)", value: "login" },
-          { title: "Skip for now", value: "skip" },
-        ],
-      });
-
-      if (gwsAuth === "setup") {
-        run("npx gws auth setup --login", { cwd: projectRoot });
-      } else if (gwsAuth === "login") {
-        run("npx gws auth login", { cwd: projectRoot });
-      } else {
-        info("Skipping auth. Run later: npx gws auth setup --login");
-      }
-    } else {
-      log("Already authenticated with Google Workspace");
-    }
 
-    // Install GWS skills
+    // 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 { installSkills } = await prompts({
-      type: "confirm",
-      name: "installSkills",
-      message: "Install Google Workspace skills? (lets agents use Gmail, Calendar, etc.)",
-      initial: true,
+    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 (installSkills) {
-      run("npx skills add https://github.com/googleworkspace/cli", { cwd: projectRoot });
+    if (gwsAuth === "login") {
+      run("npx gws auth login", { cwd: projectRoot });
+    } else {
+      info("Skipping auth. Run later: cd " + projectDir + " && npx gws auth login");
+    }
+
+    // Install GWS skills from bundled templates
+    console.log("");
+    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++;
+      }
     }
+    log(`GWS Skills: added ${addedGws} new`);
 
     // Add gws permission to settings
     const settingsPath = path.join(dstClaude, "settings.local.json");
@@ -367,11 +367,9 @@ PROJECT_ROOT=${projectRoot}
   console.log("");
 
   if (!setupGws) {
-    info("To add Google Workspace later:");
-    console.log(`  cd ${projectDir}`);
-    console.log("  npm install @anthropic-ai/claude-code-google-workspace");
-    console.log("  npx gws auth setup --login");
-    console.log("  npx skills add https://github.com/googleworkspace/cli");
+    info("To add Google Workspace later, re-run:");
+    console.log(`  npx create-claude-code-visualizer ${projectDir === "." ? "" : projectDir}`);
+    console.log("  (and choose Yes for Google Workspace)");
     console.log("");
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-claude-code-visualizer",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "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, "");
 }