@hienlh/ppm 0.13.75 → 0.13.76

package/src/web/components/settings/settings-tab.tsx

@@ -1,6 +1,6 @@
 import { useState, useCallback, useRef } from "react";
 import {
-  Moon, Sun, Monitor, Bell, Check, ChevronRight, ArrowLeft,
+  Moon, Sun, Monitor, Bell, BellOff, Check, ChevronRight, ArrowLeft,
   Bot, BellRing, Keyboard, Globe, Plug, Puzzle, Bug, FolderSearch,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
@@ -19,12 +19,18 @@ import { ExtensionManagerSection } from "./extension-manager-section";
 import { PPMBotSettingsSection } from "./ppmbot-settings-section";
 import { ChangePasswordSection } from "./change-password-section";
 import { FilesSettingsSection } from "./files-settings-section";
+import { usePushNotification } from "@/hooks/use-push-notification";
+
 const THEME_OPTIONS: { value: Theme; label: string; icon: React.ElementType }[] = [
   { value: "light", label: "Light", icon: Sun },
   { value: "dark", label: "Dark", icon: Moon },
   { value: "system", label: "System", icon: Monitor },
 ];
 
+const pushSupported = "PushManager" in window && "serviceWorker" in navigator;
+const isIosNonPwa = /iPhone|iPad/.test(navigator.userAgent) &&
+  !window.matchMedia("(display-mode: standalone)").matches;
+
 type SettingsCategory = "ai" | "notifications" | "clawbot" | "jira" | "proxy" | "shortcuts" | "mcp" | "extensions" | "files";
 
 const CATEGORIES: { value: SettingsCategory; label: string; subtitle: string; icon: React.ElementType }[] = [
@@ -41,6 +47,7 @@ const CATEGORIES: { value: SettingsCategory; label: string; subtitle: string; ic
 
 export function SettingsTab() {
   const { theme, setTheme, deviceName, setDeviceName, version, jiraEnabled, setJiraEnabled } = useSettingsStore(useShallow((s) => ({ theme: s.theme, setTheme: s.setTheme, deviceName: s.deviceName, setDeviceName: s.setDeviceName, version: s.version, jiraEnabled: s.jiraEnabled, setJiraEnabled: s.setJiraEnabled })));
+  const { permission, isSubscribed, loading, error: pushError, subscribe, unsubscribe } = usePushNotification();
   const [activeCategory, setActiveCategory] = useState<SettingsCategory | null>(null);
   const [nameInput, setNameInput] = useState(deviceName ?? "");
   const [nameSaving, setNameSaving] = useState(false);
@@ -85,7 +92,7 @@ export function SettingsTab() {
         <ScrollArea className="flex-1 min-h-0">
           <div className="p-3">
             {activeCategory === "ai" && <AISettingsSection compact />}
-            {activeCategory === "notifications" && <NotificationsContent />}
+            {activeCategory === "notifications" && <NotificationsContent isSubscribed={isSubscribed} loading={loading} permission={permission} pushError={pushError} subscribe={subscribe} unsubscribe={unsubscribe} />}
             {activeCategory === "clawbot" && <PPMBotSettingsSection />}
             {/* Jira is now a sidebar tab with a toggle below */}
             {activeCategory === "proxy" && <ProxySettingsSection />}
@@ -224,20 +231,67 @@ export function SettingsTab() {
 }
 
 /** Notifications detail content — extracted to keep SettingsTab clean */
-function NotificationsContent() {
+function NotificationsContent({ isSubscribed, loading, permission, pushError, subscribe, unsubscribe }: {
+  isSubscribed: boolean;
+  loading: boolean;
+  permission: NotificationPermission;
+  pushError: string | null;
+  subscribe: () => void;
+  unsubscribe: () => void;
+}) {
   return (
     <div className="space-y-4">
-      {/* Cloud Push */}
+      {/* Push */}
       <section className="space-y-2">
         <h3 className="text-xs font-medium text-muted-foreground">Push Notifications</h3>
-        <div className="flex items-center gap-1.5">
-          <Bell className="size-3.5 text-muted-foreground" />
-          <span className="text-xs">Managed via PPM Cloud</span>
-        </div>
-        <p className="text-[11px] text-muted-foreground">
-          Push notifications are now dispatched through PPM Cloud.
-          Visit your Cloud dashboard to manage subscriptions.
-        </p>
+        {!pushSupported ? (
+          <p className="text-[11px] text-muted-foreground">
+            Push notifications not supported in this browser.
+          </p>
+        ) : (
+          <div className="space-y-2">
+            <div className="flex items-center justify-between">
+              <div className="flex items-center gap-1.5">
+                {isSubscribed ? <Bell className="size-3.5" /> : <BellOff className="size-3.5" />}
+                <span className="text-xs">Push notifications</span>
+              </div>
+              <Button
+                variant={isSubscribed ? "default" : "outline"}
+                size="sm"
+                className="h-7 text-xs cursor-pointer"
+                disabled={loading || permission === "denied"}
+                onClick={() => (isSubscribed ? unsubscribe() : subscribe())}
+              >
+                {loading ? "..." : isSubscribed ? "On" : "Off"}
+              </Button>
+            </div>
+            {isSubscribed && (
+              <Button
+                variant="outline"
+                size="sm"
+                className="h-7 text-xs w-full cursor-pointer"
+                onClick={() => {
+                  new Notification("PPM Test", { body: "Push notifications are working!" });
+                }}
+              >
+                Test notification
+              </Button>
+            )}
+            {pushError && (
+              <p className="text-[11px] text-destructive">{pushError}</p>
+            )}
+            {permission === "denied" && (
+              <p className="text-[11px] text-destructive">
+                Notifications blocked. Enable in browser settings.
+              </p>
+            )}
+            {isIosNonPwa && (
+              <p className="text-[11px] text-muted-foreground">
+                On iOS, install PPM to Home Screen for push notifications.
+              </p>
+            )}
+          </div>
+        )}
       </section>
 
       <Separator />

package/src/web/hooks/use-push-notification.ts

@@ -0,0 +1,114 @@
+import { useState, useEffect, useCallback } from "react";
+import { getAuthToken } from "@/lib/api-client";
+
+/** Convert VAPID public key from base64url to Uint8Array for PushManager */
+function urlBase64ToUint8Array(base64String: string): Uint8Array {
+  const padding = "=".repeat((4 - (base64String.length % 4)) % 4);
+  const base64 = (base64String + padding).replace(/-/g, "+").replace(/_/g, "/");
+  const rawData = atob(base64);
+  return Uint8Array.from(rawData, (char) => char.charCodeAt(0));
+}
+
+export function usePushNotification() {
+  const [permission, setPermission] = useState<NotificationPermission>("default");
+  const [isSubscribed, setIsSubscribed] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  // Check current permission and subscription state on mount
+  useEffect(() => {
+    if ("Notification" in window) {
+      setPermission(Notification.permission);
+    }
+    setIsSubscribed(localStorage.getItem("ppm-push-subscribed") === "true");
+  }, []);
+
+  const subscribe = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      // 1. Request notification permission
+      const perm = await Notification.requestPermission();
+      setPermission(perm);
+      if (perm !== "granted") {
+        setError("Permission denied");
+        return;
+      }
+
+      // 2. Check service worker is available (with timeout)
+      if (!navigator.serviceWorker?.controller && !navigator.serviceWorker?.ready) {
+        setError("Service worker not available (dev mode?)");
+        return;
+      }
+
+      const swReady = await Promise.race([
+        navigator.serviceWorker.ready,
+        new Promise<null>((_, reject) => setTimeout(() => reject(new Error("Service worker timeout")), 5000)),
+      ]);
+      if (!swReady) throw new Error("Service worker not ready");
+
+      // 3. Get VAPID public key from server
+      const headers: Record<string, string> = {};
+      const token = getAuthToken();
+      if (token) headers.Authorization = `Bearer ${token}`;
+
+      const res = await fetch("/api/push/vapid-key", { headers });
+      const json = await res.json();
+      if (!json.ok) throw new Error(json.error || "Failed to get VAPID key");
+
+      // 4. Subscribe via PushManager
+      const sub = await swReady.pushManager.subscribe({
+        userVisibleOnly: true,
+        applicationServerKey: urlBase64ToUint8Array(json.data.publicKey).buffer as ArrayBuffer,
+      });
+
+      // 5. Send subscription to server
+      await fetch("/api/push/subscribe", {
+        method: "POST",
+        headers: { ...headers, "Content-Type": "application/json" },
+        body: JSON.stringify(sub.toJSON()),
+      });
+
+      setIsSubscribed(true);
+      localStorage.setItem("ppm-push-subscribed", "true");
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Subscribe failed";
+      setError(msg);
+      console.error("[push] Subscribe failed:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const unsubscribe = useCallback(async () => {
+    setLoading(true);
+    try {
+      const reg = await navigator.serviceWorker.ready;
+      const sub = await reg.pushManager.getSubscription();
+      if (sub) {
+        // Remove from server
+        const headers: Record<string, string> = { "Content-Type": "application/json" };
+        const token = getAuthToken();
+        if (token) headers.Authorization = `Bearer ${token}`;
+
+        await fetch("/api/push/subscribe", {
+          method: "DELETE",
+          headers,
+          body: JSON.stringify({ endpoint: sub.endpoint }),
+        });
+
+        // Unsubscribe locally
+        await sub.unsubscribe();
+      }
+
+      setIsSubscribed(false);
+      localStorage.removeItem("ppm-push-subscribed");
+    } catch (err) {
+      console.error("[push] Unsubscribe failed:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  return { permission, isSubscribed, loading, error, subscribe, unsubscribe };
+}

package/src/web/sw.ts

@@ -5,3 +5,48 @@ declare const self: ServiceWorkerGlobalScope;
 
 // Workbox injects precache manifest here
 precacheAndRoute(self.__WB_MANIFEST);
+
+// Handle push notifications from server
+self.addEventListener("push", (event) => {
+  event.waitUntil(
+    self.clients
+      .matchAll({ type: "window", includeUncontrolled: true })
+      .then((clients) => {
+        // Skip notification if any PPM tab is currently visible
+        const hasVisibleClient = clients.some(
+          (c) => c.visibilityState === "visible",
+        );
+        if (hasVisibleClient) return;
+
+        const data = event.data?.json() ?? {
+          title: "PPM",
+          body: "Chat completed",
+        };
+        return self.registration.showNotification(data.title, {
+          body: data.body,
+          icon: "/icon-192.svg",
+          badge: "/icon-192.svg",
+          tag: "ppm-chat-done",
+          silent: false,
+          data: { url: self.location.origin },
+        });
+      }),
+  );
+});
+
+// Handle notification click — focus existing tab or open new one
+self.addEventListener("notificationclick", (event) => {
+  event.notification.close();
+  event.waitUntil(
+    self.clients
+      .matchAll({ type: "window", includeUncontrolled: true })
+      .then((clients) => {
+        for (const client of clients) {
+          if (client.url.includes(self.location.origin) && "focus" in client) {
+            return client.focus();
+          }
+        }
+        return self.clients.openWindow(event.notification.data?.url || "/");
+      }),
+  );
+});

package/.opencode/.env.example

@@ -1,98 +0,0 @@
-# Claude Code - Global Environment Variables
-# Location: .claude/.env
-# Priority: LOWEST (overridden by skills/.env and skill-specific .env)
-# Scope: Project-wide configuration, global defaults
-# Setup: Copy to .claude/.env and configure
-
-# ============================================
-# Environment Variable Hierarchy
-# ============================================
-# Priority order (highest to lowest):
-# 1. process.env                    - Runtime environment (HIGHEST)
-# 2. .claude/skills/<skill>/.env    - Skill-specific overrides
-# 3. .claude/skills/.env            - Shared across all skills
-# 4. .claude/.env                   - Global defaults (this file, LOWEST)
-#
-# All skills use centralized resolver: ~/.claude/scripts/resolve_env.py
-# Debug hierarchy: python ~/.claude/scripts/resolve_env.py --show-hierarchy
-
-# ============================================
-# ClaudeKit API Key (for VidCap, ReviewWeb services)
-# ============================================
-# Get your API key from https://claudekit.cc/api-keys
-# Required for accessing ClaudeKit services via skills
-CLAUDEKIT_API_KEY=
-
-# ============================================
-# Claude Code Notification Hooks
-# ============================================
-# Discord Webhook URL (for Discord notifications)
-# Get from: Server Settings → Integrations → Webhooks → New Webhook
-DISCORD_WEBHOOK_URL=
-
-# Telegram Bot Token (for Telegram notifications)
-# Get from: @BotFather in Telegram
-TELEGRAM_BOT_TOKEN=
-
-# Telegram Chat ID (your chat ID or group ID)
-# Get from: https://api.telegram.org/bot<BOT_TOKEN>/getUpdates
-TELEGRAM_CHAT_ID=
-
-# ============================================
-# AI/ML API Keys (Global Defaults)
-# ============================================
-# Google Gemini API (for ai-multimodal, docs-seeker skills)
-# Get from: https://aistudio.google.com/apikey
-GEMINI_API_KEY=
-
-# Vertex AI Configuration (Optional alternative to AI Studio)
-# GEMINI_USE_VERTEX=true
-# VERTEX_PROJECT_ID=
-# VERTEX_LOCATION=us-central1
-
-# OpenAI API Key (if using OpenAI-based skills)
-# OPENAI_API_KEY=
-
-# Anthropic API Key (if using Claude API directly)
-# ANTHROPIC_API_KEY=
-
-# ElevenLabs API Key
-# Get your key at: https://elevenlabs.io/app/settings/api-keys
-# ELEVENLABS_API_KEY=
-
-# ============================================
-# Development & CI/CD
-# ============================================
-# NODE_ENV=development
-# DEBUG=false
-# LOG_LEVEL=info
-
-# ============================================
-# Project Configuration
-# ============================================
-# PROJECT_NAME=claudekit-engineer
-# ENVIRONMENT=local
-
-# ============================================
-# Example Usage Scenarios
-# ============================================
-# Scenario 1: Global default for all skills
-# .claude/.env (this file):                GEMINI_API_KEY=global-dev-key
-# Result: All skills use global-dev-key
-#
-# Scenario 2: Override for all skills
-# .claude/.env (this file):                GEMINI_API_KEY=global-dev-key
-# .claude/skills/.env:                     GEMINI_API_KEY=skills-prod-key
-# Result: All skills use skills-prod-key
-#
-# Scenario 3: Skill-specific override
-# .claude/.env (this file):                GEMINI_API_KEY=global-key
-# .claude/skills/.env:                     GEMINI_API_KEY=shared-key
-# .claude/skills/ai-multimodal/.env:       GEMINI_API_KEY=high-quota-key
-# Result: ai-multimodal uses high-quota-key, other skills use shared-key
-#
-# Scenario 4: Runtime testing
-# export GEMINI_API_KEY=test-key
-# Result: All skills use test-key regardless of config files
-#
-# Priority: runtime > skill-specific > shared > global (this file)

package/.opencode/skills/ads-management/scripts/.env.example

@@ -1,13 +0,0 @@
-# Google Ads API credentials
-GOOGLE_ADS_DEVELOPER_TOKEN=your_developer_token
-GOOGLE_ADS_CLIENT_ID=your_client_id.apps.googleusercontent.com
-GOOGLE_ADS_CLIENT_SECRET=your_client_secret
-GOOGLE_ADS_REFRESH_TOKEN=1//your_refresh_token
-GOOGLE_ADS_CUSTOMER_ID=1234567890
-GOOGLE_ADS_LOGIN_CUSTOMER_ID=your_mcc_id
-
-# Meta/Facebook Ads API credentials
-META_APP_ID=your_app_id
-META_APP_SECRET=your_app_secret
-META_ACCESS_TOKEN=your_system_user_token
-META_AD_ACCOUNT_ID=act_123456789

package/.opencode/skills/ai-multimodal/.env.example

@@ -1,230 +0,0 @@
-# Google Gemini API Configuration
-
-# ============================================================================
-# OPTION 1: Google AI Studio (Default - Recommended for most users)
-# ============================================================================
-# Get your API key: https://aistudio.google.com/apikey
-GEMINI_API_KEY=your_api_key_here
-
-# ============================================================================
-# API Key Rotation (Optional - For high-volume usage)
-# ============================================================================
-# Add multiple API keys for automatic rotation on rate limit errors.
-# Free tier accounts are heavily rate-limited; rotation helps distribute load.
-#
-# Format: GEMINI_API_KEY_N where N is 2, 3, 4, etc.
-# The primary GEMINI_API_KEY is always used first.
-#
-# GEMINI_API_KEY_2=your_second_api_key
-# GEMINI_API_KEY_3=your_third_api_key
-# GEMINI_API_KEY_4=your_fourth_api_key
-#
-# Features:
-# - Auto-rotates on RESOURCE_EXHAUSTED / 429 errors
-# - 60-second cooldown per key after rate limit
-# - Logs rotation events with --verbose flag
-# - Backward compatible: single key still works
-
-# ============================================================================
-# OPTION 2: Vertex AI (Google Cloud Platform)
-# ============================================================================
-# Uncomment these lines to use Vertex AI instead of Google AI Studio
-# GEMINI_USE_VERTEX=true
-# VERTEX_PROJECT_ID=your-gcp-project-id
-# VERTEX_LOCATION=us-central1
-
-# ============================================================================
-# Model Selection (Optional)
-# ============================================================================
-# Override default models for specific capabilities
-# If not set, intelligent defaults are used based on task type
-
-# --- Image Generation ---
-# Used by: --task generate (image)
-# Default: gemini-2.5-flash-image (Nano Banana Flash - fast, cost-effective)
-# Alternative: imagen-4.0-generate-001 (production quality)
-# NOTE: All image generation requires billing - no free tier available (limit: 0)
-# Options:
-#   gemini-2.5-flash-image            - Nano Banana Flash: fast, ~$1/1M tokens (DEFAULT)
-#   gemini-3-pro-image-preview        - Nano Banana Pro: 4K text, reasoning (requires billing)
-#   imagen-4.0-generate-001           - Imagen 4 Standard: production quality (~$0.02/image)
-#   imagen-4.0-ultra-generate-001     - Imagen 4 Ultra: maximum quality (~$0.04/image)
-#   imagen-4.0-fast-generate-001      - Imagen 4 Fast: speed-optimized (~$0.01/image)
-# IMAGE_GEN_MODEL=gemini-2.5-flash-image
-
-# --- Video Generation ---
-# Used by: --task generate-video (new capability)
-# Default: veo-3.1-generate-preview
-# NOTE: Video generation requires billing - no free tier fallback available
-# Options:
-#   veo-3.1-generate-preview       - Latest, native audio, frame control (requires billing)
-#   veo-3.1-fast-generate-preview  - Speed-optimized for business (requires billing)
-#   veo-3.0-generate-001           - Stable, native audio, 8s videos (requires billing)
-#   veo-3.0-fast-generate-001      - Stable fast variant (requires billing)
-# VIDEO_GEN_MODEL=veo-3.1-generate-preview
-
-# --- Multimodal Analysis ---
-# Used by: --task analyze, transcribe, extract
-# Default: gemini-2.5-flash
-# Options:
-#   gemini-3-pro-preview           - Latest, agentic workflows, 1M context
-#   gemini-2.5-flash               - Best price/performance (recommended)
-#   gemini-2.5-pro                 - Highest quality
-# MULTIMODAL_MODEL=gemini-2.5-flash
-
-# --- Legacy Compatibility ---
-# Generic model override (use specific variables above instead)
-# GEMINI_MODEL=gemini-2.5-flash
-# GEMINI_IMAGE_GEN_MODEL=gemini-2.5-flash-image
-
-# ============================================================================
-# MiniMax API Configuration (Optional - for image/video/speech/music generation)
-# ============================================================================
-# Get your API key: https://platform.minimax.io/user-center/basic-information/interface-key
-# MINIMAX_API_KEY=your_minimax_api_key_here
-
-# --- MiniMax Image Generation ---
-# Models: image-01 (standard), image-01-live (enhanced)
-# Cost: ~$0.03/image | Rate: 10 RPM
-# MINIMAX_IMAGE_MODEL=image-01
-
-# --- MiniMax Video Generation (Hailuo) ---
-# Models: MiniMax-Hailuo-2.3, MiniMax-Hailuo-2.3-Fast, MiniMax-Hailuo-02, S2V-01
-# Cost: $0.25-0.52/video | Rate: 5 RPM
-# MINIMAX_VIDEO_MODEL=MiniMax-Hailuo-2.3
-
-# --- MiniMax Speech/TTS ---
-# Models: speech-2.8-hd (best), speech-2.8-turbo (fast)
-# Cost: $30-50/1M chars | Rate: 60 RPM | 300+ voices, 40+ languages
-# MINIMAX_SPEECH_MODEL=speech-2.8-hd
-
-# --- MiniMax Music Generation ---
-# Models: music-2.5 (4-minute songs with vocals)
-# Cost: $0.03-0.075/gen | Rate: 120 RPM
-# MINIMAX_MUSIC_MODEL=music-2.5
-
-# ============================================================================
-# Rate Limiting Configuration (Optional)
-# ============================================================================
-# Requests per minute limit (adjust based on your tier)
-# GEMINI_RPM_LIMIT=15
-
-# Tokens per minute limit
-# GEMINI_TPM_LIMIT=4000000
-
-# Requests per day limit
-# GEMINI_RPD_LIMIT=1500
-
-# ============================================================================
-# Video Generation Options (Optional)
-# ============================================================================
-# Video duration in seconds (8s only for now)
-# VEO_DURATION=8
-
-# Video resolution: 720p or 1080p
-# VEO_RESOLUTION=1080p
-
-# Aspect ratio: 16:9, 9:16, 1:1 (16:9 is default)
-# VEO_ASPECT_RATIO=16:9
-
-# Frame rate: 24fps (fixed for now)
-# VEO_FPS=24
-
-# Enable native audio generation
-# VEO_AUDIO=true
-
-# ============================================================================
-# Image Generation Options (Optional)
-# ============================================================================
-# Number of images to generate (1-4)
-# IMAGEN_NUM_IMAGES=1
-
-# Image size: 1K or 2K (Ultra/Standard only)
-# IMAGEN_SIZE=1K
-
-# Aspect ratio: 1:1, 16:9, 9:16, 4:3, 3:4
-# IMAGEN_ASPECT_RATIO=1:1
-
-# Enable person generation (restricted in EEA, CH, UK)
-# IMAGEN_PERSON_GENERATION=true
-
-# Add SynthID watermark (always enabled by default)
-# IMAGEN_WATERMARK=true
-
-# ============================================================================
-# Processing Options (Optional)
-# ============================================================================
-# Video resolution mode: default or low-res
-# low-res uses ~100 tokens/second vs ~300 for default
-# GEMINI_VIDEO_RESOLUTION=default
-
-# Audio quality: default (16 Kbps mono, auto-downsampled)
-# GEMINI_AUDIO_QUALITY=default
-
-# PDF processing mode: inline (<20MB) or file-api (>20MB, automatic)
-# GEMINI_PDF_MODE=auto
-
-# ============================================================================
-# Retry Configuration (Optional)
-# ============================================================================
-# Maximum retry attempts for failed requests
-# GEMINI_MAX_RETRIES=3
-
-# Initial retry delay in seconds (uses exponential backoff)
-# GEMINI_RETRY_DELAY=1
-
-# ============================================================================
-# Output Configuration (Optional)
-# ============================================================================
-# Default output directory for generated images
-# OUTPUT_DIR=./output
-
-# Image output format (png or jpeg)
-# IMAGE_FORMAT=png
-
-# Image quality for JPEG (1-100)
-# IMAGE_QUALITY=95
-
-# ============================================================================
-# Context Caching (Optional)
-# ============================================================================
-# Enable context caching for repeated queries on same file
-# GEMINI_ENABLE_CACHING=true
-
-# Cache TTL in seconds (default: 1800 = 30 minutes)
-# GEMINI_CACHE_TTL=1800
-
-# ============================================================================
-# Logging (Optional)
-# ============================================================================
-# Log level: DEBUG, INFO, WARNING, ERROR, CRITICAL
-# LOG_LEVEL=INFO
-
-# Log file path
-# LOG_FILE=./logs/gemini.log
-
-# ============================================================================
-# Pricing Reference (as of 2025-11)
-# ============================================================================
-# Gemini 2.5 Flash: $1.00/1M input, $0.10/1M output
-# Gemini 2.5 Pro: $3.00/1M input, $12.00/1M output
-# Gemini 3 Pro: $2.00/1M input (<200k), $4.00 (>200k), $12/$18 output
-# Imagen 4: ~$0.01-$0.04 per image (varies by variant)
-# Veo 3: TBD (preview pricing)
-# Monitor: https://ai.google.dev/pricing
-
-# ============================================================================
-# Notes
-# ============================================================================
-# 1. Never commit API keys to version control
-# 2. Add .env to .gitignore
-# 3. API keys can be restricted in Google Cloud Console
-# 4. Monitor usage at: https://aistudio.google.com/apikey
-# 5. Free tier limits: 15 RPM, 1M-4M TPM, 1,500 RPD
-# 6. Vertex AI requires GCP authentication via gcloud CLI
-# 7. Model defaults (Dec 2025):
-#    - Image gen: gemini-2.5-flash-image (Nano Banana Flash - default)
-#    - Image gen: imagen-4.0-generate-001 (alternative for production)
-#    - Video gen: veo-3.1-generate-preview
-#    - Analysis: gemini-2.5-flash
-# 8. Preview models (veo-3.1, gemini-3) may have API changes

package/.opencode/skills/cip-design/.env.example

@@ -1,6 +0,0 @@
-# CIP Design Skill Environment Variables
-# Copy this file to .env and fill in your API key
-
-# Gemini API Key (required for image generation)
-# Get from: https://aistudio.google.com/apikey
-GEMINI_API_KEY=your-gemini-api-key-here