@fuzdev/fuz_app 0.1.0

package/dist/ui/AdminOverview.svelte

@@ -0,0 +1,337 @@
+<script lang="ts">
+	import {onMount} from 'svelte';
+	import {resolve} from '$app/paths';
+	import {auth_state_context} from './auth_state.svelte.js';
+	import {AdminAccountsState} from './admin_accounts_state.svelte.js';
+	import {AdminSessionsState} from './admin_sessions_state.svelte.js';
+	import {AdminInvitesState} from './admin_invites_state.svelte.js';
+	import {AuditLogState} from './audit_log_state.svelte.js';
+	import {AppSettingsState} from './app_settings_state.svelte.js';
+	import {format_relative_time, format_datetime_local} from './ui_format.js';
+	import ConfirmButton from './ConfirmButton.svelte';
+
+	const auth_state = auth_state_context.get();
+
+	const accounts = new AdminAccountsState();
+	const sessions = new AdminSessionsState();
+	const invites = new AdminInvitesState();
+	const audit_log = new AuditLogState();
+	const app_settings = new AppSettingsState();
+
+	// accounts - dynamic role breakdown
+	const role_counts = $derived.by(() => {
+		// eslint-disable-next-line svelte/prefer-svelte-reactivity
+		const counts = new Map<string, number>();
+		for (const entry of accounts.accounts) {
+			const roles = new Set(entry.permits.map((p) => p.role));
+			for (const role of roles) {
+				counts.set(role, (counts.get(role) || 0) + 1);
+			}
+		}
+		return Array.from(counts.entries());
+	});
+	const unroled_count = $derived(accounts.accounts.filter((a) => a.permits.length === 0).length);
+
+	// sessions
+	const unique_users = $derived(new Set(sessions.sessions.map((s) => s.username)).size);
+	const most_recent = $derived(
+		sessions.sessions.length > 0
+			? sessions.sessions.reduce((a, b) =>
+					new Date(a.last_seen_at) > new Date(b.last_seen_at) ? a : b,
+				)
+			: null,
+	);
+
+	// audit log
+	const recent_events = $derived(audit_log.events.slice(0, 8));
+	const failed_logins = $derived(
+		audit_log.events.filter((e) => e.event_type === 'login' && e.outcome === 'failure'),
+	);
+	const permit_changes = $derived(
+		audit_log.events.filter(
+			(e) => e.event_type === 'permit_grant' || e.event_type === 'permit_revoke',
+		),
+	);
+
+	onMount(() => {
+		void Promise.all([
+			accounts.fetch(),
+			sessions.fetch(),
+			invites.fetch(),
+			audit_log.fetch({limit: 30}),
+			app_settings.fetch(),
+		]);
+	});
+</script>
+
+<!-- TODO: panels will be user-draggable/rearrangeable, hardcoded order for now -->
+<div class="overview">
+	<section>
+		<div class="panel_header">
+			<h3>accounts</h3>
+			<a href={resolve('/admin/accounts' as any)} class="text_50 font_size_sm">view all &rarr;</a>
+		</div>
+		{#if accounts.loading}
+			<p class="text_50">loading...</p>
+		{:else if accounts.error}
+			<p class="color_c">{accounts.error}</p>
+		{:else}
+			<div class="baseline_row gap_xs">
+				<strong class="font_size_lg">{accounts.account_count}</strong>
+				<span class="text_50">accounts</span>
+			</div>
+			<div class="baseline_row gap_xs flex-wrap:wrap font_size_sm mt_xs">
+				{#each role_counts as [role, count] (role)}
+					<span>{count} {role}</span>
+					<span class="text_50">&middot;</span>
+				{/each}
+				<span>{unroled_count} unroled</span>
+			</div>
+			{#if accounts.accounts.length > 0}
+				<ul class="compact_list">
+					{#each accounts.accounts.slice(0, 6) as entry (entry)}
+						<li>
+							<strong>{entry.account.username}</strong>
+							{#each entry.permits as permit (permit.id)}
+								<span class="chip font_size_sm">{permit.role}</span>
+							{/each}
+							{#if entry.permits.length === 0}
+								<span class="text_50 font_size_sm">no roles</span>
+							{/if}
+						</li>
+					{/each}
+					{#if accounts.accounts.length > 6}
+						<li class="text_50 font_size_sm">+{accounts.accounts.length - 6} more</li>
+					{/if}
+				</ul>
+			{/if}
+		{/if}
+	</section>
+
+	<section>
+		<div class="panel_header">
+			<h3>sessions</h3>
+			<a href={resolve('/admin/sessions' as any)} class="text_50 font_size_sm">view all &rarr;</a>
+		</div>
+		{#if sessions.loading}
+			<p class="text_50">loading...</p>
+		{:else if sessions.error}
+			<p class="color_c">{sessions.error}</p>
+		{:else}
+			<div class="baseline_row gap_xs">
+				<strong class="font_size_lg">{sessions.active_count}</strong>
+				<span class="text_50">active</span>
+			</div>
+			<div class="baseline_row gap_xs">
+				<strong class="font_size_lg">{unique_users}</strong>
+				<span class="text_50">unique users</span>
+			</div>
+			{#if most_recent}
+				<div class="baseline_row gap_xs font_size_sm mt_sm">
+					<span class="text_50">last active:</span>
+					<strong>{most_recent.username}</strong>
+					<span class="text_50" title={format_datetime_local(most_recent.last_seen_at)}
+						>{format_relative_time(most_recent.last_seen_at)}</span
+					>
+				</div>
+			{/if}
+		{/if}
+	</section>
+
+	<section>
+		<div class="panel_header">
+			<h3>invites</h3>
+			<a href={resolve('/admin/invites' as any)} class="text_50 font_size_sm">view all &rarr;</a>
+		</div>
+		{#if invites.loading}
+			<p class="text_50">loading...</p>
+		{:else if invites.error}
+			<p class="color_c">{invites.error}</p>
+		{:else}
+			<div class="baseline_row gap_sm">
+				<span class="text_50">public signup</span>
+				{#if app_settings.settings?.open_signup}
+					<span class="chip color_b">open</span>
+				{:else}
+					<span class="chip">closed</span>
+				{/if}
+			</div>
+			<div class="baseline_row gap_xs">
+				<strong class="font_size_lg">{invites.unclaimed_count}</strong>
+				<span class="text_50">unclaimed</span>
+				<span class="text_50">/</span>
+				<span>{invites.invite_count}</span>
+				<span class="text_50">total</span>
+			</div>
+			{#if invites.invites.length > 0}
+				<ul class="compact_list">
+					{#each invites.invites.slice(0, 4) as invite (invite.id)}
+						<li>
+							<span>{invite.email || invite.username || '—'}</span>
+							{#if invite.claimed_at}
+								<span class="chip font_size_sm color_b">claimed</span>
+							{:else}
+								<span class="chip font_size_sm">unclaimed</span>
+							{/if}
+						</li>
+					{/each}
+					{#if invites.invites.length > 4}
+						<li class="text_50 font_size_sm">+{invites.invites.length - 4} more</li>
+					{/if}
+				</ul>
+			{/if}
+		{/if}
+	</section>
+
+	<section>
+		<div class="panel_header">
+			<h3>recent activity</h3>
+			<a href={resolve('/admin/audit-log' as any)} class="text_50 font_size_sm">view all &rarr;</a>
+		</div>
+		{#if audit_log.loading}
+			<p class="text_50">loading...</p>
+		{:else if audit_log.error}
+			<p class="color_c">{audit_log.error}</p>
+		{:else if recent_events.length === 0}
+			<p class="text_50">no events</p>
+		{:else}
+			<ul class="compact_list">
+				{#each recent_events as event (event.id)}
+					<li>
+						<span class="text_50 font_size_sm" title={format_datetime_local(event.created_at)}
+							>{format_relative_time(event.created_at)}</span
+						>
+						<code class="font_size_sm">{event.event_type}</code>
+						{#if event.outcome === 'failure'}
+							<span class="chip font_size_sm color_c">fail</span>
+						{/if}
+					</li>
+				{/each}
+			</ul>
+		{/if}
+	</section>
+
+	<section>
+		<div class="panel_header">
+			<h3>security</h3>
+			<a href={resolve('/admin/audit-log' as any)} class="text_50 font_size_sm">audit log &rarr;</a>
+		</div>
+		{#if audit_log.loading}
+			<p class="text_50">loading...</p>
+		{:else if audit_log.error}
+			<p class="color_c">{audit_log.error}</p>
+		{:else}
+			<div class="baseline_row gap_xs">
+				<strong class="font_size_lg" class:color_c={failed_logins.length > 0}>
+					{failed_logins.length}
+				</strong>
+				<span class="text_50">failed logins</span>
+			</div>
+			<div class="baseline_row gap_xs">
+				<strong class="font_size_lg">{permit_changes.length}</strong>
+				<span class="text_50">permit changes</span>
+			</div>
+			{#if permit_changes.length > 0}
+				<ul class="compact_list">
+					{#each permit_changes.slice(0, 4) as event (event.id)}
+						<li class="font_size_sm">
+							<span class="text_50" title={format_datetime_local(event.created_at)}
+								>{format_relative_time(event.created_at)}</span
+							>
+							<code>{event.event_type === 'permit_grant' ? 'grant' : 'revoke'}</code>
+							{#if event.metadata?.role}
+								<span class="chip font_size_sm">{event.metadata.role}</span>
+							{/if}
+						</li>
+					{/each}
+				</ul>
+			{/if}
+		{/if}
+	</section>
+
+	<section>
+		<div class="panel_header">
+			<h3>system</h3>
+		</div>
+		{#if app_settings.loading}
+			<p class="text_50">loading...</p>
+		{:else if app_settings.error}
+			<p class="color_c">{app_settings.error}</p>
+		{:else}
+			<div class="baseline_row gap_sm">
+				<span class="text_50">public signup</span>
+				{#if app_settings.settings?.open_signup}
+					<span class="chip color_b">open</span>
+				{:else}
+					<span class="chip">invite-only</span>
+				{/if}
+			</div>
+			{#if app_settings.settings?.updated_at}
+				<div class="baseline_row gap_xs font_size_sm mt_xs">
+					<span class="text_50">last changed:</span>
+					<span title={format_datetime_local(app_settings.settings.updated_at)}>
+						{format_relative_time(app_settings.settings.updated_at)}
+					</span>
+					{#if app_settings.settings.updated_by_username}
+						<span class="text_50">by</span>
+						<strong>{app_settings.settings.updated_by_username}</strong>
+					{/if}
+				</div>
+			{/if}
+		{/if}
+		{#if auth_state.account}
+			<div class="baseline_row gap_sm">
+				<span class="text_50">logged in as</span>
+				<strong>{auth_state.account.username}</strong>
+			</div>
+			<div class="mt_md">
+				<ConfirmButton
+					onconfirm={async () => {
+						await auth_state.logout();
+					}}
+					title="log out"
+				>
+					{#snippet children(_popover, _confirm)}
+						log out
+					{/snippet}
+					{#snippet popover_button_content()}
+						<span class="p_md"> log out </span>
+					{/snippet}
+				</ConfirmButton>
+			</div>
+		{/if}
+	</section>
+</div>
+
+<style>
+	.overview {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+		gap: var(--space_lg);
+	}
+
+	.panel_header {
+		display: flex;
+		justify-content: space-between;
+		align-items: baseline;
+		margin-bottom: var(--space_md);
+	}
+
+	.baseline_row {
+		display: flex;
+		align-items: baseline;
+	}
+
+	.compact_list {
+		list-style: none;
+		padding: 0;
+		margin: var(--space_sm) 0 0;
+	}
+
+	.compact_list li {
+		display: flex;
+		align-items: baseline;
+		gap: var(--space_xs);
+		padding: 2px 0;
+	}
+</style>

package/dist/ui/AdminOverview.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const AdminOverview: import("svelte").Component<Record<string, never>, {}, "">;
+type AdminOverview = ReturnType<typeof AdminOverview>;
+export default AdminOverview;
+//# sourceMappingURL=AdminOverview.svelte.d.ts.map

package/dist/ui/AdminOverview.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminOverview.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/AdminOverview.svelte"],"names":[],"mappings":"AAwTA,QAAA,MAAM,aAAa,2DAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/ui/AdminPermitHistory.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+	import {AuditLogState} from './audit_log_state.svelte.js';
+	import {format_relative_time, format_datetime_local, truncate_uuid} from './ui_format.js';
+	import Datatable from './Datatable.svelte';
+	import type {DatatableColumn} from './datatable.js';
+	import type {PermitHistoryEventJson} from '../auth/audit_log_schema.js';
+
+	const audit_log = new AuditLogState();
+
+	void audit_log.fetch_permit_history();
+
+	const columns: Array<DatatableColumn<PermitHistoryEventJson>> = [
+		{key: 'event_type', label: 'action', width: 100},
+		{key: 'metadata', label: 'role', width: 100},
+		{key: 'username', label: 'by', width: 140},
+		{key: 'target_username', label: 'target', width: 140},
+		{key: 'created_at', label: 'time', width: 100},
+	];
+</script>
+
+<section>
+	<h1>permit history</h1>
+
+	{#if audit_log.loading}
+		<p class="text_50">loading permit history...</p>
+	{:else if audit_log.error}
+		<p class="color_c_50">{audit_log.error}</p>
+	{:else}
+		<Datatable {columns} rows={audit_log.permit_history_events} height="400px" row_key="id">
+			{#snippet cell(column, row)}
+				{#if column.key === 'event_type'}
+					<span
+						class="chip"
+						class:color_b={row.event_type === 'permit_grant'}
+						class:color_c={row.event_type === 'permit_revoke'}
+					>
+						{row.event_type === 'permit_grant' ? 'grant' : 'revoke'}
+					</span>
+				{:else if column.key === 'metadata'}
+					{#if row.metadata}
+						<code>{row.metadata.role ?? ''}</code>
+					{/if}
+				{:else if column.key === 'username'}
+					<span class="text_50">{row.username ?? truncate_uuid(row.account_id ?? '?')}</span>
+				{:else if column.key === 'target_username'}
+					<span class="text_50"
+						>{row.target_username ?? truncate_uuid(row.target_account_id ?? '?')}</span
+					>
+				{:else if column.key === 'created_at'}
+					<span title={format_datetime_local(row.created_at)}>
+						{format_relative_time(row.created_at)}
+					</span>
+				{:else if column.format}
+					{column.format(row[column.key], row)}
+				{:else}
+					{row[column.key]}
+				{/if}
+			{/snippet}
+		</Datatable>
+	{/if}
+</section>

package/dist/ui/AdminPermitHistory.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const AdminPermitHistory: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AdminPermitHistory = InstanceType<typeof AdminPermitHistory>;
+export default AdminPermitHistory;
+//# sourceMappingURL=AdminPermitHistory.svelte.d.ts.map

package/dist/ui/AdminPermitHistory.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPermitHistory.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/AdminPermitHistory.svelte"],"names":[],"mappings":"AAmEA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,kBAAkB;;kBAA+E,CAAC;AACtF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACpE,eAAe,kBAAkB,CAAC"}

package/dist/ui/AdminSessions.svelte

@@ -0,0 +1,85 @@
+<script lang="ts">
+	import {AdminSessionsState} from './admin_sessions_state.svelte.js';
+	import {format_relative_time, format_datetime_local, truncate_uuid} from './ui_format.js';
+	import ConfirmButton from './ConfirmButton.svelte';
+	import Datatable from './Datatable.svelte';
+	import type {DatatableColumn} from './datatable.js';
+	import type {AdminSessionJson} from '../auth/audit_log_schema.js';
+
+	const admin_sessions = new AdminSessionsState();
+
+	void admin_sessions.fetch();
+
+	const columns: Array<DatatableColumn<AdminSessionJson>> = [
+		{key: 'username', label: 'user', width: 120},
+		{key: 'id', label: 'session', width: 130},
+		{key: 'created_at', label: 'created', width: 100},
+		{key: 'last_seen_at', label: 'last seen', width: 100},
+		{key: 'expires_at', label: 'expires', width: 100},
+		{key: 'account_id', label: '', width: 220},
+	];
+</script>
+
+<section>
+	<h1>active sessions</h1>
+	{#if admin_sessions.active_count > 0}
+		<p>
+			<span class="chip color_a">{admin_sessions.active_count} active</span>
+		</p>
+	{/if}
+
+	{#if admin_sessions.loading}
+		<p class="text_50">loading sessions...</p>
+	{:else if admin_sessions.error}
+		<p class="color_c_50">{admin_sessions.error}</p>
+	{:else}
+		<Datatable {columns} rows={admin_sessions.sessions} height="400px">
+			{#snippet cell(column, row)}
+				{#if column.key === 'id'}
+					<code class="font_size_sm text_50">{truncate_uuid(row.id)}</code>
+				{:else if column.key === 'created_at'}
+					<span title={format_datetime_local(row.created_at)}>
+						{format_relative_time(row.created_at)}
+					</span>
+				{:else if column.key === 'last_seen_at'}
+					<span title={format_datetime_local(row.last_seen_at)}>
+						{format_relative_time(row.last_seen_at)}
+					</span>
+				{:else if column.key === 'expires_at'}
+					<span title={format_datetime_local(row.expires_at)}>
+						{format_relative_time(row.expires_at)}
+					</span>
+				{:else if column.key === 'account_id'}
+					<ConfirmButton
+						onconfirm={() => admin_sessions.revoke_all_for_account(row.account_id)}
+						title="revoke all sessions for {row.username}"
+						class="sm"
+						disabled={admin_sessions.revoking_account_ids.has(row.account_id)}
+					>
+						{#snippet children(_popover, _confirm)}
+							{admin_sessions.revoking_account_ids.has(row.account_id)
+								? 'revoking…'
+								: 'revoke sessions'}
+						{/snippet}
+					</ConfirmButton>
+					<ConfirmButton
+						onconfirm={() => admin_sessions.revoke_all_tokens_for_account(row.account_id)}
+						title="revoke all tokens for {row.username}"
+						class="sm"
+						disabled={admin_sessions.revoking_token_account_ids.has(row.account_id)}
+					>
+						{#snippet children(_popover, _confirm)}
+							{admin_sessions.revoking_token_account_ids.has(row.account_id)
+								? 'revoking…'
+								: 'revoke tokens'}
+						{/snippet}
+					</ConfirmButton>
+				{:else if column.format}
+					{column.format(row[column.key], row)}
+				{:else}
+					{row[column.key]}
+				{/if}
+			{/snippet}
+		</Datatable>
+	{/if}
+</section>

package/dist/ui/AdminSessions.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const AdminSessions: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AdminSessions = InstanceType<typeof AdminSessions>;
+export default AdminSessions;
+//# sourceMappingURL=AdminSessions.svelte.d.ts.map

package/dist/ui/AdminSessions.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminSessions.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/AdminSessions.svelte"],"names":[],"mappings":"AAwFA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,aAAa;;kBAA+E,CAAC;AACjF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/ui/AdminSettings.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import {auth_state_context} from './auth_state.svelte.js';
+	import ConfirmButton from './ConfirmButton.svelte';
+	import OpenSignupToggle from './OpenSignupToggle.svelte';
+
+	const auth_state = auth_state_context.get();
+</script>
+
+<section>
+	<h1>settings</h1>
+	<h2>signup</h2>
+	<OpenSignupToggle />
+	<h2>authentication</h2>
+	{#if auth_state.account}
+		<p>Logged in as <strong>{auth_state.account.username}</strong>.</p>
+	{:else}
+		<p>Logged in via session cookie.</p>
+	{/if}
+	<ConfirmButton
+		onconfirm={async () => {
+			await auth_state.logout();
+		}}
+		title="log out"
+	>
+		{#snippet children(_popover, _confirm)}
+			log out
+		{/snippet}
+		{#snippet popover_button_content()}
+			<span class="p_md"> log out </span>
+		{/snippet}
+	</ConfirmButton>
+</section>

package/dist/ui/AdminSettings.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const AdminSettings: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AdminSettings = InstanceType<typeof AdminSettings>;
+export default AdminSettings;
+//# sourceMappingURL=AdminSettings.svelte.d.ts.map

package/dist/ui/AdminSettings.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminSettings.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/AdminSettings.svelte"],"names":[],"mappings":"AAqCA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,aAAa;;kBAA+E,CAAC;AACjF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/ui/AdminSurface.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+	import type {AppSurface} from '../http/surface.js';
+	import SurfaceExplorer from './SurfaceExplorer.svelte';
+	import {ui_fetch} from './ui_fetch.js';
+
+	let surface: AppSurface | null = $state(null);
+	let loading = $state(true);
+	let error: string | null = $state(null);
+
+	const load = async (): Promise<void> => {
+		loading = true;
+		error = null;
+		try {
+			const res = await ui_fetch('/api/surface');
+			if (!res.ok) {
+				error = `Failed to load surface: ${res.status}`;
+				return;
+			}
+			surface = await res.json();
+		} catch (e) {
+			error = e instanceof Error ? e.message : 'Unknown error';
+		} finally {
+			loading = false;
+		}
+	};
+
+	void load();
+</script>
+
+<section>
+	<h1>surface</h1>
+	<p class="text_50">API routes, middleware, schemas, environment, and events.</p>
+
+	{#if loading}
+		<p class="text_50">loading surface...</p>
+	{:else if error}
+		<p class="color_c_50">{error}</p>
+		<button type="button" onclick={() => void load()}>retry</button>
+	{:else if surface}
+		<SurfaceExplorer {surface} />
+	{/if}
+</section>

package/dist/ui/AdminSurface.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const AdminSurface: import("svelte").Component<Record<string, never>, {}, "">;
+type AdminSurface = ReturnType<typeof AdminSurface>;
+export default AdminSurface;
+//# sourceMappingURL=AdminSurface.svelte.d.ts.map

package/dist/ui/AdminSurface.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminSurface.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/AdminSurface.svelte"],"names":[],"mappings":"AAoDA,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}