anton-bakker-feedback 0.1.0 → 0.3.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,12 @@
+import { FeedbackDetailPageProps } from './types.js';
+/**
+ * FeedbackDetailPage.tsx
+ * Location: src/react/admin/FeedbackDetailPage.tsx
+ *
+ * Admin detail page for viewing a single feedback item.
+ * Uses DetailPage + DetailSection + DetailRow from anton-bakker-tailwind-components.
+ */
+import * as React from 'react';
+declare const FeedbackDetailPage: React.ForwardRefExoticComponent<FeedbackDetailPageProps & React.RefAttributes<HTMLDivElement>>;
+export { FeedbackDetailPage };
+//# 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;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAG1D,QAAA,MAAM,kBAAkB,gGAoGvB,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,20 @@
+import { FeedbackStatus, FeedbackType } from '../../core/types.js';
+import { FeedbackListPageProps } from './types.js';
+/**
+ * FeedbackListPage.tsx
+ * Location: src/react/admin/FeedbackListPage.tsx
+ *
+ * Admin list page for browsing and filtering feedback items.
+ * Thin wrapper around ListPage from anton-bakker-tailwind-components
+ * for visual consistency with sagrosoft20.
+ */
+import * as React from 'react';
+declare function StatusBadge({ status }: {
+    status: FeedbackStatus;
+}): React.JSX.Element;
+declare function TypeBadge({ type }: {
+    type: FeedbackType;
+}): React.JSX.Element;
+declare const FeedbackListPage: React.ForwardRefExoticComponent<FeedbackListPageProps & React.RefAttributes<HTMLDivElement>>;
+export { FeedbackListPage, StatusBadge, TypeBadge };
+//# sourceMappingURL=FeedbackListPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackListPage.d.ts","sourceRoot":"","sources":["../../../src/react/admin/FeedbackListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAsB,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAiBxD,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,cAAc,CAAA;CAAE,qBAE1D;AAED,iBAAS,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,qBAElD;AAED,QAAA,MAAM,gBAAgB,8FA0FrB,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,12 @@
+import { FeedbackUpdatePageProps } from './types.js';
+/**
+ * FeedbackUpdatePage.tsx
+ * Location: src/react/admin/FeedbackUpdatePage.tsx
+ *
+ * Admin update page for editing mutable fields of a feedback item.
+ * Uses UpdatePage + EnumField + TextField + TextareaField from anton-bakker-tailwind-components.
+ */
+import * as React from 'react';
+declare const FeedbackUpdatePage: React.ForwardRefExoticComponent<FeedbackUpdatePageProps & React.RefAttributes<HTMLDivElement>>;
+export { FeedbackUpdatePage };
+//# 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,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAiC1D,QAAA,MAAM,kBAAkB,gGAiMvB,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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__/FeedbackListPage.test.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackListPage.test.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/__tests__/FeedbackListPage.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/hooks/useStatusTransition.d.ts

@@ -0,0 +1,18 @@
+import { FeedbackStatus } from '../../../core/types.js';
+
+export interface UseStatusTransitionResult {
+    /** Statuses reachable from the current status (current status excluded) */
+    allowedTargets: FeedbackStatus[];
+}
+/**
+ * Returns the allowed target statuses from the given current status.
+ *
+ * @param currentStatus - The status the item currently has
+ * @returns Object with `allowedTargets` — statuses the item can transition to
+ *
+ * @example
+ * const { allowedTargets } = useStatusTransition('open');
+ * // allowedTargets → ['approved', 'deferred', 'wontfix']
+ */
+export declare function useStatusTransition(currentStatus: FeedbackStatus): UseStatusTransitionResult;
+//# sourceMappingURL=useStatusTransition.d.ts.map

package/dist/react/admin/hooks/useStatusTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatusTransition.d.ts","sourceRoot":"","sources":["../../../../src/react/admin/hooks/useStatusTransition.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAc7D,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,cAAc,EAAE,cAAc,EAAE,CAAC;CAClC;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,cAAc,GAAG,yBAAyB,CAG5F"}

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

@@ -0,0 +1,7 @@
+export { FeedbackListPage, StatusBadge, TypeBadge } from './FeedbackListPage.js';
+export { FeedbackDetailPage } from './FeedbackDetailPage.js';
+export { FeedbackUpdatePage } from './FeedbackUpdatePage.js';
+export { useStatusTransition } from './hooks/useStatusTransition.js';
+export type { AdminPageProps, FeedbackListPageProps, FeedbackDetailPageProps, FeedbackUpdatePageProps, } from './types.js';
+export type { StoredFeedbackItem, FeedbackStatus, FeedbackType, FeedbackScope, FeedbackSize, FeedbackEnvironment, Reporter, DialogueEntry, CorrectionEntry, FeedbackContext, } from '../../core/types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/admin/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAGrE,YAAY,EACV,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AAGpB,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

package/dist/react/admin/index.js

@@ -0,0 +1,406 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { ListPage, Badge, DetailPage, Button, DetailSection, DetailRow, UpdatePage, EnumField, TextField, TextareaField, SaveFooter } from "anton-bakker-tailwind-components";
+const STATUS_VARIANT = {
+  open: "warning",
+  approved: "default",
+  deferred: "secondary",
+  resolved: "success",
+  wontfix: "destructive"
+};
+const TYPE_VARIANT = {
+  bug: "destructive",
+  feature: "default",
+  ux: "warning",
+  other: "secondary"
+};
+function StatusBadge({ status }) {
+  return /* @__PURE__ */ jsx(Badge, { variant: STATUS_VARIANT[status] ?? "secondary", children: status });
+}
+function TypeBadge({ type }) {
+  return /* @__PURE__ */ jsx(Badge, { variant: TYPE_VARIANT[type] ?? "secondary", children: type });
+}
+const FeedbackListPage = React.forwardRef(
+  ({ items, loading = false, onNavigate, className, emptyStateMessage, currentUser, ...rest }, ref) => {
+    const [search, setSearch] = React.useState("");
+    const [statusFilter, setStatusFilter] = React.useState("");
+    const [typeFilter, setTypeFilter] = React.useState("");
+    const filteredItems = React.useMemo(() => {
+      let result = items;
+      if (statusFilter) result = result.filter((i) => i.status === statusFilter);
+      if (typeFilter) result = result.filter((i) => i.type === typeFilter);
+      if (search) {
+        const q = search.toLowerCase();
+        result = result.filter((i) => i.content?.toLowerCase().includes(q) || i.id.toLowerCase().includes(q));
+      }
+      return result;
+    }, [items, statusFilter, typeFilter, search]);
+    const columns = React.useMemo(() => [
+      { header: "Content", accessor: (row) => row.content?.slice(0, 60) || row.id, sortable: true },
+      { header: "Type", accessor: (row) => /* @__PURE__ */ jsx(TypeBadge, { type: row.type }), sortable: true },
+      { header: "Status", accessor: (row) => /* @__PURE__ */ jsx(StatusBadge, { status: row.status }), sortable: true },
+      { header: "Priority", accessor: "priority", sortable: true },
+      { header: "Reporters", accessor: "reporterCount", sortable: true },
+      {
+        header: "Date",
+        accessor: (row) => row.submittedAt ? new Date(row.submittedAt).toLocaleDateString() : "—",
+        sortable: true
+      }
+    ], []);
+    const filterBar = statusFilter || typeFilter ? {
+      filters: [
+        ...statusFilter ? [{ field: "status", label: `Status: ${statusFilter}`, value: statusFilter }] : [],
+        ...typeFilter ? [{ field: "type", label: `Type: ${typeFilter}`, value: typeFilter }] : []
+      ],
+      onFilterRemove: (field) => {
+        if (field === "status") setStatusFilter("");
+        if (field === "type") setTypeFilter("");
+      },
+      onFiltersClear: () => {
+        setStatusFilter("");
+        setTypeFilter("");
+      }
+    } : void 0;
+    const headerActions = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: statusFilter,
+          onChange: (e) => setStatusFilter(e.target.value),
+          className: "h-8 rounded-md border border-border bg-transparent px-2 text-sm",
+          "aria-label": "Filter by status",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "All statuses" }),
+            /* @__PURE__ */ jsx("option", { value: "open", children: "Open" }),
+            /* @__PURE__ */ jsx("option", { value: "approved", children: "Approved" }),
+            /* @__PURE__ */ jsx("option", { value: "deferred", children: "Deferred" }),
+            /* @__PURE__ */ jsx("option", { value: "resolved", children: "Resolved" }),
+            /* @__PURE__ */ jsx("option", { value: "wontfix", children: "Won't fix" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: typeFilter,
+          onChange: (e) => setTypeFilter(e.target.value),
+          className: "h-8 rounded-md border border-border bg-transparent px-2 text-sm",
+          "aria-label": "Filter by type",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "All types" }),
+            /* @__PURE__ */ jsx("option", { value: "bug", children: "Bug" }),
+            /* @__PURE__ */ jsx("option", { value: "feature", children: "Feature" }),
+            /* @__PURE__ */ jsx("option", { value: "ux", children: "UX" }),
+            /* @__PURE__ */ jsx("option", { value: "other", children: "Other" })
+          ]
+        }
+      )
+    ] });
+    const listProps = {
+      title: "Feedback",
+      columns,
+      items: filteredItems,
+      loading,
+      onRowClick: (row) => onNavigate(`/feedback/${row.id}`),
+      search,
+      onSearchChange: setSearch,
+      searchPlaceholder: "Search feedback...",
+      headerActions,
+      testId: "feedback-list-page",
+      ...filterBar ? { filterBar } : {},
+      ...emptyStateMessage ? { emptyState: emptyStateMessage } : {},
+      ...className ? { className } : {}
+    };
+    return /* @__PURE__ */ jsx(ListPage, { ref, ...listProps });
+  }
+);
+FeedbackListPage.displayName = "FeedbackListPage";
+const FeedbackDetailPage = React.forwardRef(
+  ({ feedbackId, fetchItem, onNavigate, currentUser, className }, ref) => {
+    const [item, setItem] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    React.useEffect(() => {
+      let cancelled = false;
+      setLoading(true);
+      setError(null);
+      fetchItem(feedbackId).then((data) => {
+        if (!cancelled) setItem(data);
+      }).catch((err) => {
+        if (!cancelled) setError(err?.message ?? "Failed to load item");
+      }).finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+      return () => {
+        cancelled = true;
+      };
+    }, [feedbackId, fetchItem]);
+    if (error) {
+      return /* @__PURE__ */ jsx("div", { ref, className, children: /* @__PURE__ */ jsx(DetailPage, { title: "Feedback", headerActions: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onNavigate("/feedback"), children: "Back to list" }), children: /* @__PURE__ */ jsx("div", { className: "p-6 text-destructive", children: error }) }) });
+    }
+    const headerActions = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onNavigate("/feedback"), children: "Back to list" }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => onNavigate(`/feedback/${feedbackId}/edit`), children: "Edit" })
+    ] });
+    return /* @__PURE__ */ jsx("div", { ref, className, children: /* @__PURE__ */ jsx(
+      DetailPage,
+      {
+        title: item?.content?.slice(0, 50) || `Feedback ${feedbackId.slice(0, 12)}…`,
+        headerActions,
+        loading,
+        testId: "feedback-detail-page",
+        children: item && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(DetailSection, { title: "Overview", children: [
+            /* @__PURE__ */ jsx(DetailRow, { label: "Status", children: /* @__PURE__ */ jsx(StatusBadge, { status: item.status }) }),
+            /* @__PURE__ */ jsx(DetailRow, { label: "Type", children: /* @__PURE__ */ jsx(TypeBadge, { type: item.type }) }),
+            /* @__PURE__ */ jsx(DetailRow, { label: "Priority", children: item.priority }),
+            /* @__PURE__ */ jsx(DetailRow, { label: "Environment", children: item.environment || "—" }),
+            /* @__PURE__ */ jsx(DetailRow, { label: "Submitted", children: item.submittedAt ? new Date(item.submittedAt).toLocaleString() : "—" }),
+            /* @__PURE__ */ jsx(DetailRow, { label: "Reporters", children: item.reporterCount ?? 1 }),
+            item.assignedTo && /* @__PURE__ */ jsx(DetailRow, { label: "Assigned to", children: item.assignedTo }),
+            item.scope && /* @__PURE__ */ jsx(DetailRow, { label: "Scope", children: /* @__PURE__ */ jsx(Badge, { variant: "outline", children: item.scope }) }),
+            item.size && /* @__PURE__ */ jsx(DetailRow, { label: "Size", children: /* @__PURE__ */ jsx(Badge, { variant: "outline", children: item.size }) })
+          ] }),
+          /* @__PURE__ */ jsx(DetailSection, { title: "Content", children: /* @__PURE__ */ jsx(DetailRow, { label: "Description", children: /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap", children: item.content }) }) }),
+          item.dialogueHistory && item.dialogueHistory.length > 0 && /* @__PURE__ */ jsx(DetailSection, { title: "Dialogue History", collapsible: true, defaultOpen: false, children: item.dialogueHistory.map((entry, i) => /* @__PURE__ */ jsxs(DetailRow, { label: entry.role === "user" ? "User" : "Assistant", children: [
+            /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-sm", children: entry.content }),
+            entry.timestamp && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: new Date(entry.timestamp).toLocaleString() })
+          ] }, i)) }),
+          item.context && /* @__PURE__ */ jsxs(DetailSection, { title: "Browser Context", collapsible: true, defaultOpen: false, children: [
+            item.context.url && /* @__PURE__ */ jsx(DetailRow, { label: "URL", children: item.context.url }),
+            item.context.userAgent && /* @__PURE__ */ jsx(DetailRow, { label: "User Agent", children: item.context.userAgent }),
+            item.context.viewport && /* @__PURE__ */ jsx(DetailRow, { label: "Viewport", children: `${item.context.viewport.width}×${item.context.viewport.height}` })
+          ] }),
+          item.tags && item.tags.length > 0 && /* @__PURE__ */ jsx(DetailSection, { title: "Tags", children: /* @__PURE__ */ jsx(DetailRow, { label: "Tags", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: item.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "outline", children: tag }, tag)) }) }) })
+        ] })
+      }
+    ) });
+  }
+);
+FeedbackDetailPage.displayName = "FeedbackDetailPage";
+const ALLOWED_TRANSITIONS = {
+  open: ["approved", "deferred", "wontfix"],
+  approved: ["open", "resolved", "deferred"],
+  deferred: ["open", "approved", "wontfix"],
+  resolved: ["open", "approved"],
+  wontfix: ["open", "deferred"]
+};
+function useStatusTransition(currentStatus) {
+  const allowedTargets = ALLOWED_TRANSITIONS[currentStatus] ?? [];
+  return { allowedTargets };
+}
+const STATUS_OPTIONS = [
+  { value: "open", label: "Open" },
+  { value: "approved", label: "Approved" },
+  { value: "deferred", label: "Deferred" },
+  { value: "resolved", label: "Resolved" },
+  { value: "wontfix", label: "Won't Fix" }
+];
+const TYPE_OPTIONS = [
+  { value: "bug", label: "Bug" },
+  { value: "feature", label: "Feature" },
+  { value: "ux", label: "UX Issue" },
+  { value: "other", label: "Other" }
+];
+const SCOPE_OPTIONS = [
+  { value: "", label: "— not set —" },
+  { value: "component", label: "Component" },
+  { value: "page", label: "Page" },
+  { value: "workflow", label: "Workflow" }
+];
+const SIZE_OPTIONS = [
+  { value: "", label: "— not set —" },
+  { value: "trivial", label: "Trivial" },
+  { value: "small", label: "Small" },
+  { value: "medium", label: "Medium" },
+  { value: "large", label: "Large" }
+];
+const FeedbackUpdatePage = React.forwardRef(
+  ({ feedbackId, fetchItem, updateItem, onNavigate, currentUser, className }, ref) => {
+    const [item, setItem] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [saving, setSaving] = React.useState(false);
+    const [status, setStatus] = React.useState("open");
+    const [type, setType] = React.useState("bug");
+    const [scope, setScope] = React.useState("");
+    const [size, setSize] = React.useState("");
+    const [assignedTo, setAssignedTo] = React.useState("");
+    const [tags, setTags] = React.useState("");
+    const [correctionNote, setCorrectionNote] = React.useState("");
+    React.useEffect(() => {
+      let cancelled = false;
+      setLoading(true);
+      fetchItem(feedbackId).then((data) => {
+        if (cancelled) return;
+        setItem(data);
+        setStatus(data.status);
+        setType(data.type);
+        setScope(data.scope ?? "");
+        setSize(data.size ?? "");
+        setAssignedTo(data.assignedTo ?? "");
+        setTags(data.tags?.join(", ") ?? "");
+      }).finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+      return () => {
+        cancelled = true;
+      };
+    }, [feedbackId, fetchItem]);
+    const { allowedTargets } = useStatusTransition(status);
+    const statusOptions = STATUS_OPTIONS.filter(
+      (opt) => opt.value === status || allowedTargets.includes(opt.value)
+    );
+    const classificationChanged = item && (type !== item.type || scope !== (item.scope ?? "") || size !== (item.size ?? ""));
+    const isDirty = item && (status !== item.status || type !== item.type || scope !== (item.scope ?? "") || size !== (item.size ?? "") || assignedTo !== (item.assignedTo ?? "") || tags !== (item.tags?.join(", ") ?? ""));
+    const handleSave = async () => {
+      if (!item) return;
+      setSaving(true);
+      try {
+        const patch = { lastModifiedAt: (/* @__PURE__ */ new Date()).toISOString() };
+        if (status !== item.status) patch.status = status;
+        if (type !== item.type) patch.type = type;
+        if (scope !== (item.scope ?? "")) patch.scope = scope || void 0;
+        if (size !== (item.size ?? "")) patch.size = size || void 0;
+        if (assignedTo !== (item.assignedTo ?? "")) patch.assignedTo = assignedTo || void 0;
+        const newTags = tags.split(",").map((t) => t.trim()).filter(Boolean);
+        if (JSON.stringify(newTags) !== JSON.stringify(item.tags ?? [])) patch.tags = newTags;
+        if (status === "resolved" && item.status !== "resolved") {
+          patch.resolvedAt = (/* @__PURE__ */ new Date()).toISOString();
+          patch.resolvedBy = currentUser?.userId ?? "unknown";
+        }
+        if (classificationChanged && correctionNote) {
+          patch.corrections = [
+            ...item.corrections ?? [],
+            {
+              field: [type !== item.type && "type", scope !== (item.scope ?? "") && "scope", size !== (item.size ?? "") && "size"].filter(Boolean).join(", "),
+              before: { type: item.type, scope: item.scope, size: item.size },
+              after: { type, scope: scope || void 0, size: size || void 0 },
+              correctedBy: currentUser?.userId ?? "unknown",
+              correctedAt: (/* @__PURE__ */ new Date()).toISOString(),
+              reason: correctionNote
+            }
+          ];
+        }
+        await updateItem(feedbackId, patch);
+        onNavigate(`/feedback/${feedbackId}`);
+      } finally {
+        setSaving(false);
+      }
+    };
+    const headerActions = /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onNavigate(`/feedback/${feedbackId}`), children: "Cancel" });
+    return /* @__PURE__ */ jsx("div", { ref, className, children: /* @__PURE__ */ jsx(
+      UpdatePage,
+      {
+        title: `Edit: ${item?.content?.slice(0, 40) || feedbackId.slice(0, 12)}…`,
+        headerActions,
+        dataLoading: loading,
+        actions: /* @__PURE__ */ jsxs(SaveFooter, { dirty: !!isDirty, saving, children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onNavigate(`/feedback/${feedbackId}`), children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleSave,
+              disabled: saving || !isDirty || !!classificationChanged && !correctionNote,
+              children: saving ? "Saving…" : "Save changes"
+            }
+          )
+        ] }),
+        testId: "feedback-update-page",
+        children: item && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border p-4 bg-muted/30", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "Original submission" }),
+            /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-sm", children: item.content }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-3 mt-3 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { children: item.submittedAt ? new Date(item.submittedAt).toLocaleString() : "" }),
+              /* @__PURE__ */ jsx("span", { children: item.environment }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                item.reporterCount ?? 1,
+                " reporter(s)"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx(
+              EnumField,
+              {
+                label: "Status",
+                options: statusOptions,
+                value: status,
+                onChange: (v) => setStatus(v)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              EnumField,
+              {
+                label: "Type",
+                options: TYPE_OPTIONS,
+                value: type,
+                onChange: (v) => setType(v)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              EnumField,
+              {
+                label: "Scope",
+                options: SCOPE_OPTIONS,
+                value: scope,
+                onChange: setScope
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              EnumField,
+              {
+                label: "Size",
+                options: SIZE_OPTIONS,
+                value: size,
+                onChange: setSize
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Assigned to",
+                value: assignedTo,
+                onChange: (e) => setAssignedTo(e.target.value),
+                placeholder: currentUser?.name ?? currentUser?.userId ?? "",
+                ...currentUser ? { description: `You: ${currentUser.name ?? currentUser.userId}` } : {}
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Tags",
+                value: tags,
+                onChange: (e) => setTags(e.target.value),
+                placeholder: "Comma-separated tags",
+                description: "Separate multiple tags with commas"
+              }
+            )
+          ] }),
+          classificationChanged && /* @__PURE__ */ jsx(
+            TextareaField,
+            {
+              label: "Correction note",
+              value: correctionNote,
+              onChange: (e) => setCorrectionNote(e.target.value),
+              required: true,
+              ...!correctionNote ? { error: "Required when changing type, scope, or size" } : {},
+              placeholder: "Explain why this classification is being changed..."
+            }
+          ),
+          item.tags && item.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: item.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "outline", children: tag }, tag)) })
+        ] })
+      }
+    ) });
+  }
+);
+FeedbackUpdatePage.displayName = "FeedbackUpdatePage";
+export {
+  FeedbackDetailPage,
+  FeedbackListPage,
+  FeedbackUpdatePage,
+  StatusBadge,
+  TypeBadge,
+  useStatusTransition
+};
+//# sourceMappingURL=index.js.map