feat(kiloclaw-config): Add link to kiloclaw/config-services to /claw (#1067) (#1091)

Adds card to `/claw` pointing to kilo.ai/kiloclaw/config-service.

Card shows up if KiloClaw does not exist or is less than 7 days old.

<img width="1234" height="120" alt="image"
src="https://github.com/user-attachments/assets/3460bcf1-ffef-4982-b208-3b5817c282f1"
/>

Note: final version does not have $49 so we don't have to worry if we
change price.

Author: alexkgold

src/app/(app)/claw/components/ClawDashboard.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useCallback, useState } from 'react';
-import { TriangleAlert } from 'lucide-react';
+import { Zap, TriangleAlert } from 'lucide-react';
 import type { KiloClawDashboardStatus } from '@/lib/kiloclaw/types';
 import {
   useKiloClawGatewayStatus,
@@ -48,6 +48,13 @@ export function ClawDashboard({ status }: { status: KiloClawDashboardStatus | un
   const { data: isServiceDegraded } = useKiloClawServiceDegraded();
   const { data: earlybirdStatus } = useQuery(trpc.kiloclaw.getEarlybirdStatus.queryOptions());
 
+  const SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;
+  const instanceYoung =
+    instanceStatus !== null &&
+    instanceStatus.provisionedAt !== null &&
+    Date.now() - instanceStatus.provisionedAt < SEVEN_DAYS_MS;
+  const configServiceNudgeVisible = !instanceStatus || instanceYoung;
+
   const [dirtySecrets, setDirtySecrets] = useState<Set<string>>(new Set());
 
   const onSecretsChanged = useCallback((entryId: string) => {
@@ -90,6 +97,31 @@ export function ClawDashboard({ status }: { status: KiloClawDashboardStatus | un
         </Alert>
       )}
 
+      {configServiceNudgeVisible && (
+        <div className="border-brand-primary/30 bg-brand-primary/5 flex flex-col gap-3 rounded-xl border p-4 sm:flex-row sm:items-center sm:justify-between">
+          <div className="flex items-start gap-3">
+            <Zap className="text-brand-primary mt-0.5 h-5 w-5 shrink-0" />
+            <div>
+              <p className="text-brand-primary text-sm font-semibold">
+                Go from inbox chaos to an AI executive assistant — in one hour.
+              </p>
+              <p className="text-muted-foreground mt-0.5 text-sm">
+                A KiloClaw expert configures your email, calendar, and messaging live on a call.
+                Includes <b>2 months free</b> hosting.
+              </p>
+            </div>
+          </div>
+          <a
+            href="https://kilo.ai/kiloclaw/config-service"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="bg-brand-primary text-primary-foreground hover:bg-brand-primary/90 inline-flex shrink-0 items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors"
+          >
+            Book your session
+          </a>
+        </div>
+      )}
+
       <Card className="mt-6">
         {!instanceStatus ? (
           <CardContent className="p-5">