@exegia/corpora-ui 2.0.0 → 3.1.0

package/src/components/composed/ai/suggested-prompt.tsx

@@ -1,183 +0,0 @@
-"use client"
-
-import { ChevronDown, Plus, Sparkle, Sparkles } from "lucide-react"
-import {
-  AnimatePresence,
-  motion,
-  useReducedMotion,
-  type HTMLMotionProps,
-} from "motion/react"
-import { isValidElement, useId, useState } from "react"
-import type * as React from "react"
-import { cn } from "@/lib/utils"
-import { EASE_IN_OUT, SPRING_PANEL } from "@/lib/ease"
-import { flattenChildren, ITEM_VARIANTS, LIST_VARIANTS } from "./shared"
-
-export interface ISuggestedPromptProps extends Omit<
-  HTMLMotionProps<"button">,
-  "children" | "onSelect"
-> {
-  /** The prompt itself — what the person would have typed. */
-  children: React.ReactNode
-  onSelect?: () => void
-  /**
-   * Shared-layout id. Give the resulting message bubble the same id and the
-   * row flies into it when this one unmounts.
-   */
-  layoutId?: string
-}
-
-/**
- * One suggested prompt: a violet spark, the prompt, and a `+` marking that
- * picking it drops the prompt into the thread. The whole row is the control —
- * the `+` is an affordance, not a second action.
- */
-export function SuggestedPrompt({
-  children,
-  onSelect,
-  layoutId,
-  className,
-  ...props
-}: ISuggestedPromptProps): React.ReactElement {
-  const reduceMotion = useReducedMotion()
-  return (
-    <motion.button
-      className={cn(
-        "group/prompt flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-left text-sm text-foreground/90 outline-none transition-colors duration-150 ease-smooth-out hover:bg-foreground/5 focus-visible:bg-foreground/5 disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      data-slot="suggested-prompt"
-      layoutId={reduceMotion ? undefined : layoutId}
-      onClick={onSelect}
-      type="button"
-      whileTap={reduceMotion ? undefined : { scale: 0.985 }}
-      {...props}
-    >
-      <Sparkle
-        aria-hidden="true"
-        className="size-3.5 shrink-0 fill-violet-500/30 stroke-[1.5] stroke-violet-600 dark:fill-violet-400/20 dark:stroke-violet-400"
-      />
-      <span className="min-w-0 flex-1 truncate">{children}</span>
-      <Plus
-        aria-hidden="true"
-        className="size-3.5 shrink-0 stroke-2 text-muted-foreground/60 transition-colors duration-150 ease-smooth-out group-hover/prompt:text-foreground"
-      />
-    </motion.button>
-  )
-}
-
-export interface ISuggestedPromptsProps extends Omit<
-  HTMLMotionProps<"div">,
-  "children"
-> {
-  /** The `SuggestedPrompt` rows. */
-  children: React.ReactNode
-  /** Overrides the count derived from `children`. */
-  count?: number
-  /** Names the disclosure. `Suggestions (n)` by default. */
-  label?: (count: number) => React.ReactNode
-  defaultOpen?: boolean
-  open?: boolean
-  onOpenChange?: (open: boolean) => void
-}
-
-/**
- * The "Suggestions (n)" disclosure above the composer: a chevron that swings
- * from left (folded) to down (open) and a panel of prompts that fans out
- * beneath it, its bottom edge tucked behind the composer pill.
- */
-export function SuggestedPrompts({
-  children,
-  count,
-  label = (n) => `Suggestions (${n})`,
-  defaultOpen = true,
-  open: openProp,
-  onOpenChange,
-  className,
-  ...props
-}: ISuggestedPromptsProps): React.ReactElement | null {
-  const panelId = useId()
-  const reduceMotion = useReducedMotion()
-  const [internalOpen, setInternalOpen] = useState(defaultOpen)
-  const open = openProp ?? internalOpen
-  const items = flattenChildren(children)
-
-  const setOpen = (next: boolean): void => {
-    if (openProp === undefined) setInternalOpen(next)
-    onOpenChange?.(next)
-  }
-
-  // Picking the last prompt empties `children`. Collapsing the whole block on
-  // height rather than returning null keeps the header from blinking out in a
-  // single frame while that last row is still flying to its bubble.
-  return (
-    <motion.div
-      animate={{ height: items.length ? "auto" : 0, opacity: items.length ? 1 : 0 }}
-      className={cn("flex flex-col overflow-hidden w-11/12 mx-auto", className)}
-      data-slot="suggested-prompts"
-      initial={false}
-      transition={
-        reduceMotion ? { duration: 0 } : { duration: 0.32, ease: EASE_IN_OUT }
-      }
-      {...props}
-    >
-      <motion.button
-        aria-controls={panelId}
-        aria-expanded={open}
-        className="flex w-full mx-auto cursor-pointer items-center gap-2 px-4 py-1 text-xs text-muted-foreground outline-none transition-colors duration-150 ease-smooth-out hover:text-foreground focus-visible:text-foreground"
-        data-slot="suggested-prompts-trigger"
-        onClick={() => setOpen(!open)}
-        type="button"
-        whileTap={reduceMotion ? undefined : { scale: 0.97 }}
-      >
-        <Sparkles aria-hidden="true" className="size-3.5 stroke-[1.5]" />
-        <span className="flex-1 text-left">{label(count ?? items.length)}</span>
-        <motion.span
-          animate={{ rotate: open ? 0 : 90 }}
-          className="inline-flex"
-          initial={false}
-          transition={reduceMotion ? { duration: 0 } : SPRING_PANEL}
-        >
-          <ChevronDown aria-hidden="true" className="size-4 stroke-2" />
-        </motion.span>
-      </motion.button>
-
-      <AnimatePresence initial={false}>
-        {open ? (
-          <motion.div
-            animate={{ height: "auto", opacity: 1 }}
-            // A plain height tween, deliberately not a `layout` projection —
-            // the composer shell below animates its own scale, and a second
-            // projection over the same box breaks its scale correction.
-            className="overflow-hidden"
-            exit={{ height: 0, opacity: 0 }}
-            id={panelId}
-            initial={{ height: 0, opacity: 0 }}
-            transition={
-              reduceMotion ? { duration: 0 } : { duration: 0.32, ease: EASE_IN_OUT }
-            }
-          >
-            <motion.div
-              animate="visible"
-              // The bottom padding is what the composer pill sits over, so the
-              // panel reads as tucked behind it rather than stacked on it.
-              className="-mb-5 mt-1 flex flex-col gap-0.5 border-t border-t-border rounded-md bg-secondary p-1.5 pb-6"
-              exit="hidden"
-              initial={reduceMotion ? false : "hidden"}
-              variants={LIST_VARIANTS}
-            >
-              {items.map((item, index) => (
-                <motion.div
-                  key={isValidElement(item) && item.key != null ? item.key : index}
-                  variants={reduceMotion ? undefined : ITEM_VARIANTS}
-                >
-                  {item}
-                </motion.div>
-              ))}
-            </motion.div>
-          </motion.div>
-        ) : null}
-      </AnimatePresence>
-    </motion.div>
-  )
-}

package/src/components/composed/ai/types.ts

@@ -1,81 +0,0 @@
-import type {
-  IChartProps,
-  IComposerSuggestionsProps,
-  IMarkdownProps,
-  IResearchAnswerProps,
-} from "@/index"
-import type { TUserType } from "@/components/atoms/types"
-import type { ReactNode } from "react"
-import type { IRecommendationStackProps } from "@/components/blocks/types"
-
-export type TSuggestionState = "accepted" | "rejected" | "pending"
-
-export interface IDiffRow {
-  type: "add" | "remove"
-  value: ReactNode
-  field?: string
-}
-
-/** A word, or an inline citation; extra fields turn the chip into a hover preview. */
-export type TStreamingToken =
-  | { text: string }
-  | {
-      cite: string
-      favicon?: string
-      title?: string
-      description?: string
-      href?: string
-    }
-
-export interface IStreamingTextProps extends React.ComponentPropsWithoutRef<"div"> {
-  /** Paragraphs, each a token list; a string is split on spaces. */
-  paragraphs: (string | TStreamingToken[])[]
-  /** Reveal words over time and show the caret. */
-  streaming?: boolean
-  /** Reveal gap in ms; defaults to the --stream-gap token (60ms). */
-  wordMs?: number
-}
-
-/** Kind → props map for message content; the source of truth for `AIContentProps`. */
-export interface IAIContentPropsMap {
-  markdown: IMarkdownProps
-  research: IResearchAnswerProps
-  chart: IChartProps
-  suggestion: IComposerSuggestionsProps
-  recommendation: IRecommendationStackProps
-}
-
-export type TAIMessageType = keyof IAIContentPropsMap
-
-/** Discriminated union of `{ kind } & props`, distributed over `T`. */
-export type TAIContentProps<T extends TAIMessageType = TAIMessageType> = {
-  [K in T]: { kind: K } & IAIContentPropsMap[K]
-}[T]
-
-export interface IAIMessageProps<T extends TAIMessageType = TAIMessageType> {
-  /** Identity shown in the header. */
-  user?: TUserType
-  type: T
-  thinking?: boolean
-  /** Replaces the default `User.Info` identity row in the header. */
-  AttachedContent?: React.ComponentType<TAIContentProps<T>>
-  /** Props forwarded to `AttachedContent`, typed by `type`. */
-  contentProps?: IAIContentPropsMap[T]
-  children?: React.ReactNode
-  isStreaming?: boolean
-  className?: string
-}
-
-export interface IReferenceBase {
-  id: string
-  title?: string
-  url?: string
-}
-
-export interface IAISuggestionBase {
-  heading: string
-  description?: string | React.ReactNode
-  state?: TSuggestionState
-  updatedAt?: string
-  references?: IReferenceBase[] | IReferenceBase
-}

package/src/components/composed/chat/__tests__/attachment.test.tsx

@@ -1,218 +0,0 @@
-import { describe, expect, mock, spyOn, test } from "bun:test"
-import { act, fireEvent, render, screen, waitFor } from "@testing-library/react"
-
-import { Attachment } from "../attachment"
-
-describe("Attachment", () => {
-  test("chip shows title + meta and fires onRemove", () => {
-    const onRemove = mock(() => {})
-    render(
-      <Attachment
-        kind="document"
-        title="Q3.pdf"
-        meta="PDF · 2.4 MB"
-        onRemove={onRemove}
-      />
-    )
-    expect(screen.getByText("Q3.pdf")).toBeDefined()
-    expect(screen.getByText("PDF · 2.4 MB")).toBeDefined()
-    fireEvent.click(screen.getByRole("button", { name: "Remove" }))
-    expect(onRemove).toHaveBeenCalledTimes(1)
-  })
-
-  test("removable={false} hides the ✕", () => {
-    render(
-      <Attachment
-        kind="image"
-        title="a.jpg"
-        onRemove={() => {}}
-        removable={false}
-      />
-    )
-    expect(screen.queryByRole("button", { name: "Remove" })).toBeNull()
-  })
-
-  test("preview renders per kind", () => {
-    const { container } = render(
-      <>
-        <Attachment
-          kind="media"
-          variant="preview"
-          title="clip"
-          duration="0:42"
-        />
-        <Attachment
-          kind="url-link"
-          variant="preview"
-          title="Exegia"
-          domain="sketch.com"
-        />
-      </>
-    )
-    expect(screen.getByRole("button", { name: "Play" })).toBeDefined()
-    expect(screen.getByText("0:42")).toBeDefined()
-    expect(container.querySelectorAll('[data-variant="preview"]').length).toBe(
-      2
-    )
-  })
-
-  test("previewable chip shows its preview on hover / focus", async () => {
-    render(
-      <Attachment
-        kind="text-selection"
-        title="Iliad · Book 1, §12"
-        quote="the will of Zeus"
-      />
-    )
-    expect(screen.queryByText("the will of Zeus")).toBeNull()
-    const chip = screen
-      .getByText("Iliad · Book 1, §12")
-      .closest("[data-slot=attachment]")!
-    await act(async () => {
-      fireEvent.focus(chip)
-      fireEvent.mouseEnter(chip)
-      fireEvent.mouseMove(chip)
-      await new Promise((r) => setTimeout(r, 400))
-    })
-    expect(await screen.findByText("the will of Zeus")).toBeDefined()
-  })
-
-  test("default documents and user handles have keyboard-focus previews", async () => {
-    const document = render(
-      <Attachment
-        kind="document"
-        title="notes.txt"
-        previewText="Compare the manuscript witnesses."
-      />
-    )
-    fireEvent.focus(
-      document.container.querySelector('[data-slot="preview-card-trigger"]')!
-    )
-    await waitFor(() =>
-      expect(
-        document.baseElement.querySelector(
-          '[data-slot="attachment-hover-preview"]'
-        )
-      ).not.toBeNull()
-    )
-    expect(
-      screen.getAllByText("Compare the manuscript witnesses.").length
-    ).toBeGreaterThan(0)
-    document.unmount()
-
-    const handle = render(
-      <Attachment
-        kind="username-handle"
-        variant="default"
-        title="@reviewer"
-        meta="Corpus editor"
-        initials="CE"
-      />
-    )
-    fireEvent.focus(
-      handle.container.querySelector('[data-slot="preview-card-trigger"]')!
-    )
-    await waitFor(() =>
-      expect(
-        handle.baseElement.querySelector(
-          '[data-slot="attachment-hover-preview"]'
-        )
-      ).not.toBeNull()
-    )
-    expect(screen.getAllByText("Corpus editor").length).toBe(2)
-  })
-
-  test("expanded previews render directly without another hover trigger", () => {
-    const { container } = render(
-      <Attachment
-        kind="image"
-        variant="preview"
-        title="scan.jpg"
-        src="/scan.jpg"
-        preview={<span>Nested preview</span>}
-      />
-    )
-    expect(
-      screen.getByRole("img", { name: "scan.jpg" }).getAttribute("src")
-    ).toBe("/scan.jpg")
-    expect(
-      container.querySelector('[data-slot="preview-card-trigger"]')
-    ).toBeNull()
-    expect(screen.queryByText("Nested preview")).toBeNull()
-  })
-
-  test("audio previews keep their controls and metadata without a duplicate title", () => {
-    render(
-      <Attachment
-        kind="media"
-        variant="preview"
-        audio
-        title="voice-note.m4a"
-        meta="0:42 · voice-note.m4a"
-      />
-    )
-    expect(screen.queryByText("voice-note.m4a", { exact: true })).toBeNull()
-    expect(screen.getByText("0:42 · voice-note.m4a")).toBeDefined()
-    expect(screen.getByRole("button", { name: "Play" })).toBeDefined()
-  })
-
-  test("local images get a real preview URL, release replaced URLs, and keep file data off the DOM", async () => {
-    const createURL = spyOn(URL, "createObjectURL")
-      .mockReturnValueOnce("blob:first-image")
-      .mockReturnValueOnce("blob:second-image")
-    const revokeURL = spyOn(URL, "revokeObjectURL").mockImplementation(() => {})
-    const first = new File(["image"], "scan.JPG", { type: "" })
-    const second = new File(["image two"], "scan.png", { type: "image/png" })
-    const view = render(
-      <Attachment kind="document" title="scan" file={first} variant="preview" />
-    )
-    try {
-      await waitFor(() =>
-        expect(
-          screen.getByRole("img", { name: "scan" }).getAttribute("src")
-        ).toBe("blob:first-image")
-      )
-      expect(view.container.querySelector('[data-kind="image"]')).not.toBeNull()
-      expect(view.container.querySelector("[file]")).toBeNull()
-      view.rerender(
-        <Attachment kind="image" title="scan" file={second} variant="preview" />
-      )
-      await waitFor(() =>
-        expect(
-          screen.getByRole("img", { name: "scan" }).getAttribute("src")
-        ).toBe("blob:second-image")
-      )
-      expect(revokeURL).toHaveBeenCalledWith("blob:first-image")
-      view.unmount()
-      expect(revokeURL).toHaveBeenCalledWith("blob:second-image")
-    } finally {
-      view.unmount()
-      createURL.mockRestore()
-      revokeURL.mockRestore()
-    }
-  })
-
-  test("local text files supply a readable excerpt", async () => {
-    const file = new File(
-      ["Verse notes: compare the parallel passage."],
-      "notes.txt",
-      { type: "text/plain" }
-    )
-    const createURL = spyOn(URL, "createObjectURL").mockReturnValue(
-      "blob:notes"
-    )
-    const revokeURL = spyOn(URL, "revokeObjectURL").mockImplementation(() => {})
-    const view = render(
-      <Attachment kind="document" title="notes.txt" file={file} />
-    )
-    try {
-      expect(
-        await screen.findByText("Verse notes: compare the parallel passage.")
-      ).toBeDefined()
-    } finally {
-      view.unmount()
-      createURL.mockRestore()
-      revokeURL.mockRestore()
-    }
-  })
-})

package/src/components/composed/chat/__tests__/beautiful-ui.test.tsx

@@ -1,57 +0,0 @@
-import { describe, expect, mock, test } from "bun:test"
-import { fireEvent, render, screen } from "@testing-library/react"
-import { Provider } from "jotai"
-
-import { FilterTable, RecordsTable } from "../index"
-import { StreamingText } from "../../ai/streaming-text"
-
-describe("StreamingText", () => {
-  test("shows all text without streaming, with the inline source chip", () => {
-    render(
-      <Provider>
-        <StreamingText paragraphs={["Hello world", [{ cite: "a.io" }, { text: "done" }]]} />
-      </Provider>
-    )
-    expect(screen.getByText(/Hello/)).toBeDefined()
-    expect(screen.getByText("a.io")).toBeDefined()
-  })
-})
-
-describe("FilterTable", () => {
-  const rows = [
-    { id: "1", task: "A", status: "todo" },
-    { id: "2", task: "B", status: "done" },
-  ]
-  test("filters rows by status pill", () => {
-    render(
-      <Provider>
-        <FilterTable
-          statuses={[{ id: "todo", label: "To do", tone: "warning" }, { id: "done", label: "Completed", tone: "success" }]}
-          columns={[{ key: "task", header: "Task" }, { key: "status", header: "Status" }]}
-          rows={rows}
-        />
-      </Provider>
-    )
-    expect(screen.getAllByRole("row").length).toBe(3)
-    fireEvent.click(screen.getByRole("tab", { name: /Completed/ }))
-    expect(screen.getAllByRole("row").length).toBe(2)
-    expect(screen.getByText("B")).toBeDefined()
-    fireEvent.click(screen.getByRole("tab", { name: /All/ }))
-    expect(screen.getAllByRole("row").length).toBe(3)
-  })
-})
-
-describe("RecordsTable", () => {
-  test("row and select-all checkboxes drive the selection", () => {
-    const onSelectionChange = mock((_selected: ReadonlySet<string>) => {})
-    render(
-      <Provider>
-        <RecordsTable rows={[{ id: "a", name: "A" }, { id: "b", name: "B" }]} onSelectionChange={onSelectionChange} />
-      </Provider>
-    )
-    fireEvent.click(screen.getByRole("checkbox", { name: "Select row 1" }))
-    expect([...onSelectionChange.mock.calls.at(-1)![0]]).toEqual(["a"])
-    fireEvent.click(screen.getByRole("checkbox", { name: "Select all" }))
-    expect([...onSelectionChange.mock.calls.at(-1)![0]].sort()).toEqual(["a", "b"])
-  })
-})

package/src/components/composed/chat/__tests__/chart.test.tsx

@@ -1,62 +0,0 @@
-import { describe, expect, mock, test } from "bun:test"
-import { fireEvent, render, screen } from "@testing-library/react"
-
-import { Chart } from "../chart"
-
-const data = [
-  { label: "A", v: 1 },
-  { label: "B", v: 2 },
-]
-const series = [{ key: "v", label: "Value" }]
-
-describe("Chart", () => {
-  test("renders every type with its pill and legend", () => {
-    render(
-      <>
-        <Chart
-          type="pie"
-          title="Pie"
-          data={data}
-          series={series}
-          center={{ value: "3" }}
-        />
-        <Chart type="area" title="Area" data={data} series={series} />
-        <Chart type="line" title="Line" data={data} series={series} />
-        <Chart type="bar" title="Bar" data={data} series={series} />
-      </>
-    )
-    for (const t of ["Pie", "Area", "Line", "Bar"])
-      expect(screen.getAllByText(t).length).toBeGreaterThan(0)
-    expect(screen.getAllByText("Value").length).toBe(3)
-    expect(screen.getByText("3")).toBeDefined()
-  })
-
-  test("empty data keeps the chrome and drops the legend", () => {
-    const { container } = render(
-      <Chart type="bar" title="Empty" data={[]} series={series} />
-    )
-    expect(screen.getByText("Empty")).toBeDefined()
-    expect(container.querySelectorAll('[data-slot="legend-item"]').length).toBe(
-      0
-    )
-  })
-
-  test("uses the supplied reference instead of the type badge and routes selection", () => {
-    const onClick = mock(() => {})
-    const { container } = render(
-      <Chart
-        type="area"
-        title="Cross-reference coverage"
-        reference={{ children: "John 3:14–18", onClick }}
-        data={data}
-        series={series}
-      />
-    )
-    expect(screen.queryByText("Area")).toBeNull()
-    expect(
-      container.querySelectorAll('[data-slot="reference-chip"]').length
-    ).toBe(1)
-    fireEvent.click(screen.getByRole("button", { name: "John 3:14–18" }))
-    expect(onClick).toHaveBeenCalledTimes(1)
-  })
-})

package/src/components/composed/chat/__tests__/code-block.test.tsx

@@ -1,12 +0,0 @@
-import { expect, test } from "bun:test"
-import { renderToStaticMarkup } from "react-dom/server"
-
-import { tokenize } from "../code-block"
-
-test("tokenize highlights keywords and escaped strings in linear time", () => {
-  const source = `const value = "${'\\"'.repeat(10_000)}"`
-  const html = renderToStaticMarkup(<>{tokenize(source, new Set(["const"]))}</>)
-
-  expect(html).toContain('class="text-code-keyword">const</span>')
-  expect(html).toContain('class="text-code-string">')
-})