restored dashboard

Author: albertsalgueda

src/components/instances/instance-dashboard.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { ExternalLink } from 'lucide-react'
-import { InstanceTerminalWorkspace } from '@/components/instances/instance-terminal-workspace'
+import { ExternalLink, LoaderCircle } from 'lucide-react'
+import { useState } from 'react'
 import { buttonVariants } from '@/components/ui/button'
 import type { Instance } from '@/types/instance'
 
@@ -13,21 +13,52 @@ export function InstanceDashboard({ instance }: { instance: Instance }) {
       : baseUrl
     : null
 
-  return (
-    <section className="flex flex-col gap-4">
-      <InstanceTerminalWorkspace instance={instance} />
+  const [loaded, setLoaded] = useState(false)
+
+  if (!dashboardUrl) {
+    return (
+      <div className="flex min-h-[28rem] items-center justify-center rounded-xl border bg-card p-8 text-center">
+        <div className="max-w-sm space-y-3">
+          <h2 className="text-base font-semibold">Dashboard not available</h2>
+          <p className="text-sm text-muted-foreground">
+            This instance doesn&apos;t have a reachable dashboard URL yet. Wait for provisioning to complete, then refresh.
+          </p>
+        </div>
+      </div>
+    )
+  }
 
-      {dashboardUrl && (
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="flex items-center justify-end">
         <a
           href={dashboardUrl}
           target="_blank"
           rel="noopener noreferrer"
-          className={buttonVariants({ variant: 'outline', size: 'sm', className: 'w-fit' })}
+          className={buttonVariants({ variant: 'outline', size: 'sm' })}
         >
           <ExternalLink className="h-4 w-4" />
-          Open Control UI
+          Open in new tab
         </a>
-      )}
-    </section>
+      </div>
+
+      <div className="relative overflow-hidden rounded-xl border bg-card">
+        {!loaded && (
+          <div className="absolute inset-0 z-10 flex items-center justify-center bg-card">
+            <div className="flex items-center gap-2 text-sm text-muted-foreground">
+              <LoaderCircle className="h-4 w-4 animate-spin" />
+              Loading dashboard...
+            </div>
+          </div>
+        )}
+        <iframe
+          src={dashboardUrl}
+          className="h-[calc(100dvh-14rem)] w-full bg-background"
+          title="OpenClaw Dashboard"
+          allow="clipboard-read; clipboard-write"
+          onLoad={() => setLoaded(true)}
+        />
+      </div>
+    </div>
   )
 }

src/components/instances/instance-tabs.tsx

@@ -6,6 +6,7 @@ import { cn } from '@/lib/utils'
 
 const tabs = [
   { label: 'Overview', href: '' },
+  { label: 'Dashboard', href: '/dashboard' },
   { label: 'Terminal', href: '/terminal' },
   { label: 'Settings', href: '/settings' },
   { label: 'Usage', href: '/usage' },

src/lib/control-plane.ts

@@ -53,18 +53,22 @@ export async function provisionInstance(
     },
   })
 
-  await supabaseAdmin
+  const { error: updateError } = await supabaseAdmin
     .from('instances')
     .update({
       hetzner_server_id: server.id,
       hetzner_server_type: plan.hetzner_type,
       ip_address: server.public_net.ipv4.ip,
       gateway_token: gatewayToken,
       dashboard_url: dashboardUrl,
-      config_version: 2,
     })
     .eq('id', instance.id)
 
+  if (updateError) {
+    console.error('Failed to update instance after server creation:', updateError)
+    throw new Error(`Instance DB update failed: ${updateError.message}`)
+  }
+
   if (isDnsConfigured()) {
     try {
       const dns = await createDnsRecord(instance.slug, server.public_net.ipv4.ip)

supabase/migrations/20260323000001_add_config_version.sql

@@ -0,0 +1,13 @@
+-- Add config_version column that was in Drizzle schema but missing from DB
+ALTER TABLE public.instances
+  ADD COLUMN IF NOT EXISTS config_version INTEGER NOT NULL DEFAULT 1;
+
+-- Expand instance_events CHECK to include event types used at runtime
+ALTER TABLE public.instance_events DROP CONSTRAINT IF EXISTS instance_events_event_type_check;
+ALTER TABLE public.instance_events
+  ADD CONSTRAINT instance_events_event_type_check CHECK (event_type IN (
+    'created', 'provisioning', 'provisioned', 'started', 'stopped',
+    'restarted', 'error', 'deleting', 'deleted', 'config_updated',
+    'plan_changed', 'subscription_created', 'server_created', 'dns_created',
+    'payment_completed'
+  ));