@alliance-droid/status-feedback-system 3.0.0 → 3.1.0

package/dist/api.d.ts

@@ -11,7 +11,7 @@
  *
  *   const { systems, incidents } = await client.getStatus();
  */
-import type { System, Incident, StatusHistoryEntry, Feedback, FeedbackResponse } from './types.js';
+import type { System, Incident, StatusHistoryEntry, Feedback, FeedbackResponse, PublicStatus } from './types.js';
 export interface StatusClientConfig {
     /** Base URL of the status-feedback-admin app */
     apiUrl: string;
@@ -41,6 +41,8 @@ export interface BoardItem {
     message: string;
     email: string | null;
     status: string;
+    /** Coarse public bucket for display (server projection of the internal status). */
+    publicStatus: PublicStatus;
     votes: number;
     adminResponse: string | null;
     responseCount: number;

package/dist/components/board/FeedbackDetail.svelte

@@ -4,7 +4,7 @@
 	import type { BoardItem } from '../../api.js';
 	import type { FeedbackResponse } from '../../types.js';
 	import type { FeedbackBoardState } from './state.svelte.js';
-	import { timeAgo, getStatusBadgeVariant } from './utils.js';
+	import { timeAgo, getStatusBadgeVariant, publicStatusLabel } from './utils.js';
 
 	interface Props {
 		board: FeedbackBoardState;
@@ -114,8 +114,8 @@
 		{#if item.category}
 			<i class="{board.getCategoryIcon(item.category)} text-foreground-secondary" aria-hidden="true"></i>
 		{/if}
-		<Badge variant={getStatusBadgeVariant(item.status)} size="sm">
-			{item.status === 'new' ? 'Open' : item.status.charAt(0).toUpperCase() + item.status.slice(1)}
+		<Badge variant={getStatusBadgeVariant(item.publicStatus)} size="sm">
+			{publicStatusLabel(item.publicStatus)}
 		</Badge>
 		<span class="text-xs text-foreground-tertiary">{timeAgo(item.createdAt)}</span>
 		{#if item.responseCount > 0}

package/dist/components/board/FeedbackItem.svelte

@@ -2,7 +2,7 @@
 	import { Badge, IconButton } from '@alliance-droid/svelte-component-library';
 	import type { BoardItem } from '../../api.js';
 	import type { FeedbackBoardState } from './state.svelte.js';
-	import { timeAgo, getStatusBadgeVariant } from './utils.js';
+	import { timeAgo, getStatusBadgeVariant, publicStatusLabel } from './utils.js';
 
 	interface Props {
 		board: FeedbackBoardState;
@@ -70,8 +70,8 @@
 				<h3 class="text-[0.9375rem] font-semibold flex-1 leading-snug">
 					{item.title || item.message.slice(0, 80)}
 				</h3>
-				<Badge variant={getStatusBadgeVariant(item.status)} size="sm">
-					{item.status === 'new' ? 'Open' : item.status.charAt(0).toUpperCase() + item.status.slice(1)}
+				<Badge variant={getStatusBadgeVariant(item.publicStatus)} size="sm">
+					{publicStatusLabel(item.publicStatus)}
 				</Badge>
 			</div>
 

package/dist/components/board/FeedbackSidebar.svelte

@@ -10,7 +10,7 @@
 
 	const statusOptions = [
 		{ value: 'open', label: 'Open' },
-		{ value: 'resolved', label: 'Resolved' },
+		{ value: 'resolved', label: 'Done' },
 		{ value: 'all', label: 'All' },
 	];
 

package/dist/components/board/utils.d.ts

@@ -1,4 +1,7 @@
 /** Relative time formatting for feedback timestamps */
 export declare function timeAgo(timestamp: number): string;
-/** Map feedback status to badge variant */
-export declare function getStatusBadgeVariant(status: string): 'success' | 'neutral' | 'info';
+import type { PublicStatus } from '../../types.js';
+/** Human label for a public board status. */
+export declare function publicStatusLabel(status: PublicStatus): string;
+/** Map a public board status to a badge variant. */
+export declare function getStatusBadgeVariant(status: PublicStatus): 'success' | 'neutral' | 'info' | 'warning';

package/dist/components/board/utils.js

@@ -12,11 +12,25 @@ export function timeAgo(timestamp) {
         return `${days}d ago`;
     return new Date(timestamp).toLocaleDateString();
 }
-/** Map feedback status to badge variant */
+const PUBLIC_STATUS_LABELS = {
+    open: 'Open',
+    planned: 'Planned',
+    in_progress: 'In progress',
+    done: 'Done',
+    declined: 'Declined'
+};
+const PUBLIC_STATUS_VARIANTS = {
+    open: 'info',
+    planned: 'info',
+    in_progress: 'warning',
+    done: 'success',
+    declined: 'neutral'
+};
+/** Human label for a public board status. */
+export function publicStatusLabel(status) {
+    return PUBLIC_STATUS_LABELS[status] ?? status;
+}
+/** Map a public board status to a badge variant. */
 export function getStatusBadgeVariant(status) {
-    if (status === 'new' || status === 'reviewed')
-        return 'success';
-    if (status === 'resolved')
-        return 'neutral';
-    return 'info';
+    return PUBLIC_STATUS_VARIANTS[status] ?? 'neutral';
 }

package/dist/types.d.ts

@@ -4,7 +4,15 @@
 export type SystemStatus = 'operational' | 'degraded' | 'outage' | 'maintenance';
 export type IncidentStatus = 'investigating' | 'identified' | 'monitoring' | 'resolved';
 export type IncidentSeverity = 'minor' | 'major' | 'critical';
-export type FeedbackStatus = 'new' | 'reviewed' | 'resolved' | 'archived';
+/**
+ * Raw backend lifecycle status of a feedback item (the admin app owns the full
+ * set, which evolves independently). Kept as a string so this package doesn't
+ * couple to the internal lifecycle — for display, use a board item's coarse
+ * `publicStatus` ({@link PublicStatus}) instead.
+ */
+export type FeedbackStatus = string;
+/** Coarse, consumer-facing status buckets the board API returns as `publicStatus`. */
+export type PublicStatus = 'open' | 'planned' | 'in_progress' | 'done' | 'declined';
 export interface Project {
     id: string;
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@alliance-droid/status-feedback-system",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"type": "module",
 	"description": "Drop-in system status pages and user feedback forms for SvelteKit apps",
 	"svelte": "./dist/index.js",