gigaclaw 1.4.0

package/lib/chat/api.js

@@ -0,0 +1,140 @@
+import { auth } from '../auth/index.js';
+import { chatStream } from '../ai/index.js';
+import { v4 as uuidv4 } from 'uuid';
+
+/**
+ * POST handler for /stream/chat — streaming chat with session auth.
+ * Dedicated route handler separate from the catch-all api/index.js.
+ */
+export async function POST(request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return Response.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+
+  const body = await request.json();
+  const { messages, chatId: rawChatId, trigger, codeMode, repo, branch } = body;
+
+  if (!messages?.length) {
+    return Response.json({ error: 'No messages' }, { status: 400 });
+  }
+
+  // Get the last user message — AI SDK v5 sends UIMessage[] with parts
+  const lastUserMessage = [...messages].reverse().find((m) => m.role === 'user');
+  if (!lastUserMessage) {
+    return Response.json({ error: 'No user message' }, { status: 400 });
+  }
+
+  // Extract text from message parts (AI SDK v5+) or fall back to content
+  let userText =
+    lastUserMessage.parts
+      ?.filter((p) => p.type === 'text')
+      .map((p) => p.text)
+      .join('\n') ||
+    lastUserMessage.content ||
+    '';
+
+  // Extract file parts from message
+  const fileParts = lastUserMessage.parts?.filter((p) => p.type === 'file') || [];
+  const attachments = [];
+
+  for (const part of fileParts) {
+    const { mediaType, url } = part;
+    if (!mediaType || !url) continue;
+
+    if (mediaType.startsWith('image/') || mediaType === 'application/pdf') {
+      // Images and PDFs → pass as visual attachments for the LLM
+      attachments.push({ category: 'image', mimeType: mediaType, dataUrl: url });
+    } else if (mediaType.startsWith('text/') || mediaType === 'application/json') {
+      // Text files → decode base64 data URL and inline into message text
+      try {
+        const base64Data = url.split(',')[1];
+        const textContent = Buffer.from(base64Data, 'base64').toString('utf-8');
+        const fileName = part.name || 'file';
+        userText += `\n\nFile: ${fileName}\n\`\`\`\n${textContent}\n\`\`\``;
+      } catch (e) {
+        console.error('Failed to decode text file:', e);
+      }
+    }
+  }
+
+  if (!userText.trim() && attachments.length === 0) {
+    return Response.json({ error: 'Empty message' }, { status: 400 });
+  }
+
+  // Map web channel to thread_id — AI layer handles DB persistence
+  const threadId = rawChatId || uuidv4();
+  const { createUIMessageStream, createUIMessageStreamResponse } = await import('ai');
+
+  const stream = createUIMessageStream({
+    onError: (error) => {
+      console.error('Chat stream error:', error);
+      return error?.message || 'An error occurred while processing your message.';
+    },
+    execute: async ({ writer }) => {
+      // chatStream handles: save user msg, invoke agent, save assistant msg, auto-title
+      const skipUserPersist = trigger === 'regenerate-message';
+      const streamOptions = {
+        userId: session.user.id,
+        skipUserPersist,
+      };
+      if (codeMode && repo && branch) {
+        streamOptions.repo = repo;
+        streamOptions.branch = branch;
+      }
+      const chunks = chatStream(threadId, userText, attachments, streamOptions);
+
+      // Signal start of assistant message
+      writer.write({ type: 'start' });
+
+      let textStarted = false;
+      let textId = uuidv4();
+
+      for await (const chunk of chunks) {
+        if (chunk.type === 'text') {
+          if (!textStarted) {
+            textId = uuidv4();
+            writer.write({ type: 'text-start', id: textId });
+            textStarted = true;
+          }
+          writer.write({ type: 'text-delta', id: textId, delta: chunk.text });
+
+        } else if (chunk.type === 'tool-call') {
+          // Close any open text block before tool events
+          if (textStarted) {
+            writer.write({ type: 'text-end', id: textId });
+            textStarted = false;
+          }
+          writer.write({
+            type: 'tool-input-start',
+            toolCallId: chunk.toolCallId,
+            toolName: chunk.toolName,
+          });
+          writer.write({
+            type: 'tool-input-available',
+            toolCallId: chunk.toolCallId,
+            toolName: chunk.toolName,
+            input: chunk.args,
+          });
+
+        } else if (chunk.type === 'tool-result') {
+          writer.write({
+            type: 'tool-output-available',
+            toolCallId: chunk.toolCallId,
+            output: chunk.result,
+          });
+        }
+      }
+
+      // Close final text block if still open
+      if (textStarted) {
+        writer.write({ type: 'text-end', id: textId });
+      }
+
+      // Signal end of assistant message
+      writer.write({ type: 'finish' });
+    },
+  });
+
+  return createUIMessageStreamResponse({ stream });
+}

package/lib/chat/components/app-sidebar.js

@@ -0,0 +1,213 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { CirclePlusIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon, ArrowUpCircleIcon, LifeBuoyIcon, GitPullRequestIcon } from "./icons.js";
+import { getUnreadNotificationCount, getPullRequestCount, getAppVersion } from "../actions.js";
+import { SidebarHistory } from "./sidebar-history.js";
+import { SidebarUserNav } from "./sidebar-user-nav.js";
+import { UpgradeDialog } from "./upgrade-dialog.js";
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuItem,
+  SidebarMenuButton,
+  useSidebar
+} from "./ui/sidebar.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip.js";
+import { useChatNav } from "./chat-nav-context.js";
+function AppSidebar({ user }) {
+  const { navigateToChat } = useChatNav();
+  const { state, open, setOpenMobile, toggleSidebar } = useSidebar();
+  const collapsed = state === "collapsed";
+  const [unreadCount, setUnreadCount] = useState(0);
+  const [prCount, setPrCount] = useState(0);
+  const [version, setVersion] = useState("");
+  const [updateAvailable, setUpdateAvailable] = useState(null);
+  const [changelog, setChangelog] = useState(null);
+  const [upgradeOpen, setUpgradeOpen] = useState(false);
+  useEffect(() => {
+    function fetchCounts() {
+      getUnreadNotificationCount().then((count) => setUnreadCount(count)).catch(() => {
+      });
+      getPullRequestCount().then((count) => setPrCount(count)).catch(() => {
+      });
+    }
+    fetchCounts();
+    const interval = setInterval(fetchCounts, 10 * 60 * 1e3);
+    return () => clearInterval(interval);
+  }, []);
+  useEffect(() => {
+    getAppVersion().then(({ version: version2, updateAvailable: updateAvailable2, changelog: changelog2 }) => {
+      setVersion(version2);
+      setUpdateAvailable(updateAvailable2);
+      setChangelog(changelog2);
+    }).catch(() => {
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Sidebar, { children: [
+      /* @__PURE__ */ jsxs(SidebarHeader, { children: [
+        /* @__PURE__ */ jsxs("div", { className: collapsed ? "flex justify-center" : "flex items-center justify-between", children: [
+          !collapsed && /* @__PURE__ */ jsxs("span", { className: "px-2 font-semibold text-lg", children: [
+            "GigaClaw",
+            version && /* @__PURE__ */ jsxs("span", { className: "text-[11px] font-normal text-muted-foreground", children: [
+              " v",
+              version
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "inline-flex shrink-0 items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-background hover:text-foreground",
+                onClick: toggleSidebar,
+                children: /* @__PURE__ */ jsx(PanelLeftIcon, { size: 16 })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TooltipContent, { side: collapsed ? "right" : "bottom", children: collapsed ? "Open sidebar" : "Close sidebar" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(SidebarMenu, { children: [
+          /* @__PURE__ */ jsx(SidebarMenuItem, { className: "mb-2", children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              SidebarMenuButton,
+              {
+                href: "/",
+                className: collapsed ? "justify-center" : "",
+                onClick: (e) => {
+                  e.preventDefault();
+                  navigateToChat(null);
+                  setOpenMobile(false);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(CirclePlusIcon, { size: 16 }),
+                  !collapsed && /* @__PURE__ */ jsx("span", { children: "New chat" })
+                ]
+              }
+            ) }),
+            collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "New chat" })
+          ] }) }),
+          /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              SidebarMenuButton,
+              {
+                href: "/chats",
+                className: collapsed ? "justify-center" : "",
+                children: [
+                  /* @__PURE__ */ jsx(MessageIcon, { size: 16 }),
+                  !collapsed && /* @__PURE__ */ jsx("span", { children: "Chats" })
+                ]
+              }
+            ) }),
+            collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Chats" })
+          ] }) }),
+          /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              SidebarMenuButton,
+              {
+                href: "/swarm",
+                className: collapsed ? "justify-center" : "",
+                children: [
+                  /* @__PURE__ */ jsx(SwarmIcon, { size: 16 }),
+                  !collapsed && /* @__PURE__ */ jsx("span", { children: "Swarm" })
+                ]
+              }
+            ) }),
+            collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Swarm" })
+          ] }) }),
+          /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              SidebarMenuButton,
+              {
+                href: "/notifications",
+                className: collapsed ? "justify-center" : "",
+                children: [
+                  /* @__PURE__ */ jsx(BellIcon, { size: 16 }),
+                  !collapsed && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                    "Notifications",
+                    unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center rounded-full bg-destructive px-1.5 py-0.5 text-[10px] font-medium leading-none text-destructive-foreground", children: unreadCount })
+                  ] }),
+                  collapsed && unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 inline-flex h-4 w-4 items-center justify-center rounded-full bg-destructive text-[10px] font-medium text-destructive-foreground", children: unreadCount })
+                ]
+              }
+            ) }),
+            collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Notifications" })
+          ] }) }),
+          /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              SidebarMenuButton,
+              {
+                href: "/pull-requests",
+                className: collapsed ? "justify-center" : "",
+                children: [
+                  /* @__PURE__ */ jsx(GitPullRequestIcon, { size: 16 }),
+                  !collapsed && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                    "Pending Changes",
+                    prCount > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center rounded-full bg-destructive px-1.5 py-0.5 text-[10px] font-medium leading-none text-destructive-foreground", children: prCount })
+                  ] }),
+                  collapsed && prCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 inline-flex h-4 w-4 items-center justify-center rounded-full bg-destructive text-[10px] font-medium text-destructive-foreground", children: prCount })
+                ]
+              }
+            ) }),
+            collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Pending Changes" })
+          ] }) }),
+          updateAvailable && /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              SidebarMenuButton,
+              {
+                className: collapsed ? "justify-center" : "",
+                onClick: () => setUpgradeOpen(true),
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "relative", children: [
+                    /* @__PURE__ */ jsx(ArrowUpCircleIcon, { size: 16 }),
+                    collapsed && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 inline-block h-2 w-2 rounded-full bg-emerald-500" })
+                  ] }),
+                  !collapsed && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                    "Upgrade",
+                    /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center justify-center rounded-full bg-emerald-500 px-1.5 py-0.5 text-[10px] font-medium leading-none text-white", children: [
+                      "v",
+                      updateAvailable
+                    ] })
+                  ] })
+                ]
+              }
+            ) }),
+            collapsed && /* @__PURE__ */ jsxs(TooltipContent, { side: "right", children: [
+              "Upgrade to v",
+              updateAvailable
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              SidebarMenuButton,
+              {
+                href: "https://gigaclaw.gignaati.com",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: collapsed ? "justify-center" : "",
+                children: [
+                  /* @__PURE__ */ jsx(LifeBuoyIcon, { size: 16 }),
+                  !collapsed && /* @__PURE__ */ jsx("span", { children: "Support" })
+                ]
+              }
+            ) }),
+            collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Support" })
+          ] }) })
+        ] })
+      ] }),
+      !collapsed && /* @__PURE__ */ jsxs(SidebarContent, { children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-4 mb-1 border-t border-border" }),
+        /* @__PURE__ */ jsx(SidebarHistory, {})
+      ] }),
+      collapsed && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsx(SidebarFooter, { children: user && /* @__PURE__ */ jsx(SidebarUserNav, { user, collapsed }) })
+    ] }),
+    /* @__PURE__ */ jsx(UpgradeDialog, { open: upgradeOpen, onClose: () => setUpgradeOpen(false), version, updateAvailable, changelog })
+  ] });
+}
+export {
+  AppSidebar
+};

package/lib/chat/components/app-sidebar.jsx

@@ -0,0 +1,279 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { CirclePlusIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon, ArrowUpCircleIcon, LifeBuoyIcon, GitPullRequestIcon } from './icons.js';
+import { getUnreadNotificationCount, getPullRequestCount, getAppVersion } from '../actions.js';
+import { SidebarHistory } from './sidebar-history.js';
+import { SidebarUserNav } from './sidebar-user-nav.js';
+import { UpgradeDialog } from './upgrade-dialog.js';
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuItem,
+  SidebarMenuButton,
+  useSidebar,
+} from './ui/sidebar.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip.js';
+import { useChatNav } from './chat-nav-context.js';
+
+export function AppSidebar({ user }) {
+  const { navigateToChat } = useChatNav();
+  const { state, open, setOpenMobile, toggleSidebar } = useSidebar();
+  const collapsed = state === 'collapsed';
+  const [unreadCount, setUnreadCount] = useState(0);
+  const [prCount, setPrCount] = useState(0);
+  const [version, setVersion] = useState('');
+  const [updateAvailable, setUpdateAvailable] = useState(null);
+  const [changelog, setChangelog] = useState(null);
+  const [upgradeOpen, setUpgradeOpen] = useState(false);
+
+  // Fetch badge counts (notifications + PRs) — run immediately, then every 10 minutes
+  useEffect(() => {
+    function fetchCounts() {
+      getUnreadNotificationCount()
+        .then((count) => setUnreadCount(count))
+        .catch(() => {});
+      getPullRequestCount()
+        .then((count) => setPrCount(count))
+        .catch(() => {});
+    }
+    fetchCounts();
+    const interval = setInterval(fetchCounts, 10 * 60 * 1000);
+    return () => clearInterval(interval);
+  }, []);
+
+  // Version check — one-time on mount
+  useEffect(() => {
+    getAppVersion()
+      .then(({ version, updateAvailable, changelog }) => {
+        setVersion(version);
+        setUpdateAvailable(updateAvailable);
+        setChangelog(changelog);
+      })
+      .catch(() => {});
+  }, []);
+
+  return (
+    <>
+    <Sidebar>
+      <SidebarHeader>
+        {/* Top row: brand name + toggle icon (open) or just toggle icon (collapsed) */}
+        <div className={collapsed ? 'flex justify-center' : 'flex items-center justify-between'}>
+          {!collapsed && (
+            <span className="px-2 font-semibold text-lg">GigaClaw{version && <span className="text-[11px] font-normal text-muted-foreground"> v{version}</span>}</span>
+          )}
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button
+                className="inline-flex shrink-0 items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-background hover:text-foreground"
+                onClick={toggleSidebar}
+              >
+                <PanelLeftIcon size={16} />
+              </button>
+            </TooltipTrigger>
+            <TooltipContent side={collapsed ? 'right' : 'bottom'}>
+              {collapsed ? 'Open sidebar' : 'Close sidebar'}
+            </TooltipContent>
+          </Tooltip>
+        </div>
+
+        <SidebarMenu>
+          {/* New chat */}
+          <SidebarMenuItem className="mb-2">
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <SidebarMenuButton
+                  href="/"
+                  className={collapsed ? 'justify-center' : ''}
+                  onClick={(e) => {
+                    e.preventDefault();
+                    navigateToChat(null);
+                    setOpenMobile(false);
+                  }}
+                >
+                  <CirclePlusIcon size={16} />
+                  {!collapsed && <span>New chat</span>}
+                </SidebarMenuButton>
+              </TooltipTrigger>
+              {collapsed && (
+                <TooltipContent side="right">New chat</TooltipContent>
+              )}
+            </Tooltip>
+          </SidebarMenuItem>
+
+          {/* Chats history */}
+          <SidebarMenuItem>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <SidebarMenuButton
+                  href="/chats"
+                  className={collapsed ? 'justify-center' : ''}
+                >
+                  <MessageIcon size={16} />
+                  {!collapsed && <span>Chats</span>}
+                </SidebarMenuButton>
+              </TooltipTrigger>
+              {collapsed && (
+                <TooltipContent side="right">Chats</TooltipContent>
+              )}
+            </Tooltip>
+          </SidebarMenuItem>
+
+          {/* Swarm */}
+          <SidebarMenuItem>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <SidebarMenuButton
+                  href="/swarm"
+                  className={collapsed ? 'justify-center' : ''}
+                >
+                  <SwarmIcon size={16} />
+                  {!collapsed && <span>Swarm</span>}
+                </SidebarMenuButton>
+              </TooltipTrigger>
+              {collapsed && (
+                <TooltipContent side="right">Swarm</TooltipContent>
+              )}
+            </Tooltip>
+          </SidebarMenuItem>
+
+          {/* Notifications */}
+          <SidebarMenuItem>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <SidebarMenuButton
+                  href="/notifications"
+                  className={collapsed ? 'justify-center' : ''}
+                >
+                  <BellIcon size={16} />
+                  {!collapsed && (
+                    <span className="flex items-center gap-2">
+                      Notifications
+                      {unreadCount > 0 && (
+                        <span className="inline-flex items-center justify-center rounded-full bg-destructive px-1.5 py-0.5 text-[10px] font-medium leading-none text-destructive-foreground">
+                          {unreadCount}
+                        </span>
+                      )}
+                    </span>
+                  )}
+                  {collapsed && unreadCount > 0 && (
+                    <span className="absolute -top-1 -right-1 inline-flex h-4 w-4 items-center justify-center rounded-full bg-destructive text-[10px] font-medium text-destructive-foreground">
+                      {unreadCount}
+                    </span>
+                  )}
+                </SidebarMenuButton>
+              </TooltipTrigger>
+              {collapsed && (
+                <TooltipContent side="right">Notifications</TooltipContent>
+              )}
+            </Tooltip>
+          </SidebarMenuItem>
+
+          {/* Pending Changes */}
+          <SidebarMenuItem>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <SidebarMenuButton
+                  href="/pull-requests"
+                  className={collapsed ? 'justify-center' : ''}
+                >
+                  <GitPullRequestIcon size={16} />
+                  {!collapsed && (
+                    <span className="flex items-center gap-2">
+                      Pending Changes
+                      {prCount > 0 && (
+                        <span className="inline-flex items-center justify-center rounded-full bg-destructive px-1.5 py-0.5 text-[10px] font-medium leading-none text-destructive-foreground">
+                          {prCount}
+                        </span>
+                      )}
+                    </span>
+                  )}
+                  {collapsed && prCount > 0 && (
+                    <span className="absolute -top-1 -right-1 inline-flex h-4 w-4 items-center justify-center rounded-full bg-destructive text-[10px] font-medium text-destructive-foreground">
+                      {prCount}
+                    </span>
+                  )}
+                </SidebarMenuButton>
+              </TooltipTrigger>
+              {collapsed && (
+                <TooltipContent side="right">Pending Changes</TooltipContent>
+              )}
+            </Tooltip>
+          </SidebarMenuItem>
+
+          {/* Upgrade (only when update is available) */}
+          {updateAvailable && (
+            <SidebarMenuItem>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <SidebarMenuButton
+                    className={collapsed ? 'justify-center' : ''}
+                    onClick={() => setUpgradeOpen(true)}
+                  >
+                    <span className="relative">
+                      <ArrowUpCircleIcon size={16} />
+                      {collapsed && (
+                        <span className="absolute -top-1 -right-1 inline-block h-2 w-2 rounded-full bg-emerald-500" />
+                      )}
+                    </span>
+                    {!collapsed && (
+                      <span className="flex items-center gap-2">
+                        Upgrade
+                        <span className="inline-flex items-center justify-center rounded-full bg-emerald-500 px-1.5 py-0.5 text-[10px] font-medium leading-none text-white">
+                          v{updateAvailable}
+                        </span>
+                      </span>
+                    )}
+                  </SidebarMenuButton>
+                </TooltipTrigger>
+                {collapsed && (
+                  <TooltipContent side="right">Upgrade to v{updateAvailable}</TooltipContent>
+                )}
+              </Tooltip>
+            </SidebarMenuItem>
+          )}
+
+          {/* Support */}
+          <SidebarMenuItem>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <SidebarMenuButton
+                  href="https://gigaclaw.gignaati.com"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className={collapsed ? 'justify-center' : ''}
+                >
+                  <LifeBuoyIcon size={16} />
+                  {!collapsed && <span>Support</span>}
+                </SidebarMenuButton>
+              </TooltipTrigger>
+              {collapsed && (
+                <TooltipContent side="right">Support</TooltipContent>
+              )}
+            </Tooltip>
+          </SidebarMenuItem>
+
+        </SidebarMenu>
+      </SidebarHeader>
+
+      {!collapsed && (
+        <SidebarContent>
+          <div className="mx-4 mb-1 border-t border-border" />
+          <SidebarHistory />
+        </SidebarContent>
+      )}
+
+      {/* Spacer when collapsed to push footer down */}
+      {collapsed && <div className="flex-1" />}
+
+      <SidebarFooter>
+        {user && <SidebarUserNav user={user} collapsed={collapsed} />}
+      </SidebarFooter>
+    </Sidebar>
+    <UpgradeDialog open={upgradeOpen} onClose={() => setUpgradeOpen(false)} version={version} updateAvailable={updateAvailable} changelog={changelog} />
+    </>
+  );
+}