@joewinke/jatui 0.2.28 → 0.2.30

package/CLAUDE.md

@@ -73,6 +73,16 @@ Then import:
 | Component | Purpose | Key Props |
 |-----------|---------|-----------|
 | `MediaWorkbench` | Full-featured image editor modal — upload, AI generate, AI edit, background removal, annotation canvas. **Preferred over `SmartImageEditor` for new image fields.** Two-column modal: preview left, 4 action tabs right (Generate, Edit, Remove BG, Annotate). Save uploads blob to `uploadEndpoint` or emits `onComplete`. Requires proxy endpoints from jst-23w1l.2. | `value` (bindable `string \| null`), `uploadEndpoint?` (default `/api/media`), `onComplete?`, `accept?` |
+| `VideoPlayer` | **The default video surface — reach for this over a bare `<video controls>`.** One timeline band carrying a waveform-envelope scrubber, chapter flags (top edge), bookmark diamonds (bottom edge), diarized speaker colouring and scroll-to-zoom, plus an optional transcript pane (click to seek, active line auto-scroll, solo/skip per speaker) and talk-time legend. **Every intelligence prop is optional** — a bare mp4 still gets the scrubber, hover-time card, wheel volume and keyboard map, and each pane lights up as its data arrives (nothing shifts layout when diarization lands late). Wheel means volume over the video (shift = seek) and zoom over the band. | `src`, `chapters?`, `speakers?`, `transcript?`, `bookmarks?`, `waveform?`, `talkTime?`, `startAt?`, `poster?`, `captionsSrc?`, `transcriptPosition?` (`'below' \| 'side'`), `onTimeUpdate?`, `onAddBookmark?`, `onBookmarkContext?` |
+
+**`VideoPlayer` vs `TranscriptPlayer`:** VideoPlayer is the generalization — it does everything TranscriptPlayer does plus the timeline band, and its props are structurally compatible with TranscriptPlayer's (`TranscriptSegment[]`, `TranscriptChapter[]`, `TranscriptBookmark[]`, `TranscriptSpeakerTalkTime[]` all pass straight through). `TranscriptPlayer` stays exported and unchanged for the existing meeting-recordings viewer; use `VideoPlayer` for anything new.
+
+```svelte
+<VideoPlayer src={url} />                                   <!-- bare mp4, still a real player -->
+<VideoPlayer src={url} {chapters} {speakers} {transcript} {waveform} />
+```
+
+**Types:** `VideoChapter`, `VideoSpeakerTurn`, `VideoTranscriptSegment`, `VideoBookmark`, `VideoWaveform`, `VideoSpeakerTalkTime`. `VideoWaveform.peaks` normalise against their own max, so 0–1, 0–99 and 0–255 arrays all work.
 
 ### Meetings (subpath: `jatui/meet`)
 

package/dist/components/MediaWorkbench.svelte

@@ -85,11 +85,21 @@
     uploadEndpoint = "/api/media",
     onComplete = undefined,
     accept = "image/png,image/jpeg,image/webp,image/gif",
+    assetId = undefined,
   } = $props<{
     value?: string | null
     uploadEndpoint?: string
     onComplete?: (url: string) => void
     accept?: string
+    /**
+     * Identifies the existing asset-store row being edited, if any. Forwarded
+     * to /api/media/edit and /api/media/remove-bg so the host app's
+     * kind='record' safety check (assets that must never be AI pixel-edited)
+     * can run server-side. Omit for generate-only or non-asset-store usage —
+     * the check is skipped entirely when absent, matching every call site
+     * that predates this prop.
+     */
+    assetId?: string
   }>()
 
   let open = $state(false)
@@ -355,7 +365,7 @@
       const res = await fetch("/api/media/edit", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ imageUrl: sourceUrl, instruction: editInstruction }),
+        body: JSON.stringify({ imageUrl: sourceUrl, instruction: editInstruction, assetId }),
       })
       const body = await res.json().catch(() => ({})) as { error?: string; url?: string }
       if (!res.ok) throw new Error(body.error ?? `HTTP ${res.status}`)
@@ -379,6 +389,7 @@
       const blob = await imgRes.blob()
       const fd = new FormData()
       fd.append("image", blob, "source.png")
+      if (assetId) fd.append("assetId", assetId)
       const res = await fetch("/api/media/remove-bg", { method: "POST", body: fd })
       if (!res.ok) {
         const msg = await res.text().catch(() => res.statusText)

package/dist/components/MediaWorkbench.svelte.d.ts

@@ -3,6 +3,15 @@ type $$ComponentProps = {
     uploadEndpoint?: string;
     onComplete?: (url: string) => void;
     accept?: string;
+    /**
+     * Identifies the existing asset-store row being edited, if any. Forwarded
+     * to /api/media/edit and /api/media/remove-bg so the host app's
+     * kind='record' safety check (assets that must never be AI pixel-edited)
+     * can run server-side. Omit for generate-only or non-asset-store usage —
+     * the check is skipped entirely when absent, matching every call site
+     * that predates this prop.
+     */
+    assetId?: string;
 };
 declare const MediaWorkbench: import("svelte").Component<$$ComponentProps, {}, "value">;
 type MediaWorkbench = ReturnType<typeof MediaWorkbench>;