AppCreator

1"use client";
2 
3import type { ComponentProps, KeyboardEvent } from "react";
4import { useCallback, useEffect, useRef, useState } from "react";
5 
6import type { AppPlan } from "@/components/status-badge/status-badge";
7import { Button } from "@/components/ui/button";
8import { cn } from "@/lib/utils";
9 
10export type AppCreatorProps = Omit<ComponentProps<"div">, "onSubmit"> & {
11  /** Called with the prompt and plan when the user creates. */
12  onCreate: (prompt: string, plan: AppPlan) => void;
13  /** Show the in-flight state and lock the controls. */
14  isCreating?: boolean;
15  placeholder?: string;
16  /**
17   * Example prompts cycled through the placeholder with a typewriter
18   * rhythm while the field is empty. Overrides `placeholder`.
19   */
20  placeholderPrompts?: string[];
21  /** Uncontrolled initial plan. */
22  defaultPlan?: AppPlan;
23  /** Label for the create action. */
24  actionLabel?: string;
25  disabled?: boolean;
26};
27 
28/* ─────────────────────────────────────────────────────────
29 * The "describe an app" bar: one bordered surface whose
30 * border warms neutrally while you type (color belongs to
31 * the CTA and caret, never the frame). The prompt is an
32 * auto-growing textarea; the foot holds a quiet free/paid
33 * segment on the left and the create action on the right.
34 * Enter creates (a quiet "press ⏎" hint appears once the
35 * prompt is satisfied), Shift+Enter breaks a line. While
36 * creating, everything locks and the CTA shimmers — the
37 * prompt stays visible so the wait has context.
38 * ───────────────────────────────────────────────────────── */
39const PLANS: AppPlan[] = ["free", "paid"];
40 
41/* ─────────────────────────────────────────────────────────
42 * PLACEHOLDER STORYBOARD — "the pitch"
43 *
44 * While the field is empty, example prompts type themselves
45 * out character by character, hold, then erase — the bar
46 * keeps pitching ideas until you have your own. Typing a
47 * single character stops the show instantly. Static first
48 * prompt under reduced motion.
49// … truncated