{label}
+ {children} +No aggregate status was supplied.
; + return ( +-
+ {supplied.map(([label, value]) => (
+
- {label} +
- {value == null ? 'Unavailable' : String(value)} +
+
+ ))}
+ Observed {snapshot.observedAt}
: null} +Read-only aggregate view; task details and operational controls are excluded.
+
+
+
+
+
+
+
+ );
+}
+
+export function AutomationModule({ instance, dataSource, refreshSignal }: AutomationModuleProps) {
+ const requestFence = useRef(0);
+ const [retry, setRetry] = useState(0);
+ const [state, setState] = useState
+ Authentication is required before Automation data can be read for this instance.
+
+ );
+
+ if (!dataSource)
+ return (
+
+ No safe Automation read data source is available. This console will not invent or call an
+ uncontracted production endpoint.
+
+ );
+
+ const retained =
+ state.ownerId === instance.id && (state.kind === 'loading' || state.kind === 'error')
+ ? state.snapshot
+ : undefined;
+ if ((state.kind === 'idle' || state.kind === 'loading') && !retained)
+ return (
+ + Loading Automation… +
+ ); + + if (state.kind === 'error' && !retained) + return ( +
+
+ );
+
+ const snapshot =
+ state.kind === 'ready' && state.ownerId === instance.id ? state.snapshot : retained;
+ if (!snapshot) return null;
+ return (
+ Unable to load Automation: {SAFE_LOAD_ERROR}
+ +
+ {state.kind === 'loading' ?
+ );
+}
diff --git a/apps/web/src/instances/esim-module.test.tsx b/apps/web/src/instances/esim-module.test.tsx
new file mode 100644
index 0000000..273ffd3
--- /dev/null
+++ b/apps/web/src/instances/esim-module.test.tsx
@@ -0,0 +1,203 @@
+// @vitest-environment jsdom
+import { cleanup, render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import type { InstanceContext } from '../app-shell.js';
+import { EsimModule, type EsimDataSource, type EsimSnapshot } from './esim-module.js';
+
+afterEach(cleanup);
+
+const owner: InstanceContext = {
+ id: 'alpha',
+ name: 'Alpha',
+ origin: 'https://alpha.example',
+ status: 'online',
+ authentication: 'authenticated',
+ freshness: 'fresh',
+};
+const snapshot: EsimSnapshot = {
+ profileCount: 4,
+ enabledProfileCount: 2,
+ lpacStatus: 'available',
+ workMode: 'idle',
+ labels: ['Provisioned', 'Enabled'],
+};
+
+function deferredSource() {
+ let resolve!: (value: EsimSnapshot) => void;
+ const load = vi.fnRefreshing Automation…
: null} + {state.kind === 'error' ? ( +
+
+ ) : null}
+ {instance.freshness !== 'fresh' ? (
+ Refresh failed; showing the last known Automation data.
+ ++ Automation data is {instance.freshness}; verify freshness before relying on these values. +
+ ) : null} +eSIM safe summary
+-
+
- Profile count +
- {display(snapshot.profileCount)} +
- Enabled profile count +
- {display(snapshot.enabledProfileCount)} +
- lpac status +
- {display(snapshot.lpacStatus)} +
- Work mode +
- {display(snapshot.workMode)} +
+
+
+
+
+
+
+
+ Safe labels
+ {snapshot.labels.length ? ( +-
+ {snapshot.labels.map((label, index) => (
+
- {label} + ))} +
No safe labels were supplied.
+ )} +
+ Authentication is required before eSIM data can be read for this instance.
+
+ );
+ }
+
+ if (!dataSource) {
+ return (
+
+ No safe eSIM read data source is available. This console will not invent or call an
+ uncontracted production endpoint.
+
+ );
+ }
+
+ const retained =
+ state.ownerId === instance.id && (state.kind === 'loading' || state.kind === 'error')
+ ? state.snapshot
+ : undefined;
+
+ if ((state.kind === 'idle' || state.kind === 'loading') && !retained) {
+ return (
+ + Loading eSIM summary… +
+ ); + } + + if (state.kind === 'error' && !retained) { + return ( +
+
+ );
+ }
+
+ const snapshot =
+ state.kind === 'ready' && state.ownerId === instance.id ? state.snapshot : retained;
+ if (!snapshot) return null;
+
+ return (
+ Unable to load eSIM data: {SAFE_LOAD_ERROR}
+ +
+ {state.kind === 'loading' ?
+ );
+}
diff --git a/apps/web/src/instances/notifications-module.test.tsx b/apps/web/src/instances/notifications-module.test.tsx
new file mode 100644
index 0000000..1a26a45
--- /dev/null
+++ b/apps/web/src/instances/notifications-module.test.tsx
@@ -0,0 +1,247 @@
+// @vitest-environment jsdom
+import { cleanup, render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import type { InstanceContext } from '../app-shell.js';
+import {
+ NotificationsModule,
+ type NotificationsDataSource,
+ type NotificationsSnapshot,
+} from './notifications-module.js';
+
+afterEach(cleanup);
+
+const owner: InstanceContext = {
+ id: 'alpha',
+ name: 'Alpha',
+ origin: 'https://alpha.example',
+ status: 'online',
+ authentication: 'authenticated',
+ freshness: 'fresh',
+};
+
+const snapshot: NotificationsSnapshot = {
+ observedAt: '2026-07-17T12:00:00Z',
+ channels: {
+ status: 'healthy',
+ total: 5,
+ enabled: 4,
+ disabled: 1,
+ healthy: 3,
+ degraded: 1,
+ failed: 0,
+ endpoint: 'https://private.example/hook',
+ destination: '+15550000123',
+ token: 'channel-secret',
+ config: { provider: 'private-provider' },
+ },
+ queue: {
+ status: 'processing',
+ total: 18,
+ pending: 4,
+ processing: 2,
+ delivered: 11,
+ failed: 1,
+ payload: 'private queue payload',
+ destination: 'private@example.test',
+ },
+ logs: {
+ status: 'available',
+ total: 30,
+ info: 20,
+ warning: 7,
+ error: 3,
+ rawLogs: ['private raw log line'],
+ phoneNumber: '+15550000456',
+ },
+};
+
+function deferredSource() {
+ let resolve!: (value: unknown) => void;
+ let reject!: (reason: unknown) => void;
+ const load = vi.fnRefreshing eSIM summary…
: null} + {state.kind === 'error' ? ( +
+
+ ) : null}
+ {instance.freshness !== 'fresh' ? (
+ Refresh failed; showing the last known eSIM summary.
+ ++ eSIM data is {instance.freshness}; verify freshness before relying on these values. +
+ ) : null} +{label}
+ {children} +No aggregate status was supplied.
; + + return ( +-
+ {supplied.map(([label, key]) => {
+ const value = aggregate[key] as NotificationAggregateValue;
+ return (
+
- {label} +
- {value == null ? 'Unavailable' : String(value)} +
+
+ );
+ })}
+ Observed {snapshot.observedAt}
: null} +Aggregate counts and status only; notification details and contents are excluded.
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export function NotificationsModule({
+ instance,
+ dataSource,
+ refreshSignal,
+}: NotificationsModuleProps) {
+ const requestFence = useRef(0);
+ const [retry, setRetry] = useState(0);
+ const [state, setState] = useState
+ Authentication is required before Notifications data can be read for this instance.
+
+ );
+ }
+
+ if (!dataSource) {
+ return (
+
+ No safe Notifications read data source is available. This console will not invent or call an
+ uncontracted production endpoint.
+
+ );
+ }
+
+ const snapshot =
+ state.kind !== 'idle' && state.snapshot?.ownerId === instance.id ? state.snapshot : undefined;
+
+ if ((state.kind === 'idle' || state.kind === 'loading') && !snapshot) {
+ return (
+ + Loading Notifications… +
+ ); + } + + if (state.kind === 'error' && !snapshot) { + return ( +
+
+ );
+ }
+
+ if (!snapshot) return null;
+
+ return (
+ Unable to load Notifications: {SAFE_LOAD_ERROR}
+ +
+ {state.kind === 'loading' ?
+ );
+}
diff --git a/apps/web/src/instances/ota-module.test.tsx b/apps/web/src/instances/ota-module.test.tsx
new file mode 100644
index 0000000..1f6f969
--- /dev/null
+++ b/apps/web/src/instances/ota-module.test.tsx
@@ -0,0 +1,172 @@
+// @vitest-environment jsdom
+import { cleanup, render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import type { InstanceContext } from '../app-shell.js';
+import { OtaModule, type OtaDataSource, type OtaSnapshot } from './ota-module.js';
+
+afterEach(cleanup);
+
+const owner: InstanceContext = {
+ id: 'alpha',
+ name: 'Alpha',
+ origin: 'https://alpha.example',
+ status: 'online',
+ authentication: 'authenticated',
+ freshness: 'fresh',
+};
+
+const snapshot: OtaSnapshot = {
+ currentVersion: 'v2.4.1-build.7',
+ status: 'downloading',
+ progressPercent: 42,
+ updateAvailable: true,
+};
+
+function deferredSource() {
+ let resolve!: (value: OtaSnapshot) => void;
+ const load = vi.fnRefreshing Notifications…
: null} + {state.kind === 'error' ? ( +
+
+ ) : null}
+ {instance.freshness !== 'fresh' ? (
+ Refresh failed; showing the last known Notifications data.
+ ++ Notifications data is {instance.freshness}; verify freshness before relying on these + values. +
+ ) : null} +OTA safe summary
+Read-only OTA metadata: update operations and source-specific details are excluded.
+-
+
- Current version +
- {display(snapshot.currentVersion)} +
- Status +
- {display(snapshot.status)} +
- Progress +
- + {snapshot.progressPercent === undefined + ? 'Unavailable' + : `${snapshot.progressPercent}%`} + +
- Update availability +
- + {snapshot.updateAvailable === undefined + ? 'Unavailable' + : snapshot.updateAvailable + ? 'Available' + : 'No update available'} + +
+
+
+
+
+
+
+
+
+ Authentication is required before OTA data can be read for this instance.
+
+ );
+ }
+
+ if (!dataSource) {
+ return (
+
+ No safe OTA read data source is available. This console will not invent or call an
+ uncontracted production endpoint.
+
+ );
+ }
+
+ const retained =
+ state.ownerId === instance.id && (state.kind === 'loading' || state.kind === 'error')
+ ? state.snapshot
+ : undefined;
+
+ if ((state.kind === 'idle' || state.kind === 'loading') && !retained) {
+ return (
+ + Loading OTA data… +
+ ); + } + + if (state.kind === 'error' && !retained) { + return ( +
+
+ );
+ }
+
+ const snapshot =
+ state.kind === 'ready' && state.ownerId === instance.id ? state.snapshot : retained;
+ if (!snapshot) return null;
+
+ return (
+ Unable to load OTA data: {SAFE_LOAD_ERROR}
+ +
+ {state.kind === 'loading' ?
+ );
+}
Refreshing OTA data…
: null} + {state.kind === 'error' ? ( +
+
+ ) : null}
+ {instance.freshness !== 'fresh' ? (
+ Refresh failed; showing the last known OTA data.
+ ++ OTA data is {instance.freshness}; verify freshness before relying on these values. +
+ ) : null} +