@exegia/corpora-ui 1.0.0 → 3.0.0

package/src/components/blocks/nav/sidebar/utils.ts

@@ -1,170 +0,0 @@
-import { EASE_OUT } from "@/lib/ease.ts"
-import type { FlatResource, SidebarResource, SidebarResourceDropPosition, SidebarResourceMove } from "./type.ts"
-
-export const ROW_REVEAL = {
-  duration: 0.16,
-  ease: EASE_OUT,
-} as const
-
-export function canContain(item: SidebarResource) {
-  return item.kind === "folder" || item.kind === "project"
-}
-
-export function flattenResources(
-  items: SidebarResource[],
-  expanded: ReadonlySet<string>,
-  depth = 0,
-  parentId: string | null = null
-): FlatResource[] {
-  return items.flatMap((item) => {
-    const row = { item, depth, parentId }
-    if (!item.children?.length || !expanded.has(item.id)) return [row]
-    return [
-      row,
-      ...flattenResources(item.children, expanded, depth + 1, item.id),
-    ]
-  })
-}
-
-export function findResource(
-  items: SidebarResource[],
-  id: string
-): SidebarResource | undefined {
-  for (const item of items) {
-    if (item.id === id) return item
-    const child = item.children ? findResource(item.children, id) : undefined
-    if (child) return child
-  }
-}
-
-
-/** Ids of every ancestor of `id` (nearest last); empty when absent. */
-export function ancestorIdsOf(
-  items: SidebarResource[],
-  id: string
-): string[] {
-  const walk = (nodes: SidebarResource[], trail: string[]): string[] | null => {
-    for (const node of nodes) {
-      if (node.id === id) return trail
-      if (node.children) {
-        const found = walk(node.children, [...trail, node.id])
-        if (found) return found
-      }
-    }
-    return null
-  }
-  return walk(items, []) ?? []
-}
-
-/** Ids of every row that can hold children and has some — the set
- * `expandAll` opens. */
-export function expandableIdsOf(items: SidebarResource[]): string[] {
-  return items.flatMap((item) =>
-    item.children?.length && canContain(item)
-      ? [item.id, ...expandableIdsOf(item.children)]
-      : []
-  )
-}
-
-export function containsResource(item: SidebarResource, id: string): boolean {
-  return (
-    item.id === id ||
-    item.children?.some((child) => containsResource(child, id)) === true
-  );
-}
-
-export function removeResource(
-  items: SidebarResource[],
-  id: string,
-): { items: SidebarResource[]; removed?: SidebarResource } {
-  let removed: SidebarResource | undefined;
-  const next: SidebarResource[] = [];
-
-  for (const item of items) {
-    if (item.id === id) {
-      removed = item;
-      continue;
-    }
-
-    if (item.children?.length) {
-      const childResult = removeResource(item.children, id);
-      if (childResult.removed) {
-        removed = childResult.removed;
-        next.push({ ...item, children: childResult.items });
-        continue;
-      }
-    }
-
-    next.push(item);
-  }
-
-  return { items: next, removed };
-}
-
-export function insertResource(
-  items: SidebarResource[],
-  resource: SidebarResource,
-  targetId: string | null,
-  position: SidebarResourceDropPosition,
-): SidebarResource[] {
-  if (targetId === null) return [...items, resource];
-
-  const next: SidebarResource[] = [];
-  for (const item of items) {
-    if (item.id === targetId) {
-      if (position === "before") next.push(resource, item);
-      else if (position === "after") next.push(item, resource);
-      else next.push({ ...item, children: [...(item.children ?? []), resource] });
-      continue;
-    }
-
-    if (item.children?.length) {
-      next.push({
-        ...item,
-        children: insertResource(item.children, resource, targetId, position),
-      });
-    } else {
-      next.push(item);
-    }
-  }
-  return next;
-}
-
-export function moveResource(
-  items: SidebarResource[],
-  move: SidebarResourceMove,
-): SidebarResource[] | null {
-  const source = findResource(items, move.itemId);
-  if (!source || source.disabled) return null;
-  if (move.targetId && containsResource(source, move.targetId)) return null;
-
-  const target = move.targetId ? findResource(items, move.targetId) : undefined;
-  if (
-    move.position === "inside" &&
-    (!target || target.disabled || !canContain(target))
-  )
-    return null;
-
-  const removed = removeResource(items, move.itemId);
-  if (!removed.removed) return null;
-  return insertResource(
-    removed.items,
-    removed.removed,
-    move.targetId,
-    move.position,
-  );
-}
-
-export function renameResource(
-  items: SidebarResource[],
-  id: string,
-  label: string,
-): SidebarResource[] {
-  return items.map((item) => ({
-    ...item,
-    label: item.id === id ? label : item.label,
-    children: item.children
-      ? renameResource(item.children, id, label)
-      : undefined,
-  }));
-}

package/src/components/blocks/profile/profile-card-block.story.tsx

@@ -1,18 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { ProfileCardBlock } from "./profile-card-block"
-
-export const story = defineStory({
-  Component: ProfileCardBlock,
-  args: {
-    initial: {
-      user: { name: "Jenny Hamilton", username: "@jennycodes" },
-      defaultVariant: "expanded",
-      sound: false,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/blocks/scaffold/scaffold-root.story.tsx

@@ -1,36 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { ScaffoldCanvas } from "./scaffold-canvas"
-import { ScaffoldInspector } from "./scaffold-inspector"
-import { ScaffoldMain } from "./scaffold-main"
-import { ScaffoldPanel } from "./scaffold-panel"
-import { ScaffoldRoot } from "./scaffold-root"
-
-export const story = defineStory({
-  Component: ScaffoldRoot,
-  args: {
-    initial: {
-      className: "h-[28rem] w-full",
-      inspectorOpen: false,
-      inspectorWidth: 272,
-    },
-    fixed: {
-      children: (
-        <ScaffoldMain>
-          <ScaffoldCanvas>
-            <ScaffoldPanel>
-              <div className="p-6">Corpus workspace</div>
-            </ScaffoldPanel>
-          </ScaffoldCanvas>
-          <ScaffoldInspector name="Passage details">
-            <div className="p-4">Selected passage: a.1, ¶1–¶2</div>
-          </ScaffoldInspector>
-        </ScaffoldMain>
-      ),
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/blocks/shell/shell-layout.story.tsx

@@ -1,19 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { ShellLayout } from "./shell-layout"
-
-export const story = defineStory({
-  Component: ShellLayout,
-  args: {
-    initial: {
-      variant: "web",
-      className: "h-[28rem] w-full",
-      children: "Corpus workspace",
-      header: "Context Fabric",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/attachment.story.tsx

@@ -1,52 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { Attachment } from "./chat/attachment"
-
-export const story = defineStory({
-  Component: Attachment,
-  args: [
-    {
-      variant: "Document chip",
-      initial: {
-        kind: "document",
-        title: "Iliad annotations.pdf",
-        meta: "PDF · 2.4 MB",
-      },
-    },
-    {
-      variant: "Quoted passage",
-      initial: {
-        kind: "text-selection",
-        variant: "preview",
-        title: "Iliad 1.1",
-        quote: "Sing, goddess, the anger of Achilles.",
-      },
-    },
-    {
-      variant: "Reply",
-      initial: {
-        kind: "chat-reply",
-        variant: "preview",
-        title: "Annotation discussion",
-        author: "Jenny Hamilton",
-        time: "2 minutes ago",
-        body: "Compare the opening invocation with the Odyssey.",
-      },
-    },
-    {
-      variant: "Link preview",
-      initial: {
-        kind: "url-link",
-        variant: "preview",
-        title: "Corpora UI",
-        domain: "github.com",
-        description: "Components for corpus research applications.",
-        href: "https://github.com/exegia/corpora-ui",
-      },
-    },
-  ],
-})
-
-export const Preview = story.WithControl

package/src/components/composed/chart.story.tsx

@@ -1,46 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { Chart } from "./chat/chart"
-
-export const story = defineStory({
-  Component: Chart as FC<
-    Pick<
-      ComponentProps<typeof Chart>,
-      | "type"
-      | "title"
-      | "subtitle"
-      | "data"
-      | "series"
-      | "headerless"
-      | "plotHeight"
-    >
-  >,
-  args: {
-    initial: {
-      type: "bar",
-      title: "Corpus coverage",
-      data: [
-        {
-          label: "Iliad",
-          tokens: 79,
-        },
-        {
-          label: "Odyssey",
-          tokens: 72,
-        },
-      ],
-      series: [
-        {
-          key: "tokens",
-          label: "Coverage",
-        },
-      ],
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/code-block.story.tsx

@@ -1,29 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { CodeBlock } from "./chat/code-block"
-
-export const story = defineStory({
-  Component: CodeBlock as FC<
-    Pick<
-      ComponentProps<typeof CodeBlock>,
-      "filename" | "code" | "diff" | "view"
-    >
-  >,
-  args: {
-    initial: {
-      filename: "corpus.ts",
-      diff: [
-        { type: "context", text: 'const corpus = "Iliad";' },
-        { type: "remove", text: "const book = 2;" },
-        { type: "add", text: "const book = 1;" },
-      ],
-      code: 'const corpus = "Iliad";\nconst book = 1;',
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/context-cards.story.tsx

@@ -1,30 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { ContextCards } from "./chat/context-cards"
-
-export const story = defineStory({
-  Component: ContextCards as FC<
-    Pick<ComponentProps<typeof ContextCards>, "cards" | "header" | "count">
-  >,
-  args: {
-    initial: {
-      cards: [
-        {
-          title: "Iliad 1.1",
-          meta: "Opening invocation",
-          snippet: "Sing, goddess, the anger of Achilles.",
-          file: {
-            name: "iliad.txt",
-            type: "TXT",
-          },
-        },
-      ],
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/emoji-action-bar.story.tsx

@@ -1,20 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { EmojiActionBar } from "./action-bar/emojis"
-
-export const story = defineStory({
-  Component: EmojiActionBar as FC<
-    Pick<ComponentProps<typeof EmojiActionBar>, "hideMore">
-  >,
-  args: {
-    initial: {
-      hideMore: true,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/filter-table.story.tsx

@@ -1,58 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { FilterTable } from "./chat/filter-table"
-
-export const story = defineStory({
-  Component: FilterTable<{ id: string; status: string; passage: string }> as FC<
-    Pick<
-      ComponentProps<
-        typeof FilterTable<{ id: string; status: string; passage: string }>
-      >,
-      "statuses" | "columns" | "rows" | "filter" | "allLabel"
-    >
-  >,
-  args: {
-    initial: {
-      statuses: [
-        {
-          id: "review",
-          label: "Review",
-          tone: "warning",
-        },
-        {
-          id: "done",
-          label: "Completed",
-          tone: "success",
-        },
-      ],
-      columns: [
-        {
-          key: "passage",
-          header: "Passage",
-        },
-        {
-          key: "status",
-          header: "Status",
-        },
-      ],
-      rows: [
-        {
-          id: "1",
-          passage: "Iliad 1.1",
-          status: "review",
-        },
-        {
-          id: "2",
-          passage: "Iliad 1.2",
-          status: "done",
-        },
-      ],
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/flowchart.story.tsx

@@ -1,24 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { Flowchart } from "./chat/flowchart"
-
-export const story = defineStory({
-  Component: Flowchart.Root as FC<
-    Pick<
-      ComponentProps<typeof Flowchart.Root>,
-      "height" | "zoomable" | "readOnly"
-    >
-  >,
-  args: {
-    initial: {
-      zoomable: true,
-      height: 500,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/insight-cards.story.tsx

@@ -1,51 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { InsightCards } from "./chat/insight-cards"
-
-export const story = defineStory({
-  Component: InsightCards as FC<
-    Pick<ComponentProps<typeof InsightCards>, "insights" | "header" | "index">
-  >,
-  args: {
-    initial: {
-      insights: [
-        {
-          summary: "Iliad lemma coverage reached 79%.",
-          stats: [
-            {
-              label: "Coverage",
-              value: "79%",
-              tone: "series-1",
-            },
-          ],
-          followUp: "Which lemmas are unresolved?",
-        },
-        {
-          summary: "14 lemmas need review.",
-          allocation: {
-            label: "Flagged lemmas",
-            value: "14",
-            segments: [
-              {
-                key: "ambiguous",
-                label: "Ambiguous",
-                value: 8,
-              },
-              {
-                key: "variant",
-                label: "Variants",
-                value: 6,
-              },
-            ],
-          },
-        },
-      ],
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/logo.story.tsx

@@ -1,21 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { Logo } from "./logo"
-
-export const story = defineStory({
-  Component: Logo as FC<
-    Pick<ComponentProps<typeof Logo>, "name" | "variant" | "href">
-  >,
-  args: {
-    initial: {
-      name: "Corpora",
-      variant: "full",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/markdown.story.tsx

@@ -1,21 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { Markdown } from "./chat/markdown"
-
-export const story = defineStory({
-  Component: Markdown as FC<
-    Pick<ComponentProps<typeof Markdown>, "source" | "view" | "bare">
-  >,
-  args: {
-    initial: {
-      source:
-        "# Corpus notes\n\nThe **Iliad** preserves several formulaic expressions.",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/password-input.story.tsx

@@ -1,38 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { PasswordInput } from "./password-input"
-
-type PreviewProps = Pick<
-  ComponentProps<typeof PasswordInput>,
-  | "visibilityToggle"
-  | "showStrength"
-  | "sound"
-  | "placeholder"
-  | "disabled"
-  | "aria-label"
->
-
-function PasswordInputPreview(props: PreviewProps) {
-  return (
-    <div className="flex justify-center p-6">
-      <PasswordInput {...props} className="w-full max-w-sm" />
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: PasswordInputPreview,
-  args: {
-    initial: {
-      showStrength: true,
-      placeholder: "Enter a password",
-      "aria-label": "Password",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/composed/recommendation-card.story.tsx

@@ -1,32 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { RecommendationCard } from "./chat/recommendation"
-
-export const story = defineStory({
-  Component: RecommendationCard as FC<
-    Pick<
-      ComponentProps<typeof RecommendationCard>,
-      | "title"
-      | "description"
-      | "confidence"
-      | "state"
-      | "step"
-      | "defaultOpen"
-      | "acceptLabel"
-      | "rejectLabel"
-    >
-  >,
-  args: {
-    initial: {
-      title: "Review these lemma links?",
-      description: "Resolve ambiguous forms in the Iliad",
-      confidence: "high",
-    },
-  },
-})
-
-export const Preview = story.WithControl