+ {/* Dependencies */}
+ {deps.length > 0 && (
+
+
+
+ {deps.map((depNum) => {
+ const depTask = allTasks.find((t) => t.task_number === depNum);
+ const depDone = depTask?.status === "done";
+ return (
+
+ {depDone ? "\u2713" : "\u23F3"} #{depNum}
+ {depTask && (
+ {depTask.title.slice(0, 30)}{depTask.title.length > 30 ? "..." : ""}
+ )}
+
+ );
+ })}
+
+
+ )}
+
{/* Description */}
{task.description && (
@@ -577,6 +1020,40 @@ function TaskDetailDialog({
)}
+ {/* Worktree Actions */}
+ {!task.metadata?.worktree && task.status !== "done" && (
+
+ )}
+
+ {/* Inline Diff Review */}
+ {diffData?.diff && (
+
+
+
+
+ )}
+
{/* Metadata */}
Created: {formatTimeAgo(task.created_at)}
diff --git a/interface/src/routes/Pricing.tsx b/interface/src/routes/Pricing.tsx
new file mode 100644
index 000000000..6506b5053
--- /dev/null
+++ b/interface/src/routes/Pricing.tsx
@@ -0,0 +1,162 @@
+import { useSetTopBar } from "@/components/TopBar";
+
+const TIERS = [
+ {
+ name: "Open Source",
+ price: "Free",
+ subtitle: "For individual developers",
+ note: null,
+ cta: { label: "Get Started", href: "https://github.com/spacedriveapp/spacebot" },
+ highlight: false,
+ features: [
+ "Full Agent Orchestration",
+ "CLI + Web Dashboard",
+ "BYOK — Bring Your Own API Key",
+ "All Messaging Adapters",
+ "MCP Marketplace",
+ "Multi-Agent Kanban Board",
+ "Community Support",
+ ],
+ },
+ {
+ name: "Teams",
+ price: "\u20AC0/mo*",
+ subtitle: "*through 2026",
+ note: "then \u20AC20/mo/user",
+ cta: { label: "Get Started", href: "#" },
+ highlight: true,
+ features: [
+ "All Features of OSS +",
+ "Centralized Billing",
+ "Team Management Dashboard",
+ "Role-Based Access Control",
+ "Limit Inference Providers",
+ "Priority Support",
+ ],
+ },
+ {
+ name: "Enterprise",
+ price: "Custom",
+ subtitle: "SSO, SLA & Dedicated Support",
+ note: null,
+ cta: { label: "Contact Sales", href: "mailto:mail@marcmantei.com" },
+ highlight: false,
+ features: [
+ "All Features in Teams +",
+ "SSO / OIDC",
+ "SLA",
+ "Dedicated Support",
+ "Audit Logs",
+ "Advanced Config Management",
+ "Fine-Grained Permissioning",
+ ],
+ },
+] as const;
+
+export function Pricing() {
+ useSetTopBar(
+
+
Pricing
+ ,
+ );
+
+ return (
+
+
+ {/* Header */}
+
+
+ Simple, transparent pricing
+
+
+ Spacebot is free for individual developers. Pay only for AI
+ inference on a usage basis — no subscriptions, no vendor lock-in.
+
+
+
+ {/* Tier Cards */}
+
+ {TIERS.map((tier) => (
+
+ {/* Tier Header */}
+
+
+ {tier.name}
+
+
+ {tier.price}
+
+
+ {tier.subtitle}
+
+ {tier.note && (
+
+ {tier.note}
+
+ )}
+
+
+ {/* CTA */}
+
+ {tier.cta.label}
+
+
+ {/* Feature Divider Label */}
+
+ Features
+
+
+
+ {/* Feature List */}
+
+ {tier.features.map((feature) => (
+ -
+
+ {feature}
+
+ ))}
+
+
+ ))}
+
+
+ {/* Footer Note */}
+
+
+ Inference costs are paid directly to your LLM provider.
+ No markup, no hidden fees.
+
+
+
+
+ );
+}
diff --git a/interface/src/routes/Settings.tsx b/interface/src/routes/Settings.tsx
index 8086d9194..cf09ae7c3 100644
--- a/interface/src/routes/Settings.tsx
+++ b/interface/src/routes/Settings.tsx
@@ -861,11 +861,12 @@ function AppearanceSection() {
}
function ThemePreview({ themeId }: { themeId: ThemeId }) {
- const colors = {
+ const colors: Record
= {
default: { bg: "#0d0d0f", sidebar: "#0a0a0b", accent: "#a855f7" },
vanilla: { bg: "#ffffff", sidebar: "#f5f5f6", accent: "#3b82f6" },
midnight: { bg: "#14162b", sidebar: "#0c0e1a", accent: "#3b82f6" },
noir: { bg: "#080808", sidebar: "#000000", accent: "#3b82f6" },
+ ember: { bg: "#140e0c", sidebar: "#0d0806", accent: "#b52a1a" },
};
const c = colors[themeId];
diff --git a/interface/src/routes/Welcome.tsx b/interface/src/routes/Welcome.tsx
new file mode 100644
index 000000000..745fcecb9
--- /dev/null
+++ b/interface/src/routes/Welcome.tsx
@@ -0,0 +1,165 @@
+import { useSetTopBar } from "@/components/TopBar";
+import { useQuery } from "@tanstack/react-query";
+import { api } from "@/api/client";
+import { useNavigate } from "@tanstack/react-router";
+
+export function Welcome() {
+ const navigate = useNavigate();
+
+ useSetTopBar(
+
+
Welcome
+ ,
+ );
+
+ const { data: providersData } = useQuery({
+ queryKey: ["providers"],
+ queryFn: api.providers,
+ staleTime: 5_000,
+ });
+
+ const { data: agentsData } = useQuery({
+ queryKey: ["agents"],
+ queryFn: api.agents,
+ staleTime: 10_000,
+ });
+
+ const hasProvider = providersData?.has_any ?? false;
+ const isAnthropic = providersData?.providers?.anthropic ?? false;
+ const agents = agentsData?.agents ?? [];
+ const hasAgent = agents.length > 0;
+ const firstAgentId = hasAgent ? agents[0].id : "";
+
+ // Detect auth method
+ const providerLabel = isAnthropic
+ ? "Anthropic (Claude Max / OAuth)"
+ : hasProvider
+ ? "LLM provider configured"
+ : null;
+
+ return (
+
+
+ {/* Logo/Title */}
+
+ Spacebot
+
+
+ Autonomous agent network for teams and communities
+
+
+ {/* Status Card */}
+
+
+ Getting Started
+
+
+
+ {/* Step 1: Provider */}
+
+
+ {hasProvider ? "\u2713" : "1"}
+
+
+
+ {providerLabel ?? "Add an LLM provider"}
+
+ {!hasProvider && (
+
+ API key, Claude Max OAuth, or another provider
+
+ )}
+
+ {!hasProvider && (
+
+ )}
+
+
+ {/* Step 2: Agent */}
+
+
+ {hasAgent ? "\u2713" : "2"}
+
+
+
+ {hasAgent
+ ? `Agent active (${firstAgentId})`
+ : "Create your first agent"}
+
+
+ {hasProvider && hasAgent && (
+
+ View
+
+ )}
+
+
+ {/* Step 3: Connect */}
+
+
+ 3
+
+
+ Connect a messaging platform or use the web chat
+
+
+
+
+
+ {/* Quick Links */}
+
+ {hasAgent && (
+
+ Kanban Board
+
+ )}
+
+
+
+
+ {/* Tagline */}
+
+ Works with Claude Code, Codex, VS Code, and more.
+ Open source. BYOK.
+
+
+