@taskp3/react 0.1.0

package/README.md

@@ -0,0 +1,258 @@
+# @taskp3/react
+
+React components for [TaskP3](https://www.taskp3.com) — shared triage, changelog, and "What's New" UI for integrations built on the SDK.
+
+For the server-side SDK, see [`@taskp3/sdk`](https://www.npmjs.com/package/@taskp3/sdk).
+
+## Installation
+
+```bash
+npm install @taskp3/react @taskp3/sdk
+```
+
+Peer dependencies: `react >= 17`, `react-dom >= 17`, `@taskp3/sdk >= 0.1.0`.
+
+## Quick Start
+
+1. Mount the Express adapter on your server (see [`@taskp3/sdk`](https://www.npmjs.com/package/@taskp3/sdk) docs).
+2. Wrap your app with `<TaskP3Provider>` and mount the shared components:
+
+```tsx
+import { TaskP3Provider, TriageButton, WhatsNew } from "@taskp3/react";
+
+function App() {
+  return (
+    <TaskP3Provider apiUrl="https://your-app.com/api/triage">
+      <YourApp />
+      <TriageButton />
+      <WhatsNew />
+    </TaskP3Provider>
+  );
+}
+```
+
+## Components
+
+### `<TaskP3Provider>`
+
+Required wrapper that configures the API URL, theme, and optional auth headers.
+
+```tsx
+<TaskP3Provider
+  apiUrl="https://your-app.com/api/triage"
+  theme={{ primaryColor: "#6366f1" }}
+  getHeaders={() => ({ Authorization: `Bearer ${token}` })}
+>
+  {children}
+</TaskP3Provider>
+```
+
+| Prop | Type | Required | Description |
+|---|---|---|---|
+| `apiUrl` | `string` | Yes | Full URL where `createTriageRouter` is mounted |
+| `theme` | `TaskP3Theme` | No | Visual customisation (see [Theming](#theming)) |
+| `getHeaders` | `() => Record<string, string>` | No | Extra headers sent with every request (e.g. `Authorization`) |
+| `fetcher` | `(url: string, init: RequestInit) => Promise<Response>` | No | Custom fetch implementation — use to plug in your own API service with interceptors, retry logic, etc. Defaults to native `fetch`. |
+
+### `<TriageButton>`
+
+Floating help button for the initial triage submission flow: category tabs, file upload, screen recording, and submission.
+
+```tsx
+<TriageButton
+  position="bottom-right"
+  buttonText="Help"
+  onSubmitSuccess={(data) => console.log("Submitted", data)}
+/>
+```
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `position` | `"bottom-right" \| "bottom-left"` | `"bottom-right"` | Screen corner |
+| `categories` | `(TriageSubmissionType \| string)[]` | All types | Submission types to show |
+| `buttonText` | `string` | `"Help"` | Button label |
+| `enableFileUpload` | `boolean` | `true` | Allow file attachments |
+| `onSubmitSuccess` | `(data: unknown) => void` | — | Callback after successful submit |
+| `onSubmitError` | `(error: Error) => void` | — | Callback on error |
+
+`TriageButton` is the closest CP9 parity surface today. It covers the initial submission happy path well, but full CP9 drop-in behavior still depends on host integration for route state, alerts, and some recorder handoff workflows.
+
+### `<PastSubmissions>`
+
+Shared modal for browsing past submissions: list pane, filters/search/sort, response thread, and a lightweight reply composer.
+
+```tsx
+<PastSubmissions open={open} onClose={() => setOpen(false)} />
+```
+
+| Prop | Type | Required | Description |
+|---|---|---|---|
+| `open` | `boolean` | Yes | Controls modal visibility |
+| `onClose` | `() => void` | Yes | Close handler |
+| `title` | `string` | No | Modal title |
+| `pageSize` | `number` | No | Page size for submissions/responses |
+| `sortOrder` | `"ASC" \| "DESC"` | No | Initial sort |
+| `filters` | `PastSubmissionsFilters` | No | Initial filters |
+| `searchTerm` | `string` | No | Initial search value |
+
+`PastSubmissions` is intentionally lighter than CP9's full in-app history workflow today. Rich Slate rendering, attachment rendering/uploading, reply recordings, and some deep-link/router orchestration still require host-specific work. See the parity matrix in [`@taskp3/sdk`](../p3-sdk/CP_PARITY_MATRIX.md) for the current drop-in status.
+
+### `<Changelog>`
+
+Full changelog feed with type chips, descriptions, and expandable code changes.
+
+```tsx
+<Changelog limit={10} types="New Feature,Bug fix" />
+```
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `limit` | `number` | `10` | Entries per page |
+| `types` | `string` | — | Comma-separated filter (e.g. `"New Feature,Bug fix"`) |
+| `className` | `string` | — | CSS class on root container |
+| `emptyText` | `string` | `"No changelog entries yet."` | Text when no entries exist |
+
+### `<WhatsNew>`
+
+Auto-showing modal for the latest changelog entry. Uses `localStorage` to track when the user last dismissed it — only re-appears when a newer release exists.
+
+```tsx
+<WhatsNew onDismiss={(entry) => console.log("dismissed", entry.id)} />
+```
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `storageKey` | `string` | `"p3-changelog-last-seen"` | localStorage key for tracking |
+| `onDismiss` | `(entry: ChangelogEntry) => void` | — | Callback when user dismisses |
+| `open` | `boolean` | — | Force open/closed (overrides auto-show) |
+
+## Hooks
+
+All hooks must be called inside `<TaskP3Provider>`.
+
+### `useTriage()`
+
+Low-level hook for building fully custom triage UIs.
+
+```tsx
+const { createTask, createResponse, uploadFile, getSubmissions, getResponses } = useTriage();
+```
+
+| Method | Returns | Description |
+|---|---|---|
+| `createTask(data)` | `Promise<any>` | Submit a triage task |
+| `getSubmission(taskId)` | `Promise<TriageSubmission>` | Get a single submission |
+| `uploadFile(file)` | `Promise<TriageFileUpload & { localFile: File }>` | Upload via presigned URL |
+| `getSubmissions(params?)` | `Promise<TriageSubmissionsResponse>` | List submissions (paginated) |
+| `createResponse(taskId, data)` | `Promise<TriageSubmission>` | Send a response |
+| `getResponses(taskId, params?)` | `Promise<TriageResponsesResult>` | List responses for a task |
+| `createSubmissionFile(taskId, file)` | `Promise<TriageLinkedFileUploadResponse>` | Attach file to submission |
+| `createResponseFile(responseId, file)` | `Promise<TriageLinkedFileUploadResponse>` | Attach file to response |
+| `getFile(fileId)` | `Promise<TriageFile>` | Get file metadata + presigned URL |
+| `getSubmissionFiles(taskId, params?)` | `Promise<TriageFilesResponse>` | List submission files |
+| `getResponseFiles(responseId, params?)` | `Promise<TriageFilesResponse>` | List response files |
+
+### `usePastSubmissions(options?)`
+
+Stateful hook backing past-submissions workflows.
+
+```tsx
+const {
+  submissions,
+  selectedTask,
+  responses,
+  responseDraft,
+  setResponseDraft,
+  sendResponse,
+} = usePastSubmissions();
+```
+
+Deep-link example:
+
+```tsx
+const taskIdFromQuery = new URLSearchParams(location.search).get("triageTaskId") ?? undefined;
+const past = usePastSubmissions({ triageTaskId: taskIdFromQuery });
+```
+
+`triageTaskId` preselects a task in the modal workflow and fetches it directly when it is not part of the currently loaded page.
+
+## Migration Notes
+
+- Transcript polling/UI has been removed from `@taskp3/react`.
+- If you previously used transcript helpers/components, migrate that behavior to your own app-level API/UI implementation.
+
+### `useChangelog(options?)`
+
+Fetches paginated changelog entries.
+
+```tsx
+const { entries, isLoading, error, hasMore, loadMore } = useChangelog({ limit: 10 });
+```
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `limit` | `number` | `10` | Entries per page |
+| `types` | `string` | — | Comma-separated type filter |
+
+| Return | Type | Description |
+|---|---|---|
+| `entries` | `ChangelogEntry[]` | Loaded entries |
+| `isLoading` | `boolean` | True during fetch |
+| `error` | `Error \| null` | Fetch error, if any |
+| `hasMore` | `boolean` | More pages available |
+| `loadMore` | `() => void` | Load next page |
+
+### `useChangelogCodeChanges(options)`
+
+Fetches paginated code changes for a single changelog entry.
+
+```tsx
+const { codeChanges, isLoading, hasMore, loadMore } = useChangelogCodeChanges({
+  entryId: entry.id,
+  initialChanges: entry.codeChanges,
+});
+```
+
+| Option | Type | Required | Description |
+|---|---|---|---|
+| `entryId` | `string` | Yes | Changelog entry ID |
+| `initialChanges` | `ChangelogCodeChange[]` | No | Pre-loaded changes (avoids duplicate fetch) |
+| `limit` | `number` | No | Changes per page (default `25`) |
+
+## Theming
+
+Pass a `theme` object to `<TaskP3Provider>`. Zero external CSS — all styles are injected automatically.
+
+```tsx
+<TaskP3Provider
+  apiUrl="https://your-app.com/api/triage"
+  theme={{
+    primaryColor: "#6366f1",
+    primaryHoverColor: "#4f46e5",
+    textOnPrimary: "#ffffff",
+    fontFamily: "Inter, sans-serif",
+    borderRadius: 12,
+    zIndex: 10000,
+    panelWidth: 440,
+  }}
+>
+  {children}
+</TaskP3Provider>
+```
+
+| Property | Type | Default | Description |
+|---|---|---|---|
+| `primaryColor` | `string` | `"#1F93FF"` | Primary brand color |
+| `primaryHoverColor` | `string` | `"#0E7EE3"` | Hover state |
+| `textOnPrimary` | `string` | `"#ffffff"` | Text color on primary backgrounds |
+| `fontFamily` | `string` | System font stack | CSS font-family |
+| `borderRadius` | `number` | `8` | Border radius in px |
+| `zIndex` | `number` | `9999` | Base z-index for floating elements |
+| `panelWidth` | `number` | `420` | Triage panel width in px |
+
+## Related Packages
+
+| Package | Description |
+|---|---|
+| [`@taskp3/sdk`](https://www.npmjs.com/package/@taskp3/sdk) | Server-side client + Express adapter |
+| [`@taskp3/react`](https://www.npmjs.com/package/@taskp3/react) | React components — `<TriageButton>`, `<Changelog>`, `<WhatsNew>` |

package/dist/changelog-hooks.d.ts

@@ -0,0 +1,46 @@
+import type { ChangelogEntry, ChangelogCodeChange } from "@taskp3/sdk";
+export interface UseChangelogOptions {
+    limit?: number;
+    types?: string;
+    codeChangesLimit?: number;
+    enabled?: boolean;
+}
+export interface UseChangelogResult {
+    entries: ChangelogEntry[];
+    isLoading: boolean;
+    error: Error | null;
+    hasMore: boolean;
+    loadMore: () => void;
+}
+/**
+ * Fetches changelog entries with pagination.
+ *
+ * ```tsx
+ * const { entries, isLoading, hasMore, loadMore } = useChangelog({ limit: 10 });
+ * ```
+ */
+export declare function useChangelog(options?: UseChangelogOptions): UseChangelogResult;
+export interface UseChangelogCodeChangesOptions {
+    entryId: string;
+    initialChanges?: ChangelogCodeChange[];
+    limit?: number;
+    enabled?: boolean;
+}
+export interface UseChangelogCodeChangesResult {
+    codeChanges: ChangelogCodeChange[];
+    isLoading: boolean;
+    hasMore: boolean;
+    loadMore: () => void;
+}
+/**
+ * Fetches paginated code changes for a single changelog entry.
+ *
+ * ```tsx
+ * const { codeChanges, hasMore, loadMore } = useChangelogCodeChanges({
+ *   entryId: entry.id,
+ *   initialChanges: entry.codeChanges,
+ * });
+ * ```
+ */
+export declare function useChangelogCodeChanges(options: UseChangelogCodeChangesOptions): UseChangelogCodeChangesResult;
+//# sourceMappingURL=changelog-hooks.d.ts.map

package/dist/changelog-hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"changelog-hooks.d.ts","sourceRoot":"","sources":["../src/changelog-hooks.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,cAAc,EAEd,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,OAAO,GAAE,mBAAwB,GAChC,kBAAkB,CA4GpB;AAED,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,WAAW,EAAE,mBAAmB,EAAE,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,8BAA8B,GACtC,6BAA6B,CAwD/B"}

package/dist/changelog-hooks.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChangelog = useChangelog;
+exports.useChangelogCodeChanges = useChangelogCodeChanges;
+const react_1 = require("react");
+const context_1 = require("./context");
+const fetch_1 = require("./fetch");
+/**
+ * Fetches changelog entries with pagination.
+ *
+ * ```tsx
+ * const { entries, isLoading, hasMore, loadMore } = useChangelog({ limit: 10 });
+ * ```
+ */
+function useChangelog(options = {}) {
+    const { apiUrl, getHeaders, fetcher } = (0, context_1.useTaskP3Context)();
+    const { limit = 10, types, codeChangesLimit, enabled = true } = options;
+    const [entries, setEntries] = (0, react_1.useState)([]);
+    const [page, setPage] = (0, react_1.useState)(1);
+    const [totalPages, setTotalPages] = (0, react_1.useState)(1);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const isFetching = (0, react_1.useRef)(false);
+    const depsRef = (0, react_1.useRef)({
+        apiUrl,
+        getHeaders,
+        fetcher,
+        limit,
+        types,
+        codeChangesLimit,
+        enabled,
+    });
+    depsRef.current = {
+        apiUrl,
+        getHeaders,
+        fetcher,
+        limit,
+        types,
+        codeChangesLimit,
+        enabled,
+    };
+    const fetchPage = (0, react_1.useCallback)(async (p) => {
+        if (isFetching.current)
+            return;
+        isFetching.current = true;
+        const { apiUrl: au, getHeaders: gh, fetcher: f, limit: lim, types: t, codeChangesLimit: ccl, enabled: en, } = depsRef.current;
+        if (!en) {
+            setEntries([]);
+            setTotalPages(1);
+            setPage(1);
+            setIsLoading(false);
+            isFetching.current = false;
+            return;
+        }
+        try {
+            const query = new URLSearchParams({
+                page: String(p),
+                limit: String(lim),
+            });
+            if (t)
+                query.set("types", t);
+            if (ccl !== undefined)
+                query.set("codeChangesLimit", String(ccl));
+            const res = await (0, fetch_1.p3Fetch)(`${au}/changelog?${query}`, { method: "GET" }, gh, f);
+            const data = await res.json();
+            setEntries((prev) => p === 1 ? data.entries : [...prev, ...data.entries]);
+            setTotalPages(data.totalPages);
+            setPage(p);
+            setError(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            setIsLoading(false);
+            isFetching.current = false;
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!enabled) {
+            setEntries([]);
+            setPage(1);
+            setTotalPages(1);
+            setIsLoading(false);
+            setError(null);
+            return;
+        }
+        setIsLoading(true);
+        setEntries([]);
+        fetchPage(1);
+    }, [apiUrl, limit, types, codeChangesLimit, enabled, fetchPage]);
+    const loadMore = (0, react_1.useCallback)(() => {
+        if (!enabled)
+            return;
+        if (page < totalPages && !isFetching.current) {
+            fetchPage(page + 1);
+        }
+    }, [page, totalPages, fetchPage, enabled]);
+    return {
+        entries,
+        isLoading,
+        error,
+        hasMore: page < totalPages,
+        loadMore,
+    };
+}
+/**
+ * Fetches paginated code changes for a single changelog entry.
+ *
+ * ```tsx
+ * const { codeChanges, hasMore, loadMore } = useChangelogCodeChanges({
+ *   entryId: entry.id,
+ *   initialChanges: entry.codeChanges,
+ * });
+ * ```
+ */
+function useChangelogCodeChanges(options) {
+    const { apiUrl, getHeaders, fetcher } = (0, context_1.useTaskP3Context)();
+    const { entryId, initialChanges = [], limit = 25, enabled = true } = options;
+    const [extra, setExtra] = (0, react_1.useState)([]);
+    const [page, setPage] = (0, react_1.useState)(1);
+    const [hasMore, setHasMore] = (0, react_1.useState)(false);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const isFetching = (0, react_1.useRef)(false);
+    const initialIds = (0, react_1.useRef)(new Set(initialChanges.map((c) => c.id)));
+    const loadMore = (0, react_1.useCallback)(async () => {
+        if (isFetching.current)
+            return;
+        if (!enabled || !entryId)
+            return;
+        isFetching.current = true;
+        setIsLoading(true);
+        try {
+            const nextPage = page + 1;
+            const query = new URLSearchParams({
+                page: String(nextPage),
+                limit: String(limit),
+            });
+            const res = await (0, fetch_1.p3Fetch)(`${apiUrl}/changelog/${entryId}/code-changes?${query}`, { method: "GET" }, getHeaders, fetcher);
+            const data = await res.json();
+            const unique = data.codeChanges.filter((c) => !initialIds.current.has(c.id));
+            setExtra((prev) => [...prev, ...unique]);
+            setPage(nextPage);
+            setHasMore(nextPage < data.totalPages);
+        }
+        catch {
+            // non-fatal
+        }
+        finally {
+            setIsLoading(false);
+            isFetching.current = false;
+        }
+    }, [apiUrl, getHeaders, fetcher, entryId, limit, page, enabled]);
+    (0, react_1.useEffect)(() => {
+        setExtra([]);
+        setPage(1);
+        setHasMore(false);
+        setIsLoading(false);
+    }, [entryId, enabled]);
+    const codeChanges = [...initialChanges, ...extra];
+    return { codeChanges, isLoading, hasMore, loadMore };
+}
+//# sourceMappingURL=changelog-hooks.js.map

package/dist/changelog-hooks.js.map

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

package/dist/changelog.d.ts

@@ -0,0 +1,17 @@
+import { type UseChangelogOptions } from "./changelog-hooks";
+export interface ChangelogProps extends UseChangelogOptions {
+    className?: string;
+    emptyText?: string;
+}
+/**
+ * Drop-in changelog feed.
+ *
+ * ```tsx
+ * <Changelog limit={10} />
+ * ```
+ */
+export declare function Changelog({ className, emptyText, ...opts }: ChangelogProps): import("react/jsx-runtime").JSX.Element;
+export declare function TypeChip({ type }: {
+    type: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=changelog.d.ts.map

package/dist/changelog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"changelog.d.ts","sourceRoot":"","sources":["../src/changelog.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AA0B3B,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,SAAuC,EACvC,GAAG,IAAI,EACR,EAAE,cAAc,2CAoDhB;AAmED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAOlD"}

package/dist/changelog.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Changelog = Changelog;
+exports.TypeChip = TypeChip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const changelog_hooks_1 = require("./changelog-hooks");
+const TYPE_COLORS = {
+    "New Feature": { bg: "#dcfce7", fg: "#15803d" },
+    "Bug fix": { bg: "#fef3c7", fg: "#b45309" },
+    Improvement: { bg: "#dbeafe", fg: "#1d4ed8" },
+    Deprecation: { bg: "#f3f4f6", fg: "#4b5563" },
+};
+function chipColor(type) {
+    return TYPE_COLORS[type] ?? { bg: "#f3f4f6", fg: "#374151" };
+}
+function formatDate(iso) {
+    try {
+        return new Intl.DateTimeFormat("en-US", {
+            month: "long",
+            day: "numeric",
+            year: "numeric",
+        }).format(new Date(iso));
+    }
+    catch {
+        return iso;
+    }
+}
+/**
+ * Drop-in changelog feed.
+ *
+ * ```tsx
+ * <Changelog limit={10} />
+ * ```
+ */
+function Changelog({ className, emptyText = "No changelog entries yet.", ...opts }) {
+    const { entries, isLoading, error, hasMore, loadMore } = (0, changelog_hooks_1.useChangelog)(opts);
+    if (isLoading && entries.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `p3-cl ${className ?? ""}`, children: (0, jsx_runtime_1.jsx)("div", { className: "p3-cl-loading", children: (0, jsx_runtime_1.jsx)(Spinner, {}) }) }));
+    }
+    if (error) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `p3-cl ${className ?? ""}`, children: (0, jsx_runtime_1.jsx)("p", { className: "p3-cl-empty", children: "Failed to load changelog." }) }));
+    }
+    if (entries.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `p3-cl ${className ?? ""}`, children: (0, jsx_runtime_1.jsx)("p", { className: "p3-cl-empty", children: emptyText }) }));
+    }
+    const sentinelRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!hasMore || isLoading || !sentinelRef.current)
+            return;
+        const observer = new IntersectionObserver(([e]) => { if (e.isIntersecting)
+            loadMore(); }, { threshold: 0.1, rootMargin: "200px" });
+        observer.observe(sentinelRef.current);
+        return () => observer.disconnect();
+    }, [hasMore, isLoading, loadMore]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `p3-cl ${className ?? ""}`, children: [entries.map((entry) => ((0, jsx_runtime_1.jsx)(EntryCard, { entry: entry }, entry.id))), hasMore && (0, jsx_runtime_1.jsx)("div", { ref: sentinelRef, style: { height: 1 } }), isLoading && entries.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "p3-cl-loading", style: { padding: "12px 0" }, children: (0, jsx_runtime_1.jsx)(Spinner, { size: 18 }) }))] }));
+}
+function EntryCard({ entry }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "p3-cl-entry", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p3-cl-entry-header", children: [(0, jsx_runtime_1.jsxs)("h3", { className: "p3-cl-entry-date", children: ["Release ", formatDate(entry.releaseDate)] }), entry.types.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "p3-cl-chips", children: entry.types.map((t) => ((0, jsx_runtime_1.jsx)(TypeChip, { type: t }, t))) })), entry.description && ((0, jsx_runtime_1.jsx)("p", { className: "p3-cl-entry-desc", children: entry.description }))] }), (0, jsx_runtime_1.jsx)(CodeChangesList, { entry: entry })] }));
+}
+function CodeChangesList({ entry }) {
+    const { codeChanges, hasMore, loadMore, isLoading } = (0, changelog_hooks_1.useChangelogCodeChanges)({
+        entryId: entry.id,
+        initialChanges: entry.codeChanges ?? [],
+    });
+    const sentinelRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!hasMore || isLoading || !sentinelRef.current)
+            return;
+        const observer = new IntersectionObserver(([e]) => { if (e.isIntersecting)
+            loadMore(); }, { threshold: 0.1, rootMargin: "100px" });
+        observer.observe(sentinelRef.current);
+        return () => observer.disconnect();
+    }, [hasMore, isLoading, loadMore]);
+    if (codeChanges.length === 0)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "p3-cl-changes", children: [(0, jsx_runtime_1.jsx)("h4", { className: "p3-cl-changes-title", children: "What's Changed" }), (0, jsx_runtime_1.jsx)("ul", { className: "p3-cl-changes-list", children: codeChanges.map((c) => ((0, jsx_runtime_1.jsxs)("li", { className: "p3-cl-change", children: [(0, jsx_runtime_1.jsx)("span", { className: "p3-cl-change-chip", children: (0, jsx_runtime_1.jsx)(TypeChip, { type: c.type }) }), (0, jsx_runtime_1.jsx)("span", { className: "p3-cl-change-desc", children: c.description })] }, c.id))) }), hasMore && (0, jsx_runtime_1.jsx)("div", { ref: sentinelRef, style: { height: 1 } }), isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "p3-cl-loading", style: { padding: "8px 0" }, children: (0, jsx_runtime_1.jsx)(Spinner, { size: 16 }) }))] }));
+}
+function TypeChip({ type }) {
+    const c = chipColor(type);
+    return ((0, jsx_runtime_1.jsx)("span", { className: "p3-cl-chip", style: { background: c.bg, color: c.fg }, children: type }));
+}
+function Spinner({ size = 20 }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", style: { animation: "p3-spin 0.8s linear infinite" }, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", strokeDasharray: "50 20", strokeLinecap: "round", opacity: 0.3 }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", strokeDasharray: "15 55", strokeLinecap: "round" })] }));
+}
+//# sourceMappingURL=changelog.js.map

package/dist/changelog.js.map

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

package/dist/context.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+export type P3Fetcher = (url: string, init: RequestInit) => Promise<Response>;
+export interface TaskP3Theme {
+    primaryColor?: string;
+    primaryHoverColor?: string;
+    textOnPrimary?: string;
+    fontFamily?: string;
+    borderRadius?: number;
+    zIndex?: number;
+    panelWidth?: number;
+}
+export interface TaskP3ContextValue {
+    apiUrl: string;
+    theme: Required<TaskP3Theme>;
+    getHeaders?: () => Record<string, string> | Promise<Record<string, string>>;
+    fetcher: P3Fetcher;
+}
+export interface TaskP3ProviderProps {
+    /** Full URL where createTriageRouter is mounted, e.g. "https://app.example.com/api/triage" */
+    apiUrl?: string;
+    /** @deprecated Use `apiUrl` instead. */
+    basePath?: string;
+    /** Visual customisation */
+    theme?: TaskP3Theme;
+    /** Optional fn that returns extra headers (e.g. Authorization) for every request */
+    getHeaders?: () => Record<string, string> | Promise<Record<string, string>>;
+    /** Optional custom fetch implementation. Receives the same args as native `fetch`. Defaults to `globalThis.fetch` with `credentials: "same-origin"`. */
+    fetcher?: P3Fetcher;
+    children: React.ReactNode;
+}
+export declare function TaskP3Provider({ apiUrl, basePath, theme, getHeaders, fetcher, children, }: TaskP3ProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTaskP3Context(): TaskP3ContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE9E,MAAM,WAAW,WAAW;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC5E,OAAO,EAAE,SAAS,CAAC;CACpB;AAeD,MAAM,WAAW,mBAAmB;IAClC,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC5E,wJAAwJ;IACxJ,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,GACT,EAAE,mBAAmB,2CA+DrB;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CASrD"}