// Tenant-scoped "Apps" — placeholder. Real surface is the apps this
// tenant publishes (and their per-app users/grants on the personal
// cloud side). Wired into the nav so tenant admins see the route they
// expect; data layer follows.

import { LayoutGrid } from "lucide-react"
import { AppShell } from "~/components/layout/app-shell"
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "~/components/ui/card"

export default function AppsRoute() {
  return (
    <AppShell>
      <div className="flex items-center gap-3">
        <div className="flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary">
          <LayoutGrid className="size-5" />
        </div>
        <div>
          <h1 className="text-2xl font-semibold">Apps</h1>
          <p className="text-sm text-muted-foreground">
            Apps this tenant publishes — and the users that have granted them
            access to their personal clouds.
          </p>
        </div>
      </div>
      <Card>
        <CardHeader>
          <CardTitle>Coming soon</CardTitle>
          <CardDescription>
            App authoring lives in arcadia-agents-manager today. This view will
            surface published apps + per-app grants once the catalog endpoint
            is wired.
          </CardDescription>
        </CardHeader>
        <CardContent />
      </Card>
    </AppShell>
  )
}
