R4 frontend: global pages restyled, Team tabs, /apps page, Buy credits

Shared PageChrome (28px/600 title + muted desc + top-right action pill)
now fronts every global page. Skills → 2-col r24 Card grid with team
install counts. Credits → three-card layout (balance w/ Buy credits;
usage meter w/ runway; promo; Talk-to-sales → mailto). The Stripe Buy
credits button only mounts when /api/billing/config reports it enabled
(honest degradation) and opens a real Checkout Session.

Team page gains the three reference tabs via SegmentedTabs: Members
(restyled), Claw org chart (real /api/team/orgchart — members grouped
with the claws they manage, each a deep link into chat), and Leaderboard
(real /api/team/leaderboard — claws ranked by usage with a coral bar).

New /apps global page (workspace-wide connections via ?workspace=true):
category pills + SearchPill + 2-col rows with inline API-key connect;
Apps added to the rail nav.

Wizard restyled to the system: coral-fill white-text CTAs with the glow
shadow, coral progress bars, swatch enter animation, system inputs —
all step text/behavior preserved.

83 unit + 29 functional E2E + a11y green; contrast fixed (subtle-fg →
muted-fg on cards).

Co-Authored-By: Claude Fable 5 <[email protected]>

frontend/src/app/(workspace)/apps/page.tsx

@@ -0,0 +1,29 @@
+import { z } from "zod";
+
+import { AppsDirectory } from "@/components/global/AppsDirectory";
+import { PageChrome } from "@/components/global/PageChrome";
+import { apiFetch } from "@/lib/api/http";
+
+const DirectoryAppSchema = z.object({
+  id: z.string(),
+  name: z.string(),
+  description: z.string(),
+  category: z.string(),
+  connected: z.boolean(),
+});
+
+// The global Apps directory (§8.2): workspace-wide connections.
+export default async function AppsPage() {
+  const apps = await apiFetch(
+    z.array(DirectoryAppSchema),
+    "/api/apps?workspace=true",
+  );
+  return (
+    <PageChrome
+      title="Apps"
+      description="Connect the tools your claws can use. Connections here are available to your whole workspace."
+    >
+      <AppsDirectory apps={apps} />
+    </PageChrome>
+  );
+}