ProvisioningStatus

1"use client";
2 
3import type { ComponentProps, ReactNode } from "react";
4import { useState } from "react";
5 
6import { AnimatedWash } from "@/components/animated-wash/animated-wash";
7import { NeonLoader } from "@/components/neon-loader/neon-loader";
8import { Button } from "@/components/ui/button";
9import { cn } from "@/lib/utils";
10 
11export type ProvisioningState = "provisioning" | "waking" | "error";
12 
13export type ProvisioningStatusProps = Omit<
14  ComponentProps<"div">,
15  "title" | "children"
16> & {
17  /** Lifecycle state the panel narrates. */
18  state?: ProvisioningState;
19  /** Override the state's default headline. */
20  title?: string;
21  /**
22   * The status detail line, e.g. "Creating Neon project…". Swapping it
23   * crossfades in place — feed it live progress from your API.
24   */
25  detail?: string;
26  /** Renders the retry action in the error state. */
27  onRetry?: () => void;
28  /** Label for the retry action. */
29  retryLabel?: string;
30  /**
31   * "panel" draws the house surface; "bare" renders naked for
32   * embedding inside an already-bordered pane.
33   */
34  variant?: "panel" | "bare";
35  /** Vertical breathing room. */
36  size?: "sm" | "md" | "lg";
37  /** Extra content under the detail line, e.g. a cancel link. */
38  footer?: ReactNode;
39};
40 
41/* ─────────────────────────────────────────────────────────
42 * PANEL STORYBOARD
43 *
44 * One quiet stage, three acts. The frame and rhythm never
45 * change between states — only the voice does.
46 *
47 *  provisioning  the NeonLoader resolves out of grain, the
48 *                headline holds foreground, and the detail
49 *                line shimmers; swap `detail` as your API
50 *                reports progress and the old step rolls
51 *                out the top as the new one rises in
52 *                (300ms, same row, zero shift)
53 *  waking        identical staging, wake copy — the
54 *                sandbox exists, it's just cold
55 *  ambience      the AnimatedWash breathes under
56 *                everything at low intensity — primary
57 *                green while working, destructive and
58 *                dimmer for the error act (the panel
59 *                cools, it doesn't shout); always well
60 *                below the loader's grain
61 *  error         the loader yields to the mono error tag +
62 *                foreground sentence, the detail cools to
63// … truncated