Skip to main content

apps/web/components/dashboard-shell.tsx

Metadata​

Indexed Symbols​

  • DashboardShell (line 8, function) - Implements dashboard shell for module behavior.

Markdown Headings (if applicable)​

No markdown headings detected.

Source Preview​

import { Card, Metric, StatusPill } from "@anchor/ui";
import type { DashboardData } from "../lib/dashboard-data";

type DashboardShellProps = DashboardData & {
  workspaceId: string;
};

export function DashboardShell({ kpiTiles, activeExecutions, recentEvents, workspaceId }: DashboardShellProps) {
  return (
    <main className="relative mx-auto min-h-screen max-w-7xl px-6 pb-12 pt-10">
      <section className="mb-10 grid gap-4 md:grid-cols-4">
        {kpiTiles.map((tile) => (
          <Card key={tile.label} tone={tile.tone === "critical" ? "critical" : "default"}>
            <Metric label={tile.label} value={tile.value} trend={tile.trend} tone={tile.tone} />
          </Card>
        ))}
      </section>

      <section className="mb-10 grid gap-4 lg:grid-cols-[2fr_1fr]">
        <Card className="space-y-4">
          <header className="flex items-center justify-between">
            <h2 className="text-lg font-semibold text-[var(--ink-base)]">AgentField Executions</h2>
            <span className="spec-label">Live Orchestration</span>
          </header>
          <div className="space-y-3">