@taskp3/react 0.1.0

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"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"}

package/dist/triage-attachments.d.ts

@@ -0,0 +1,5 @@
+import type { TriageFileRecord } from "@taskp3/sdk";
+export declare function TriageAttachments({ files }: {
+    files?: TriageFileRecord[];
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=triage-attachments.d.ts.map

package/dist/triage-attachments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"triage-attachments.d.ts","sourceRoot":"","sources":["../src/triage-attachments.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgEpD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAAE,kDAU1E"}

package/dist/triage-attachments.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TriageAttachments = TriageAttachments;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("./hooks");
+function formatFileSize(size) {
+    if (!size)
+        return "0 KB";
+    if (size < 1024 * 1024)
+        return `${(size / 1024).toFixed(1)} KB`;
+    return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+}
+function AttachmentItem({ file }) {
+    const { getFile } = (0, hooks_1.useTriage)();
+    const [url, setUrl] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        void getFile(file.id)
+            .then((result) => {
+            if (!cancelled) {
+                setUrl(result.presignedUrl);
+            }
+        })
+            .catch(() => {
+            if (!cancelled) {
+                setUrl(undefined);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [file.id, getFile]);
+    const isImage = file.contentType?.startsWith("image/");
+    const isVideo = file.contentType?.startsWith("video/");
+    const isAudio = file.contentType?.startsWith("audio/");
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "p3-ps-attachment", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p3-ps-attachment-header", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "p3-ps-attachment-name", children: file.name }), (0, jsx_runtime_1.jsxs)("div", { className: "p3-ps-attachment-meta", children: [formatFileSize(file.size), " \u2022 ", file.contentType || "file"] })] }), url && ((0, jsx_runtime_1.jsx)("a", { className: "p3-btn p3-btn--outline", href: url, target: "_blank", rel: "noreferrer", children: "Open" }))] }), url && isImage && (0, jsx_runtime_1.jsx)("img", { className: "p3-ps-attachment-image", src: url, alt: file.name }), url && isVideo && (0, jsx_runtime_1.jsx)("video", { className: "p3-ps-attachment-media", src: url, controls: true }), url && isAudio && (0, jsx_runtime_1.jsx)("audio", { className: "p3-ps-attachment-media", src: url, controls: true })] }));
+}
+function TriageAttachments({ files }) {
+    if (!files?.length)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "p3-ps-attachments", children: files.map((file) => ((0, jsx_runtime_1.jsx)(AttachmentItem, { file: file }, file.id))) }));
+}
+//# sourceMappingURL=triage-attachments.js.map

package/dist/triage-attachments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triage-attachments.js","sourceRoot":"","sources":["../src/triage-attachments.tsx"],"names":[],"mappings":"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"}

package/dist/triage-button.d.ts

@@ -0,0 +1,26 @@
+import type { TriageSubmissionType } from "@taskp3/sdk";
+import { type TriageUiController } from "./triage-ui-controller";
+export interface TriageButtonProps {
+    /** @default "bottom-right" */
+    position?: "bottom-right" | "bottom-left";
+    /** @default ["Problem","Question","Feedback"] */
+    categories?: (TriageSubmissionType | string)[];
+    /** @default "Help With" */
+    buttonText?: string;
+    /** @default true */
+    enableFileUpload?: boolean;
+    /** @default true */
+    enableScreenRecording?: boolean;
+    /** @default true */
+    enablePastSubmissions?: boolean;
+    /** Optional shared UI controller for host-managed triage shell state. */
+    controller?: TriageUiController;
+    /** Title used by the integrated past submissions modal. */
+    pastSubmissionsTitle?: string;
+    /** Fires after a successful submission */
+    onSubmitSuccess?: (data: unknown) => void;
+    /** Fires on submission error */
+    onSubmitError?: (error: Error) => void;
+}
+export declare function TriageButton({ position, categories, buttonText, enableFileUpload, enableScreenRecording, enablePastSubmissions, controller, pastSubmissionsTitle, onSubmitSuccess, onSubmitError, }: TriageButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=triage-button.d.ts.map

package/dist/triage-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"triage-button.d.ts","sourceRoot":"","sources":["../src/triage-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAcxD,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wBAAwB,CAAC;AA2BhC,MAAM,WAAW,iBAAiB;IAChC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;IAC1C,iDAAiD;IACjD,UAAU,CAAC,EAAE,CAAC,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAC;IAC/C,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,yEAAyE;IACzE,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,gCAAgC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAyB,EACzB,UAAgD,EAChD,UAAwB,EACxB,gBAAuB,EACvB,qBAA4B,EAC5B,qBAA4B,EAC5B,UAAU,EACV,oBAAoB,EACpB,eAAe,EACf,aAAa,GACd,EAAE,iBAAiB,2CA2YnB"}

package/dist/triage-button.js

@@ -0,0 +1,228 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TriageButton = TriageButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("./hooks");
+const icons_1 = require("./icons");
+const screen_recorder_1 = require("./screen-recorder");
+const past_submissions_1 = require("./past-submissions");
+const triage_ui_controller_1 = require("./triage-ui-controller");
+const triage_ui_notifications_1 = require("./triage-ui-notifications");
+const loom_recorder_1 = require("./loom-recorder");
+const CATEGORY_META = {
+    Problem: {
+        icon: (0, jsx_runtime_1.jsx)(icons_1.WarningIcon, { size: 15 }),
+        hint: "Describe your problem and include selections you made so we can reproduce the behavior.",
+        placeholder: "Describe your problem...",
+    },
+    Question: {
+        icon: (0, jsx_runtime_1.jsx)(icons_1.QuestionIcon, { size: 15 }),
+        hint: "Ask your question and provide context or details that will help understand your inquiry.",
+        placeholder: "Ask a question...",
+    },
+    Feedback: {
+        icon: (0, jsx_runtime_1.jsx)(icons_1.ChatIcon, { size: 15 }),
+        hint: "Share feedback and include examples or suggestions to help improve your experience.",
+        placeholder: "Share feedback...",
+    },
+};
+const DRAFT_STORAGE_KEY = "taskp3-triage-draft";
+function TriageButton({ position = "bottom-right", categories = ["Problem", "Question", "Feedback"], buttonText = "Help With", enableFileUpload = true, enableScreenRecording = true, enablePastSubmissions = true, controller, pastSubmissionsTitle, onSubmitSuccess, onSubmitError, }) {
+    const { createTask, uploadFile } = (0, hooks_1.useTriage)();
+    const defaultController = (0, triage_ui_controller_1.useTriageUiController)({
+        initialActiveCategory: categories[0],
+    });
+    const ui = controller ?? defaultController;
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    const [uploadingCount, setUploadingCount] = (0, react_1.useState)(0);
+    const fileRef = (0, react_1.useRef)(null);
+    const isLeft = position === "bottom-left";
+    const posClass = isLeft ? " p3-trigger--left" : "";
+    const panelPosClass = isLeft ? " p3-panel--left" : "";
+    const open = ui.open;
+    const minimized = ui.minimized;
+    const historyOpen = ui.historyOpen;
+    const activeCategory = ui.activeCategory;
+    const description = ui.description;
+    const uploads = ui.composerUploads;
+    const reset = (0, react_1.useCallback)(() => {
+        ui.setDescription("");
+        ui.setComposerUploads([]);
+        ui.setActiveCategory(categories[0]);
+    }, [categories, ui]);
+    const dismissPanel = (0, react_1.useCallback)(() => {
+        ui.setOpen(false);
+        ui.setMinimized(false);
+        ui.setHistoryOpen(false);
+        ui.consumeTriageTaskId();
+    }, [ui]);
+    const handleClose = (0, react_1.useCallback)(() => {
+        dismissPanel();
+    }, [dismissPanel]);
+    const handleHistoryClose = (0, react_1.useCallback)(() => {
+        ui.setHistoryOpen(false);
+        ui.consumeTriageTaskId();
+    }, [ui]);
+    const handleFiles = (0, react_1.useCallback)(async (files) => {
+        setUploadingCount((c) => c + files.length);
+        try {
+            const results = await Promise.all(Array.from(files).map(async (f) => {
+                const res = await uploadFile(f);
+                return { id: res.file.id, name: f.name, size: f.size, type: f.type };
+            }));
+            ui.setComposerUploads((prev) => [...prev, ...results]);
+            ui.notify({
+                kind: "success",
+                scope: "upload",
+                message: `Successfully uploaded ${files.length} file(s).`,
+            });
+        }
+        catch {
+            ui.notify({
+                kind: "error",
+                scope: "upload",
+                message: "Failed to upload attachment.",
+            });
+            // swallow — caller can use onSubmitError for create; file errors are non-fatal
+        }
+        finally {
+            setUploadingCount((c) => c - files.length);
+        }
+    }, [ui, uploadFile]);
+    const handleSubmit = (0, react_1.useCallback)(async () => {
+        if (!description.trim())
+            return;
+        setSubmitting(true);
+        try {
+            const screenRecordingUpload = uploads.find((file) => typeof file.recordingDurationSeconds === "number"
+                && file.recordingDurationSeconds > 0);
+            const data = await createTask({
+                description,
+                type: activeCategory,
+                path: typeof window !== "undefined" ? window.location.href : undefined,
+                fileIds: uploads.map((f) => f.id),
+                metaData: screenRecordingUpload
+                    ? {
+                        screenRecordingDurationSeconds: screenRecordingUpload.recordingDurationSeconds,
+                        screenRecordingMimeType: screenRecordingUpload.recordingMimeType,
+                        screenRecordingConversionMode: screenRecordingUpload.recordingConversionMode,
+                    }
+                    : undefined,
+            });
+            ui.notify({
+                kind: "success",
+                scope: "submission",
+                message: `Your ${activeCategory.toLowerCase()} has been received.`,
+            });
+            reset();
+            dismissPanel();
+            onSubmitSuccess?.(data);
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            ui.notify({
+                kind: "error",
+                scope: "submission",
+                message: `Your ${activeCategory.toLowerCase()} failed to be received.`,
+                error,
+            });
+            onSubmitError?.(error);
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }, [description, activeCategory, uploads, createTask, onSubmitSuccess, onSubmitError, ui]);
+    const handleRecordingAttach = (0, react_1.useCallback)(async (blob, metadata) => {
+        const ext = metadata?.fileExtension
+            || (blob.type.includes("mp4") ? "mp4" : "webm");
+        const file = new File([blob], `recording-${Date.now()}.${ext}`, {
+            type: metadata?.mimeType || blob.type || "video/webm",
+        });
+        setUploadingCount((c) => c + 1);
+        try {
+            const res = await uploadFile(file);
+            ui.setComposerUploads((prev) => [
+                ...prev,
+                {
+                    id: res.file.id,
+                    name: file.name,
+                    size: file.size,
+                    type: file.type,
+                    recordingDurationSeconds: metadata?.durationSeconds,
+                    recordingMimeType: metadata?.mimeType,
+                    recordingConversionMode: metadata?.conversionMode,
+                },
+            ]);
+        }
+        catch {
+            ui.notify({
+                kind: "error",
+                scope: "upload",
+                message: "Failed to upload screen recording.",
+            });
+            // non-fatal — user can retry
+        }
+        finally {
+            setUploadingCount((c) => c - 1);
+        }
+    }, [uploadFile, ui]);
+    const meta = CATEGORY_META[activeCategory] ?? CATEGORY_META.Problem;
+    (0, react_1.useEffect)(() => {
+        if (typeof window === "undefined")
+            return;
+        try {
+            const stored = window.localStorage.getItem(DRAFT_STORAGE_KEY);
+            if (!stored)
+                return;
+            const parsed = JSON.parse(stored);
+            if (typeof parsed.description === "string") {
+                ui.setDescription(parsed.description);
+            }
+            if (typeof parsed.activeCategory === "string"
+                && categories.includes(parsed.activeCategory)) {
+                ui.setActiveCategory(parsed.activeCategory);
+            }
+        }
+        catch {
+            // Ignore restore failures.
+        }
+    }, [categories, ui]);
+    (0, react_1.useEffect)(() => {
+        if (typeof window === "undefined")
+            return;
+        if (!description.trim() && activeCategory === categories[0]) {
+            window.localStorage.removeItem(DRAFT_STORAGE_KEY);
+            return;
+        }
+        window.localStorage.setItem(DRAFT_STORAGE_KEY, JSON.stringify({ description, activeCategory }));
+    }, [activeCategory, categories, description]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(triage_ui_notifications_1.TriageUiNotifications, { controller: ui }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: `p3-trigger${posClass}`, onClick: () => {
+                    if (open && minimized) {
+                        ui.setMinimized(false);
+                        return;
+                    }
+                    if (open) {
+                        handleClose();
+                        return;
+                    }
+                    ui.setOpen(true);
+                }, "aria-label": "Open help menu", children: [(0, jsx_runtime_1.jsx)(icons_1.QuestionIcon, { size: 16 }), buttonText] }), open && ((0, jsx_runtime_1.jsxs)("div", { className: `p3-panel${panelPosClass}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "p3-header", children: [(0, jsx_runtime_1.jsxs)("span", { className: "p3-header-title", children: [(0, jsx_runtime_1.jsx)(icons_1.QuestionIcon, { size: 15 }), " Help With"] }), (0, jsx_runtime_1.jsxs)("span", { className: "p3-header-actions", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-icon-btn", onClick: () => ui.setMinimized(!minimized), "aria-label": minimized ? "Expand" : "Minimize", children: minimized ? (0, jsx_runtime_1.jsx)(icons_1.MaximizeIcon, { size: 14 }) : (0, jsx_runtime_1.jsx)(icons_1.MinimizeIcon, { size: 14 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-icon-btn", onClick: handleClose, "aria-label": "Close", children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { size: 14 }) })] })] }), !minimized && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "p3-body", children: [categories.length > 1 && ((0, jsx_runtime_1.jsx)("div", { className: "p3-tabs", children: categories.map((cat) => {
+                                            const m = CATEGORY_META[cat];
+                                            return ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "p3-tab", "data-active": cat === activeCategory, onClick: () => ui.setActiveCategory(cat), children: [m?.icon, " ", cat] }, cat));
+                                        }) })), (0, jsx_runtime_1.jsx)("p", { className: "p3-hint", children: meta.hint }), (0, jsx_runtime_1.jsx)("textarea", { className: "p3-textarea", placeholder: meta.placeholder, value: description, onChange: (e) => ui.setDescription(e.target.value), onPaste: async (e) => {
+                                            if (enableFileUpload && e.clipboardData.files.length > 0) {
+                                                e.preventDefault();
+                                                await handleFiles(e.clipboardData.files);
+                                            }
+                                        } }), uploads.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "p3-files", children: uploads.map((f) => ((0, jsx_runtime_1.jsxs)("div", { className: "p3-file", children: [(0, jsx_runtime_1.jsxs)("span", { className: "p3-file-name", children: [(0, jsx_runtime_1.jsx)(icons_1.FileIcon, {}), " ", f.name] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-icon-btn", onClick: () => ui.setComposerUploads((prev) => prev.filter((u) => u.id !== f.id)), "aria-label": `Remove ${f.name}`, children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { size: 12 }) })] }, f.id))) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "p3-footer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p3-footer-left", children: [enableFileUpload && ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "p3-btn p3-btn--ghost", onClick: () => fileRef.current?.click(), disabled: uploadingCount > 0, children: [(0, jsx_runtime_1.jsx)(icons_1.PaperclipIcon, { size: 14 }), uploadingCount > 0 ? "Uploading..." : "Attach"] })), enableScreenRecording && ((0, jsx_runtime_1.jsx)(screen_recorder_1.ScreenRecorder, { onAttach: handleRecordingAttach, target: "submission" })), (0, jsx_runtime_1.jsx)(loom_recorder_1.LoomRecorder, { visible: open && !minimized, buttonLabel: "Loom", onInsert: (sharedUrl) => {
+                                                    ui.setDescription((current) => current
+                                                        ? `${current}\n\nLoom Video: ${sharedUrl}`
+                                                        : `Loom Video: ${sharedUrl}`);
+                                                } }), enablePastSubmissions && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-btn p3-btn--ghost", onClick: () => ui.setHistoryOpen(true), children: "View Past Submissions" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "p3-footer-right", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-btn p3-btn--outline", onClick: dismissPanel, children: "Cancel" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-btn p3-btn--primary", disabled: submitting || !description.trim(), onClick: handleSubmit, children: submitting ? "Submitting..." : "Submit" })] })] })] }))] })), enableFileUpload && ((0, jsx_runtime_1.jsx)("input", { ref: fileRef, type: "file", multiple: true, accept: "*/*", style: { display: "none" }, onChange: (e) => {
+                    if (e.target.files)
+                        handleFiles(e.target.files);
+                    e.target.value = "";
+                } })), enablePastSubmissions && ((0, jsx_runtime_1.jsx)(past_submissions_1.PastSubmissions, { open: historyOpen, onClose: handleHistoryClose, title: pastSubmissionsTitle, triageTaskId: ui.triageTaskId, controller: ui }))] }));
+}
+//# sourceMappingURL=triage-button.js.map

package/dist/triage-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triage-button.js","sourceRoot":"","sources":["../src/triage-button.tsx"],"names":[],"mappings":"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"}

package/dist/triage-rich-content.d.ts

@@ -0,0 +1,6 @@
+export declare function TriageRichContent({ content, fallback, className, }: {
+    content?: string;
+    fallback?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=triage-rich-content.d.ts.map

package/dist/triage-rich-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"triage-rich-content.d.ts","sourceRoot":"","sources":["../src/triage-rich-content.tsx"],"names":[],"mappings":"AAkHA,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAQA"}

package/dist/triage-rich-content.js

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TriageRichContent = TriageRichContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+function renderText(node, key) {
+    let content = node.text ?? "";
+    if (node.code)
+        content = (0, jsx_runtime_1.jsx)("code", { children: content });
+    if (node.underline)
+        content = (0, jsx_runtime_1.jsx)("u", { children: content });
+    if (node.italic)
+        content = (0, jsx_runtime_1.jsx)("em", { children: content });
+    if (node.bold)
+        content = (0, jsx_runtime_1.jsx)("strong", { children: content });
+    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: content }, key);
+}
+function renderChildren(children) {
+    return children?.map((child, index) => renderNode(child, index)) ?? null;
+}
+function getLoomEmbedUrl(url) {
+    if (!url)
+        return null;
+    const match = url.match(/loom\.com\/share\/([a-zA-Z0-9-]+)/);
+    return match ? `https://www.loom.com/embed/${match[1]}` : null;
+}
+function renderNode(node, key) {
+    if (typeof node.text === "string" && !node.children) {
+        return renderText(node, key);
+    }
+    const children = renderChildren(node.children);
+    switch (node.type) {
+        case "heading-one":
+            return (0, jsx_runtime_1.jsx)("h4", { children: children }, key);
+        case "heading-two":
+            return (0, jsx_runtime_1.jsx)("h5", { children: children }, key);
+        case "heading-three":
+            return (0, jsx_runtime_1.jsx)("h6", { children: children }, key);
+        case "block-quote":
+        case "blockquote":
+            return (0, jsx_runtime_1.jsx)("blockquote", { children: children }, key);
+        case "bulleted-list":
+        case "unordered-list":
+            return (0, jsx_runtime_1.jsx)("ul", { children: children }, key);
+        case "numbered-list":
+        case "ordered-list":
+            return (0, jsx_runtime_1.jsx)("ol", { children: children }, key);
+        case "list-item":
+            return (0, jsx_runtime_1.jsx)("li", { children: children }, key);
+        case "link":
+            return ((0, jsx_runtime_1.jsx)("a", { href: node.url, target: "_blank", rel: "noreferrer", children: children }, key));
+        case "loom":
+            if (getLoomEmbedUrl(node.url)) {
+                return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("iframe", { src: getLoomEmbedUrl(node.url) ?? undefined, title: "Loom recording", allowFullScreen: true, style: {
+                            width: "100%",
+                            minHeight: 280,
+                            border: 0,
+                            borderRadius: 8,
+                        } }) }, key));
+            }
+            return ((0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", { href: node.url, target: "_blank", rel: "noreferrer", children: node.url || "Open Loom recording" }) }, key));
+        case "code":
+        case "code-block":
+            return ((0, jsx_runtime_1.jsx)("pre", { children: (0, jsx_runtime_1.jsx)("code", { children: children }) }, key));
+        case "paragraph":
+        default:
+            return (0, jsx_runtime_1.jsx)("p", { children: children }, key);
+    }
+}
+function parseSlateContent(content) {
+    if (!content?.trim())
+        return null;
+    try {
+        const parsed = JSON.parse(content);
+        return Array.isArray(parsed) ? parsed : null;
+    }
+    catch {
+        return null;
+    }
+}
+function TriageRichContent({ content, fallback, className, }) {
+    const parsed = (0, react_1.useMemo)(() => parseSlateContent(content), [content]);
+    if (!parsed) {
+        return (0, jsx_runtime_1.jsx)("div", { className: className, children: fallback ?? content ?? "" });
+    }
+    return (0, jsx_runtime_1.jsx)("div", { className: className, children: parsed.map((node, index) => renderNode(node, index)) });
+}
+//# sourceMappingURL=triage-rich-content.js.map

package/dist/triage-rich-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triage-rich-content.js","sourceRoot":"","sources":["../src/triage-rich-content.tsx"],"names":[],"mappings":"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"}

package/dist/triage-slate-editor.d.ts

@@ -0,0 +1,8 @@
+import type { TriageSlateValue } from "./triage-slate";
+export declare function TriageSlateEditor({ value, onChange, placeholder, onPasteFiles, }: {
+    value: TriageSlateValue;
+    onChange: (value: TriageSlateValue) => void;
+    placeholder?: string;
+    onPasteFiles?: (files: File[]) => Promise<void> | void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=triage-slate-editor.d.ts.map

package/dist/triage-slate-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"triage-slate-editor.d.ts","sourceRoot":"","sources":["../src/triage-slate-editor.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA0G3E,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CACxD,2CA6EA"}

package/dist/triage-slate-editor.js

@@ -0,0 +1,112 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TriageSlateEditor = TriageSlateEditor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const slate_1 = require("slate");
+const slate_react_1 = require("slate-react");
+const slate_history_1 = require("slate-history");
+const LIST_TYPES = ["bulleted-list", "numbered-list"];
+function isMarkActive(editor, format) {
+    const marks = slate_1.Editor.marks(editor);
+    return marks ? marks[format] === true : false;
+}
+function toggleMark(editor, format) {
+    const active = isMarkActive(editor, format);
+    if (active) {
+        slate_1.Editor.removeMark(editor, format);
+    }
+    else {
+        slate_1.Editor.addMark(editor, format, true);
+    }
+}
+function isBlockActive(editor, format) {
+    const matches = slate_1.Editor.nodes(editor, {
+        match: (node) => !slate_1.Editor.isEditor(node)
+            && slate_1.Element.isElement(node)
+            && node.type === format,
+    });
+    return !!matches.next().value;
+}
+function toggleBlock(editor, format) {
+    const active = isBlockActive(editor, format);
+    const isList = LIST_TYPES.includes(format);
+    slate_1.Transforms.unwrapNodes(editor, {
+        match: (node) => !slate_1.Editor.isEditor(node)
+            && slate_1.Element.isElement(node)
+            && LIST_TYPES.includes(node.type),
+        split: true,
+    });
+    slate_1.Transforms.setNodes(editor, {
+        type: active ? "paragraph" : isList ? "list-item" : format,
+    });
+    if (!active && isList) {
+        slate_1.Transforms.wrapNodes(editor, {
+            type: format,
+            children: [],
+        });
+    }
+}
+function ToolbarButton({ active, label, onMouseDown, }) {
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-rte-btn", "data-active": active, onMouseDown: onMouseDown, children: label }));
+}
+function renderElement(props) {
+    const { attributes, children, element } = props;
+    switch (element.type) {
+        case "bulleted-list":
+            return (0, jsx_runtime_1.jsx)("ul", { ...attributes, children: children });
+        case "numbered-list":
+            return (0, jsx_runtime_1.jsx)("ol", { ...attributes, children: children });
+        case "list-item":
+            return (0, jsx_runtime_1.jsx)("li", { ...attributes, children: children });
+        case "blockquote":
+            return (0, jsx_runtime_1.jsx)("blockquote", { ...attributes, children: children });
+        default:
+            return (0, jsx_runtime_1.jsx)("p", { ...attributes, children: children });
+    }
+}
+function renderLeaf(props) {
+    const { attributes, children, leaf } = props;
+    let rendered = children;
+    if (leaf.bold)
+        rendered = (0, jsx_runtime_1.jsx)("strong", { children: rendered });
+    if (leaf.italic)
+        rendered = (0, jsx_runtime_1.jsx)("em", { children: rendered });
+    if (leaf.underline)
+        rendered = (0, jsx_runtime_1.jsx)("u", { children: rendered });
+    if (leaf.code)
+        rendered = (0, jsx_runtime_1.jsx)("code", { children: rendered });
+    return (0, jsx_runtime_1.jsx)("span", { ...attributes, children: rendered });
+}
+function TriageSlateEditor({ value, onChange, placeholder, onPasteFiles, }) {
+    const editor = react_1.default.useMemo(() => (0, slate_history_1.withHistory)((0, slate_react_1.withReact)((0, slate_1.createEditor)())), []);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "p3-rte", children: (0, jsx_runtime_1.jsxs)(slate_react_1.Slate, { editor: editor, initialValue: value, onChange: (nextValue) => onChange(nextValue), children: [(0, jsx_runtime_1.jsxs)("div", { className: "p3-rte-toolbar", children: [(0, jsx_runtime_1.jsx)(ToolbarButton, { label: "B", active: isMarkActive(editor, "bold"), onMouseDown: (event) => {
+                                event.preventDefault();
+                                toggleMark(editor, "bold");
+                            } }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "I", active: isMarkActive(editor, "italic"), onMouseDown: (event) => {
+                                event.preventDefault();
+                                toggleMark(editor, "italic");
+                            } }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "U", active: isMarkActive(editor, "underline"), onMouseDown: (event) => {
+                                event.preventDefault();
+                                toggleMark(editor, "underline");
+                            } }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "Code", active: isMarkActive(editor, "code"), onMouseDown: (event) => {
+                                event.preventDefault();
+                                toggleMark(editor, "code");
+                            } }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "\u2022 List", active: isBlockActive(editor, "bulleted-list"), onMouseDown: (event) => {
+                                event.preventDefault();
+                                toggleBlock(editor, "bulleted-list");
+                            } }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "1. List", active: isBlockActive(editor, "numbered-list"), onMouseDown: (event) => {
+                                event.preventDefault();
+                                toggleBlock(editor, "numbered-list");
+                            } })] }), (0, jsx_runtime_1.jsx)(slate_react_1.Editable, { className: "p3-rte-editor", placeholder: placeholder, renderElement: renderElement, renderLeaf: renderLeaf, spellCheck: true, onPaste: (event) => {
+                        const files = Array.from(event.clipboardData.files ?? []);
+                        if (files.length > 0 && onPasteFiles) {
+                            event.preventDefault();
+                            void onPasteFiles(files);
+                        }
+                    } })] }) }));
+}
+//# sourceMappingURL=triage-slate-editor.js.map