feat(admin): add KiloClaw instance link on user profile page (#1344)

## Summary

- Add a "View KiloClaw" button to the admin user profile page's KiloClaw
section that links directly to the user's active KiloClaw instance admin
page (`/admin/kiloclaw/[id]`).
- Extends the `getKiloClawState` tRPC procedure to also query
`kiloclaw_instances` for the user's active instance (where `destroyed_at
IS NULL`) and return the `activeInstanceId`.
- The link button appears consistently in all card states (subscription
present, earlybird-only, no subscription) whenever the user has an
active instance. Uses the same cross-link pattern as Gastown's "Inspect"
buttons (`Button variant="outline"` with `ExternalLink` icon).

## Verification

- [x] `tsgo --noEmit --incremental false` — passes with no errors
- [x] `oxlint` — passes with 0 warnings and 0 errors
- [x] Manual code review of both changed files for correctness

## Visual Changes

The "View KiloClaw" button appears in the KiloClaw card header on the
admin user profile page, next to the existing "Edit Trial End" button
(when applicable). It is only visible when the user has an active
KiloClaw instance.

| Before | After |
| ------ | ----- |
| KiloClaw card header has only "Edit Trial End" button (or no buttons)
| KiloClaw card header includes "View KiloClaw" button with external
link icon when active instance exists |

## Reviewer Notes

- The `activeInstanceId` query filters on `destroyed_at IS NULL` to only
return the user's currently active instance. This aligns with the unique
index on `kiloclaw_instances` (`UQ_kiloclaw_instances_active`).
- The link is added to both the "has subscription" and "no subscription"
card states since a user could have an active instance regardless of
subscription status.
- This mirrors the existing reverse link from KiloClaw instance detail
pages back to user profiles (`KiloclawInstanceDetail.tsx:1107`).

Author: evanjacobson

kiloclaw/worker-configuration.d.ts

@@ -14,7 +14,7 @@ declare namespace Cloudflare {
 		FLY_REGISTRY_APP: "kiloclaw-machines";
 		FLY_ORG_SLUG: "kilo-679";
 		FLY_IMAGE_TAG: "latest";
-		FLY_REGION: "dfw,ewr,lax,sjc,eu";
+		FLY_REGION: "eu,us";
 		OPENCLAW_ALLOWED_ORIGINS: "https://claw.kilosessions.ai,https://kilo.ai,https://www.kilo.ai";
 		REQUIRE_PROXY_TOKEN: "true";
 		PROACTIVE_REFRESH_THRESHOLD_HOURS: "72";

src/app/admin/components/UserAdmin/UserAdminKiloClaw.tsx

@@ -2,6 +2,8 @@
 
 import { useEffect, useState } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import Link from 'next/link';
+import { ExternalLink } from 'lucide-react';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
@@ -139,8 +141,20 @@ export function UserAdminKiloClaw({ userId }: { userId: string }) {
     return (
       <Card className="lg:col-span-2">
         <CardHeader>
-          <CardTitle>KiloClaw</CardTitle>
-          <CardDescription>No KiloClaw subscription</CardDescription>
+          <div className="flex items-start justify-between gap-3">
+            <div>
+              <CardTitle>KiloClaw</CardTitle>
+              <CardDescription>n/a</CardDescription>
+            </div>
+            {data?.activeInstanceId && (
+              <Button variant="outline" size="sm" asChild>
+                <Link href={`/admin/kiloclaw/${data.activeInstanceId}`}>
+                  <ExternalLink className="mr-1 h-3 w-3" />
+                  View KiloClaw
+                </Link>
+              </Button>
+            )}
+          </div>
         </CardHeader>
         <CardContent className="space-y-3">
           {data?.earlybird ? (
@@ -185,11 +199,21 @@ export function UserAdminKiloClaw({ userId }: { userId: string }) {
               <CardTitle>KiloClaw</CardTitle>
               <CardDescription>KiloClaw subscription and trial status</CardDescription>
             </div>
-            {canEditTrialEnd && (
-              <Button variant="outline" size="sm" onClick={() => setDialogOpen(true)}>
-                {isTrialReset ? 'Reset Trial' : 'Edit Trial End'}
-              </Button>
-            )}
+            <div className="flex gap-2">
+              {data.activeInstanceId && (
+                <Button variant="outline" size="sm" asChild>
+                  <Link href={`/admin/kiloclaw/${data.activeInstanceId}`}>
+                    <ExternalLink className="mr-1 h-3 w-3" />
+                    View KiloClaw
+                  </Link>
+                </Button>
+              )}
+              {canEditTrialEnd && (
+                <Button variant="outline" size="sm" onClick={() => setDialogOpen(true)}>
+                  {isTrialReset ? 'Reset Trial' : 'Edit Trial End'}
+                </Button>
+              )}
+            </div>
           </div>
         </CardHeader>
         <CardContent className="space-y-6">

src/routers/admin-kiloclaw-user-router.test.ts

@@ -5,6 +5,7 @@ import { insertTestUser } from '@/tests/helpers/user.helper';
 import {
   kiloclaw_admin_audit_logs,
   kiloclaw_earlybird_purchases,
+  kiloclaw_instances,
   kiloclaw_subscriptions,
 } from '@kilocode/db/schema';
 import { eq } from 'drizzle-orm';
@@ -53,6 +54,7 @@ describe('admin.users.getKiloClawState', () => {
       hasAccess: expectedAccessWithoutEntitlement,
       accessReason: null,
       earlybird: null,
+      activeInstanceId: null,
     });
   });
 
@@ -133,6 +135,34 @@ describe('admin.users.getKiloClawState', () => {
       })
     );
   });
+
+  it('returns activeInstanceId when the user has an active instance', async () => {
+    const [instance] = await db
+      .insert(kiloclaw_instances)
+      .values({
+        user_id: targetUser.id,
+        sandbox_id: 'sandbox-test-active',
+      })
+      .returning({ id: kiloclaw_instances.id });
+
+    const caller = await createCallerForUser(adminUser.id);
+    const result = await caller.admin.users.getKiloClawState({ userId: targetUser.id });
+
+    expect(result.activeInstanceId).toBe(instance.id);
+  });
+
+  it('returns null activeInstanceId when the user only has destroyed instances', async () => {
+    await db.insert(kiloclaw_instances).values({
+      user_id: targetUser.id,
+      sandbox_id: 'sandbox-test-destroyed',
+      destroyed_at: new Date().toISOString(),
+    });
+
+    const caller = await createCallerForUser(adminUser.id);
+    const result = await caller.admin.users.getKiloClawState({ userId: targetUser.id });
+
+    expect(result.activeInstanceId).toBeNull();
+  });
 });
 
 describe('admin.users.updateKiloClawTrialEndAt', () => {

src/routers/admin-router.ts

@@ -469,14 +469,21 @@ export const adminRouter = createTRPCRouter({
         throw new TRPCError({ code: 'NOT_FOUND', message: 'User not found' });
       }
 
-      const [subscription, earlybird] = await Promise.all([
+      const [subscription, earlybird, activeInstance] = await Promise.all([
         db.query.kiloclaw_subscriptions.findFirst({
           where: eq(kiloclaw_subscriptions.user_id, input.userId),
         }),
         db.query.kiloclaw_earlybird_purchases.findFirst({
           columns: { id: true },
           where: eq(kiloclaw_earlybird_purchases.user_id, input.userId),
         }),
+        db.query.kiloclaw_instances.findFirst({
+          columns: { id: true },
+          where: and(
+            eq(kiloclaw_instances.user_id, input.userId),
+            isNull(kiloclaw_instances.destroyed_at)
+          ),
+        }),
       ]);
 
       const now = new Date();
@@ -518,6 +525,7 @@ export const adminRouter = createTRPCRouter({
               daysRemaining: earlybirdDaysRemaining,
             }
           : null,
+        activeInstanceId: activeInstance?.id ?? null,
       };
     }),