gigaclaw 1.4.0

package/templates/app/components/login-form.jsx

@@ -0,0 +1,92 @@
+'use client';
+
+import { useState } from 'react';
+import { signIn } from 'next-auth/react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { Button } from './ui/button';
+import { Input } from './ui/input';
+import { Label } from './ui/label';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './ui/card';
+
+export function LoginForm() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const justCreated = searchParams.get('created') === '1';
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setError('');
+    setLoading(true);
+
+    try {
+      const result = await signIn('credentials', {
+        email,
+        password,
+        redirect: false,
+      });
+
+      if (result?.error) {
+        setError('Invalid email or password.');
+      } else {
+        router.push('/');
+      }
+    } catch {
+      setError('Something went wrong. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <div className="w-full max-w-sm space-y-3">
+      {justCreated && (
+        <div className="rounded-lg border border-green-500/30 bg-green-500/5 p-4">
+          <p className="text-sm font-medium text-green-600 dark:text-green-400">
+            Account created. Sign in with your new credentials.
+          </p>
+        </div>
+      )}
+    <Card className="w-full max-w-sm">
+      <CardHeader>
+        <CardTitle>Sign In</CardTitle>
+        <CardDescription>Log in to your agent dashboard.</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="space-y-2">
+            <Label htmlFor="email">Email</Label>
+            <Input
+              id="email"
+              type="email"
+              placeholder="admin@example.com"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              required
+            />
+          </div>
+          <div className="space-y-2">
+            <Label htmlFor="password">Password</Label>
+            <Input
+              id="password"
+              type="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              required
+            />
+          </div>
+          {error && (
+            <p className="text-sm text-destructive">{error}</p>
+          )}
+          <Button type="submit" className="w-full" disabled={loading}>
+            {loading ? 'Signing in...' : 'Sign In'}
+          </Button>
+        </form>
+      </CardContent>
+    </Card>
+    </div>
+  );
+}

package/templates/app/components/setup-form.jsx

@@ -0,0 +1,82 @@
+'use client';
+
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { Button } from './ui/button';
+import { Input } from './ui/input';
+import { Label } from './ui/label';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './ui/card';
+import { setupAdmin } from 'gigaclaw/auth/actions';
+
+export function SetupForm() {
+  const router = useRouter();
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setError('');
+    setLoading(true);
+
+    try {
+      const result = await setupAdmin(email, password);
+
+      if (result.error) {
+        setError(result.error);
+        setLoading(false);
+        return;
+      }
+
+      // Redirect to login with success indicator — admin must authenticate through the normal flow
+      router.push('/login?created=1');
+    } catch {
+      setError('Something went wrong. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <Card className="w-full max-w-sm">
+      <CardHeader>
+        <CardTitle>Create Admin Account</CardTitle>
+        <CardDescription>Set up your first admin account to get started.</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="space-y-2">
+            <Label htmlFor="email">Email</Label>
+            <Input
+              id="email"
+              type="email"
+              placeholder="admin@example.com"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              required
+            />
+          </div>
+          <div className="space-y-2">
+            <Label htmlFor="password">Password</Label>
+            <Input
+              id="password"
+              type="password"
+              placeholder="Min 8 characters"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              required
+              minLength={8}
+            />
+          </div>
+          {error && (
+            <p className="text-sm text-destructive">{error}</p>
+          )}
+          <Button type="submit" className="w-full" disabled={loading}>
+            {loading ? 'Creating...' : 'Create Account'}
+          </Button>
+        </form>
+      </CardContent>
+    </Card>
+  );
+}

package/templates/app/components/theme-provider.jsx

@@ -0,0 +1,11 @@
+'use client';
+
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+
+export function ThemeProvider({ children }) {
+  return (
+    <NextThemesProvider attribute="class" defaultTheme="system" enableSystem>
+      {children}
+    </NextThemesProvider>
+  );
+}

package/templates/app/components/theme-toggle.jsx

@@ -0,0 +1,38 @@
+'use client';
+
+import { useTheme } from 'next-themes';
+import { useEffect, useState } from 'react';
+
+export function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => setMounted(true), []);
+
+  if (!mounted) return <div className="h-[34px] w-[106px]" />;
+
+  const options = [
+    { value: 'light', label: '☀️' },
+    { value: 'dark', label: '🌙' },
+    { value: 'system', label: '💻' },
+  ];
+
+  return (
+    <div className="flex items-center gap-1 rounded-md border border-border bg-muted p-1">
+      {options.map((opt) => (
+        <button
+          key={opt.value}
+          onClick={() => setTheme(opt.value)}
+          className={`rounded px-2 py-1 text-sm transition-colors ${
+            theme === opt.value
+              ? 'bg-background text-foreground shadow-sm'
+              : 'text-muted-foreground hover:text-foreground'
+          }`}
+          title={opt.value.charAt(0).toUpperCase() + opt.value.slice(1)}
+        >
+          {opt.label}
+        </button>
+      ))}
+    </div>
+  );
+}

package/templates/app/components/ui/button.jsx

@@ -0,0 +1,21 @@
+'use client';
+
+export function Button({ children, variant = 'default', className = '', disabled, ...props }) {
+  const base = 'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 px-4 py-2';
+
+  const variants = {
+    default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+    outline: 'border border-border bg-transparent text-foreground hover:bg-muted',
+    ghost: 'text-foreground hover:bg-muted',
+  };
+
+  return (
+    <button
+      className={`${base} ${variants[variant] || variants.default} ${className}`}
+      disabled={disabled}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+}

package/templates/app/components/ui/card.jsx

@@ -0,0 +1,23 @@
+export function Card({ children, className = '' }) {
+  return (
+    <div className={`rounded-lg border border-border bg-muted p-6 ${className}`}>
+      {children}
+    </div>
+  );
+}
+
+export function CardHeader({ children, className = '' }) {
+  return <div className={`mb-4 ${className}`}>{children}</div>;
+}
+
+export function CardTitle({ children, className = '' }) {
+  return <h2 className={`text-lg font-semibold text-foreground ${className}`}>{children}</h2>;
+}
+
+export function CardDescription({ children, className = '' }) {
+  return <p className={`text-sm text-muted-foreground ${className}`}>{children}</p>;
+}
+
+export function CardContent({ children, className = '' }) {
+  return <div className={className}>{children}</div>;
+}

package/templates/app/components/ui/input.jsx

@@ -0,0 +1,10 @@
+'use client';
+
+export function Input({ className = '', ...props }) {
+  return (
+    <input
+      className={`flex h-10 w-full rounded-md border border-border bg-input px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${className}`}
+      {...props}
+    />
+  );
+}

package/templates/app/components/ui/label.jsx

@@ -0,0 +1,10 @@
+export function Label({ children, className = '', ...props }) {
+  return (
+    <label
+      className={`text-sm font-medium text-foreground ${className}`}
+      {...props}
+    >
+      {children}
+    </label>
+  );
+}

package/templates/app/crons/page.js

@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function CronsRoute() {
+  redirect('/settings/crons');
+}

package/templates/app/globals.css

@@ -0,0 +1,90 @@
+@import "tailwindcss";
+@import "streamdown/styles.css";
+@source "../node_modules/gigabot/lib/**/*.{js,jsx}";
+@source "../node_modules/streamdown/dist/**/*.js";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+  --primary: #171717;
+  --primary-foreground: #ffffff;
+  --muted: #f5f5f5;
+  --muted-foreground: #737373;
+  --border: #e5e5e5;
+  --input: #f5f5f5;
+  --ring: #171717;
+  --destructive: #dc2626;
+}
+
+.dark {
+  --background: #0a0a0a;
+  --foreground: #ededed;
+  --primary: #ededed;
+  --primary-foreground: #0a0a0a;
+  --muted: #171717;
+  --muted-foreground: #a3a3a3;
+  --border: #262626;
+  --input: #171717;
+  --ring: #ededed;
+  --destructive: #ef4444;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-destructive: var(--destructive);
+  --text-xs: 0.8125rem;
+  --text-xs--line-height: 1.125rem;
+  --text-sm: 1rem;
+  --text-sm--line-height: 1.5rem;
+  --font-sans: system-ui, -apple-system, sans-serif;
+  --font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+}
+
+/* Scrollbar styling */
+.scrollbar-thin {
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) transparent;
+}
+
+.scrollbar-thin::-webkit-scrollbar {
+  width: 6px;
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: var(--border);
+  border-radius: 3px;
+}
+
+/* Code block horizontal scroll — target the pre (code-block-body), not the
+   outer wrapper which needs overflow-hidden for border-radius clipping */
+[data-streamdown="code-block-body"] {
+  overflow-x: auto !important;
+}
+
+[data-streamdown="code-block-body"]::-webkit-scrollbar {
+  height: 6px;
+}
+
+[data-streamdown="code-block-body"]::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+[data-streamdown="code-block-body"]::-webkit-scrollbar-thumb {
+  background-color: var(--border);
+  border-radius: 3px;
+}

package/templates/app/layout.js

@@ -0,0 +1,33 @@
+import './globals.css';
+import { ThemeProvider } from './components/theme-provider';
+
+export const metadata = {
+  title: 'Giga Bot — Autonomous AI Agent by Gignaati',
+  description: 'Giga Bot is an autonomous AI agent platform by Gignaati. Build, deploy, and run AI agents 24/7 with India-first, edge-native AI. Supports PragatiGPT, Claude, GPT, Gemini, and local models via Ollama.',
+  keywords: ['AI agent', 'autonomous agent', 'Gignaati', 'PragatiGPT', 'India AI', 'edge AI', 'Giga Bot'],
+  authors: [{ name: 'Gignaati', url: 'https://www.gignaati.com' }],
+  creator: 'Gignaati',
+  publisher: 'Gignaati',
+  openGraph: {
+    title: 'Giga Bot — Autonomous AI Agent by Gignaati',
+    description: 'Build, deploy, and run AI agents 24/7 with India-first, edge-native AI.',
+    siteName: 'Giga Bot by Gignaati',
+    type: 'website',
+  },
+  robots: {
+    index: false, // Private agent — do not index
+    follow: false,
+  },
+};
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className="min-h-screen bg-background text-foreground antialiased">
+        <ThemeProvider>
+          {children}
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}

package/templates/app/login/page.js

@@ -0,0 +1,15 @@
+import { getPageAuthState } from 'gigaclaw/auth';
+import { AsciiLogo } from '../components/ascii-logo';
+import { SetupForm } from '../components/setup-form';
+import { LoginForm } from '../components/login-form';
+
+export default async function LoginPage() {
+  const { needsSetup } = await getPageAuthState();
+
+  return (
+    <main className="min-h-screen flex flex-col items-center justify-center p-8">
+      <AsciiLogo />
+      {needsSetup ? <SetupForm /> : <LoginForm />}
+    </main>
+  );
+}

package/templates/app/notifications/page.js

@@ -0,0 +1,7 @@
+import { auth } from 'gigaclaw/auth';
+import { NotificationsPage } from 'gigaclaw/chat';
+
+export default async function NotificationsRoute() {
+  const session = await auth();
+  return <NotificationsPage session={session} />;
+}

package/templates/app/page.js

@@ -0,0 +1,7 @@
+import { auth } from 'gigaclaw/auth';
+import { ChatPage } from 'gigaclaw/chat';
+
+export default async function Home() {
+  const session = await auth();
+  return <ChatPage session={session} needsSetup={false} />;
+}

package/templates/app/pull-requests/page.js

@@ -0,0 +1,7 @@
+import { auth } from 'gigaclaw/auth';
+import { PullRequestsPage } from 'gigaclaw/chat';
+
+export default async function PullRequestsRoute() {
+  const session = await auth();
+  return <PullRequestsPage session={session} />;
+}

package/templates/app/settings/crons/page.js

@@ -0,0 +1,5 @@
+import { CronsPage } from 'gigaclaw/chat';
+
+export default function SettingsCronsRoute() {
+  return <CronsPage />;
+}

package/templates/app/settings/layout.js

@@ -0,0 +1,7 @@
+import { auth } from 'gigaclaw/auth';
+import { SettingsLayout } from 'gigaclaw/chat';
+
+export default async function Layout({ children }) {
+  const session = await auth();
+  return <SettingsLayout session={session}>{children}</SettingsLayout>;
+}

package/templates/app/settings/page.js

@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function SettingsRoot() {
+  redirect('/settings/crons');
+}

package/templates/app/settings/secrets/page.js

@@ -0,0 +1,5 @@
+import { SettingsSecretsPage } from 'gigaclaw/chat';
+
+export default function SecretsRoute() {
+  return <SettingsSecretsPage />;
+}

package/templates/app/settings/triggers/page.js

@@ -0,0 +1,5 @@
+import { TriggersPage } from 'gigaclaw/chat';
+
+export default function SettingsTriggersRoute() {
+  return <TriggersPage />;
+}

package/templates/app/stream/chat/route.js

@@ -0,0 +1 @@
+export { POST } from 'gigaclaw/chat/api';

package/templates/app/swarm/page.js

@@ -0,0 +1,7 @@
+import { auth } from 'gigaclaw/auth';
+import { SwarmPage } from 'gigaclaw/chat';
+
+export default async function SwarmRoute() {
+  const session = await auth();
+  return <SwarmPage session={session} />;
+}

package/templates/app/triggers/page.js

@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function TriggersRoute() {
+  redirect('/settings/triggers');
+}

package/templates/config/CODE_PLANNING.md

@@ -0,0 +1,14 @@
+You are a coding assistant. The user has selected a GitHub repository and branch to work on. Help them discuss and plan what they want to build.
+
+You have two tools:
+
+1. **get_repository_details** — Fetches CLAUDE.md and README.md from the selected repo/branch so you understand the project.
+2. **start_coding** — Launches a live Claude Code workspace where the actual coding happens.
+
+IMPORTANT RULES:
+- When the user sends their first message, you MUST call get_repository_details immediately — before responding to anything. This gives you project context.
+- After getting repo context, help the user refine their idea, answer questions, suggest approaches.
+- Do NOT call start_coding until the user explicitly says they're ready (e.g. "let's start", "go ahead", "launch it").
+- When you call start_coding, include a thorough task_description summarizing what to build based on the conversation.
+
+Today is {{datetime}}.

package/templates/config/CRONS.json

@@ -0,0 +1,56 @@
+[
+  {
+    "name": "heartbeat",
+    "schedule": "*/30 * * * *",
+    "type": "agent",
+    "job": "Read the file at config/HEARTBEAT.md and complete the tasks described there.",
+    "enabled": false
+  },
+  {
+    "name": "daily-check",
+    "schedule": "0 9 * * *",
+    "type": "agent",
+    "job": "Check for dependency updates in package.json and report any outdated packages.",
+    "enabled": false
+  },
+  {
+    "name": "ping",
+    "schedule": "*/1 * * * *",
+    "type": "command",
+    "command": "echo \"pong!\"",
+    "enabled": true
+  },
+  {
+    "name": "cleanup-logs",
+    "schedule": "0 0 * * 0",
+    "type": "command",
+    "command": "ls -la logs/",
+    "enabled": false
+  },
+  {
+    "name": "ping-status",
+    "schedule": "*/5 * * * *",
+    "type": "webhook",
+    "url": "https://example.com/status",
+    "method": "POST",
+    "vars": { "source": "heartbeat" },
+    "enabled": false
+  },
+  {
+    "name": "health-check",
+    "schedule": "*/10 * * * *",
+    "type": "webhook",
+    "url": "https://example.com/health",
+    "method": "GET",
+    "enabled": false
+  },
+  {
+    "name": "daily-check-openai",
+    "schedule": "0 9 * * *",
+    "type": "agent",
+    "job": "Check for dependency updates in package.json and report any outdated packages.",
+    "llm_provider": "openai",
+    "llm_model": "gpt-4o",
+    "enabled": false
+  }
+]

package/templates/config/HEARTBEAT.md

@@ -0,0 +1,3 @@
+# Heartbeat Tasks
+
+Get the local weather for Claremont, CA and put it in /job/WEATHER.txt

package/templates/config/JOB_AGENT.md

@@ -0,0 +1,30 @@
+# gigaclaw Agent Environment
+
+**This document describes what you are and your operating environment**
+
+---
+
+## 1. What You Are
+
+You are **gigaclaw**, an autonomous AI agent running inside a Docker container.
+- You have full access to the machine and anything it can do to get the job done.
+
+---
+
+## 2. Local Docker Environment Reference
+
+### WORKDIR — `/job` is a git repo
+
+Your working directory is `/job`. **This is a live git repository.** When your job finishes, everything inside `/job` is automatically committed and pushed via `git add -A`. You do not control this — it happens after you exit.
+
+This means: **any file you create, copy, move, or download into `/job` or any subdirectory of `/job` WILL be committed to the repository.** There are no exceptions.
+
+### All working files go in `/tmp`
+
+**NEVER save, copy, move, or download files into `/job`** unless the job specifically requires changing the repository (e.g. editing source code, updating config files).
+
+Use `/tmp` for everything else — downloads, generated files, images, videos, scripts, intermediate data, API responses, anything you create to get the job done. `/tmp` is outside the repo and nothing there gets committed.
+
+If a skill or tool downloads a file to `/tmp`, **leave it there**. Do not copy or move it into `/job`. If you need to pass that file to another tool (e.g. uploading it somewhere), reference it directly from `/tmp`.
+
+Current datetime: {{datetime}}