@geenius/feedback 0.1.0 → 0.3.0

package/packages/shared/dist/index.js

@@ -0,0 +1,112 @@
+// src/config.ts
+function configureFeedback(options = {}) {
+  return {
+    floatingWidget: options.floatingWidget ?? true,
+    npsEnabled: options.npsEnabled ?? true,
+    npsInterval: options.npsInterval ?? 7,
+    categories: options.categories ?? ["bug", "feature", "general", "suggestion"],
+    allowAnonymous: options.allowAnonymous ?? true
+  };
+}
+var defaultFeedbackConfig = {
+  floatingWidget: true,
+  npsEnabled: true,
+  npsInterval: 7,
+  categories: ["bug", "feature", "general", "suggestion"],
+  allowAnonymous: true
+};
+
+// src/index.ts
+var STATUS_CONFIG = {
+  open: { label: "Open", color: "oklch(0.65 0.20 245)", emoji: "\u{1F4EC}" },
+  "under-review": { label: "Under Review", color: "oklch(0.72 0.18 60)", emoji: "\u{1F50D}" },
+  planned: { label: "Planned", color: "oklch(0.70 0.22 280)", emoji: "\u{1F4CB}" },
+  "in-progress": { label: "In Progress", color: "oklch(0.65 0.20 265)", emoji: "\u{1F6A7}" },
+  done: { label: "Done", color: "oklch(0.72 0.18 155)", emoji: "\u2705" },
+  declined: { label: "Declined", color: "oklch(0.50 0.10 250)", emoji: "\u{1F6AB}" }
+};
+var PRIORITY_CONFIG = {
+  low: { label: "Low", color: "oklch(0.58 0.10 250)" },
+  medium: { label: "Medium", color: "oklch(0.72 0.18 60)" },
+  high: { label: "High", color: "oklch(0.68 0.22 35)" },
+  critical: { label: "Critical", color: "oklch(0.60 0.25 25)" }
+};
+var TYPE_CONFIG = {
+  bug: { label: "Bug", icon: "\u{1F41B}", color: "oklch(0.60 0.25 25)" },
+  feature: { label: "Feature", icon: "\u2728", color: "oklch(0.70 0.22 280)" },
+  suggestion: { label: "Suggestion", icon: "\u{1F4A1}", color: "oklch(0.72 0.18 60)" },
+  general: { label: "General", icon: "\u{1F4AC}", color: "oklch(0.65 0.20 245)" }
+};
+var FEEDBACK_TYPES = ["bug", "feature", "suggestion", "general"];
+var FEEDBACK_STATUSES = ["open", "under-review", "planned", "in-progress", "done", "declined"];
+var FEEDBACK_PRIORITIES = ["low", "medium", "high", "critical"];
+var STATUS_TRANSITIONS = {
+  open: ["under-review", "planned", "declined"],
+  "under-review": ["planned", "in-progress", "declined"],
+  planned: ["in-progress", "declined"],
+  "in-progress": ["done", "planned"],
+  done: ["open"],
+  declined: ["open"]
+};
+function getStatusTransitions(status) {
+  return STATUS_TRANSITIONS[status] ?? [];
+}
+function getNPSCategory(score) {
+  if (score <= 6) return "detractor";
+  if (score <= 8) return "passive";
+  return "promoter";
+}
+function calcNPSScore(responses) {
+  if (responses.length === 0) return 0;
+  let promoters = 0, detractors = 0;
+  for (const r of responses) {
+    const cat = getNPSCategory(r.score);
+    if (cat === "promoter") promoters++;
+    else if (cat === "detractor") detractors++;
+  }
+  return Math.round((promoters - detractors) / responses.length * 100);
+}
+function calcNPSStats(responses) {
+  let promoters = 0, passives = 0, detractors = 0, totalScore = 0;
+  for (const r of responses) {
+    totalScore += r.score;
+    const cat = getNPSCategory(r.score);
+    if (cat === "promoter") promoters++;
+    else if (cat === "passive") passives++;
+    else detractors++;
+  }
+  return {
+    averageScore: responses.length > 0 ? Math.round(totalScore / responses.length * 10) / 10 : 0,
+    totalResponses: responses.length,
+    promoters,
+    passives,
+    detractors,
+    npsScore: calcNPSScore(responses)
+  };
+}
+function calcFeedbackStats(items) {
+  const byType = { bug: 0, feature: 0, suggestion: 0, general: 0 };
+  const byStatus = { open: 0, "under-review": 0, planned: 0, "in-progress": 0, done: 0, declined: 0 };
+  const byPriority = { low: 0, medium: 0, high: 0, critical: 0 };
+  for (const item of items) {
+    byType[item.type]++;
+    byStatus[item.status]++;
+    byPriority[item.priority]++;
+  }
+  return { total: items.length, byType, byStatus, byPriority };
+}
+function formatRelativeTime(dateStr) {
+  const diff = Date.now() - new Date(dateStr).getTime();
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hrs = Math.floor(mins / 60);
+  if (hrs < 24) return `${hrs}h ago`;
+  const days = Math.floor(hrs / 24);
+  if (days < 30) return `${days}d ago`;
+  return new Date(dateStr).toLocaleDateString();
+}
+
+export { FEEDBACK_PRIORITIES, FEEDBACK_STATUSES, FEEDBACK_TYPES, PRIORITY_CONFIG, STATUS_CONFIG, TYPE_CONFIG, calcFeedbackStats, calcNPSScore, calcNPSStats, configureFeedback, defaultFeedbackConfig, formatRelativeTime, getNPSCategory, getStatusTransitions };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/packages/shared/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/config.ts","../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * @fileoverview Configuration factory for Geenius Feedback\n */\n\nimport type { FeedbackConfig } from './types'\n\nexport interface ConfigureFeedbackOptions {\n  floatingWidget?: boolean\n  npsEnabled?: boolean\n  npsInterval?: number\n  categories?: Array<'bug' | 'feature' | 'general' | 'suggestion'>\n  allowAnonymous?: boolean\n}\n\n/**\n * Configure the feedback system with custom options\n * @param options Configuration options for the feedback system\n * @returns FeedbackConfig object ready for use\n * @example\n * ```ts\n * const config = configureFeedback({\n *   floatingWidget: true,\n *   npsEnabled: true,\n *   npsInterval: 7,\n *   categories: ['bug', 'feature', 'general'],\n *   allowAnonymous: true,\n * })\n * ```\n */\nexport function configureFeedback(options: ConfigureFeedbackOptions = {}): FeedbackConfig {\n  return {\n    floatingWidget: options.floatingWidget ?? true,\n    npsEnabled: options.npsEnabled ?? true,\n    npsInterval: options.npsInterval ?? 7,\n    categories: options.categories ?? ['bug', 'feature', 'general', 'suggestion'],\n    allowAnonymous: options.allowAnonymous ?? true,\n  }\n}\n\n/**\n * Default feedback configuration\n */\nexport const defaultFeedbackConfig: FeedbackConfig = {\n  floatingWidget: true,\n  npsEnabled: true,\n  npsInterval: 7,\n  categories: ['bug', 'feature', 'general', 'suggestion'],\n  allowAnonymous: true,\n}\n","export type {\n  FeedbackType, FeedbackStatus, FeedbackPriority, NPSCategory,\n  Attachment, FeedbackItem, NPSResponse, FeedbackConfig,\n  FeedbackStats, NPSStats,\n} from './types'\n\nexport { configureFeedback, defaultFeedbackConfig } from './config'\nexport type { ConfigureFeedbackOptions } from './config'\n\nimport type { FeedbackStatus, FeedbackPriority, FeedbackType, NPSResponse, FeedbackStats, NPSStats, FeedbackItem } from './types'\n\n// ─── Status Config ───────────────────────────────────\nexport const STATUS_CONFIG: Record<FeedbackStatus, { label: string; color: string; emoji: string }> = {\n  open: { label: 'Open', color: 'oklch(0.65 0.20 245)', emoji: '📬' },\n  'under-review': { label: 'Under Review', color: 'oklch(0.72 0.18 60)', emoji: '🔍' },\n  planned: { label: 'Planned', color: 'oklch(0.70 0.22 280)', emoji: '📋' },\n  'in-progress': { label: 'In Progress', color: 'oklch(0.65 0.20 265)', emoji: '🚧' },\n  done: { label: 'Done', color: 'oklch(0.72 0.18 155)', emoji: '✅' },\n  declined: { label: 'Declined', color: 'oklch(0.50 0.10 250)', emoji: '🚫' },\n}\n\nexport const PRIORITY_CONFIG: Record<FeedbackPriority, { label: string; color: string }> = {\n  low: { label: 'Low', color: 'oklch(0.58 0.10 250)' },\n  medium: { label: 'Medium', color: 'oklch(0.72 0.18 60)' },\n  high: { label: 'High', color: 'oklch(0.68 0.22 35)' },\n  critical: { label: 'Critical', color: 'oklch(0.60 0.25 25)' },\n}\n\nexport const TYPE_CONFIG: Record<FeedbackType, { label: string; icon: string; color: string }> = {\n  bug: { label: 'Bug', icon: '🐛', color: 'oklch(0.60 0.25 25)' },\n  feature: { label: 'Feature', icon: '✨', color: 'oklch(0.70 0.22 280)' },\n  suggestion: { label: 'Suggestion', icon: '💡', color: 'oklch(0.72 0.18 60)' },\n  general: { label: 'General', icon: '💬', color: 'oklch(0.65 0.20 245)' },\n}\n\nexport const FEEDBACK_TYPES: FeedbackType[] = ['bug', 'feature', 'suggestion', 'general']\nexport const FEEDBACK_STATUSES: FeedbackStatus[] = ['open', 'under-review', 'planned', 'in-progress', 'done', 'declined']\nexport const FEEDBACK_PRIORITIES: FeedbackPriority[] = ['low', 'medium', 'high', 'critical']\n\n// ─── Status Transitions ─────────────────────────────\nconst STATUS_TRANSITIONS: Record<FeedbackStatus, FeedbackStatus[]> = {\n  open: ['under-review', 'planned', 'declined'],\n  'under-review': ['planned', 'in-progress', 'declined'],\n  planned: ['in-progress', 'declined'],\n  'in-progress': ['done', 'planned'],\n  done: ['open'],\n  declined: ['open'],\n}\n\nexport function getStatusTransitions(status: FeedbackStatus): FeedbackStatus[] {\n  return STATUS_TRANSITIONS[status] ?? []\n}\n\n// ─── NPS Utilities ───────────────────────────────────\nexport function getNPSCategory(score: number): 'detractor' | 'passive' | 'promoter' {\n  if (score <= 6) return 'detractor'\n  if (score <= 8) return 'passive'\n  return 'promoter'\n}\n\nexport function calcNPSScore(responses: NPSResponse[]): number {\n  if (responses.length === 0) return 0\n  let promoters = 0, detractors = 0\n  for (const r of responses) {\n    const cat = getNPSCategory(r.score)\n    if (cat === 'promoter') promoters++\n    else if (cat === 'detractor') detractors++\n  }\n  return Math.round(((promoters - detractors) / responses.length) * 100)\n}\n\nexport function calcNPSStats(responses: NPSResponse[]): NPSStats {\n  let promoters = 0, passives = 0, detractors = 0, totalScore = 0\n  for (const r of responses) {\n    totalScore += r.score\n    const cat = getNPSCategory(r.score)\n    if (cat === 'promoter') promoters++\n    else if (cat === 'passive') passives++\n    else detractors++\n  }\n  return {\n    averageScore: responses.length > 0 ? Math.round((totalScore / responses.length) * 10) / 10 : 0,\n    totalResponses: responses.length,\n    promoters, passives, detractors,\n    npsScore: calcNPSScore(responses),\n  }\n}\n\nexport function calcFeedbackStats(items: FeedbackItem[]): FeedbackStats {\n  const byType = { bug: 0, feature: 0, suggestion: 0, general: 0 }\n  const byStatus = { open: 0, 'under-review': 0, planned: 0, 'in-progress': 0, done: 0, declined: 0 }\n  const byPriority = { low: 0, medium: 0, high: 0, critical: 0 }\n  for (const item of items) {\n    byType[item.type]++\n    byStatus[item.status]++\n    byPriority[item.priority]++\n  }\n  return { total: items.length, byType, byStatus, byPriority }\n}\n\nexport function formatRelativeTime(dateStr: string): string {\n  const diff = Date.now() - new Date(dateStr).getTime()\n  const mins = Math.floor(diff / 60000)\n  if (mins < 1) return 'just now'\n  if (mins < 60) return `${mins}m ago`\n  const hrs = Math.floor(mins / 60)\n  if (hrs < 24) return `${hrs}h ago`\n  const days = Math.floor(hrs / 24)\n  if (days < 30) return `${days}d ago`\n  return new Date(dateStr).toLocaleDateString()\n}\n"]}

package/packages/solidjs/README.md

@@ -1 +1 @@
-# ✦ @geenius-feedback/solidjs\n\n> Geenius Feedback — SolidJS components & primitives\n\n---\n\n## Overview\nBuilt with Steve Jobs-level minimalism and Jony Ive-level craftsmanship, this package is designed to deliver unparalleled developer experience (DX) and rock-solid performance.\n\n## Installation\n\n```bash\npnpm add @geenius-feedback/solidjs\n```\n\n## Usage\n\n```typescript\nimport { init } from '@geenius-feedback/solidjs';\n\n// Initialize the module with absolute precision\ninit({\n  mode: 'premium',\n});\n```\n\n## Architecture\n- **Zero-config**: It just works.\n- **Strictly Typed**: Fully written in TypeScript for flawless IntelliSense.\n- **Framework Agnostic**: seamlessly integrates into the Geenius ecosystem.\n\n---\n\n*Designed by Antigravity HQ*\n
+# ✦ @geenius/feedback-solidjs\n\n> Geenius Feedback — SolidJS components & primitives\n\n---\n\n## Overview\nBuilt with Steve Jobs-level minimalism and Jony Ive-level craftsmanship, this package is designed to deliver unparalleled developer experience (DX) and rock-solid performance.\n\n## Installation\n\n```bash\npnpm add @geenius/feedback-solidjs\n```\n\n## Usage\n\n```typescript\nimport { init } from '@geenius/feedback-solidjs';\n\n// Initialize the module with absolute precision\ninit({\n  mode: 'premium',\n});\n```\n\n## Architecture\n- **Zero-config**: It just works.\n- **Strictly Typed**: Fully written in TypeScript for flawless IntelliSense.\n- **Framework Agnostic**: seamlessly integrates into the Geenius ecosystem.\n\n---\n\n*Designed by Antigravity HQ*\n

package/packages/solidjs/dist/index.d.ts

@@ -0,0 +1,128 @@
+import * as solid_js from 'solid-js';
+import { JSX } from 'solid-js';
+import { FeedbackConfig, FeedbackItem, FeedbackStatus, FeedbackPriority, FeedbackStats, FeedbackType, NPSResponse } from '@geenius/feedback-shared';
+export { FeedbackConfig, FeedbackItem, FeedbackPriority, FeedbackStats, FeedbackStatus, FeedbackType, NPSResponse, NPSStats } from '@geenius/feedback-shared';
+
+declare function FeedbackProvider(props: {
+    children: JSX.Element;
+    config?: Partial<FeedbackConfig>;
+}): JSX.Element;
+declare function useFeedbackConfig(): FeedbackConfig;
+
+declare function createFeedback(items: () => FeedbackItem[] | undefined): {
+    items: solid_js.Accessor<FeedbackItem[]>;
+    stats: solid_js.Accessor<FeedbackStats>;
+    isLoading: solid_js.Accessor<boolean>;
+    typeFilter: solid_js.Accessor<FeedbackType | undefined>;
+    setTypeFilter: solid_js.Setter<FeedbackType | undefined>;
+    search: solid_js.Accessor<string>;
+    setSearch: solid_js.Setter<string>;
+    sort: solid_js.Accessor<"newest" | "votes">;
+    setSort: solid_js.Setter<"newest" | "votes">;
+};
+declare function createFeedbackForm(submitFn: (data: {
+    type: FeedbackType;
+    title: string;
+    description: string;
+}) => Promise<string>): {
+    type: solid_js.Accessor<FeedbackType>;
+    setType: solid_js.Setter<FeedbackType>;
+    title: solid_js.Accessor<string>;
+    setTitle: solid_js.Setter<string>;
+    description: solid_js.Accessor<string>;
+    setDescription: solid_js.Setter<string>;
+    submit: () => Promise<void>;
+    isSubmitting: solid_js.Accessor<boolean>;
+    error: solid_js.Accessor<string | null>;
+    success: solid_js.Accessor<boolean>;
+    reset: () => void;
+};
+declare function createNPS(submitFn: (score: number, comment?: string) => Promise<void>, intervalDays?: number): {
+    submit: (score: number, comment?: string) => Promise<void>;
+    isSubmitting: solid_js.Accessor<boolean>;
+    showSurvey: solid_js.Accessor<boolean>;
+    dismiss: () => void;
+};
+declare function createFeedbackAdmin(items: () => FeedbackItem[] | undefined, mutations: {
+    updateStatus: (id: string, s: FeedbackStatus, note?: string) => Promise<void>;
+    updatePriority: (id: string, p: FeedbackPriority) => Promise<void>;
+    deleteFeedback: (id: string) => Promise<void>;
+}): {
+    updateStatus: (id: string, s: FeedbackStatus, note?: string) => Promise<void>;
+    updatePriority: (id: string, p: FeedbackPriority) => Promise<void>;
+    deleteFeedback: (id: string) => Promise<void>;
+    items: solid_js.Accessor<FeedbackItem[]>;
+    stats: solid_js.Accessor<FeedbackStats>;
+    search: solid_js.Accessor<string>;
+    setSearch: solid_js.Setter<string>;
+    isLoading: solid_js.Accessor<boolean>;
+};
+
+declare function StatusBadge(props: {
+    status: FeedbackStatus;
+}): solid_js.JSX.Element;
+declare function PriorityBadge(props: {
+    priority: FeedbackPriority;
+}): solid_js.JSX.Element;
+declare function TypeBadge(props: {
+    type: FeedbackType;
+}): solid_js.JSX.Element;
+declare function FeedbackCard(props: {
+    item: FeedbackItem;
+    onVote?: (id: string) => void;
+    hasVoted?: boolean;
+}): solid_js.JSX.Element;
+declare function FeedbackWidget(props: {
+    onSubmit: (data: {
+        type: FeedbackType;
+        title: string;
+        description: string;
+    }) => Promise<string>;
+}): solid_js.JSX.Element;
+declare function NPSSurvey(props: {
+    onSubmit: (score: number, comment?: string) => void;
+    onDismiss: () => void;
+}): solid_js.JSX.Element;
+declare function FeedbackList(props: {
+    items: FeedbackItem[];
+    onVote?: (id: string) => void;
+    votedIds?: string[];
+}): solid_js.JSX.Element;
+declare function FeedbackTypeSelector(props: {
+    value: FeedbackType;
+    onChange: (t: FeedbackType) => void;
+}): solid_js.JSX.Element;
+declare function FeedbackForm(props: {
+    onSubmit: (data: {
+        type: FeedbackType;
+        title: string;
+        description: string;
+    }) => Promise<string>;
+    onClose?: () => void;
+}): solid_js.JSX.Element;
+declare function NPSResults(props: {
+    responses: NPSResponse[];
+}): solid_js.JSX.Element;
+
+declare function FeedbackPublicPage(props: {
+    items: FeedbackItem[] | undefined;
+    onVote?: (id: string) => void;
+    votedIds?: string[];
+}): solid_js.JSX.Element;
+
+interface FeedbackAdminPageProps {
+    items: FeedbackItem[] | undefined;
+    npsResponses?: NPSResponse[];
+    mutations: Parameters<typeof createFeedbackAdmin>[1];
+}
+declare function FeedbackAdminPage(props: FeedbackAdminPageProps): solid_js.JSX.Element;
+
+declare function FeedbackWidgetPage(props: {
+    onSubmit: (data: {
+        type: FeedbackType;
+        title: string;
+        description: string;
+    }) => Promise<string>;
+}): solid_js.JSX.Element;
+
+export { FeedbackAdminPage, FeedbackCard, FeedbackForm, FeedbackList, FeedbackProvider, FeedbackPublicPage, FeedbackTypeSelector, FeedbackWidget, FeedbackWidgetPage, NPSResults, NPSSurvey, PriorityBadge, StatusBadge, TypeBadge, createFeedback, createFeedbackAdmin, createFeedbackForm, createNPS, useFeedbackConfig };

package/packages/solidjs/dist/index.js

@@ -0,0 +1,289 @@
+import { createContext, useContext, createSignal, createMemo, Show, For } from 'solid-js';
+import { defaultFeedbackConfig, calcFeedbackStats, formatRelativeTime, FEEDBACK_TYPES, TYPE_CONFIG, FEEDBACK_STATUSES, STATUS_CONFIG, FEEDBACK_PRIORITIES, PRIORITY_CONFIG, calcNPSStats } from '@geenius/feedback-shared';
+
+// src/provider/FeedbackProvider.tsx
+var FeedbackContext = createContext(defaultFeedbackConfig);
+function FeedbackProvider(props) {
+  const value = { ...defaultFeedbackConfig, ...props.config };
+  return /* @__PURE__ */ React.createElement(FeedbackContext.Provider, { value }, props.children);
+}
+function useFeedbackConfig() {
+  return useContext(FeedbackContext);
+}
+function createFeedback(items) {
+  const [typeFilter, setTypeFilter] = createSignal();
+  const [search, setSearch] = createSignal("");
+  const [sort, setSort] = createSignal("newest");
+  const isLoading = createMemo(() => items() === void 0);
+  const stats = createMemo(() => calcFeedbackStats(items() ?? []));
+  const filtered = createMemo(() => {
+    let r = items() ?? [];
+    const tf = typeFilter();
+    if (tf) r = r.filter((i) => i.type === tf);
+    const q = search().toLowerCase();
+    if (q) r = r.filter((i) => i.title.toLowerCase().includes(q) || i.description.toLowerCase().includes(q));
+    if (sort() === "votes") r = [...r].sort((a, b) => b.votes - a.votes);
+    return r;
+  });
+  return { items: filtered, stats, isLoading, typeFilter, setTypeFilter, search, setSearch, sort, setSort };
+}
+function createFeedbackForm(submitFn) {
+  const [type, setType] = createSignal("general");
+  const [title, setTitle] = createSignal("");
+  const [desc, setDesc] = createSignal("");
+  const [isSubmitting, setIsSubmitting] = createSignal(false);
+  const [error, setError] = createSignal(null);
+  const [success, setSuccess] = createSignal(false);
+  const submit = async () => {
+    if (!title().trim()) {
+      setError("Title required");
+      return;
+    }
+    if (desc().length < 10) {
+      setError("Description must be 10+ chars");
+      return;
+    }
+    setIsSubmitting(true);
+    setError(null);
+    try {
+      await submitFn({ type: type(), title: title(), description: desc() });
+      setSuccess(true);
+      setTitle("");
+      setDesc("");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const reset = () => {
+    setType("general");
+    setTitle("");
+    setDesc("");
+    setError(null);
+    setSuccess(false);
+  };
+  return { type, setType, title, setTitle, description: desc, setDescription: setDesc, submit, isSubmitting, error, success, reset };
+}
+function createNPS(submitFn, intervalDays = 90) {
+  const NPS_KEY = "geenius-nps-last-shown";
+  const [isSubmitting, setIsSubmitting] = createSignal(false);
+  const shouldShow = () => {
+    if (typeof window === "undefined") return false;
+    const last = localStorage.getItem(NPS_KEY);
+    if (!last) return true;
+    const daysSince = (Date.now() - Number(last)) / (1e3 * 60 * 60 * 24);
+    return daysSince >= intervalDays;
+  };
+  const [showSurvey, setShowSurvey] = createSignal(shouldShow());
+  const submit = async (score, comment) => {
+    setIsSubmitting(true);
+    try {
+      await submitFn(score, comment);
+      localStorage.setItem(NPS_KEY, String(Date.now()));
+      setShowSurvey(false);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const dismiss = () => {
+    setShowSurvey(false);
+    localStorage.setItem(NPS_KEY, String(Date.now()));
+  };
+  return { submit, isSubmitting, showSurvey, dismiss };
+}
+function createFeedbackAdmin(items, mutations) {
+  const [search, setSearch] = createSignal("");
+  const stats = createMemo(() => calcFeedbackStats(items() ?? []));
+  const filtered = createMemo(() => {
+    const q = search().toLowerCase();
+    return q ? (items() ?? []).filter((i) => i.title.toLowerCase().includes(q)) : items() ?? [];
+  });
+  return { items: filtered, stats, search, setSearch, isLoading: createMemo(() => items() === void 0), ...mutations };
+}
+function StatusBadge(props) {
+  const cfg = () => STATUS_CONFIG[props.status];
+  return /* @__PURE__ */ React.createElement("span", { class: "inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-[10px] font-medium", style: { background: `${cfg().color}22`, color: cfg().color } }, /* @__PURE__ */ React.createElement("span", null, cfg().emoji), cfg().label);
+}
+function PriorityBadge(props) {
+  const cfg = () => PRIORITY_CONFIG[props.priority];
+  return /* @__PURE__ */ React.createElement("span", { class: "rounded-full px-2 py-0.5 text-[10px] font-medium", style: { background: `${cfg().color}22`, color: cfg().color } }, cfg().label);
+}
+function TypeBadge(props) {
+  const cfg = () => TYPE_CONFIG[props.type];
+  return /* @__PURE__ */ React.createElement("span", { class: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium", style: { background: `${cfg().color}22`, color: cfg().color } }, /* @__PURE__ */ React.createElement("span", null, cfg().icon), cfg().label);
+}
+function FeedbackCard(props) {
+  return /* @__PURE__ */ React.createElement("div", { class: "group flex gap-3 rounded-xl border border-white/8 bg-white/[0.02] p-4 hover:border-indigo-500/20" }, /* @__PURE__ */ React.createElement(Show, { when: props.onVote }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => props.onVote?.(props.item.id),
+      class: `flex flex-col items-center gap-0.5 rounded-lg px-2 py-1.5 text-xs font-bold ${props.hasVoted ? "bg-indigo-500/15 text-indigo-400" : "bg-white/5 text-white/30 hover:bg-white/10"}`
+    },
+    /* @__PURE__ */ React.createElement("span", { class: "text-sm" }, props.hasVoted ? "\u25B2" : "\u25B3"),
+    /* @__PURE__ */ React.createElement("span", null, props.item.votes)
+  )), /* @__PURE__ */ React.createElement("div", { class: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { class: "flex items-center gap-2 mb-1 flex-wrap" }, /* @__PURE__ */ React.createElement(TypeBadge, { type: props.item.type }), /* @__PURE__ */ React.createElement(StatusBadge, { status: props.item.status })), /* @__PURE__ */ React.createElement("h3", { class: "text-sm font-semibold text-white/90 mb-0.5 truncate" }, props.item.title), /* @__PURE__ */ React.createElement("p", { class: "text-xs text-white/40 line-clamp-2" }, props.item.description), /* @__PURE__ */ React.createElement("div", { class: "mt-2 text-[10px] text-white/25" }, formatRelativeTime(props.item.createdAt))));
+}
+function FeedbackWidget(props) {
+  const [isOpen, setIsOpen] = createSignal(false);
+  const [type, setType] = createSignal("general");
+  const [title, setTitle] = createSignal("");
+  const [desc, setDesc] = createSignal("");
+  const [submitting, setSubmitting] = createSignal(false);
+  const [done, setDone] = createSignal(false);
+  const submit = async () => {
+    setSubmitting(true);
+    try {
+      await props.onSubmit({ type: type(), title: title(), description: desc() });
+      setDone(true);
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setIsOpen(true), class: "fixed top-1/2 right-0 -translate-y-1/2 z-40 rounded-l-xl bg-indigo-600 px-2 py-4 text-white shadow-lg hover:bg-indigo-500", style: { "writing-mode": "vertical-rl" } }, /* @__PURE__ */ React.createElement("span", { class: "text-xs font-medium tracking-wider" }, "Feedback")), /* @__PURE__ */ React.createElement(Show, { when: isOpen() }, /* @__PURE__ */ React.createElement("div", { class: "fixed inset-0 z-50 flex justify-end", onClick: () => setIsOpen(false) }, /* @__PURE__ */ React.createElement("div", { class: "absolute inset-0 bg-black/50 backdrop-blur-sm" }), /* @__PURE__ */ React.createElement("div", { class: "relative w-full max-w-md bg-[#0f0f17] border-l border-white/10 p-6", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { class: "mb-6 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h2", { class: "text-lg font-bold text-white" }, "Send Feedback"), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setIsOpen(false), class: "text-white/30 hover:text-white/50" }, "\u2715")), /* @__PURE__ */ React.createElement(Show, { when: !done(), fallback: /* @__PURE__ */ React.createElement("div", { class: "text-center py-8" }, /* @__PURE__ */ React.createElement("div", { class: "text-4xl mb-3" }, "\u{1F389}"), /* @__PURE__ */ React.createElement("p", { class: "text-sm text-white/80" }, "Thank you!")) }, /* @__PURE__ */ React.createElement("div", { class: "flex gap-1.5 mb-4" }, /* @__PURE__ */ React.createElement(For, { each: FEEDBACK_TYPES }, (t) => /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setType(t), class: `flex items-center gap-1 rounded-lg px-3 py-2 text-xs font-medium ${type() === t ? "text-white" : "bg-white/5 text-white/50"}`, style: type() === t ? { background: TYPE_CONFIG[t].color } : void 0 }, TYPE_CONFIG[t].icon, " ", TYPE_CONFIG[t].label))), /* @__PURE__ */ React.createElement("input", { type: "text", placeholder: "Title\u2026", value: title(), onInput: (e) => setTitle(e.target.value), class: "w-full rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white placeholder-white/30 outline-none mb-3" }), /* @__PURE__ */ React.createElement("textarea", { placeholder: "Description\u2026", value: desc(), onInput: (e) => setDesc(e.target.value), rows: 4, class: "w-full rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white placeholder-white/30 outline-none resize-none mb-4" }), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: submit, disabled: submitting(), class: "w-full rounded-lg bg-indigo-600 py-2.5 text-sm font-medium text-white hover:bg-indigo-500 disabled:opacity-50" }, submitting() ? "Submitting\u2026" : "Submit"))))));
+}
+function NPSSurvey(props) {
+  const [score, setScore] = createSignal(null);
+  const [comment, setComment] = createSignal("");
+  const [step, setStep] = createSignal("score");
+  return /* @__PURE__ */ React.createElement("div", { class: "fixed bottom-6 right-6 z-50 w-96 rounded-2xl border border-white/10 bg-[#111118] p-6 shadow-2xl" }, /* @__PURE__ */ React.createElement(Show, { when: step() === "score" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { class: "mb-1 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h3", { class: "text-sm font-semibold text-white/90" }, "How likely to recommend us?"), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: props.onDismiss, class: "text-white/20" }, "\u2715")), /* @__PURE__ */ React.createElement("div", { class: "flex gap-1 mt-3" }, /* @__PURE__ */ React.createElement(For, { each: Array.from({ length: 11 }, (_, i) => i) }, (i) => /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => {
+    setScore(i);
+    setStep("comment");
+  }, class: "flex-1 rounded-lg py-2.5 text-xs font-bold bg-white/5 text-white/50 hover:bg-white/10" }, i))))), /* @__PURE__ */ React.createElement(Show, { when: step() === "comment" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { class: "text-sm font-semibold text-white/90 mb-3" }, "Score: ", score()), /* @__PURE__ */ React.createElement("textarea", { value: comment(), onInput: (e) => setComment(e.target.value), rows: 3, class: "w-full rounded-xl border border-white/10 bg-white/5 px-3 py-2 text-sm text-white outline-none resize-none mb-3" }), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => {
+    props.onSubmit(score(), comment() || void 0);
+    setStep("thanks");
+  }, class: "w-full rounded-lg bg-indigo-600 py-2 text-xs text-white" }, "Submit"))), /* @__PURE__ */ React.createElement(Show, { when: step() === "thanks" }, /* @__PURE__ */ React.createElement("div", { class: "text-center py-4" }, /* @__PURE__ */ React.createElement("div", { class: "text-3xl mb-2" }, "\u{1F389}"), /* @__PURE__ */ React.createElement("p", { class: "text-sm text-white/80" }, "Thank you!"))));
+}
+function FeedbackList(props) {
+  return /* @__PURE__ */ React.createElement(Show, { when: props.items.length > 0, fallback: /* @__PURE__ */ React.createElement("div", { class: "flex flex-col items-center py-16" }, /* @__PURE__ */ React.createElement("div", { class: "mb-3 text-5xl opacity-20" }, "\u{1F4AC}"), /* @__PURE__ */ React.createElement("p", { class: "text-sm text-white/40" }, "No feedback yet")) }, /* @__PURE__ */ React.createElement("div", { class: "space-y-2" }, /* @__PURE__ */ React.createElement(For, { each: props.items }, (item) => /* @__PURE__ */ React.createElement(FeedbackCard, { item, onVote: props.onVote, hasVoted: props.votedIds?.includes(item.id) }))));
+}
+function FeedbackTypeSelector(props) {
+  return /* @__PURE__ */ React.createElement("div", { class: "flex gap-1.5" }, /* @__PURE__ */ React.createElement(For, { each: FEEDBACK_TYPES }, (t) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => props.onChange(t),
+      class: `flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium ${props.value === t ? "text-white" : "bg-white/5 text-white/50 hover:bg-white/10"}`,
+      style: props.value === t ? { background: TYPE_CONFIG[t].color } : void 0
+    },
+    /* @__PURE__ */ React.createElement("span", null, TYPE_CONFIG[t].icon),
+    TYPE_CONFIG[t].label
+  )));
+}
+function FeedbackForm(props) {
+  const [type, setType] = createSignal("general");
+  const [title, setTitle] = createSignal("");
+  const [desc, setDesc] = createSignal("");
+  const [submitting, setSubmitting] = createSignal(false);
+  const [error, setError] = createSignal(null);
+  const [success, setSuccess] = createSignal(false);
+  const submit = async () => {
+    if (!title().trim()) {
+      setError("Title required");
+      return;
+    }
+    if (desc().length < 10) {
+      setError("Description must be 10+ chars");
+      return;
+    }
+    setSubmitting(true);
+    setError(null);
+    try {
+      await props.onSubmit({ type: type(), title: title(), description: desc() });
+      setSuccess(true);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Show, { when: !success(), fallback: /* @__PURE__ */ React.createElement("div", { class: "flex flex-col items-center py-8 text-center" }, /* @__PURE__ */ React.createElement("div", { class: "mb-3 text-4xl" }, "\u{1F389}"), /* @__PURE__ */ React.createElement("h3", { class: "text-base font-semibold text-white/90 mb-1" }, "Thank you!"), /* @__PURE__ */ React.createElement("p", { class: "text-sm text-white/50 mb-4" }, "Your feedback has been submitted."), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => {
+    setSuccess(false);
+    props.onClose?.();
+  }, class: "rounded-lg bg-indigo-600 px-4 py-2 text-xs font-medium text-white" }, "Done")) }, /* @__PURE__ */ React.createElement("div", { class: "space-y-4" }, /* @__PURE__ */ React.createElement(FeedbackTypeSelector, { value: type(), onChange: setType }), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Short title for your feedback\u2026",
+      value: title(),
+      onInput: (e) => setTitle(e.target.value),
+      class: "w-full rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white placeholder-white/30 outline-none"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "textarea",
+    {
+      placeholder: "Describe your feedback in detail\u2026",
+      value: desc(),
+      onInput: (e) => setDesc(e.target.value),
+      rows: 4,
+      class: "w-full rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white placeholder-white/30 outline-none resize-none"
+    }
+  ), error() && /* @__PURE__ */ React.createElement("p", { class: "text-xs text-red-400" }, error()), /* @__PURE__ */ React.createElement("div", { class: "flex justify-end gap-2" }, /* @__PURE__ */ React.createElement(Show, { when: props.onClose }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: props.onClose, class: "rounded-lg border border-white/10 px-4 py-2 text-xs text-white/50 hover:bg-white/5" }, "Cancel")), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: submit, disabled: submitting(), class: "rounded-lg bg-indigo-600 px-5 py-2 text-xs font-medium text-white hover:bg-indigo-500 disabled:opacity-50" }, submitting() ? "Submitting\u2026" : "Submit"))));
+}
+function NPSResults(props) {
+  const stats = () => calcNPSStats(props.responses);
+  const total = () => stats().totalResponses || 1;
+  const scoreColor = () => stats().npsScore >= 50 ? "text-emerald-400" : stats().npsScore >= 0 ? "text-amber-400" : "text-red-400";
+  return /* @__PURE__ */ React.createElement("div", { class: "rounded-xl border border-white/8 bg-white/[0.02] p-5" }, /* @__PURE__ */ React.createElement("div", { class: "mb-4 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h4", { class: "text-sm font-semibold text-white/80" }, "NPS Score"), /* @__PURE__ */ React.createElement("span", { class: `text-3xl font-black tabular-nums ${scoreColor()}` }, stats().npsScore)), /* @__PURE__ */ React.createElement("div", { class: "mb-4 flex h-5 overflow-hidden rounded-full" }, /* @__PURE__ */ React.createElement("div", { class: "bg-red-500/70", style: { width: `${stats().detractors / total() * 100}%` } }), /* @__PURE__ */ React.createElement("div", { class: "bg-amber-500/70", style: { width: `${stats().passives / total() * 100}%` } }), /* @__PURE__ */ React.createElement("div", { class: "bg-emerald-500/70", style: { width: `${stats().promoters / total() * 100}%` } })), /* @__PURE__ */ React.createElement("div", { class: "grid grid-cols-3 gap-2 text-center text-xs" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { class: "block text-red-400 font-bold" }, stats().detractors), /* @__PURE__ */ React.createElement("span", { class: "text-white/30" }, "Detractors")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { class: "block text-amber-400 font-bold" }, stats().passives), /* @__PURE__ */ React.createElement("span", { class: "text-white/30" }, "Passives")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { class: "block text-emerald-400 font-bold" }, stats().promoters), /* @__PURE__ */ React.createElement("span", { class: "text-white/30" }, "Promoters"))), /* @__PURE__ */ React.createElement("div", { class: "mt-3 pt-3 border-t border-white/5 flex justify-between text-xs text-white/40" }, /* @__PURE__ */ React.createElement("span", null, "Avg: ", stats().averageScore, "/10"), /* @__PURE__ */ React.createElement("span", null, stats().totalResponses, " responses")));
+}
+function FeedbackPublicPage(props) {
+  const feedback = createFeedback(() => props.items);
+  const [activeType, setActiveType] = createSignal("all");
+  return /* @__PURE__ */ React.createElement(Show, { when: !feedback.isLoading(), fallback: /* @__PURE__ */ React.createElement("div", { class: "min-h-screen bg-[#090a0f] px-6 py-12" }, /* @__PURE__ */ React.createElement("div", { class: "mx-auto max-w-3xl" }, /* @__PURE__ */ React.createElement("div", { class: "mb-8 h-10 w-48 animate-pulse rounded-lg bg-white/5" }), /* @__PURE__ */ React.createElement("div", { class: "mb-6 flex gap-2" }, /* @__PURE__ */ React.createElement(For, { each: Array.from({ length: 5 }) }, () => /* @__PURE__ */ React.createElement("div", { class: "h-9 w-24 animate-pulse rounded-lg bg-white/5" }))), /* @__PURE__ */ React.createElement("div", { class: "space-y-3" }, /* @__PURE__ */ React.createElement(For, { each: Array.from({ length: 4 }) }, () => /* @__PURE__ */ React.createElement("div", { class: "h-24 animate-pulse rounded-xl bg-white/5" }))))) }, /* @__PURE__ */ React.createElement("div", { class: "min-h-screen bg-[#090a0f] text-white" }, /* @__PURE__ */ React.createElement("div", { class: "mx-auto max-w-3xl px-6 py-12" }, /* @__PURE__ */ React.createElement("div", { class: "mb-8" }, /* @__PURE__ */ React.createElement("h1", { class: "text-2xl font-bold tracking-tight mb-1" }, "Feedback Board"), /* @__PURE__ */ React.createElement("p", { class: "text-sm text-white/40" }, feedback.stats().total, " submissions \xB7 ", feedback.stats().byStatus.open, " open")), /* @__PURE__ */ React.createElement("div", { class: "mb-6 flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Search feedback\u2026",
+      value: feedback.search(),
+      onInput: (e) => feedback.setSearch(e.target.value),
+      class: "w-56 rounded-xl border border-white/10 bg-white/5 px-4 py-2.5 text-sm text-white placeholder-white/30 outline-none"
+    }
+  ), /* @__PURE__ */ React.createElement("div", { class: "flex gap-1.5" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        setActiveType("all");
+        feedback.setTypeFilter(void 0);
+      },
+      class: `rounded-lg px-3 py-1.5 text-xs font-medium ${activeType() === "all" ? "bg-indigo-600 text-white" : "bg-white/5 text-white/50 hover:bg-white/10"}`
+    },
+    "All (",
+    feedback.stats().total,
+    ")"
+  ), /* @__PURE__ */ React.createElement(For, { each: FEEDBACK_TYPES }, (t) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        setActiveType(t);
+        feedback.setTypeFilter(t);
+      },
+      class: `rounded-lg px-3 py-1.5 text-xs font-medium ${activeType() === t ? "text-white" : "bg-white/5 text-white/50 hover:bg-white/10"}`,
+      style: activeType() === t ? { background: TYPE_CONFIG[t].color } : void 0
+    },
+    TYPE_CONFIG[t].icon,
+    " ",
+    TYPE_CONFIG[t].label,
+    " (",
+    feedback.stats().byType[t],
+    ")"
+  ))), /* @__PURE__ */ React.createElement("div", { class: "ml-auto flex gap-1.5" }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => feedback.setSort("newest"), class: `rounded-lg px-3 py-1.5 text-xs ${feedback.sort() === "newest" ? "bg-white/10 text-white/80" : "text-white/40"}` }, "Newest"), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => feedback.setSort("votes"), class: `rounded-lg px-3 py-1.5 text-xs ${feedback.sort() === "votes" ? "bg-white/10 text-white/80" : "text-white/40"}` }, "Top voted"))), /* @__PURE__ */ React.createElement(FeedbackList, { items: feedback.items(), onVote: props.onVote, votedIds: props.votedIds }))));
+}
+function FeedbackAdminPage(props) {
+  const admin = createFeedbackAdmin(() => props.items, props.mutations);
+  return /* @__PURE__ */ React.createElement(Show, { when: !admin.isLoading(), fallback: /* @__PURE__ */ React.createElement("div", { class: "min-h-screen bg-[#090a0f] px-6 py-12" }, /* @__PURE__ */ React.createElement("div", { class: "mx-auto max-w-6xl" }, /* @__PURE__ */ React.createElement("div", { class: "mb-8 h-10 w-48 animate-pulse rounded-lg bg-white/5" }), /* @__PURE__ */ React.createElement("div", { class: "mb-6 grid grid-cols-4 gap-4" }, /* @__PURE__ */ React.createElement(For, { each: Array.from({ length: 4 }) }, () => /* @__PURE__ */ React.createElement("div", { class: "h-20 animate-pulse rounded-xl bg-white/5" }))), /* @__PURE__ */ React.createElement("div", { class: "h-96 animate-pulse rounded-xl bg-white/5" }))) }, /* @__PURE__ */ React.createElement("div", { class: "min-h-screen bg-[#090a0f] text-white" }, /* @__PURE__ */ React.createElement("div", { class: "mx-auto max-w-6xl px-6 py-12" }, /* @__PURE__ */ React.createElement("h1", { class: "text-2xl font-bold tracking-tight mb-8" }, "Feedback Admin"), /* @__PURE__ */ React.createElement("div", { class: "mb-8 grid grid-cols-2 gap-4 md:grid-cols-5" }, /* @__PURE__ */ React.createElement(StatCard, { label: "Total", value: admin.stats().total, icon: "\u{1F4CA}" }), /* @__PURE__ */ React.createElement(StatCard, { label: "Open", value: admin.stats().byStatus.open, icon: "\u{1F4EC}", color: "text-blue-400" }), /* @__PURE__ */ React.createElement(StatCard, { label: "Planned", value: admin.stats().byStatus.planned, icon: "\u{1F4CB}", color: "text-purple-300" }), /* @__PURE__ */ React.createElement(StatCard, { label: "In Progress", value: admin.stats().byStatus["in-progress"], icon: "\u{1F6A7}", color: "text-indigo-300" }), /* @__PURE__ */ React.createElement(StatCard, { label: "Done", value: admin.stats().byStatus.done, icon: "\u2705", color: "text-emerald-400" })), /* @__PURE__ */ React.createElement("div", { class: "grid gap-6 lg:grid-cols-3" }, /* @__PURE__ */ React.createElement("div", { class: "lg:col-span-2" }, /* @__PURE__ */ React.createElement("div", { class: "mb-4 flex items-center gap-3" }, /* @__PURE__ */ React.createElement("input", { type: "text", placeholder: "Search\u2026", value: admin.search(), onInput: (e) => admin.setSearch(e.target.value), class: "w-64 rounded-xl border border-white/10 bg-white/5 px-4 py-2.5 text-sm text-white placeholder-white/30 outline-none" }), /* @__PURE__ */ React.createElement("span", { class: "text-xs text-white/30" }, admin.items().length, " items")), /* @__PURE__ */ React.createElement("div", { class: "overflow-x-auto rounded-xl border border-white/8" }, /* @__PURE__ */ React.createElement("table", { class: "w-full text-sm" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", { class: "border-b border-white/8 bg-white/[0.02]" }, /* @__PURE__ */ React.createElement("th", { class: "px-4 py-3 text-left text-xs font-medium text-white/40 uppercase" }, "Type"), /* @__PURE__ */ React.createElement("th", { class: "px-4 py-3 text-left text-xs font-medium text-white/40 uppercase" }, "Title"), /* @__PURE__ */ React.createElement("th", { class: "px-4 py-3 text-left text-xs font-medium text-white/40 uppercase" }, "Status"), /* @__PURE__ */ React.createElement("th", { class: "px-4 py-3 text-left text-xs font-medium text-white/40 uppercase" }, "Priority"), /* @__PURE__ */ React.createElement("th", { class: "px-4 py-3 text-left text-xs font-medium text-white/40 uppercase" }, "Votes"), /* @__PURE__ */ React.createElement("th", { class: "px-4 py-3 text-left text-xs font-medium text-white/40 uppercase" }, "Date"), /* @__PURE__ */ React.createElement("th", { class: "px-4 py-3 text-right text-xs font-medium text-white/40 uppercase" }, "Actions"))), /* @__PURE__ */ React.createElement("tbody", { class: "divide-y divide-white/5" }, /* @__PURE__ */ React.createElement(For, { each: admin.items() }, (item) => /* @__PURE__ */ React.createElement("tr", { class: "group hover:bg-white/[0.02]" }, /* @__PURE__ */ React.createElement("td", { class: "px-4 py-3" }, /* @__PURE__ */ React.createElement(TypeBadge, { type: item.type })), /* @__PURE__ */ React.createElement("td", { class: "px-4 py-3 max-w-xs truncate text-white/80 font-medium" }, item.title), /* @__PURE__ */ React.createElement("td", { class: "px-4 py-3" }, /* @__PURE__ */ React.createElement("select", { value: item.status, onChange: (e) => admin.updateStatus(item.id, e.target.value), class: "rounded border border-white/10 bg-white/5 px-1.5 py-0.5 text-xs text-white outline-none" }, /* @__PURE__ */ React.createElement(For, { each: FEEDBACK_STATUSES }, (s) => /* @__PURE__ */ React.createElement("option", { value: s }, STATUS_CONFIG[s].label)))), /* @__PURE__ */ React.createElement("td", { class: "px-4 py-3" }, /* @__PURE__ */ React.createElement("select", { value: item.priority, onChange: (e) => admin.updatePriority(item.id, e.target.value), class: "rounded border border-white/10 bg-white/5 px-1.5 py-0.5 text-xs text-white outline-none" }, /* @__PURE__ */ React.createElement(For, { each: FEEDBACK_PRIORITIES }, (p) => /* @__PURE__ */ React.createElement("option", { value: p }, PRIORITY_CONFIG[p].label)))), /* @__PURE__ */ React.createElement("td", { class: "px-4 py-3 tabular-nums text-white/50" }, item.votes), /* @__PURE__ */ React.createElement("td", { class: "px-4 py-3 text-xs text-white/30" }, formatRelativeTime(item.createdAt)), /* @__PURE__ */ React.createElement("td", { class: "px-4 py-3 text-right" }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => admin.deleteFeedback(item.id), class: "rounded px-2 py-1 text-xs text-white/20 hover:text-red-400 hover:bg-red-500/10 opacity-0 group-hover:opacity-100" }, "Delete")))))))), /* @__PURE__ */ React.createElement("div", { class: "space-y-6" }, /* @__PURE__ */ React.createElement(Show, { when: props.npsResponses }, (responses) => /* @__PURE__ */ React.createElement(NPSResults, { responses: responses() })), /* @__PURE__ */ React.createElement("div", { class: "rounded-xl border border-white/8 bg-white/[0.02] p-5" }, /* @__PURE__ */ React.createElement("h4", { class: "text-sm font-semibold text-white/80 mb-3" }, "By Type"), /* @__PURE__ */ React.createElement(For, { each: Object.entries(admin.stats().byType) }, ([t, c]) => /* @__PURE__ */ React.createElement("div", { class: "flex justify-between mb-1.5" }, /* @__PURE__ */ React.createElement("span", { class: "text-xs text-white/50 capitalize" }, TYPE_CONFIG[t]?.icon, " ", t), /* @__PURE__ */ React.createElement("span", { class: "text-xs font-bold text-white/70" }, c)))))))));
+}
+function StatCard(props) {
+  return /* @__PURE__ */ React.createElement("div", { class: "rounded-xl border border-white/8 bg-white/[0.02] p-4" }, /* @__PURE__ */ React.createElement("div", { class: "mb-2 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { class: "text-lg" }, props.icon), /* @__PURE__ */ React.createElement("span", { class: `text-2xl font-bold tabular-nums ${props.color ?? "text-white/90"}` }, props.value)), /* @__PURE__ */ React.createElement("p", { class: "text-xs text-white/40" }, props.label));
+}
+
+// src/pages/FeedbackWidgetPage.tsx
+function FeedbackWidgetPage(props) {
+  return /* @__PURE__ */ React.createElement("div", { class: "min-h-screen bg-[#090a0f] text-white flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { class: "text-center max-w-md" }, /* @__PURE__ */ React.createElement("h1", { class: "text-2xl font-bold mb-2" }, "Feedback Widget"), /* @__PURE__ */ React.createElement("p", { class: "text-sm text-white/40 mb-8" }, 'Click the floating "Feedback" tab on the right edge to open the feedback form.'), /* @__PURE__ */ React.createElement("div", { class: "rounded-xl border border-white/8 bg-white/[0.02] p-6 text-left" }, /* @__PURE__ */ React.createElement("h3", { class: "text-sm font-semibold text-white/80 mb-3" }, "Features"), /* @__PURE__ */ React.createElement("ul", { class: "space-y-2 text-xs text-white/50" }, /* @__PURE__ */ React.createElement("li", { class: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { class: "text-emerald-400" }, "\u2713"), " Floating edge tab trigger"), /* @__PURE__ */ React.createElement("li", { class: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { class: "text-emerald-400" }, "\u2713"), " Type selector (Bug/Feature/Suggestion/General)"), /* @__PURE__ */ React.createElement("li", { class: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { class: "text-emerald-400" }, "\u2713"), " Title + description form with validation"), /* @__PURE__ */ React.createElement("li", { class: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { class: "text-emerald-400" }, "\u2713"), " Auto-captures page URL + browser"), /* @__PURE__ */ React.createElement("li", { class: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { class: "text-emerald-400" }, "\u2713"), " Success confirmation")))), /* @__PURE__ */ React.createElement(FeedbackWidget, { onSubmit: props.onSubmit }));
+}
+
+export { FeedbackAdminPage, FeedbackCard, FeedbackForm, FeedbackList, FeedbackProvider, FeedbackPublicPage, FeedbackTypeSelector, FeedbackWidget, FeedbackWidgetPage, NPSResults, NPSSurvey, PriorityBadge, StatusBadge, TypeBadge, createFeedback, createFeedbackAdmin, createFeedbackForm, createNPS, useFeedbackConfig };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map