feat(backend): move agent-login to Convex HTTP action

apps/chrome-extension/.gitignore

@@ -3,4 +3,5 @@ dist/
 .env.chrome
 .env.development
 .env
-.env.production
+.env.production
+.env.staging

apps/chrome-extension/package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "dev": "vite build --watch --mode development",
     "build": "vite build",
+    "build:staging": "vite build --mode staging",
     "preview": "vite preview"
   },
   "dependencies": {

apps/chrome-extension/src/shared/messaging.ts

@@ -224,11 +224,7 @@ export type ExtensionMessage =
   | RequestAnnotationsMessage
   | RequestToolbarStateMessage;
 
-export const EVA_URL =
-  typeof chrome !== "undefined" &&
-  chrome.runtime?.getManifest?.()?.version_name === "development"
-    ? "http://localhost:3000"
-    : "https://eva-git-staging-vedantb.vercel.app";
+export const EVA_URL = import.meta.env.VITE_EVA_URL;
 
 export function isSessionId(value: unknown): value is Id<"sessions"> {
   return typeof value === "string" && value.length > 0;

apps/chrome-extension/src/sidepanel/App.tsx

@@ -56,9 +56,6 @@ if (!PUBLISHABLE_KEY) {
 }
 
 const EXTENSION_URL = chrome.runtime.getURL(".");
-const SYNC_HOST = import.meta.env.DEV
-  ? "http://localhost:3000"
-  : "https://eva-git-staging-vedantb.vercel.app";
 
 function getHostFromUrl(url: string): string | null {
   try {
@@ -847,7 +844,7 @@ function AuthenticatedApp() {
 
 function SignInScreen() {
   const handleOpenWebApp = () => {
-    chrome.tabs.create({ url: SYNC_HOST });
+    chrome.tabs.create({ url: EVA_URL });
   };
 
   return (
@@ -876,7 +873,7 @@ export default function App() {
       afterSignOutUrl={`${EXTENSION_URL}/sidepanel.html`}
       signInFallbackRedirectUrl={`${EXTENSION_URL}/sidepanel.html`}
       signUpFallbackRedirectUrl={`${EXTENSION_URL}/sidepanel.html`}
-      syncHost={SYNC_HOST}
+      syncHost={EVA_URL}
     >
       <ConvexProvider>
         <TooltipProvider>

apps/chrome-extension/src/sidepanel/components/ChatPanel.tsx

@@ -19,8 +19,6 @@ import {
   Message as AIMessage,
   MessageContent,
   MessageResponse,
-  Reasoning,
-  ReasoningTrigger,
   PromptInput,
   PromptInputTextarea,
   PromptInputFooter,
@@ -209,7 +207,6 @@ export function ChatPanel({
         mode: "ask",
         model,
         responseLength,
-        installationId: selectedRepo.installationId,
       });
     } catch (error) {
       await appendMessage({
@@ -409,33 +406,21 @@ export function ChatPanel({
                     }
                   >
                     {message.role === "assistant" && !message.content ? (
-                      (() => {
-                        const steps = parseActivitySteps(streamingActivity);
-                        return steps ? (
-                          <ActivitySteps
-                            steps={steps}
-                            isStreaming
-                            name="Eva"
-                            icon={evaIcon}
-                            startedAt={message.timestamp}
-                          />
-                        ) : (
-                          <Reasoning isStreaming defaultOpen>
-                            <ReasoningTrigger
-                              getThinkingMessage={(streaming) =>
-                                streaming ? "Working..." : "Processing complete"
-                              }
-                            />
-                            <CollapsibleContent className="mt-4 text-sm text-muted-foreground">
-                              <pre className="whitespace-pre-wrap font-mono text-xs">
-                                {streamingActivity ||
-                                  message.activityLog ||
-                                  "Starting..."}
-                              </pre>
-                            </CollapsibleContent>
-                          </Reasoning>
-                        );
-                      })()
+                      <ActivitySteps
+                        steps={
+                          parseActivitySteps(streamingActivity) ?? [
+                            {
+                              type: "thinking",
+                              label: "Working...",
+                              status: "active",
+                            },
+                          ]
+                        }
+                        isStreaming
+                        name="Eva"
+                        icon={evaIcon}
+                        startedAt={message.timestamp}
+                      />
                     ) : (
                       <>
                         {message.role === "assistant" ? (
@@ -453,18 +438,7 @@ export function ChatPanel({
                                     startedAt={message.timestamp}
                                     duration={duration}
                                   />
-                                ) : (
-                                  <Reasoning defaultOpen={false}>
-                                    <ReasoningTrigger
-                                      getThinkingMessage={() => "View logs"}
-                                    />
-                                    <CollapsibleContent className="mt-4 text-sm text-muted-foreground">
-                                      <pre className="whitespace-pre-wrap font-mono text-xs max-h-64 overflow-y-auto">
-                                        {message.activityLog}
-                                      </pre>
-                                    </CollapsibleContent>
-                                  </Reasoning>
-                                );
+                                ) : null;
                               })()}
                             {"imageUrl" in message && message.imageUrl && (
                               <img
@@ -533,7 +507,6 @@ export function ChatPanel({
               <AIMessage from="assistant" className="max-w-full">
                 <MessageContent className="px-1 py-2">
                   {(() => {
-                    const steps = parseActivitySteps(streamingActivity);
                     const loadingEvaIcon = (
                       <img
                         src="/icons/icon.png"
@@ -542,27 +515,22 @@ export function ChatPanel({
                       />
                     );
                     const lastMsg = messages[messages.length - 1];
-                    return steps ? (
+                    return (
                       <ActivitySteps
-                        steps={steps}
+                        steps={
+                          parseActivitySteps(streamingActivity) ?? [
+                            {
+                              type: "thinking",
+                              label: "Working...",
+                              status: "active",
+                            },
+                          ]
+                        }
                         isStreaming
                         name="Eva"
                         icon={loadingEvaIcon}
                         startedAt={lastMsg.timestamp}
                       />
-                    ) : (
-                      <Reasoning isStreaming defaultOpen>
-                        <ReasoningTrigger
-                          getThinkingMessage={(streaming) =>
-                            streaming ? "Working..." : "Processing complete"
-                          }
-                        />
-                        <CollapsibleContent className="mt-4 text-sm text-muted-foreground">
-                          <pre className="whitespace-pre-wrap font-mono text-xs">
-                            {streamingActivity || "Starting..."}
-                          </pre>
-                        </CollapsibleContent>
-                      </Reasoning>
                     );
                   })()}
                 </MessageContent>

apps/web-v2/package.json

@@ -47,6 +47,7 @@
     "@tabler/icons-react": "^3.33.0",
     "@tanstack/react-hotkeys": "^0.3.2",
     "@tanstack/react-router": "^1.120.0",
+    "@tanstack/router-zod-adapter": "^1.81.5",
     "@tiptap/core": "^3.20.1",
     "@tiptap/extension-underline": "^3.20.1",
     "@tiptap/pm": "^3.20.1",

apps/web-v2/src/lib/components/PreviewNavBar.tsx

@@ -23,8 +23,9 @@ function getPathFromUrl(fullUrl: string): string {
 function buildUrlWithPath(baseUrl: string, path: string): string {
   try {
     const parsed = new URL(baseUrl);
-    parsed.pathname = path.startsWith("/") ? path : `/${path}`;
-    return parsed.toString();
+    if (parsed.protocol === "http:") parsed.protocol = "https:";
+    const fullPath = path.startsWith("/") ? path : `/${path}`;
+    return `${parsed.origin}${fullPath}`;
   } catch {
     return baseUrl;
   }