2026-03-02T08-39-37_auto_memory/memories.db-wal

chatgpt-to-claude/src/components/wizard/StepExtract.tsx

@@ -0,0 +1,58 @@
+import CopyButton from "./CopyButton";
+import { EXTRACTION_PROMPT } from "@/consts";
+
+export default function StepExtract() {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h2 className="text-2xl font-bold text-text mb-2">
+          Extract Your ChatGPT Memory
+        </h2>
+        <p className="text-text-muted">
+          Copy this prompt and paste it into a ChatGPT conversation. It will ask
+          ChatGPT to summarize everything it knows about you as a user profile.
+        </p>
+      </div>
+
+      <div className="relative rounded-xl bg-surface-muted border border-surface-border p-6">
+        <div className="flex items-center justify-between mb-4">
+          <span className="text-xs font-mono text-text-muted uppercase tracking-wider">
+            Extraction Prompt
+          </span>
+          <CopyButton text={EXTRACTION_PROMPT} label="Copy Prompt" />
+        </div>
+        <pre className="text-sm text-text leading-relaxed whitespace-pre-wrap font-mono">
+          {EXTRACTION_PROMPT}
+        </pre>
+      </div>
+
+      <div className="rounded-xl bg-primary/5 border border-primary/20 p-5">
+        <h3 className="text-sm font-semibold text-primary-light mb-2">
+          How it works
+        </h3>
+        <ol className="text-sm text-text-muted space-y-2 list-decimal list-inside">
+          <li>
+            Open{" "}
+            <a
+              href="https://chatgpt.com"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-primary-light hover:underline"
+            >
+              chatgpt.com
+            </a>{" "}
+            and start a new chat
+          </li>
+          <li>Paste the prompt above and send it</li>
+          <li>Wait for ChatGPT to generate your user profile</li>
+          <li>Copy the entire response — you'll paste it in the next step</li>
+        </ol>
+      </div>
+
+      <p className="text-xs text-text-muted">
+        Your data never leaves your browser. This tool runs entirely
+        client-side.
+      </p>
+    </div>
+  );
+}