@alliance-droid/status-feedback-system 0.1.0 → 0.2.0

package/dist/components/admin/IncidentManager.svelte

@@ -1,153 +0,0 @@
-<script lang="ts">
-	import type { Incident, IncidentStatus } from '../../types.js';
-	import IncidentTimeline from '../shared/IncidentTimeline.svelte';
-
-	interface Props {
-		incidents: Incident[];
-		onAddUpdate?: (incidentId: string, data: { status: IncidentStatus; message: string }) => Promise<void>;
-		onDelete?: (incidentId: string) => Promise<void>;
-		onCreate?: () => void;
-	}
-
-	let { incidents, onAddUpdate, onDelete, onCreate }: Props = $props();
-
-	let expandedId = $state<string | null>(null);
-	let updateMessage = $state('');
-	let updateStatus = $state<IncidentStatus>('investigating');
-	let submitting = $state(false);
-
-	const statusOptions: { value: IncidentStatus; label: string }[] = [
-		{ value: 'investigating', label: 'Investigating' },
-		{ value: 'identified', label: 'Identified' },
-		{ value: 'monitoring', label: 'Monitoring' },
-		{ value: 'resolved', label: 'Resolved' },
-	];
-
-	function toggleExpand(id: string) {
-		expandedId = expandedId === id ? null : id;
-		updateMessage = '';
-	}
-
-	async function handleAddUpdate(incidentId: string) {
-		if (!updateMessage.trim()) return;
-		submitting = true;
-		try {
-			await onAddUpdate?.(incidentId, { status: updateStatus, message: updateMessage.trim() });
-			updateMessage = '';
-		} finally {
-			submitting = false;
-		}
-	}
-
-	async function handleDelete(id: string, title: string) {
-		if (!confirm(`Delete incident "${title}"?`)) return;
-		await onDelete?.(id);
-	}
-
-	function formatDate(timestamp: number): string {
-		return new Date(timestamp).toLocaleString();
-	}
-
-	const severityColors: Record<string, string> = {
-		minor: 'text-yellow-500 bg-yellow-500/10',
-		major: 'text-orange-500 bg-orange-500/10',
-		critical: 'text-red-500 bg-red-500/10',
-	};
-</script>
-
-<div class="space-y-4">
-	<div class="flex items-center justify-between">
-		<h3 class="text-base font-semibold text-foreground">
-			<i class="fa-solid fa-triangle-exclamation mr-1.5 text-foreground-tertiary"></i>
-			Incidents
-		</h3>
-		{#if onCreate}
-			<button
-				onclick={onCreate}
-				class="rounded-md bg-red-500 px-3 py-1.5 text-xs font-semibold text-white transition-colors hover:bg-red-600"
-			>
-				<i class="fa-solid fa-plus mr-1"></i>
-				Report Incident
-			</button>
-		{/if}
-	</div>
-
-	{#if incidents.length === 0}
-		<div class="rounded-lg border border-border bg-surface p-6 text-center">
-			<i class="fa-solid fa-circle-check mb-2 text-xl text-green-500"></i>
-			<p class="text-sm text-foreground-secondary">No incidents</p>
-		</div>
-	{:else}
-		{#each incidents as incident}
-			<div class="rounded-lg border border-border bg-surface">
-				<button
-					onclick={() => toggleExpand(incident.id)}
-					class="flex w-full items-center justify-between p-3 text-left"
-				>
-					<div>
-						<div class="flex items-center gap-2">
-							<span class="text-sm font-semibold text-foreground">{incident.title}</span>
-							<span class="rounded px-1.5 py-0.5 text-xs capitalize {severityColors[incident.severity] || ''}">
-								{incident.severity}
-							</span>
-							<span class="rounded px-1.5 py-0.5 text-xs capitalize bg-surface-hover text-foreground-secondary">
-								{incident.status}
-							</span>
-						</div>
-						<p class="mt-0.5 text-xs text-foreground-tertiary">{formatDate(incident.createdAt)}</p>
-					</div>
-					<i class="fa-solid {expandedId === incident.id ? 'fa-chevron-up' : 'fa-chevron-down'} text-xs text-foreground-tertiary"></i>
-				</button>
-
-				{#if expandedId === incident.id}
-					<div class="border-t border-border p-3 space-y-4">
-						{#if incident.updates && incident.updates.length > 0}
-							<IncidentTimeline updates={incident.updates} />
-						{/if}
-
-						{#if incident.status !== 'resolved'}
-							<div class="rounded-lg border border-border bg-background p-3 space-y-3">
-								<div class="flex gap-2">
-									{#each statusOptions as opt}
-										<button
-											type="button"
-											onclick={() => (updateStatus = opt.value)}
-											class="rounded px-2 py-1 text-xs transition-colors {updateStatus === opt.value
-												? 'bg-primary text-primary-foreground'
-												: 'border border-border text-foreground-secondary hover:bg-surface-hover'}"
-										>
-											{opt.label}
-										</button>
-									{/each}
-								</div>
-								<textarea
-									bind:value={updateMessage}
-									placeholder="Update message..."
-									rows="2"
-									class="w-full rounded-md border border-border bg-surface px-3 py-2 text-sm text-foreground"
-								></textarea>
-								<button
-									onclick={() => handleAddUpdate(incident.id)}
-									disabled={submitting || !updateMessage.trim()}
-									class="rounded-md bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50"
-								>
-									{submitting ? 'Posting...' : 'Post Update'}
-								</button>
-							</div>
-						{/if}
-
-						<div class="flex justify-end">
-							<button
-								onclick={() => handleDelete(incident.id, incident.title)}
-								class="text-xs text-red-500 transition-colors hover:text-red-400"
-							>
-								<i class="fa-solid fa-trash mr-1"></i>
-								Delete Incident
-							</button>
-						</div>
-					</div>
-				{/if}
-			</div>
-		{/each}
-	{/if}
-</div>

package/dist/components/admin/IncidentManager.svelte.d.ts

@@ -1,13 +0,0 @@
-import type { Incident, IncidentStatus } from '../../types.js';
-interface Props {
-    incidents: Incident[];
-    onAddUpdate?: (incidentId: string, data: {
-        status: IncidentStatus;
-        message: string;
-    }) => Promise<void>;
-    onDelete?: (incidentId: string) => Promise<void>;
-    onCreate?: () => void;
-}
-declare const IncidentManager: import("svelte").Component<Props, {}, "">;
-type IncidentManager = ReturnType<typeof IncidentManager>;
-export default IncidentManager;

package/dist/components/admin/ProjectForm.svelte

@@ -1,106 +0,0 @@
-<script lang="ts">
-	import type { Project } from '../../types.js';
-
-	interface Props {
-		project?: Project;
-		onSave?: (data: { name: string; description: string; allowedOrigins: string[] }) => Promise<void>;
-		onCancel?: () => void;
-	}
-
-	let { project, onSave, onCancel }: Props = $props();
-
-	let name = $state(project?.name ?? '');
-	let description = $state(project?.description ?? '');
-	let originsText = $state(project?.allowedOrigins?.join('\n') ?? '');
-	let saving = $state(false);
-	let errorMsg = $state('');
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		if (!name.trim()) return;
-
-		saving = true;
-		errorMsg = '';
-
-		try {
-			const origins = originsText
-				.split('\n')
-				.map((o) => o.trim())
-				.filter(Boolean);
-			await onSave?.({ name: name.trim(), description: description.trim(), allowedOrigins: origins });
-		} catch (err) {
-			errorMsg = err instanceof Error ? err.message : 'Failed to save';
-		} finally {
-			saving = false;
-		}
-	}
-</script>
-
-<form onsubmit={handleSubmit} class="space-y-4">
-	<h3 class="text-lg font-semibold text-foreground">
-		{project ? 'Edit Project' : 'New Project'}
-	</h3>
-
-	<div>
-		<label for="sf-proj-name" class="mb-1 block text-sm font-semibold text-foreground">
-			Name <span class="text-red-500">*</span>
-		</label>
-		<input
-			id="sf-proj-name"
-			type="text"
-			bind:value={name}
-			required
-			class="w-full rounded-md border border-border bg-surface px-3 py-2 text-sm text-foreground"
-		/>
-	</div>
-
-	<div>
-		<label for="sf-proj-desc" class="mb-1 block text-sm font-semibold text-foreground">
-			Description
-		</label>
-		<textarea
-			id="sf-proj-desc"
-			bind:value={description}
-			rows="2"
-			class="w-full rounded-md border border-border bg-surface px-3 py-2 text-sm text-foreground"
-		></textarea>
-	</div>
-
-	<div>
-		<label for="sf-proj-origins" class="mb-1 block text-sm font-semibold text-foreground">
-			Allowed Origins <span class="text-foreground-tertiary text-xs">(one per line)</span>
-		</label>
-		<textarea
-			id="sf-proj-origins"
-			bind:value={originsText}
-			rows="3"
-			placeholder="https://example.com"
-			class="w-full rounded-md border border-border bg-surface px-3 py-2 text-xs font-mono text-foreground"
-		></textarea>
-	</div>
-
-	{#if errorMsg}
-		<div class="rounded-md border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-500">
-			{errorMsg}
-		</div>
-	{/if}
-
-	<div class="flex gap-2">
-		<button
-			type="submit"
-			disabled={saving || !name.trim()}
-			class="rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground transition-colors hover:bg-primary-hover disabled:opacity-50"
-		>
-			{saving ? 'Saving...' : project ? 'Update' : 'Create'}
-		</button>
-		{#if onCancel}
-			<button
-				type="button"
-				onclick={onCancel}
-				class="rounded-md border border-border px-4 py-2 text-sm text-foreground-secondary transition-colors hover:bg-surface-hover"
-			>
-				Cancel
-			</button>
-		{/if}
-	</div>
-</form>

package/dist/components/admin/ProjectForm.svelte.d.ts

@@ -1,13 +0,0 @@
-import type { Project } from '../../types.js';
-interface Props {
-    project?: Project;
-    onSave?: (data: {
-        name: string;
-        description: string;
-        allowedOrigins: string[];
-    }) => Promise<void>;
-    onCancel?: () => void;
-}
-declare const ProjectForm: import("svelte").Component<Props, {}, "">;
-type ProjectForm = ReturnType<typeof ProjectForm>;
-export default ProjectForm;

package/dist/components/admin/ProjectList.svelte

@@ -1,57 +0,0 @@
-<script lang="ts">
-	import type { Project } from '../../types.js';
-
-	interface Props {
-		projects: Project[];
-		selectedId?: string;
-		onSelect?: (project: Project) => void;
-		onCreate?: () => void;
-	}
-
-	let { projects, selectedId, onSelect, onCreate }: Props = $props();
-
-	function formatDate(timestamp: number): string {
-		return new Date(timestamp).toLocaleDateString();
-	}
-</script>
-
-<div class="space-y-3">
-	<div class="flex items-center justify-between">
-		<h2 class="text-lg font-semibold text-foreground">Projects</h2>
-		{#if onCreate}
-			<button
-				onclick={onCreate}
-				class="rounded-md bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground transition-colors hover:bg-primary-hover"
-			>
-				<i class="fa-solid fa-plus mr-1"></i>
-				New Project
-			</button>
-		{/if}
-	</div>
-
-	{#if projects.length === 0}
-		<div class="rounded-lg border border-border bg-surface p-8 text-center">
-			<i class="fa-solid fa-folder-open mb-2 text-2xl text-foreground-tertiary"></i>
-			<p class="text-sm text-foreground-secondary">No projects yet</p>
-		</div>
-	{:else}
-		<div class="space-y-2">
-			{#each projects as project}
-				<button
-					onclick={() => onSelect?.(project)}
-					class="w-full rounded-lg border p-3 text-left transition-colors {selectedId === project.id
-						? 'border-primary bg-primary/5'
-						: 'border-border bg-surface hover:bg-surface-hover'}"
-				>
-					<div class="flex items-center justify-between">
-						<span class="text-sm font-semibold text-foreground">{project.name}</span>
-						<span class="text-xs text-foreground-tertiary">{formatDate(project.createdAt)}</span>
-					</div>
-					{#if project.description}
-						<p class="mt-1 text-xs text-foreground-tertiary">{project.description}</p>
-					{/if}
-				</button>
-			{/each}
-		</div>
-	{/if}
-</div>

package/dist/components/admin/ProjectList.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { Project } from '../../types.js';
-interface Props {
-    projects: Project[];
-    selectedId?: string;
-    onSelect?: (project: Project) => void;
-    onCreate?: () => void;
-}
-declare const ProjectList: import("svelte").Component<Props, {}, "">;
-type ProjectList = ReturnType<typeof ProjectList>;
-export default ProjectList;

package/dist/components/admin/StatusControl.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-	import type { System, SystemStatus } from '../../types.js';
-	import StatusIndicator from '../shared/StatusIndicator.svelte';
-
-	interface Props {
-		systems: System[];
-		onUpdateStatus?: (systemId: string, status: SystemStatus) => Promise<void>;
-	}
-
-	let { systems, onUpdateStatus }: Props = $props();
-
-	let updating = $state<string | null>(null);
-
-	const statuses: { value: SystemStatus; label: string; icon: string }[] = [
-		{ value: 'operational', label: 'Operational', icon: 'fa-circle-check' },
-		{ value: 'degraded', label: 'Degraded', icon: 'fa-exclamation-triangle' },
-		{ value: 'outage', label: 'Outage', icon: 'fa-circle-xmark' },
-		{ value: 'maintenance', label: 'Maintenance', icon: 'fa-wrench' },
-	];
-
-	async function setStatus(systemId: string, status: SystemStatus) {
-		updating = systemId;
-		try {
-			await onUpdateStatus?.(systemId, status);
-		} finally {
-			updating = null;
-		}
-	}
-</script>
-
-<div class="space-y-4">
-	<h3 class="text-base font-semibold text-foreground">
-		<i class="fa-solid fa-toggle-on mr-1.5 text-foreground-tertiary"></i>
-		Quick Status Update
-	</h3>
-
-	{#each systems as system}
-		<div class="rounded-lg border border-border bg-surface p-3">
-			<div class="flex items-center gap-2 mb-2">
-				<StatusIndicator status={system.status} size="sm" />
-				<span class="text-sm font-semibold text-foreground">{system.name}</span>
-				{#if updating === system.id}
-					<i class="fa-solid fa-spinner fa-spin text-xs text-foreground-tertiary"></i>
-				{/if}
-			</div>
-			<div class="grid grid-cols-2 gap-1 sm:grid-cols-4">
-				{#each statuses as s}
-					<button
-						onclick={() => setStatus(system.id, s.value)}
-						disabled={updating === system.id}
-						class="rounded px-2 py-1.5 text-xs transition-colors {system.status === s.value
-							? 'bg-primary text-primary-foreground'
-							: 'border border-border text-foreground-secondary hover:bg-surface-hover'}"
-					>
-						<i class="fa-solid {s.icon} mr-1"></i>
-						{s.label}
-					</button>
-				{/each}
-			</div>
-		</div>
-	{/each}
-</div>

package/dist/components/admin/StatusControl.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { System, SystemStatus } from '../../types.js';
-interface Props {
-    systems: System[];
-    onUpdateStatus?: (systemId: string, status: SystemStatus) => Promise<void>;
-}
-declare const StatusControl: import("svelte").Component<Props, {}, "">;
-type StatusControl = ReturnType<typeof StatusControl>;
-export default StatusControl;

package/dist/components/admin/SystemManager.svelte

@@ -1,119 +0,0 @@
-<script lang="ts">
-	import type { System, SystemStatus } from '../../types.js';
-	import StatusIndicator from '../shared/StatusIndicator.svelte';
-
-	interface Props {
-		systems: System[];
-		onAdd?: (data: { name: string; description: string }) => Promise<void>;
-		onUpdateStatus?: (systemId: string, status: SystemStatus) => Promise<void>;
-		onDelete?: (systemId: string) => Promise<void>;
-	}
-
-	let { systems, onAdd, onUpdateStatus, onDelete }: Props = $props();
-
-	let showAddForm = $state(false);
-	let newName = $state('');
-	let newDescription = $state('');
-	let adding = $state(false);
-
-	const statuses: SystemStatus[] = ['operational', 'degraded', 'outage', 'maintenance'];
-
-	async function handleAdd(e: Event) {
-		e.preventDefault();
-		if (!newName.trim()) return;
-		adding = true;
-		try {
-			await onAdd?.({ name: newName.trim(), description: newDescription.trim() });
-			newName = '';
-			newDescription = '';
-			showAddForm = false;
-		} finally {
-			adding = false;
-		}
-	}
-
-	async function handleDelete(systemId: string, systemName: string) {
-		if (!confirm(`Delete "${systemName}"? This cannot be undone.`)) return;
-		await onDelete?.(systemId);
-	}
-</script>
-
-<div class="space-y-4">
-	<div class="flex items-center justify-between">
-		<h3 class="text-base font-semibold text-foreground">
-			<i class="fa-solid fa-server mr-1.5 text-foreground-tertiary"></i>
-			Systems
-		</h3>
-		<button
-			onclick={() => (showAddForm = !showAddForm)}
-			class="rounded-md border border-border px-2.5 py-1.5 text-xs text-foreground-secondary transition-colors hover:bg-surface-hover"
-		>
-			<i class="fa-solid {showAddForm ? 'fa-minus' : 'fa-plus'} mr-1"></i>
-			{showAddForm ? 'Cancel' : 'Add System'}
-		</button>
-	</div>
-
-	{#if showAddForm}
-		<form onsubmit={handleAdd} class="rounded-lg border border-border bg-surface p-3 space-y-3">
-			<input
-				type="text"
-				bind:value={newName}
-				placeholder="System name"
-				required
-				class="w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
-			/>
-			<input
-				type="text"
-				bind:value={newDescription}
-				placeholder="Description (optional)"
-				class="w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
-			/>
-			<button
-				type="submit"
-				disabled={adding || !newName.trim()}
-				class="rounded-md bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50"
-			>
-				{adding ? 'Adding...' : 'Add System'}
-			</button>
-		</form>
-	{/if}
-
-	{#if systems.length === 0}
-		<p class="text-sm text-foreground-tertiary">No systems defined yet.</p>
-	{:else}
-		<div class="space-y-2">
-			{#each systems as system}
-				<div class="rounded-lg border border-border bg-surface p-3">
-					<div class="flex items-center justify-between">
-						<div class="flex items-center gap-2">
-							<StatusIndicator status={system.status} size="sm" />
-							<span class="text-sm font-semibold text-foreground">{system.name}</span>
-						</div>
-						<button
-							onclick={() => handleDelete(system.id, system.name)}
-							class="text-xs text-foreground-tertiary transition-colors hover:text-red-500"
-							aria-label="Delete system"
-						>
-							<i class="fa-solid fa-trash"></i>
-						</button>
-					</div>
-					{#if system.description}
-						<p class="mt-1 text-xs text-foreground-tertiary">{system.description}</p>
-					{/if}
-					<div class="mt-2 flex gap-1">
-						{#each statuses as s}
-							<button
-								onclick={() => onUpdateStatus?.(system.id, s)}
-								class="rounded px-2 py-1 text-xs transition-colors {system.status === s
-									? 'bg-primary text-primary-foreground'
-									: 'border border-border text-foreground-secondary hover:bg-surface-hover'}"
-							>
-								{s}
-							</button>
-						{/each}
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>

package/dist/components/admin/SystemManager.svelte.d.ts

@@ -1,13 +0,0 @@
-import type { System, SystemStatus } from '../../types.js';
-interface Props {
-    systems: System[];
-    onAdd?: (data: {
-        name: string;
-        description: string;
-    }) => Promise<void>;
-    onUpdateStatus?: (systemId: string, status: SystemStatus) => Promise<void>;
-    onDelete?: (systemId: string) => Promise<void>;
-}
-declare const SystemManager: import("svelte").Component<Props, {}, "">;
-type SystemManager = ReturnType<typeof SystemManager>;
-export default SystemManager;

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

@@ -1,9 +0,0 @@
-export { default as AdminDashboard } from './AdminDashboard.svelte';
-export { default as ProjectList } from './ProjectList.svelte';
-export { default as ProjectForm } from './ProjectForm.svelte';
-export { default as SystemManager } from './SystemManager.svelte';
-export { default as StatusControl } from './StatusControl.svelte';
-export { default as IncidentManager } from './IncidentManager.svelte';
-export { default as IncidentForm } from './IncidentForm.svelte';
-export { default as FeedbackList } from './FeedbackList.svelte';
-export { default as ApiKeyManager } from './ApiKeyManager.svelte';

package/dist/components/admin/index.js

@@ -1,9 +0,0 @@
-export { default as AdminDashboard } from './AdminDashboard.svelte';
-export { default as ProjectList } from './ProjectList.svelte';
-export { default as ProjectForm } from './ProjectForm.svelte';
-export { default as SystemManager } from './SystemManager.svelte';
-export { default as StatusControl } from './StatusControl.svelte';
-export { default as IncidentManager } from './IncidentManager.svelte';
-export { default as IncidentForm } from './IncidentForm.svelte';
-export { default as FeedbackList } from './FeedbackList.svelte';
-export { default as ApiKeyManager } from './ApiKeyManager.svelte';

package/dist/server/db.d.ts

@@ -1,17 +0,0 @@
-/**
- * Database connection management
- * Provides a singleton connection pool for MSSQL
- */
-import type { ConnectionPool } from 'mssql';
-/**
- * Get the database connection pool. Creates one if it doesn't exist.
- */
-export declare function getPool(connectionString: string): Promise<ConnectionPool>;
-/**
- * Initialize the database: connect and run migrations
- */
-export declare function initDatabase(connectionString: string): Promise<ConnectionPool>;
-/**
- * Close the database connection
- */
-export declare function closeDatabase(): Promise<void>;

package/dist/server/db.js

@@ -1,68 +0,0 @@
-/**
- * Database connection management
- * Provides a singleton connection pool for MSSQL
- */
-import sql from 'mssql';
-import { runMigrations } from './schema.js';
-let _pool = null;
-let _initialized = false;
-/**
- * Parse a connection string into mssql config
- */
-function parseConnectionString(connectionString) {
-    const params = {};
-    for (const part of connectionString.split(';')) {
-        const [key, ...valueParts] = part.split('=');
-        if (key && valueParts.length > 0) {
-            params[key.trim().toLowerCase()] = valueParts.join('=').trim();
-        }
-    }
-    return {
-        server: params['server'] || params['data source'] || '',
-        database: params['initial catalog'] || params['database'] || '',
-        user: params['user id'] || params['uid'] || '',
-        password: params['password'] || params['pwd'] || '',
-        options: {
-            encrypt: params['encrypt']?.toLowerCase() !== 'false',
-            trustServerCertificate: params['trustservercertificate']?.toLowerCase() === 'true',
-        },
-        pool: {
-            max: 10,
-            min: 0,
-            idleTimeoutMillis: 30000,
-        },
-        requestTimeout: parseInt(params['connection timeout'] || '30') * 1000,
-    };
-}
-/**
- * Get the database connection pool. Creates one if it doesn't exist.
- */
-export async function getPool(connectionString) {
-    if (_pool?.connected) {
-        return _pool;
-    }
-    const config = parseConnectionString(connectionString);
-    _pool = await sql.connect(config);
-    return _pool;
-}
-/**
- * Initialize the database: connect and run migrations
- */
-export async function initDatabase(connectionString) {
-    const pool = await getPool(connectionString);
-    if (!_initialized) {
-        await runMigrations(pool);
-        _initialized = true;
-    }
-    return pool;
-}
-/**
- * Close the database connection
- */
-export async function closeDatabase() {
-    if (_pool) {
-        await _pool.close();
-        _pool = null;
-        _initialized = false;
-    }
-}