anton-bakker-feedback 0.1.0 → 0.2.0

package/README.md

@@ -0,0 +1,78 @@
+# anton-bakker-feedback
+
+Zero-dependency feedback collection package with LLM-powered dialogue intake, auto-capture, classification, and observability.
+
+## Exports
+
+| Entry point | Purpose |
+|-------------|---------|
+| `anton-bakker-feedback` | Core: types, capture, transport, config, i18n, observability |
+| `anton-bakker-feedback/react` | Widget: FeedbackProvider, FeedbackPanel, FeedbackButton, etc. |
+| `anton-bakker-feedback/react/admin` | Admin pages: List, Detail, Update |
+| `anton-bakker-feedback/server` | Server handlers: DynamoDB + Bedrock factories |
+| `anton-bakker-feedback/manifest` | Package manifest for plugin discovery |
+
+## Admin Pages
+
+The `./react/admin` entry point provides three headless page-level components for managing submitted feedback. Components are unstyled — pass `className` props to integrate with Tailwind CSS or any other CSS framework.
+
+### Import
+
+```typescript
+import {
+  FeedbackListPage,
+  FeedbackDetailPage,
+  FeedbackUpdatePage,
+} from 'anton-bakker-feedback/react/admin';
+```
+
+Admin pages are tree-shakeable. Apps that import only from `./react` (the widget) do not bundle admin page code.
+
+### Props contract
+
+All three pages use **Inversion of Control** — you provide the data and navigation functions; the component provides the UI structure.
+
+| Prop | Type | Used by | Description |
+|------|------|---------|-------------|
+| `items` | `StoredFeedbackItem[]` | List | Feedback items to display |
+| `loading` | `boolean` | List | Show loading state |
+| `fetchItem` | `(id: string) => Promise<StoredFeedbackItem>` | Detail, Update | Load a single item |
+| `updateItem` | `(id: string, patch: Partial<StoredFeedbackItem>) => Promise<void>` | Update | Persist changes |
+| `onNavigate` | `(path: string) => void` | All | Consumer-owned routing |
+| `currentUser` | `{ userId: string; name?: string }` | All (optional) | For assignee display |
+| `className` | `string` | All (optional) | Root element class |
+| `feedbackId` | `string` | Detail, Update | Item to load/edit |
+
+### Minimal example
+
+```tsx
+import { FeedbackListPage } from 'anton-bakker-feedback/react/admin';
+
+export function AdminFeedbackRoute({ items, loading }) {
+  return (
+    <FeedbackListPage
+      items={items}
+      loading={loading}
+      onNavigate={(path) => router.push(path)}
+      className="my-admin-list"
+    />
+  );
+}
+```
+
+### Error handling
+
+Components handle loading and empty-state UI internally. Data fetch errors should be caught in your `fetchItem`/`updateItem` implementations and surfaced via your consumer-level error boundary.
+
+## Development
+
+```bash
+npm install
+npm run build        # Build all entry points
+npx vitest run       # Run tests
+npx tsc --noEmit     # Type check
+```
+
+## License
+
+MIT

package/dist/react/admin/FeedbackDetailPage.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { FeedbackDetailPageProps } from './types.js';
+
+/**
+ * FeedbackDetailPage — headless single-item feedback detail component.
+ *
+ * Uses Inversion of Control: consumer provides data fetching and navigation
+ * via props. The component owns loading/error state and rendering logic only.
+ *
+ * Renders:
+ * - Header: title (content truncated), type badge, status badge, priority
+ * - Metadata grid: environment, submitted date, reporter count, assignee
+ * - Description / full content
+ * - Dialogue history (conversation turns)
+ * - Screenshot viewer
+ * - Browser context
+ * - Quick actions (status transitions, edit, back to list)
+ *
+ * No styling applied — consumer provides CSS via `className` prop.
+ *
+ * @example
+ * <FeedbackDetailPage
+ *   feedbackId="FB-2026-07-28-abc12345"
+ *   fetchItem={(id) => api.getFeedback(id)}
+ *   onNavigate={(path) => router.push(path)}
+ *   currentUser={{ userId: 'user-1', name: 'Alice' }}
+ * />
+ */
+export declare function FeedbackDetailPage({ feedbackId, fetchItem, onNavigate, currentUser, className, generateScreenshotUrl, }: FeedbackDetailPageProps): React.JSX.Element;
+//# sourceMappingURL=FeedbackDetailPage.d.ts.map

package/dist/react/admin/FeedbackDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackDetailPage.d.ts","sourceRoot":"","sources":["../../../src/react/admin/FeedbackDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAQ1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAS,EACT,qBAAqB,GACtB,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiP7C"}

package/dist/react/admin/FeedbackUpdatePage.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { StoredFeedbackItem } from '../../core/types.js';
+
+export interface FeedbackUpdatePageProps {
+    /** The ID of the feedback item to edit */
+    feedbackId: string;
+    /** Fetches the item by ID; result populates the form */
+    fetchItem: (id: string) => Promise<StoredFeedbackItem>;
+    /** Persists the changed fields; receives only the diff-patch */
+    updateItem: (id: string, patch: Partial<StoredFeedbackItem>) => Promise<void>;
+    /** Called to navigate (back to detail, cancel, after save) */
+    onNavigate: (path: string) => void;
+    /** Optional current user for "Assign to me" and correction tracking */
+    currentUser?: {
+        userId: string;
+        name?: string;
+    };
+    /** Optional CSS class on the root element */
+    className?: string;
+}
+/**
+ * FeedbackUpdatePage — edit the mutable fields of a feedback item.
+ *
+ * @example
+ * <FeedbackUpdatePage
+ *   feedbackId="FB-2026-07-28-abc12345"
+ *   fetchItem={api.getItem}
+ *   updateItem={api.updateItem}
+ *   onNavigate={navigate}
+ *   currentUser={{ userId: 'user-123' }}
+ * />
+ */
+export declare function FeedbackUpdatePage({ feedbackId, fetchItem, updateItem, onNavigate, currentUser, className, }: FeedbackUpdatePageProps): React.JSX.Element;
+//# sourceMappingURL=FeedbackUpdatePage.d.ts.map

package/dist/react/admin/FeedbackUpdatePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackUpdatePage.d.ts","sourceRoot":"","sources":["../../../src/react/admin/FeedbackUpdatePage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EACV,kBAAkB,EAMnB,MAAM,qBAAqB,CAAC;AAQ7B,MAAM,WAAW,uBAAuB;IACtC,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,gEAAgE;IAChE,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,8DAA8D;IAC9D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,WAAW,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqQ7C"}

package/dist/react/admin/__tests__/FeedbackDetailPage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FeedbackDetailPage.test.d.ts.map

package/dist/react/admin/__tests__/FeedbackDetailPage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackDetailPage.test.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/__tests__/FeedbackDetailPage.test.tsx"],"names":[],"mappings":""}

package/dist/react/admin/__tests__/FeedbackUpdatePage.integration.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FeedbackUpdatePage.integration.test.d.ts.map

package/dist/react/admin/__tests__/FeedbackUpdatePage.integration.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackUpdatePage.integration.test.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/__tests__/FeedbackUpdatePage.integration.test.tsx"],"names":[],"mappings":""}

package/dist/react/admin/__tests__/FeedbackUpdatePage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FeedbackUpdatePage.test.d.ts.map

package/dist/react/admin/__tests__/FeedbackUpdatePage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackUpdatePage.test.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/__tests__/FeedbackUpdatePage.test.tsx"],"names":[],"mappings":""}

package/dist/react/admin/components/BrowserContext.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { FeedbackContext } from '../../../core/types.js';
+
+/**
+ * Props for the BrowserContext component.
+ */
+export interface BrowserContextProps {
+    /**
+     * The feedback context object captured at submission time.
+     * May be undefined, null, or partial — component handles all missing fields
+     * gracefully.
+     *
+     * Accept both `null` and `undefined` so consumers can pass either without
+     * TypeScript errors (with exactOptionalPropertyTypes enabled).
+     */
+    context?: FeedbackContext | null;
+    /** Additional CSS class names applied to the root element */
+    className?: string;
+}
+/**
+ * BrowserContext — headless browser context display component.
+ *
+ * Renders a structured, readable summary of the captured browser context
+ * including the page URL, user agent, and viewport dimensions. Handles
+ * undefined/null gracefully. No styling applied — consumer provides CSS
+ * via `className` prop.
+ *
+ * @example
+ * <BrowserContext context={item.context} className="browser-context-panel" />
+ */
+export declare function BrowserContext({ context, className, }: BrowserContextProps): React.JSX.Element;
+//# sourceMappingURL=BrowserContext.d.ts.map

package/dist/react/admin/components/BrowserContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserContext.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/BrowserContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkEzC"}

package/dist/react/admin/components/DataTable.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+
+/**
+ * Configuration for a single column in the DataTable.
+ */
+export interface ColumnDef<T> {
+    /** Unique key for this column */
+    key: string;
+    /** Column header label */
+    header: string;
+    /** Function to render cell content from a row item */
+    render: (item: T) => React.ReactNode;
+    /** Whether this column is sortable (optional, for future use) */
+    sortable?: boolean;
+    /** Additional CSS class names for this column's cells */
+    className?: string;
+}
+/**
+ * Props for the DataTable component.
+ */
+export interface DataTableProps<T> {
+    /** Column definitions */
+    columns: ReadonlyArray<ColumnDef<T>>;
+    /** Data rows to display */
+    data: T[];
+    /** Function to extract a unique key from each row */
+    getRowKey: (item: T) => string;
+    /** Callback fired when a row is clicked */
+    onRowClick?: (item: T) => void;
+    /** Whether the table is loading data */
+    loading?: boolean;
+    /** Message to display when there are no rows */
+    emptyMessage?: string;
+    /** Additional CSS class names on the root element */
+    className?: string;
+    /** Additional CSS class names on the table element */
+    tableClassName?: string;
+}
+/**
+ * DataTable — generic headless data table component.
+ *
+ * Renders a `<table>` with configurable columns and rows.
+ * Supports loading state, empty state, and row click handlers.
+ * No styles applied — consumer provides styling via `className` props.
+ *
+ * @example
+ * <DataTable
+ *   columns={[{ key: 'title', header: 'Title', render: (item) => item.title }]}
+ *   data={items}
+ *   getRowKey={(item) => item.id}
+ *   onRowClick={(item) => navigate(`/feedback/${item.id}`)}
+ * />
+ */
+export declare function DataTable<T>({ columns, data, getRowKey, onRowClick, loading, emptyMessage, className, tableClassName, }: DataTableProps<T>): React.JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/react/admin/components/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,yBAAyB;IACzB,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,2BAA2B;IAC3B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,qDAAqD;IACrD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,UAAU,EACV,OAAe,EACf,YAAgC,EAChC,SAAS,EACT,cAAc,GACf,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+DvC"}

package/dist/react/admin/components/DialogueHistory.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { DialogueEntry } from '../../../core/types.js';
+
+/**
+ * Props for the DialogueHistory component.
+ */
+export interface DialogueHistoryProps {
+    /**
+     * Array of dialogue turns between user and assistant.
+     * Rendered in chronological order (index 0 first).
+     */
+    dialogue: DialogueEntry[];
+    /** Additional CSS class names applied to the root element */
+    className?: string;
+}
+/**
+ * DialogueHistory — headless conversation thread display component.
+ *
+ * Renders dialogue turns in chronological order with semantic distinction
+ * between user and assistant messages. No styling applied — consumer provides
+ * CSS via `className` prop.
+ *
+ * @example
+ * <DialogueHistory dialogue={item.dialogueHistory} className="dialogue-thread" />
+ */
+export declare function DialogueHistory({ dialogue, className, }: DialogueHistoryProps): React.JSX.Element;
+//# sourceMappingURL=DialogueHistory.d.ts.map

package/dist/react/admin/components/DialogueHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogueHistory.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/DialogueHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqE1C"}

package/dist/react/admin/components/EditableFields.d.ts

@@ -0,0 +1,126 @@
+import { default as React } from 'react';
+import { FeedbackStatus, FeedbackType, FeedbackScope, FeedbackSize } from '../../../core/types.js';
+
+export interface StatusSelectProps {
+    /** The current status (pre-selected) */
+    currentStatus: FeedbackStatus;
+    /** Valid target statuses (from useStatusTransition) */
+    allowedTargets: FeedbackStatus[];
+    /** Currently selected value */
+    value: FeedbackStatus;
+    /** Called when the user selects a different status */
+    onChange: (status: FeedbackStatus) => void;
+    /** Optional CSS class on the container */
+    className?: string;
+}
+/**
+ * StatusSelect — renders only the statuses present in `allowedTargets`.
+ * The current status is shown as the pre-selected option but is NOT
+ * included in the selectable options (to prevent self-transitions).
+ */
+export declare function StatusSelect({ currentStatus, allowedTargets, value, onChange, className, }: StatusSelectProps): React.JSX.Element;
+export interface TypeSelectProps {
+    /** Currently selected type */
+    value: FeedbackType;
+    /** Called when the user selects a different type */
+    onChange: (type: FeedbackType) => void;
+    /** Optional CSS class on the container */
+    className?: string;
+}
+/**
+ * TypeSelect — renders all four FeedbackType values as options.
+ */
+export declare function TypeSelect({ value, onChange, className, }: TypeSelectProps): React.JSX.Element;
+export interface ScopeSelectProps {
+    /** Currently selected scope (undefined = not set) */
+    value: FeedbackScope | undefined;
+    /** Called when the user selects/clears scope */
+    onChange: (scope: FeedbackScope | undefined) => void;
+    /** Optional CSS class on the container */
+    className?: string;
+}
+/**
+ * ScopeSelect — renders a blank "— not set —" option plus all three FeedbackScope values.
+ * Scope is optional, so the blank option allows clearing it.
+ */
+export declare function ScopeSelect({ value, onChange, className, }: ScopeSelectProps): React.JSX.Element;
+export interface SizeSelectProps {
+    /** Currently selected size (undefined = not set) */
+    value: FeedbackSize | undefined;
+    /** Called when the user selects/clears size */
+    onChange: (size: FeedbackSize | undefined) => void;
+    /** Optional CSS class on the container */
+    className?: string;
+}
+/**
+ * SizeSelect — renders a blank "— not set —" option plus all four FeedbackSize values.
+ * Size is optional, so the blank option allows clearing it.
+ */
+export declare function SizeSelect({ value, onChange, className, }: SizeSelectProps): React.JSX.Element;
+export interface AssigneeInputProps {
+    /** Current assignee (free text, or undefined) */
+    value: string | undefined;
+    /** Called when the assignee changes */
+    onChange: (assignedTo: string | undefined) => void;
+    /** Optional current user for "Assign to me" shortcut */
+    currentUser?: {
+        userId: string;
+        name?: string;
+    };
+    /** Optional CSS class on the container */
+    className?: string;
+}
+/**
+ * AssigneeInput — free-text input for assigning a feedback item.
+ * When `currentUser` is provided, an "Assign to me" button pre-fills the field.
+ */
+export declare function AssigneeInput({ value, onChange, currentUser, className, }: AssigneeInputProps): React.JSX.Element;
+export interface TagsInputProps {
+    /** Current tags as a string array */
+    value: string[];
+    /** Called with the parsed tag array when the input changes */
+    onChange: (tags: string[]) => void;
+    /** Optional CSS class on the container */
+    className?: string;
+}
+/**
+ * TagsInput — comma-separated text input that produces a string[] value.
+ * Parses on each change: splits on commas, trims whitespace, removes empty strings.
+ */
+export declare function TagsInput({ value, onChange, className, }: TagsInputProps): React.JSX.Element;
+export interface CorrectionNoteProps {
+    /** Current correction note text */
+    value: string;
+    /** Called when the text changes */
+    onChange: (note: string) => void;
+    /**
+     * When true, the textarea is required — form save is blocked until
+     * the note is non-empty (enforced by FeedbackUpdatePage).
+     */
+    required: boolean;
+    /** Optional CSS class on the container */
+    className?: string;
+}
+/**
+ * CorrectionNote — textarea for explaining why a classification field changed.
+ * Rendered only when a classification field (type, scope, size) has changed.
+ * When `required` is true, sets aria-required="true".
+ */
+export declare function CorrectionNote({ value, onChange, required, className, }: CorrectionNoteProps): React.JSX.Element;
+/**
+ * EditableFields — namespace of form-field components for FeedbackUpdatePage.
+ *
+ * Usage:
+ *   import { EditableFields } from './components/EditableFields.js';
+ *   <EditableFields.StatusSelect ... />
+ */
+export declare const EditableFields: {
+    readonly StatusSelect: typeof StatusSelect;
+    readonly TypeSelect: typeof TypeSelect;
+    readonly ScopeSelect: typeof ScopeSelect;
+    readonly SizeSelect: typeof SizeSelect;
+    readonly AssigneeInput: typeof AssigneeInput;
+    readonly TagsInput: typeof TagsInput;
+    readonly CorrectionNote: typeof CorrectionNote;
+};
+//# sourceMappingURL=EditableFields.d.ts.map

package/dist/react/admin/components/EditableFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableFields.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/EditableFields.tsx"],"names":[],"mappings":"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"}

package/dist/react/admin/components/FeedbackListPage.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { FeedbackListPageProps } from '../types.js';
+
+export type { FeedbackListPageProps };
+/**
+ * FeedbackListPage — admin list page for browsing and filtering feedback items.
+ *
+ * Headless/unstyled component using Inversion of Control pattern.
+ * Consumer provides data via `items` prop; this component manages
+ * filter and sort state internally.
+ *
+ * @example
+ * <FeedbackListPage
+ *   items={myItems}
+ *   onNavigate={(path) => router.push(path)}
+ * />
+ */
+export declare function FeedbackListPage({ items, loading, onNavigate, className, tableClassName, filterClassName, emptyStateMessage, }: FeedbackListPageProps): React.JSX.Element;
+//# sourceMappingURL=FeedbackListPage.d.ts.map

package/dist/react/admin/components/FeedbackListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackListPage.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/FeedbackListPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAQzD,YAAY,EAAE,qBAAqB,EAAE,CAAC;AA4CtC;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAe,EACf,UAAU,EACV,SAAS,EACT,cAAc,EACd,eAAe,EACf,iBAA8C,GAC/C,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0L3C"}

package/dist/react/admin/components/FeedbackListPage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FeedbackListPage.test.d.ts.map

package/dist/react/admin/components/FeedbackListPage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackListPage.test.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/FeedbackListPage.test.tsx"],"names":[],"mappings":""}

package/dist/react/admin/components/FilterControls.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { AdminFilterState } from '../types.js';
+
+/**
+ * Props for the FilterControls component.
+ */
+export interface FilterControlsProps {
+    /** Current filter state */
+    filters: AdminFilterState;
+    /** Callback fired when any filter value changes */
+    onChange: (filters: AdminFilterState) => void;
+    /** Additional CSS class names */
+    className?: string;
+}
+/**
+ * FilterControls — headless filtering controls for feedback items.
+ *
+ * Renders `<select>` elements for status, type, and environment filters.
+ * No direct state management — emits changes via `onChange` callback.
+ *
+ * @example
+ * <FilterControls
+ *   filters={{ status: '', type: '', environment: '' }}
+ *   onChange={(f) => setFilters(f)}
+ * />
+ */
+export declare function FilterControls({ filters, onChange, className }: FilterControlsProps): React.JSX.Element;
+//# sourceMappingURL=FilterControls.d.ts.map

package/dist/react/admin/components/FilterControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterControls.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/FilterControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,mDAAmD;IACnD,QAAQ,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgFvG"}

package/dist/react/admin/components/NavigationLink.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+
+/**
+ * Props for the NavigationLink component.
+ */
+export interface NavigationLinkProps {
+    /** The path to navigate to when clicked */
+    path: string;
+    /** Callback that receives the path on click (consumer owns routing) */
+    onNavigate: (path: string) => void;
+    /** Content to render inside the link element */
+    children: React.ReactNode;
+    /** Additional CSS class names */
+    className?: string;
+    /** Optional aria-label for accessibility */
+    'aria-label'?: string;
+}
+/**
+ * NavigationLink — headless navigation element using Inversion of Control.
+ *
+ * Renders a `<button>` element that calls `onNavigate(path)` on click.
+ * Does NOT use `<a href>` to remain framework-agnostic.
+ * Consumer owns routing — this component just signals the desired destination.
+ *
+ * @example
+ * <NavigationLink path="/feedback/123" onNavigate={navigate}>
+ *   View detail
+ * </NavigationLink>
+ */
+export declare function NavigationLink({ path, onNavigate, children, className, 'aria-label': ariaLabel, }: NavigationLinkProps): React.JSX.Element;
+//# sourceMappingURL=NavigationLink.d.ts.map

package/dist/react/admin/components/NavigationLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLink.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/NavigationLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gDAAgD;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuBzC"}

package/dist/react/admin/components/QuickActions.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { StoredFeedbackItem } from '../../../core/types.js';
+
+/**
+ * Props for the QuickActions component.
+ */
+export interface QuickActionsProps {
+    /** The feedback item to act on */
+    item: StoredFeedbackItem;
+    /**
+     * Called when a status transition is requested.
+     * Consumer owns the data mutation.
+     */
+    updateItem: (id: string, patch: Partial<StoredFeedbackItem>) => Promise<void>;
+    /** Called when a navigation action is triggered */
+    onNavigate: (path: string) => void;
+    /** Optional current user for displaying user-specific actions */
+    currentUser?: {
+        userId: string;
+        name?: string;
+    };
+    /** Additional CSS class names applied to the root element */
+    className?: string;
+}
+/**
+ * QuickActions — headless action button group for common feedback operations.
+ *
+ * Renders status transition buttons based on allowed transitions for the
+ * current status, plus navigation buttons for editing and returning to the list.
+ * Buttons are disabled during async update operations. No styling applied —
+ * consumer provides CSS via `className` prop.
+ *
+ * @example
+ * <QuickActions
+ *   item={feedbackItem}
+ *   updateItem={updateItem}
+ *   onNavigate={navigate}
+ *   currentUser={currentUser}
+ *   className="quick-actions-bar"
+ * />
+ */
+export declare function QuickActions({ item, updateItem, onNavigate, className, }: QuickActionsProps): React.JSX.Element;
+//# sourceMappingURL=QuickActions.d.ts.map

package/dist/react/admin/components/QuickActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/QuickActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,kBAAkB,EAAkB,MAAM,wBAAwB,CAAC;AAuBjF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,IAAI,EAAE,kBAAkB,CAAC;IACzB;;;OAGG;IACH,UAAU,EAAE,CACV,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAC/B,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,mDAAmD;IACnD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iEAAiE;IACjE,WAAW,CAAC,EAAE;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+EvC"}

package/dist/react/admin/components/ScreenshotViewer.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+
+/**
+ * Props for the ScreenshotViewer component.
+ */
+export interface ScreenshotViewerProps {
+    /**
+     * S3 key for the screenshot. When provided, `generateScreenshotUrl` is
+     * called to obtain a display URL. When absent or null, a fallback message
+     * is shown.
+     */
+    screenshotS3Key?: string | null;
+    /**
+     * Consumer-provided function that resolves an S3 key to a displayable URL.
+     * If not provided and a key exists, a configuration hint is shown.
+     */
+    generateScreenshotUrl?: (s3Key: string) => Promise<string>;
+    /** Alt text for the screenshot image. Defaults to "Feedback screenshot". */
+    alt?: string;
+    /** Additional CSS class names applied to the root element */
+    className?: string;
+}
+/**
+ * ScreenshotViewer — headless screenshot display component.
+ *
+ * Displays a screenshot image with accessibility attributes. Degrades
+ * gracefully when no screenshot is available or the URL resolver is not
+ * configured. No styling applied — consumer provides CSS via `className` prop.
+ *
+ * @example
+ * <ScreenshotViewer
+ *   screenshotS3Key={item.screenshotS3Key}
+ *   generateScreenshotUrl={myUrlResolver}
+ *   className="screenshot-panel"
+ * />
+ */
+export declare function ScreenshotViewer({ screenshotS3Key, generateScreenshotUrl, alt, className, }: ScreenshotViewerProps): React.JSX.Element;
+//# sourceMappingURL=ScreenshotViewer.d.ts.map

package/dist/react/admin/components/ScreenshotViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenshotViewer.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/components/ScreenshotViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3D,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,qBAAqB,EACrB,GAA2B,EAC3B,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkE3C"}