gigaclaw 1.4.0

package/lib/chat/components/ui/tooltip.jsx

@@ -0,0 +1,66 @@
+'use client';
+
+import { useState, useRef, useEffect, createContext, useContext, cloneElement } from 'react';
+import { cn } from '../../utils.js';
+
+const TooltipContext = createContext({ open: false });
+
+export function TooltipProvider({ children, delayDuration = 200 }) {
+  return children;
+}
+
+export function Tooltip({ children }) {
+  const [open, setOpen] = useState(false);
+  const timeoutRef = useRef(null);
+
+  const handleOpen = () => {
+    timeoutRef.current = setTimeout(() => setOpen(true), 200);
+  };
+
+  const handleClose = () => {
+    clearTimeout(timeoutRef.current);
+    setOpen(false);
+  };
+
+  useEffect(() => () => clearTimeout(timeoutRef.current), []);
+
+  return (
+    <TooltipContext.Provider value={{ open, handleOpen, handleClose }}>
+      <div className="relative inline-flex" onMouseEnter={handleOpen} onMouseLeave={handleClose}>
+        {children}
+      </div>
+    </TooltipContext.Provider>
+  );
+}
+
+export function TooltipTrigger({ children, asChild }) {
+  if (asChild && children) {
+    return children;
+  }
+  return children;
+}
+
+export function TooltipContent({ children, className, align = 'center', side = 'bottom', ...props }) {
+  const { open } = useContext(TooltipContext);
+  if (!open) return null;
+
+  return (
+    <div
+      className={cn(
+        'absolute z-50 overflow-hidden rounded-md border border-border bg-muted px-3 py-1.5 text-sm text-foreground shadow-md',
+        'animate-in fade-in-0 zoom-in-95',
+        side === 'bottom' && 'top-full mt-1',
+        side === 'top' && 'bottom-full mb-1',
+        side === 'right' && 'left-full ml-1 top-1/2 -translate-y-1/2',
+        side === 'left' && 'right-full mr-1 top-1/2 -translate-y-1/2',
+        side !== 'right' && side !== 'left' && align === 'center' && 'left-1/2 -translate-x-1/2',
+        side !== 'right' && side !== 'left' && align === 'end' && 'right-0',
+        side !== 'right' && side !== 'left' && align === 'start' && 'left-0',
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </div>
+  );
+}

package/lib/chat/components/upgrade-dialog.js

@@ -0,0 +1,151 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { ArrowUpCircleIcon, SpinnerIcon, CheckIcon, XIcon, RefreshIcon } from "./icons.js";
+import { triggerUpgrade } from "../actions.js";
+function UpgradeDialog({ open, onClose, version, updateAvailable, changelog }) {
+  const [upgrading, setUpgrading] = useState(false);
+  const [result, setResult] = useState(null);
+  const handleClose = useCallback(() => onClose(), [onClose]);
+  useEffect(() => {
+    if (!open) return;
+    const handleEsc = (e) => {
+      if (e.key === "Escape") handleClose();
+    };
+    document.addEventListener("keydown", handleEsc);
+    return () => document.removeEventListener("keydown", handleEsc);
+  }, [open, handleClose]);
+  useEffect(() => {
+    if (!open) {
+      setUpgrading(false);
+      setResult(null);
+    }
+  }, [open]);
+  if (!open) return null;
+  const handleUpgrade = async () => {
+    setUpgrading(true);
+    setResult(null);
+    try {
+      await triggerUpgrade();
+      setResult("success");
+    } catch {
+      setResult("error");
+    } finally {
+      setUpgrading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/50", onClick: handleClose }),
+    /* @__PURE__ */ jsx("div", { className: "relative z-50 w-full max-w-md rounded-lg border border-border bg-background p-6 shadow-lg", onClick: (e) => e.stopPropagation(), children: result === "success" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: "Upgrade Initiated" }),
+        /* @__PURE__ */ jsx("button", { onClick: handleClose, className: "text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(XIcon, { size: 16 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-10 w-10 rounded-full bg-emerald-500/10 shrink-0", children: /* @__PURE__ */ jsx(CheckIcon, { size: 20, className: "text-emerald-500" }) }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium", children: [
+          "Upgrading to ",
+          /* @__PURE__ */ jsxs("span", { className: "font-mono text-emerald-500", children: [
+            "v",
+            updateAvailable
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("p", { children: [
+          "The upgrade process has been triggered and could take",
+          " ",
+          /* @__PURE__ */ jsx("strong", { className: "text-foreground", children: "5\u201310 minutes" }),
+          " to complete."
+        ] }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          "You can monitor progress from the",
+          " ",
+          /* @__PURE__ */ jsx("a", { href: "/swarm", className: "text-emerald-500 hover:underline font-medium", children: "Swarm" }),
+          " page."
+        ] }),
+        /* @__PURE__ */ jsx("p", { children: "The site may be briefly unresponsive for a few seconds when the server restarts." }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          "Some files (prompts, crons, triggers) won't be auto-updated to avoid breaking your bot.",
+          " ",
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "https://github.com/gignaati/gigaclaw?tab=readme-ov-file#understanding-init",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-emerald-500 hover:underline",
+              children: "Learn more"
+            }
+          ),
+          "."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 rounded-md border border-border bg-muted/30 p-3", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "If you hit unrecoverable errors, see the",
+        " ",
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://github.com/gignaati/gigaclaw?tab=readme-ov-file#manual-updating",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-emerald-500 hover:underline",
+            children: "manual update guide"
+          }
+        ),
+        "."
+      ] }) })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: "Upgrade Available" }),
+        /* @__PURE__ */ jsx("button", { onClick: handleClose, className: "text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(XIcon, { size: 16 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
+        /* @__PURE__ */ jsx(ArrowUpCircleIcon, { size: 24 }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Installed version" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-lg font-mono font-semibold", children: [
+            "v",
+            version
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rounded-md border border-emerald-500/30 bg-emerald-500/5 p-3 mb-4", children: /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium", children: [
+        "Version ",
+        /* @__PURE__ */ jsxs("span", { className: "font-mono text-emerald-500", children: [
+          "v",
+          updateAvailable
+        ] }),
+        " is available"
+      ] }) }),
+      changelog && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-2", children: "What's new" }),
+        /* @__PURE__ */ jsx("div", { className: "max-h-48 overflow-y-auto rounded-md border border-border bg-muted/30 p-3 text-sm text-muted-foreground whitespace-pre-wrap", children: changelog })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleUpgrade,
+          disabled: upgrading,
+          className: "w-full inline-flex items-center justify-center gap-2 rounded-md px-4 py-2.5 text-sm font-medium bg-emerald-500 text-white hover:bg-emerald-600 disabled:opacity-50 disabled:pointer-events-none",
+          children: upgrading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }),
+            "Triggering upgrade..."
+          ] }) : result === "error" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(RefreshIcon, { size: 16 }),
+            "Retry"
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ArrowUpCircleIcon, { size: 16 }),
+            "Upgrade to v",
+            updateAvailable
+          ] })
+        }
+      ),
+      result === "error" && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-400 mt-3", children: "Failed to trigger the upgrade workflow. Check that your GitHub token has workflow permissions." })
+    ] }) })
+  ] });
+}
+export {
+  UpgradeDialog
+};

package/lib/chat/components/upgrade-dialog.jsx

@@ -0,0 +1,170 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+import { ArrowUpCircleIcon, SpinnerIcon, CheckIcon, XIcon, RefreshIcon } from './icons.js';
+import { triggerUpgrade } from '../actions.js';
+
+export function UpgradeDialog({ open, onClose, version, updateAvailable, changelog }) {
+  const [upgrading, setUpgrading] = useState(false);
+  const [result, setResult] = useState(null);
+
+  const handleClose = useCallback(() => onClose(), [onClose]);
+
+  useEffect(() => {
+    if (!open) return;
+    const handleEsc = (e) => {
+      if (e.key === 'Escape') handleClose();
+    };
+    document.addEventListener('keydown', handleEsc);
+    return () => document.removeEventListener('keydown', handleEsc);
+  }, [open, handleClose]);
+
+  useEffect(() => {
+    if (!open) {
+      setUpgrading(false);
+      setResult(null);
+    }
+  }, [open]);
+
+  if (!open) return null;
+
+  const handleUpgrade = async () => {
+    setUpgrading(true);
+    setResult(null);
+    try {
+      await triggerUpgrade();
+      setResult('success');
+    } catch {
+      setResult('error');
+    } finally {
+      setUpgrading(false);
+    }
+  };
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center">
+      <div className="fixed inset-0 bg-black/50" onClick={handleClose} />
+      <div className="relative z-50 w-full max-w-md rounded-lg border border-border bg-background p-6 shadow-lg" onClick={(e) => e.stopPropagation()}>
+        {result === 'success' ? (
+          <>
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-lg font-semibold">Upgrade Initiated</h3>
+              <button onClick={handleClose} className="text-muted-foreground hover:text-foreground">
+                <XIcon size={16} />
+              </button>
+            </div>
+
+            <div className="flex items-center gap-3 mb-4">
+              <div className="flex items-center justify-center h-10 w-10 rounded-full bg-emerald-500/10 shrink-0">
+                <CheckIcon size={20} className="text-emerald-500" />
+              </div>
+              <p className="text-sm font-medium">
+                Upgrading to <span className="font-mono text-emerald-500">v{updateAvailable}</span>
+              </p>
+            </div>
+
+            <div className="space-y-3 text-sm text-muted-foreground">
+              <p>
+                The upgrade process has been triggered and could take{' '}
+                <strong className="text-foreground">5–10 minutes</strong> to complete.
+              </p>
+              <p>
+                You can monitor progress from the{' '}
+                <a href="/swarm" className="text-emerald-500 hover:underline font-medium">Swarm</a> page.
+              </p>
+              <p>
+                The site may be briefly unresponsive for a few seconds when the server restarts.
+              </p>
+              <p>
+                Some files (prompts, crons, triggers) won't be auto-updated to avoid breaking your bot.{' '}
+                <a
+                  href="https://github.com/gignaati/gigaclaw?tab=readme-ov-file#understanding-init"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-emerald-500 hover:underline"
+                >
+                  Learn more
+                </a>.
+              </p>
+            </div>
+
+            <div className="mt-4 rounded-md border border-border bg-muted/30 p-3">
+              <p className="text-xs text-muted-foreground">
+                If you hit unrecoverable errors, see the{' '}
+                <a
+                  href="https://github.com/gignaati/gigaclaw?tab=readme-ov-file#manual-updating"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-emerald-500 hover:underline"
+                >
+                  manual update guide
+                </a>.
+              </p>
+            </div>
+          </>
+        ) : (
+          <>
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-lg font-semibold">Upgrade Available</h3>
+              <button onClick={handleClose} className="text-muted-foreground hover:text-foreground">
+                <XIcon size={16} />
+              </button>
+            </div>
+
+            <div className="flex items-center gap-3 mb-4">
+              <ArrowUpCircleIcon size={24} />
+              <div>
+                <p className="text-sm text-muted-foreground">Installed version</p>
+                <p className="text-lg font-mono font-semibold">v{version}</p>
+              </div>
+            </div>
+
+            <div className="rounded-md border border-emerald-500/30 bg-emerald-500/5 p-3 mb-4">
+              <p className="text-sm font-medium">
+                Version <span className="font-mono text-emerald-500">v{updateAvailable}</span> is available
+              </p>
+            </div>
+
+            {changelog && (
+              <div className="mb-4">
+                <p className="text-sm font-medium mb-2">What's new</p>
+                <div className="max-h-48 overflow-y-auto rounded-md border border-border bg-muted/30 p-3 text-sm text-muted-foreground whitespace-pre-wrap">
+                  {changelog}
+                </div>
+              </div>
+            )}
+
+            <button
+              onClick={handleUpgrade}
+              disabled={upgrading}
+              className="w-full inline-flex items-center justify-center gap-2 rounded-md px-4 py-2.5 text-sm font-medium bg-emerald-500 text-white hover:bg-emerald-600 disabled:opacity-50 disabled:pointer-events-none"
+            >
+              {upgrading ? (
+                <>
+                  <SpinnerIcon size={16} />
+                  Triggering upgrade...
+                </>
+              ) : result === 'error' ? (
+                <>
+                  <RefreshIcon size={16} />
+                  Retry
+                </>
+              ) : (
+                <>
+                  <ArrowUpCircleIcon size={16} />
+                  Upgrade to v{updateAvailable}
+                </>
+              )}
+            </button>
+
+            {result === 'error' && (
+              <p className="text-xs text-red-400 mt-3">
+                Failed to trigger the upgrade workflow. Check that your GitHub token has workflow permissions.
+              </p>
+            )}
+          </>
+        )}
+      </div>
+    </div>
+  );
+}

package/lib/chat/utils.js

@@ -0,0 +1,11 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+/**
+ * Merge Tailwind CSS classes with conflict resolution.
+ * @param  {...any} inputs - Class name inputs
+ * @returns {string}
+ */
+export function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}

package/lib/code/actions.js

@@ -0,0 +1,153 @@
+'use server';
+
+import { auth } from '../auth/index.js';
+import {
+  createCodeWorkspace as dbCreateCodeWorkspace,
+  getCodeWorkspaceById,
+  getCodeWorkspacesByUser,
+  updateCodeWorkspaceTitle,
+  toggleCodeWorkspaceStarred,
+  deleteCodeWorkspace as dbDeleteCodeWorkspace,
+} from '../db/code-workspaces.js';
+
+const RECOVERABLE_STATES = new Set(['exited', 'created', 'paused']);
+
+/**
+ * Get the authenticated user or throw.
+ */
+async function requireAuth() {
+  const session = await auth();
+  if (!session?.user?.id) {
+    throw new Error('Unauthorized');
+  }
+  return session.user;
+}
+
+/**
+ * Get all code workspaces for the authenticated user.
+ * @returns {Promise<object[]>}
+ */
+export async function getCodeWorkspaces() {
+  const user = await requireAuth();
+  return getCodeWorkspacesByUser(user.id);
+}
+
+/**
+ * Create a new code workspace.
+ * @param {string} containerName - Docker container DNS name
+ * @param {string} [title='Code Workspace']
+ * @returns {Promise<object>}
+ */
+export async function createCodeWorkspace(containerName, title = 'Code Workspace') {
+  const user = await requireAuth();
+  return dbCreateCodeWorkspace(user.id, { containerName, title });
+}
+
+/**
+ * Rename a code workspace (with ownership check).
+ * @param {string} id
+ * @param {string} title
+ * @returns {Promise<{success: boolean}>}
+ */
+export async function renameCodeWorkspace(id, title) {
+  const user = await requireAuth();
+  const workspace = getCodeWorkspaceById(id);
+  if (!workspace || workspace.userId !== user.id) {
+    return { success: false };
+  }
+  updateCodeWorkspaceTitle(id, title);
+  return { success: true };
+}
+
+/**
+ * Toggle a code workspace's starred status (with ownership check).
+ * @param {string} id
+ * @returns {Promise<{success: boolean, starred?: number}>}
+ */
+export async function starCodeWorkspace(id) {
+  const user = await requireAuth();
+  const workspace = getCodeWorkspaceById(id);
+  if (!workspace || workspace.userId !== user.id) {
+    return { success: false };
+  }
+  const starred = toggleCodeWorkspaceStarred(id);
+  return { success: true, starred };
+}
+
+/**
+ * Delete a code workspace (with ownership check).
+ * @param {string} id
+ * @returns {Promise<{success: boolean}>}
+ */
+export async function deleteCodeWorkspace(id) {
+  const user = await requireAuth();
+  const workspace = getCodeWorkspaceById(id);
+  if (!workspace || workspace.userId !== user.id) {
+    return { success: false };
+  }
+  dbDeleteCodeWorkspace(id);
+  return { success: true };
+}
+
+/**
+ * Ensure a code workspace's Docker container is running.
+ * Recovers stopped/removed containers automatically.
+ * @param {string} id - Workspace ID
+ * @returns {Promise<{status: string, message?: string}>}
+ */
+export async function ensureCodeWorkspaceContainer(id) {
+  const user = await requireAuth();
+  const workspace = getCodeWorkspaceById(id);
+  if (!workspace || workspace.userId !== user.id) {
+    return { status: 'error', message: 'Workspace not found' };
+  }
+
+  if (!workspace.containerName) {
+    return { status: 'no_container' };
+  }
+
+  try {
+    const { inspectContainer, startContainer, removeContainer, createCodeWorkspaceContainer } =
+      await import('../tools/docker.js');
+
+    const info = await inspectContainer(workspace.containerName);
+
+    if (!info) {
+      // Container not found — recreate
+      await createCodeWorkspaceContainer({
+        containerName: workspace.containerName,
+        repo: workspace.repo,
+        branch: workspace.branch,
+        codingAgent: workspace.codingAgent,
+      });
+      return { status: 'created' };
+    }
+
+    const state = info.State?.Status;
+
+    if (state === 'running') {
+      return { status: 'running' };
+    }
+
+    if (RECOVERABLE_STATES.has(state)) {
+      try {
+        await startContainer(workspace.containerName);
+        return { status: 'started' };
+      } catch {
+        // Start failed — fall through to remove + recreate
+      }
+    }
+
+    // Dead, bad state, or start failed — remove and recreate
+    await removeContainer(workspace.containerName);
+    await createCodeWorkspaceContainer({
+      containerName: workspace.containerName,
+      repo: workspace.repo,
+      branch: workspace.branch,
+      codingAgent: workspace.codingAgent,
+    });
+    return { status: 'created' };
+  } catch (err) {
+    return { status: 'error', message: err.message };
+  }
+}

package/lib/code/code-page.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
+import { AppSidebar } from "../chat/components/app-sidebar.js";
+import { SidebarProvider, SidebarInset } from "../chat/components/ui/sidebar.js";
+import { ChatNavProvider } from "../chat/components/chat-nav-context.js";
+import { ChatHeader } from "../chat/components/chat-header.js";
+const TerminalView = dynamic(() => import("./terminal-view.js"), { ssr: false });
+function CodePage({ session, codeWorkspaceId }) {
+  return /* @__PURE__ */ jsx(ChatNavProvider, { value: { activeChatId: null, navigateToChat: (id) => {
+    window.location.href = id ? `/chat/${id}` : "/";
+  } }, children: /* @__PURE__ */ jsxs(SidebarProvider, { children: [
+    /* @__PURE__ */ jsx(AppSidebar, { user: session.user }),
+    /* @__PURE__ */ jsx(SidebarInset, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-svh flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx(ChatHeader, { workspaceId: codeWorkspaceId }),
+      /* @__PURE__ */ jsx(TerminalView, { codeWorkspaceId })
+    ] }) })
+  ] }) });
+}
+export {
+  CodePage as default
+};

package/lib/code/code-page.jsx

@@ -0,0 +1,25 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+import { AppSidebar } from '../chat/components/app-sidebar.js';
+import { SidebarProvider, SidebarInset } from '../chat/components/ui/sidebar.js';
+import { ChatNavProvider } from '../chat/components/chat-nav-context.js';
+import { ChatHeader } from '../chat/components/chat-header.js';
+
+const TerminalView = dynamic(() => import('./terminal-view.js'), { ssr: false });
+
+export default function CodePage({ session, codeWorkspaceId }) {
+  return (
+    <ChatNavProvider value={{ activeChatId: null, navigateToChat: (id) => { window.location.href = id ? `/chat/${id}` : '/'; } }}>
+      <SidebarProvider>
+        <AppSidebar user={session.user} />
+        <SidebarInset>
+          <div className="flex h-svh flex-col overflow-hidden">
+            <ChatHeader workspaceId={codeWorkspaceId} />
+            <TerminalView codeWorkspaceId={codeWorkspaceId} />
+          </div>
+        </SidebarInset>
+      </SidebarProvider>
+    </ChatNavProvider>
+  );
+}

package/lib/code/index.js

@@ -0,0 +1 @@
+export { default as CodePage } from './code-page.js';