From 436e427cb3af4ac438eb4ca74293055cfffe7cff Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 3 Jul 2026 18:21:45 +0000
Subject: [PATCH 1/2] feat: bulk-add messages from a pasted dialogue script

Roadmap Phase 2, item #14.

- New parseScript utility: one 'Name: message' per line; Me/You/I (any
  case) map to sent messages, other speakers to the contact; speakerless
  lines continue the previous message; timestamps advance one minute per
  message from a start time, wrapping past midnight.
- Bulk Add card in the control panel: script textarea, 'Add to chat'
  button, and a 'Replace existing' checkbox guarded by a confirm.
- Unit tests for the parser (7) and UI tests for append, replace, and
  empty-script no-op.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SN53MtH3hvbHr7syhwu54q
---
 src/App.test.tsx                | 36 +++++++++++++++++
 src/App.tsx                     | 11 +++++
 src/components/ControlPanel.tsx | 57 ++++++++++++++++++++++++++
 src/script-parser.test.ts       | 46 +++++++++++++++++++++
 src/script-parser.ts            | 71 +++++++++++++++++++++++++++++++++
 5 files changed, 221 insertions(+)
 create mode 100644 src/script-parser.test.ts
 create mode 100644 src/script-parser.ts

diff --git a/src/App.test.tsx b/src/App.test.tsx
index 153487d..92bc27b 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -397,6 +397,42 @@ describe("autosave", () => {
   })
 })
 
+describe("bulk add", () => {
+  it("builds a thread from a pasted script", () => {
+    render(<App />)
+    fireEvent.change(screen.getByLabelText("Dialogue script"), {
+      target: { value: "Me: Bulk one\nSarah: Bulk two" },
+    })
+    fireEvent.click(screen.getByRole("button", { name: "Add to chat" }))
+
+    expect(screen.getAllByText("Bulk one").length).toBeGreaterThan(0)
+    expect(screen.getAllByText("Bulk two").length).toBeGreaterThan(0)
+    // The textarea clears after a successful add.
+    expect(screen.getByLabelText("Dialogue script")).toHaveValue("")
+  })
+
+  it("replace mode swaps out the existing conversation", () => {
+    const confirmSpy = vi.spyOn(window, "confirm").mockReturnValue(true)
+    render(<App />)
+    fireEvent.click(screen.getByRole("checkbox", { name: /replace existing/i }))
+    fireEvent.change(screen.getByLabelText("Dialogue script"), {
+      target: { value: "Me: Fresh start" },
+    })
+    fireEvent.click(screen.getByRole("button", { name: "Add to chat" }))
+
+    expect(screen.getAllByText("Fresh start").length).toBeGreaterThan(0)
+    expect(screen.queryByText(/Hey! How are you/)).not.toBeInTheDocument()
+    confirmSpy.mockRestore()
+  })
+
+  it("does nothing for an empty script", () => {
+    render(<App />)
+    const before = screen.getAllByTitle("Delete").length
+    fireEvent.click(screen.getByRole("button", { name: "Add to chat" }))
+    expect(screen.getAllByTitle("Delete")).toHaveLength(before)
+  })
+})
+
 describe("responsible use", () => {
   it("shows the watermark by default and allows turning it off", () => {
     render(<App />)
diff --git a/src/App.tsx b/src/App.tsx
index 8c35e08..66043e8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -144,6 +144,16 @@ function App() {
     setConfig(INITIAL_CONFIG)
   }, [])
 
+  const handleBulkAdd = useCallback(
+    (msgs: Omit<Message, "id">[], replace: boolean) => {
+      setMessages((prev) => {
+        const withIds = msgs.map((m) => ({ ...m, id: crypto.randomUUID() }))
+        return replace ? withIds : [...prev, ...withIds]
+      })
+    },
+    [],
+  )
+
   const handleAddMessage = useCallback(
     (msg: Omit<Message, "id">) => {
       setMessages((prev) => [...prev, { ...msg, id: crypto.randomUUID() }])
@@ -262,6 +272,7 @@ function App() {
             onUpdateConfig={setConfig}
             onExport={handleExport}
             onReset={handleReset}
+            onBulkAdd={handleBulkAdd}
           />
         </div>
       </div>
diff --git a/src/components/ControlPanel.tsx b/src/components/ControlPanel.tsx
index c5b77d6..c5db31f 100644
--- a/src/components/ControlPanel.tsx
+++ b/src/components/ControlPanel.tsx
@@ -9,6 +9,7 @@ import type {
   ExportFormat,
   ExportOptions,
 } from "../types"
+import { parseScript } from "../script-parser"
 
 type ControlPanelProps = {
   messages: Message[]
@@ -20,6 +21,7 @@ type ControlPanelProps = {
   onUpdateConfig: (config: ChatConfig) => void
   onExport: (options: ExportOptions) => void
   onReset: () => void
+  onBulkAdd: (msgs: Omit<Message, "id">[], replace: boolean) => void
 }
 
 export function ControlPanel({
@@ -32,6 +34,7 @@ export function ControlPanel({
   onUpdateConfig,
   onExport,
   onReset,
+  onBulkAdd,
 }: ControlPanelProps) {
   const [text, setText] = useState("")
   const [sender, setSender] = useState<MessageSender>("them")
@@ -45,10 +48,26 @@ export function ControlPanel({
   const [editingId, setEditingId] = useState<string | null>(null)
   const [exportFormat, setExportFormat] = useState<ExportFormat>("png")
   const [exportScale, setExportScale] = useState(2)
+  const [script, setScript] = useState("")
+  const [replaceOnBulk, setReplaceOnBulk] = useState(false)
   const fileInputRef = useRef<HTMLInputElement>(null)
 
   const isSystem = sender === "system"
 
+  const handleBulkAdd = () => {
+    const parsed = parseScript(script)
+    if (parsed.length === 0) return
+    if (
+      replaceOnBulk &&
+      messages.length > 0 &&
+      !confirm(`Replace the existing ${messages.length} messages?`)
+    ) {
+      return
+    }
+    onBulkAdd(parsed, replaceOnBulk)
+    setScript("")
+  }
+
   const clearImage = () => {
     setImage("")
     if (fileInputRef.current) fileInputRef.current.value = ""
@@ -566,6 +585,44 @@ export function ControlPanel({
         </div>
       </form>
 
+      {/* Bulk add from a script */}
+      <div className="bg-white rounded-xl p-4 shadow-sm flex flex-col gap-3">
+        <h3 className="text-sm font-semibold text-gray-500 uppercase tracking-wide">
+          Bulk Add
+        </h3>
+        <textarea
+          value={script}
+          onChange={(e) => setScript(e.target.value)}
+          placeholder={"Me: Hey, are you coming?\nSarah: On my way! 🚗"}
+          rows={4}
+          aria-label="Dialogue script"
+          className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm resize-none font-mono focus:outline-none focus:ring-2 focus:ring-[#008069]/30 focus:border-[#008069]"
+        />
+        <p className="text-xs text-gray-400 -mt-1">
+          One “Name: message” per line. “Me”, “You”, or “I” become sent
+          messages; anyone else is the contact. Timestamps advance one minute
+          per message.
+        </p>
+        <div className="flex items-center gap-3">
+          <button
+            type="button"
+            onClick={handleBulkAdd}
+            className="flex-1 py-2.5 bg-[#008069] hover:bg-[#006b57] text-white rounded-lg text-sm font-medium transition-colors cursor-pointer"
+          >
+            Add to chat
+          </button>
+          <label className="flex items-center gap-2 cursor-pointer">
+            <input
+              type="checkbox"
+              checked={replaceOnBulk}
+              onChange={(e) => setReplaceOnBulk(e.target.checked)}
+              className="w-4 h-4 accent-[#008069]"
+            />
+            <span className="text-sm text-gray-700">Replace existing</span>
+          </label>
+        </div>
+      </div>
+
       {/* Messages List */}
       <div className="bg-white rounded-xl p-4 shadow-sm">
         <h3 className="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">
diff --git a/src/script-parser.test.ts b/src/script-parser.test.ts
new file mode 100644
index 0000000..65b1dbd
--- /dev/null
+++ b/src/script-parser.test.ts
@@ -0,0 +1,46 @@
+import { describe, it, expect } from "vitest"
+import { parseScript } from "./script-parser"
+
+describe("parseScript", () => {
+  it("parses speakers into senders, me/you/i aliases case-insensitively", () => {
+    const msgs = parseScript(
+      ["Me: hey", "Sarah: hi!", "YOU: what's up?", "i: nothing"].join("\n"),
+    )
+    expect(msgs.map((m) => m.sender)).toEqual(["me", "them", "me", "me"])
+    expect(msgs[1].text).toBe("hi!")
+  })
+
+  it("advances timestamps one minute per message from the start time", () => {
+    const msgs = parseScript("Me: a\nSarah: b\nMe: c", "09:58")
+    expect(msgs.map((m) => m.timestamp)).toEqual(["09:58", "09:59", "10:00"])
+  })
+
+  it("wraps timestamps past midnight", () => {
+    const msgs = parseScript("Me: a\nSarah: b", "23:59")
+    expect(msgs.map((m) => m.timestamp)).toEqual(["23:59", "00:00"])
+  })
+
+  it("appends speakerless lines to the previous message", () => {
+    const msgs = parseScript("Sarah: first line\nsecond line\nMe: reply")
+    expect(msgs).toHaveLength(2)
+    expect(msgs[0].text).toBe("first line\nsecond line")
+    expect(msgs[1].text).toBe("reply")
+  })
+
+  it("treats a leading speakerless line as the contact", () => {
+    const msgs = parseScript("just text")
+    expect(msgs).toHaveLength(1)
+    expect(msgs[0].sender).toBe("them")
+  })
+
+  it("ignores blank lines and falls back on a bad start time", () => {
+    const msgs = parseScript("\nMe: a\n\n\nSarah: b\n", "nonsense")
+    expect(msgs).toHaveLength(2)
+    expect(msgs[0].timestamp).toBe("10:30")
+  })
+
+  it("returns an empty list for empty input", () => {
+    expect(parseScript("")).toEqual([])
+    expect(parseScript("   \n  ")).toEqual([])
+  })
+})
diff --git a/src/script-parser.ts b/src/script-parser.ts
new file mode 100644
index 0000000..7694e22
--- /dev/null
+++ b/src/script-parser.ts
@@ -0,0 +1,71 @@
+import type { Message } from "./types"
+
+// A parsed line of dialogue, ready to become a Message (id assigned later).
+export type ParsedMessage = Omit<Message, "id">
+
+const LINE_RE = /^([^:\n]{1,30}):\s?(.*)$/
+
+// Speakers that map to the sent ("me") side, case-insensitively.
+const ME_ALIASES = new Set(["me", "you", "i"])
+
+function formatTime(totalMinutes: number): string {
+  const wrapped = ((totalMinutes % 1440) + 1440) % 1440
+  const h = Math.floor(wrapped / 60)
+  const m = wrapped % 60
+  return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`
+}
+
+function parseStartTime(time: string): number {
+  const match = /^(\d{1,2}):(\d{2})$/.exec(time.trim())
+  if (!match) return 10 * 60 + 30
+  return Number(match[1]) * 60 + Number(match[2])
+}
+
+/**
+ * Parse a pasted dialogue script into messages.
+ *
+ * Format: one `Speaker: text` per line. Speakers named "Me"/"You"/"I"
+ * (any case) become sent messages; anyone else becomes the contact.
+ * Lines without a `Speaker:` prefix continue the previous message on a
+ * new line. Timestamps start at `startTime` and advance one minute per
+ * message.
+ */
+export function parseScript(
+  script: string,
+  startTime = "10:30",
+): ParsedMessage[] {
+  const messages: ParsedMessage[] = []
+  let minutes = parseStartTime(startTime)
+
+  for (const rawLine of script.split("\n")) {
+    const line = rawLine.trim()
+    if (!line) continue
+
+    const match = LINE_RE.exec(line)
+    if (match && match[2].trim()) {
+      const speaker = match[1].trim()
+      const sender = ME_ALIASES.has(speaker.toLowerCase()) ? "me" : "them"
+      messages.push({
+        text: match[2].trim(),
+        sender,
+        timestamp: formatTime(minutes),
+        status: "read",
+      })
+      minutes += 1
+    } else if (messages.length > 0) {
+      // Continuation of the previous message.
+      messages[messages.length - 1].text += `\n${line}`
+    } else {
+      // Leading line without a speaker: treat as the contact talking.
+      messages.push({
+        text: line,
+        sender: "them",
+        timestamp: formatTime(minutes),
+        status: "read",
+      })
+      minutes += 1
+    }
+  }
+
+  return messages
+}

From f6958ba1ff19cf8c8ca9e8220824dbbf75ac8059 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 3 Jul 2026 18:24:53 +0000
Subject: [PATCH 2/2] fix: skip empty speaker lines, start bulk timestamps from
 the Time field

Address review feedback on #21:
- A speaker prefix with no content ('Sarah: ') was glued onto the
  previous message (or became a bogus leading message); such lines are
  now skipped, with a regression test.
- Bulk-added messages now start their timestamps from the compose
  form's Time field instead of the hardcoded 10:30 default.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SN53MtH3hvbHr7syhwu54q
---
 src/components/ControlPanel.tsx | 3 ++-
 src/script-parser.test.ts       | 7 +++++++
 src/script-parser.ts            | 8 ++++++--
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/ControlPanel.tsx b/src/components/ControlPanel.tsx
index c5db31f..a88488d 100644
--- a/src/components/ControlPanel.tsx
+++ b/src/components/ControlPanel.tsx
@@ -55,7 +55,8 @@ export function ControlPanel({
   const isSystem = sender === "system"
 
   const handleBulkAdd = () => {
-    const parsed = parseScript(script)
+    // Start bulk timestamps from the compose form's Time field.
+    const parsed = parseScript(script, timestamp)
     if (parsed.length === 0) return
     if (
       replaceOnBulk &&
diff --git a/src/script-parser.test.ts b/src/script-parser.test.ts
index 65b1dbd..50af518 100644
--- a/src/script-parser.test.ts
+++ b/src/script-parser.test.ts
@@ -39,6 +39,13 @@ describe("parseScript", () => {
     expect(msgs[0].timestamp).toBe("10:30")
   })
 
+  it("ignores lines with a speaker prefix but no message content", () => {
+    const msgs = parseScript("Me: hello\nSarah: \nMe: world")
+    expect(msgs).toHaveLength(2)
+    expect(msgs[0].text).toBe("hello")
+    expect(msgs[1].text).toBe("world")
+  })
+
   it("returns an empty list for empty input", () => {
     expect(parseScript("")).toEqual([])
     expect(parseScript("   \n  ")).toEqual([])
diff --git a/src/script-parser.ts b/src/script-parser.ts
index 7694e22..01f2d1c 100644
--- a/src/script-parser.ts
+++ b/src/script-parser.ts
@@ -42,11 +42,15 @@ export function parseScript(
     if (!line) continue
 
     const match = LINE_RE.exec(line)
-    if (match && match[2].trim()) {
+    if (match) {
+      const text = match[2].trim()
+      // A speaker prefix with no content ("Sarah: ") is noise — skip it
+      // rather than gluing the literal line onto the previous message.
+      if (!text) continue
       const speaker = match[1].trim()
       const sender = ME_ALIASES.has(speaker.toLowerCase()) ? "me" : "them"
       messages.push({
-        text: match[2].trim(),
+        text,
         sender,
         timestamp: formatTime(minutes),
         status: "read",