thursday-agent 0.15.0 → 0.16.0

package/features/intro/intro-voice.ts

@@ -1,174 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { createClipTap, SPECTRUM_BANDS } from "@/lib/live/live.tap";
-
-/**
- * Her recorded voice on the first run: each of her lines there is also a clip, so she can
- * be heard before any key exists. Everything about it is here — what she says aloud, where
- * a clip lives, and the hook that plays one — and `scripts/intro-voice.mts` records the
- * clips from this script. What she says aloud is its own text, not the caption's: a line
- * on screen can be rewritten freely, and she opens by saying this is a recording, which a
- * caption has no need to. A clip is named by a hash of its words, so a line rewritten here
- * is silent until it is recorded again, never a clip saying the old words.
- */
-
-/** How the clips are made (scripts/intro-voice.mts): the default call voice, asked to sound like a call. */
-export const INTRO_VOICE = {
-  model: "gpt-4o-mini-tts",
-  voice: "marin",
-  instructions:
-    "Warm, relaxed and conversational, like a friend on the phone who is glad you called. Natural pace, a light smile in the voice. American English.",
-  dir: "voices/intro",
-} as const;
-
-/** What she says aloud, by the line it goes with. Plain words: whoever hears this may never have seen an API key. */
-export const INTRO_SPOKEN = {
-  /** Said once, ahead of whichever line comes first: she says what this is before anything else. */
-  hello:
-    "Hi, I'm Thursday. One thing first: this is a recording. You'll hear my real voice on our first call.",
-  key: "My real voice comes from OpenAI, and it needs a key — think of it as a password. Paste one in, and I wake up. Don't have one yet? No problem, skip ahead. I'll ask again later.",
-  awake:
-    "There we go — I'm awake. That key is all a call needs. The rest is quick: your microphone, who does the work for you, and what they think with.",
-  mic: "Now let me hear you. Your browser will ask before it turns the microphone on. Say yes, then say anything — and watch the line under me move. It's only on during a call, unless you ask for more.",
-  heard:
-    "I hear you — that line is your voice. If you'd rather wake me by saying my name instead of tapping, switch that on here and give it a try.",
-  bots: "Big jobs go to my helper bots, so you and I can keep talking while they work. They work right here on your computer, with a browser and your files. Signing in and paying always stay with you.",
-  models:
-    "Every bot runs on an A.I. model that you pick. Start small: a small one is fast and cheap, and you can move any bot up later. Your OpenAI key already covers it. A GPT subscription, or a Vercel key, opens up a lot more.",
-  style:
-    "One more, and it's the fun one: who I am to you. There are ten of me, and the only difference is how I talk. Pick whoever sounds like someone you'd call — you can change your mind anytime.",
-  call: "That's everything. Call me, tell me what to call you, and ask for one thing — anything you'd ask someone sitting next to you. From here on, it's my real voice. I'll show you the rest as we go.",
-  asleep:
-    "I still don't have a voice of my own, so no calls yet — but everything else works. Have a look around. When you have a key, tap me, and I'll take it from there.",
-} as const;
-
-export type IntroLine = keyof typeof INTRO_SPOKEN;
-
-/** FNV-1a over the voice and the words: the same eight characters in the browser and in the script. */
-function stamp(words: string): string {
-  let hash = 0x811c9dc5;
-  for (const char of `${INTRO_VOICE.voice}|${words}`) {
-    hash ^= char.codePointAt(0) ?? 0;
-    hash = Math.imul(hash, 0x01000193);
-  }
-  return (hash >>> 0).toString(16).padStart(8, "0");
-}
-
-/** The clip's file name: the line, and the stamp of what it says. */
-export const introClipName = (line: IntroLine) =>
-  `${line}-${stamp(INTRO_SPOKEN[line])}.ogg`;
-
-const SILENT = new Array<number>(SPECTRUM_BANDS).fill(0);
-
-/** Where the choice is kept: someone who muted her once is not spoken to again. */
-const MUTED_KEY = "thursday.intro.muted";
-
-/**
- * Plays her clips. The first one has to start inside a click (`say` from the handler): a
- * browser lets a page make sound only from there, and an element that has played once may
- * play again by itself, which is how the later lines follow their step. Each line is said
- * once a visit, several in a row when asked for together, and a new ask cuts in. A clip
- * that is missing or refused is silence, never an error.
- */
-export function useIntroVoice(line: IntroLine | null) {
-  const held = useRef<{
-    audio: HTMLAudioElement;
-    clip: ReturnType<typeof createClipTap>;
-  } | null>(null);
-  const said = useRef(new Set<IntroLine>());
-  /** What follows the clip now playing. */
-  const next = useRef<IntroLine[]>([]);
-  const sounding = useRef(false);
-  const [speaking, setSpeaking] = useState(false);
-  const [muted, setMuted] = useState(false);
-  const mutedNow = useRef(false);
-
-  useEffect(() => {
-    try {
-      const was = window.localStorage.getItem(MUTED_KEY) === "1";
-      mutedNow.current = was;
-      setMuted(was);
-    } catch {
-      // storage may be blocked; she speaks
-    }
-  }, []);
-
-  const hush = useCallback(() => {
-    next.current = [];
-    held.current?.audio.pause();
-  }, []);
-
-  const play = useCallback(() => {
-    const one = next.current.shift();
-    if (!one || !held.current) return;
-    const { audio, clip } = held.current;
-    void clip.resume();
-    audio.src = `/${INTRO_VOICE.dir}/${introClipName(one)}`;
-    void audio.play().catch(() => {});
-  }, []);
-
-  const say = useCallback(
-    (...lines: IntroLine[]) => {
-      const fresh = lines.filter((one) => !said.current.has(one));
-      if (mutedNow.current || !fresh.length) return;
-      if (!held.current) {
-        const audio = new Audio();
-        const heard = (on: boolean) => () => {
-          sounding.current = on;
-          setSpeaking(on);
-        };
-        audio.addEventListener("playing", heard(true));
-        for (const over of ["pause", "ended", "error"])
-          audio.addEventListener(over, heard(false));
-        // one clip over, the next begins; a clip that will not load is skipped
-        audio.addEventListener("ended", play);
-        audio.addEventListener("error", play);
-        // An element is routed once, so the tap lasts as long as the element does
-        held.current = { audio, clip: createClipTap(audio) };
-      }
-      for (const one of fresh) said.current.add(one);
-      next.current = fresh;
-      play();
-    },
-    [play],
-  );
-
-  // The lines after the first follow their step by themselves
-  useEffect(() => {
-    if (line && held.current) say(line);
-  }, [line, say]);
-
-  // Gone with the intro: she must not talk over the call it ends on
-  useEffect(
-    () => () => {
-      held.current?.audio.pause();
-      void held.current?.clip.close();
-      held.current = null;
-    },
-    [],
-  );
-
-  const toggle = useCallback(() => {
-    const next = !mutedNow.current;
-    mutedNow.current = next;
-    setMuted(next);
-    try {
-      window.localStorage.setItem(MUTED_KEY, next ? "1" : "0");
-    } catch {
-      // kept for this visit only
-    }
-    if (next) return hush();
-    // Switched back on inside this click: the line on screen is said again
-    if (line) {
-      said.current.delete(line);
-      say(line);
-    }
-  }, [hush, line, say]);
-
-  const spectrum = useCallback(
-    () =>
-      held.current && sounding.current ? held.current.clip.read() : SILENT,
-    [],
-  );
-
-  return { say, hush, speaking, muted, toggle, spectrum };
-}

package/features/memory/components/memory-edit.tsx

@@ -1,333 +0,0 @@
-"use client";
-
-import { useChat } from "@ai-sdk/react";
-import { DefaultChatTransport, getToolName, isToolUIPart } from "ai";
-import {
-  ArrowUp,
-  BookOpen,
-  Check,
-  ChevronDown,
-  Loader2,
-  Minus,
-  Pencil,
-  Plus,
-  X,
-} from "lucide-react";
-import { type SubmitEvent, useEffect, useRef, useState } from "react";
-import { queryKey } from "@/app/api/query-key";
-import { Button } from "@/components/ui/button";
-import { ShinyText } from "@/components/ui/shiny-text";
-import { ModelPicker } from "@/features/ai/components/model-picker";
-import { ProviderIcon } from "@/features/ai/components/provider-icon";
-import type { TextModelProviderId } from "@/features/ai/model.schema";
-import { TOOL_NAMES } from "@/features/ai/tools/tool-name";
-import type { MemoryNote } from "@/features/memory/memory.schema";
-import { cn } from "@/lib/utils";
-
-type KnownFact = { text: string; path: string };
-
-/** How long a finished edit's lines stay up before they clear. */
-const LINGER_MS = 4000;
-
-/** One transport for every edit: the model rides on each request, not on the hook. */
-const transport = new DefaultChatTransport({ api: queryKey.memoryEdit });
-
-/**
- * Editing memory in a line, floating over the list above the rail while its rail
- * button holds it open; closing it stops a run like leaving would. One send is
- * one streamed run (memory.edit): the model writes with memory's own tools as it
- * goes and each call is drawn as it arrives. Nothing about the exchange is kept —
- * the next send starts clean — and the model is picked here, never saved.
- */
-export function MemoryEdit({ notes }: { notes: MemoryNote[] }) {
-  const [draft, setDraft] = useState("");
-  const [model, setModel] = useState<{
-    provider: TextModelProviderId | null;
-    model: string;
-  }>({ provider: null, model: "" });
-  const [picking, setPicking] = useState(false);
-  const {
-    messages,
-    sendMessage,
-    setMessages,
-    status,
-    stop,
-    error,
-    clearError,
-  } = useChat({ transport });
-
-  // A run nobody is looking at has nobody to show its lines to
-  const stopRef = useRef(stop);
-  stopRef.current = stop;
-  useEffect(
-    () => () => {
-      void stopRef.current();
-    },
-    [],
-  );
-
-  // Facts seen on screen, kept after they go so a finished change still reads as what it replaced
-  const seen = useRef(new Map<number, KnownFact>());
-  for (const note of notes) {
-    for (const fact of note.facts) {
-      seen.current.set(fact.id, { text: fact.text, path: note.path });
-    }
-  }
-
-  const running = status === "submitted" || status === "streaming";
-  const ready = Boolean(model.provider && model.model.trim());
-  const reply = [...messages]
-    .reverse()
-    .find((message) => message.role === "assistant");
-  const parts = reply?.parts ?? [];
-  const calls = parts.filter(isToolUIPart);
-  const words = parts
-    .flatMap((part) => (part.type === "text" ? [part.text] : []))
-    .join(" ")
-    .trim();
-  const failed =
-    Boolean(error) || calls.some((call) => call.state === "output-error");
-  const written = calls.filter(
-    (call) =>
-      call.state === "output-available" &&
-      getToolName(call) !== TOOL_NAMES.memory_recall,
-  ).length;
-
-  useEffect(() => {
-    if (status !== "ready" || failed || messages.length === 0) return;
-    const clear = setTimeout(() => setMessages([]), LINGER_MS);
-    return () => clearTimeout(clear);
-  }, [status, failed, messages.length, setMessages]);
-
-  const submit = (event: SubmitEvent) => {
-    event.preventDefault();
-    const said = draft.trim();
-    if (!said || !ready || running) return;
-    setDraft("");
-    setPicking(false);
-    clearError();
-    // One send is one run: nothing from the last one rides along
-    setMessages([]);
-    void sendMessage({ text: said }, { body: { model } });
-  };
-
-  const line = running ? (
-    <ShinyText text="Working on memory" className="text-xs" />
-  ) : error ? (
-    <span className="text-xs text-destructive">{error.message}</span>
-  ) : reply ? (
-    <span className="text-xs text-muted-foreground">
-      {words ||
-        (written === 0
-          ? "Nothing to change"
-          : written === 1
-            ? "1 change saved"
-            : `${written} changes saved`)}
-    </span>
-  ) : null;
-
-  return (
-    <div className="pointer-events-none absolute inset-x-0 bottom-18 z-10 flex justify-center px-8">
-      <div className="pointer-events-auto flex w-full max-w-120 flex-col items-center gap-2">
-        {picking && (
-          <div className="w-full rounded-xl bg-popover p-2 shadow-lg ring-1 ring-foreground/10">
-            <ModelPicker
-              provider={model.provider}
-              model={model.model}
-              unset="Provider"
-              onChange={setModel}
-            />
-          </div>
-        )}
-
-        {calls.length > 0 && (
-          <ul className="w-full divide-y divide-border/60 overflow-hidden rounded-xl bg-popover shadow-lg ring-1 ring-foreground/10">
-            {calls.map((call) => (
-              <ChangeRow
-                key={call.toolCallId}
-                name={getToolName(call)}
-                input={call.input}
-                state={call.state}
-                errorText={
-                  call.state === "output-error" ? call.errorText : undefined
-                }
-                known={seen.current}
-              />
-            ))}
-          </ul>
-        )}
-
-        {line && <p className="max-w-full truncate px-1">{line}</p>}
-
-        <form
-          onSubmit={submit}
-          className="flex h-10 w-full items-center gap-1.5 rounded-xl bg-popover pr-1.5 pl-3.5 shadow-lg ring-1 ring-foreground/10"
-        >
-          <input
-            autoFocus
-            value={draft}
-            onChange={(event) => setDraft(event.target.value)}
-            disabled={running}
-            aria-label="Edit memory"
-            placeholder="Tell memory what changed"
-            className="min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground disabled:opacity-60"
-          />
-          <Button
-            type="button"
-            size="xs"
-            variant="ghost"
-            onClick={() => setPicking(!picking)}
-            className={cn("max-w-44", !ready && "text-muted-foreground")}
-          >
-            {ready && model.provider ? (
-              <>
-                <ProviderIcon provider={model.provider} className="size-3" />
-                <span className="truncate">{model.model}</span>
-              </>
-            ) : (
-              "Model"
-            )}
-            <ChevronDown className="text-muted-foreground" />
-          </Button>
-          <Button
-            type="submit"
-            size="icon-sm"
-            loading={running}
-            disabled={!draft.trim() || !ready || running}
-            aria-label="Send"
-          >
-            {!running && <ArrowUp />}
-          </Button>
-        </form>
-      </div>
-    </div>
-  );
-}
-
-type Change = {
-  kind: "Remember" | "Replace" | "Forget" | "Rename" | "Opened";
-  path: string;
-  lines: { before?: string; after?: string }[];
-};
-
-/** What a call does, read off its arguments — still arriving while it streams — and the facts the screen has shown. */
-function describe(
-  name: string,
-  input: unknown,
-  known: Map<number, KnownFact>,
-): Change {
-  const args = (input ?? {}) as {
-    path?: string;
-    factIds?: (number | null | undefined)[] | null;
-    description?: string | null;
-    facts?: ({ text?: string; replaces?: number | null } | null)[] | null;
-  };
-  const path = args.path ?? "";
-
-  if (name === TOOL_NAMES.memory_recall) {
-    return { kind: "Opened", path, lines: [] };
-  }
-
-  if (name === TOOL_NAMES.memory_describe) {
-    return {
-      kind: "Rename",
-      path,
-      lines: args.description ? [{ after: `“${args.description}”` }] : [],
-    };
-  }
-
-  if (name === TOOL_NAMES.memory_forget) {
-    const ids = (args.factIds ?? []).filter((id) => id != null);
-    const facts = ids.map((id) => known.get(id));
-    return {
-      kind: "Forget",
-      path: facts.find((fact) => fact)?.path ?? "",
-      lines: ids.map((id, index) => ({
-        before: facts[index]?.text ?? `Fact #${id}`,
-      })),
-    };
-  }
-
-  // A new note's line leads its first facts; a fact replacing one the screen has shown reads as the change
-  const facts = (args.facts ?? []).filter((fact) => fact != null);
-  const lines: Change["lines"] = facts.map((fact) =>
-    fact.replaces != null
-      ? {
-          before: known.get(fact.replaces)?.text ?? `Fact #${fact.replaces}`,
-          after: fact.text,
-        }
-      : { after: fact.text },
-  );
-  if (name === TOOL_NAMES.memory_create && args.description) {
-    lines.unshift({ after: `“${args.description}”` });
-  }
-  return {
-    kind: facts.some((fact) => fact.replaces != null) ? "Replace" : "Remember",
-    path,
-    lines,
-  };
-}
-
-const GLYPHS = {
-  Remember: Plus,
-  Replace: Pencil,
-  Forget: Minus,
-  Rename: Pencil,
-  Opened: BookOpen,
-} as const;
-
-function ChangeRow({
-  name,
-  input,
-  state,
-  errorText,
-  known,
-}: {
-  name: string;
-  input: unknown;
-  state: string;
-  errorText?: string;
-  known: Map<number, KnownFact>;
-}) {
-  const change = describe(name, input, known);
-  const Glyph = GLYPHS[change.kind];
-  const broke = state === "output-error";
-  const done = state === "output-available";
-  return (
-    <li className="flex animate-in items-start gap-2.5 px-3 py-2.5 duration-200 fade-in slide-in-from-bottom-1">
-      <Glyph className="mt-1 size-3.5 shrink-0 text-muted-foreground" />
-      <div className="min-w-0 flex-1 space-y-0.5">
-        {change.lines.map((line, at) => (
-          <div key={`${change.kind}-${at}`}>
-            {line.before && (
-              <p className="text-[13px] leading-5 text-muted-foreground/60 line-through">
-                {line.before}
-              </p>
-            )}
-            {line.after && (
-              <p className="text-sm leading-5 text-foreground/90">
-                {line.after}
-              </p>
-            )}
-          </div>
-        ))}
-        <p className="pt-0.5 font-mono text-[11px] text-muted-foreground">
-          {change.kind}
-          {change.path && ` · ${change.path}`}
-        </p>
-        {broke && errorText && (
-          <p className="text-xs text-destructive">{errorText}</p>
-        )}
-      </div>
-      <span className="mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground">
-        {broke ? (
-          <X className="size-3.5 text-destructive" />
-        ) : done ? (
-          <Check className="size-3.5" />
-        ) : (
-          <Loader2 className="size-3.5 animate-spin" />
-        )}
-      </span>
-    </li>
-  );
-}

package/features/memory/components/memory-mark.tsx

@@ -1,4 +0,0 @@
-import { Cpu, type LucideIcon } from "lucide-react";
-
-/** The app's mark for memory. The settings nav and the call screen's tool line draw the same one. */
-export const MemoryMark: LucideIcon = Cpu;