Initial commit: AI-driven visual novel scaffold

- Monorepo (pnpm workspace): apps/web + packages/{types,ai-client,engine} - Next.js 16 web app with three-stage AI orchestration - Three independently configurable providers: text LLM, image generator, vision model - Warm minimalist editorial UI design - One-click Vercel deploy ready Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-09 13:29:58 +08:00
commit cbd95bbea2
45 changed files with 1855 additions and 0 deletions
@@ -0,0 +1,92 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+export function CustomForm() {
+  const router = useRouter();
+  const [worldSetting, setWorldSetting] = useState("");
+  const [styleGuide, setStyleGuide] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+
+  const canSubmit =
+    worldSetting.trim().length > 10 &&
+    styleGuide.trim().length > 5 &&
+    !submitting;
+
+  function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    if (!canSubmit) return;
+    setSubmitting(true);
+    sessionStorage.setItem(
+      "dada:custom",
+      JSON.stringify({ worldSetting, styleGuide }),
+    );
+    router.push("/play?custom=1");
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-12 animate-fade-in">
+      <div>
+        <label className="flex items-baseline justify-between mb-4">
+          <span className="text-[10px] smallcaps text-clay-700 font-medium">
+            <span className="text-clay-400 mr-2 font-serif italic not-italic font-normal">
+              ①
+            </span>
+            World · 世界观
+          </span>
+          <span className="text-[10px] text-clay-400 num">
+            {worldSetting.length}
+          </span>
+        </label>
+        <textarea
+          value={worldSetting}
+          onChange={(e) => setWorldSetting(e.target.value)}
+          rows={6}
+          placeholder="例：1990 年代末的中国南方县城。主角是高三转学生，在多雨的六月遇到一个总在天台读诗的同学。剧情慢热、含蓄、带点伤感⋯"
+          className="w-full bg-transparent border-0 border-b border-clay-900/20 px-0 py-3 text-clay-900 font-serif text-lg leading-[1.7] focus:outline-none focus:border-clay-700 transition-colors resize-none placeholder:font-serif placeholder:italic placeholder:text-base placeholder:leading-[1.7]"
+        />
+      </div>
+
+      <div>
+        <label className="flex items-baseline justify-between mb-4">
+          <span className="text-[10px] smallcaps text-clay-700 font-medium">
+            <span className="text-clay-400 mr-2 font-serif italic not-italic font-normal">
+              ②
+            </span>
+            Style · 画风
+          </span>
+          <span className="text-[10px] text-clay-400 num">
+            {styleGuide.length}
+          </span>
+        </label>
+        <textarea
+          value={styleGuide}
+          onChange={(e) => setStyleGuide(e.target.value)}
+          rows={4}
+          placeholder="例：Soft watercolor, warm afternoon light, anime visual novel style, classic dialogue panel⋯"
+          className="w-full bg-transparent border-0 border-b border-clay-900/20 px-0 py-3 text-clay-900 font-serif text-lg leading-[1.7] focus:outline-none focus:border-clay-700 transition-colors resize-none placeholder:font-serif placeholder:italic placeholder:text-base placeholder:leading-[1.7]"
+        />
+      </div>
+
+      <div className="pt-6 flex items-center justify-between">
+        <span className="text-[10px] smallcaps text-clay-500">
+          {submitting
+            ? "Summoning the first frame…"
+            : canSubmit
+              ? "Ready when you are"
+              : "Two paragraphs · enough to begin"}
+        </span>
+        <button
+          type="submit"
+          disabled={!canSubmit}
+          className="group flex items-center gap-3 text-[10px] smallcaps text-clay-900 disabled:text-clay-300 disabled:cursor-not-allowed enabled:hover:text-ember-500 transition-colors duration-300"
+        >
+          Begin
+          <span className="w-10 h-px bg-current transition-all duration-300 group-enabled:group-hover:w-16" />
+          <i className="fa-solid fa-arrow-right text-[9px]" />
+        </button>
+      </div>
+    </form>
+  );
+}