@qpqjs/web-admin 0.0.0-stage → 0.2.1

package/lib/commonjs/LogViewer/logic/index.d.ts

@@ -0,0 +1,7 @@
+export * from './createHierarchy';
+export * from './findLogDirectChildren';
+export * from './findRootLog';
+export * from './getLogHierarchy';
+export * from './getLogTrace';
+export * from './getLogUrl';
+export * from './processLog';

package/lib/commonjs/LogViewer/logic/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./createHierarchy"), exports);
+__exportStar(require("./findLogDirectChildren"), exports);
+__exportStar(require("./findRootLog"), exports);
+__exportStar(require("./getLogHierarchy"), exports);
+__exportStar(require("./getLogTrace"), exports);
+__exportStar(require("./getLogUrl"), exports);
+__exportStar(require("./processLog"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/LogViewer/logic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/LogViewer/logic/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,0DAAwC;AACxC,gDAA8B;AAC9B,oDAAkC;AAClC,gDAA8B;AAC9B,8CAA4B;AAC5B,+CAA6B","sourcesContent":["export * from './createHierarchy';\nexport * from './findLogDirectChildren';\nexport * from './findRootLog';\nexport * from './getLogHierarchy';\nexport * from './getLogTrace';\nexport * from './getLogUrl';\nexport * from './processLog';\n"]}

package/lib/commonjs/LogViewer/logic/processLog.d.ts

@@ -0,0 +1,2 @@
+import { ActionHistory, StoryResult } from '@qpqjs/core';
+export declare const processLog: (logFile: StoryResult<any>) => ActionHistory[];

package/lib/commonjs/LogViewer/logic/processLog.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.processLog = void 0;
+const core_1 = require("@qpqjs/core");
+const processLog = (logFile) => {
+    if (!logFile) {
+        return [];
+    }
+    return logFile.history.filter((item) => item.act.type !== core_1.ContextActionType.List);
+};
+exports.processLog = processLog;
+//# sourceMappingURL=processLog.js.map

package/lib/commonjs/LogViewer/logic/processLog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processLog.js","sourceRoot":"","sources":["../../../../src/LogViewer/logic/processLog.ts"],"names":[],"mappings":";;;AAAA,sCAA4E;AAErE,MAAM,UAAU,GAAG,CAAC,OAAyB,EAAmB,EAAE;IACvE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,wBAAiB,CAAC,IAAI,CAAC,CAAC;AACpF,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB","sourcesContent":["import { ActionHistory, ContextActionType, StoryResult } from '@qpqjs/core';\n\nexport const processLog = (logFile: StoryResult<any>): ActionHistory[] => {\n  if (!logFile) {\n    return [];\n  }\n\n  return logFile.history.filter((item) => item.act.type !== ContextActionType.List);\n};\n"]}

package/lib/commonjs/LogViewer/types/SearchParams.d.ts

@@ -0,0 +1,11 @@
+export interface SearchParams {
+    runtimeType: string;
+    startIsoDateTime: string;
+    endIsoDateTime: string;
+    serviceFilter: string;
+    infoFilter: string;
+    errorFilter: string;
+    userFilter: string;
+    deep: string;
+    onlyErrors: boolean;
+}

package/lib/commonjs/LogViewer/types/SearchParams.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=SearchParams.js.map

package/lib/commonjs/LogViewer/types/SearchParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchParams.js","sourceRoot":"","sources":["../../../../src/LogViewer/types/SearchParams.ts"],"names":[],"mappings":"","sourcesContent":["export interface SearchParams {\n  runtimeType: string;\n  startIsoDateTime: string;\n  endIsoDateTime: string;\n\n  serviceFilter: string;\n  infoFilter: string;\n  errorFilter: string;\n  userFilter: string;\n  deep: string;\n\n  onlyErrors: boolean;\n}\n"]}

package/lib/commonjs/LogViewer/types/index.d.ts

@@ -0,0 +1 @@
+export * from './SearchParams';

package/lib/commonjs/LogViewer/types/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SearchParams"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/LogViewer/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/LogViewer/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B","sourcesContent":["export * from './SearchParams';\n"]}

package/lib/commonjs/Maintenance/Maintenance.d.ts

@@ -0,0 +1 @@
+export declare function Maintenance(): import("react").JSX.Element;

package/lib/commonjs/Maintenance/Maintenance.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Maintenance = Maintenance;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MaintenanceEditor_1 = require("./MaintenanceEditor");
+const MaintenanceList_1 = require("./MaintenanceList");
+// The Maintenance tab: the list of maintenance event docs, drilling into an
+// editor per doc. Creating a new maintenance begins it and opens its editor.
+function Maintenance() {
+    const [selectedDocId, setSelectedDocId] = (0, react_1.useState)(null);
+    if (selectedDocId) {
+        return (0, jsx_runtime_1.jsx)(MaintenanceEditor_1.MaintenanceEditor, { docId: selectedDocId, onBack: () => setSelectedDocId(null) });
+    }
+    return (0, jsx_runtime_1.jsx)(MaintenanceList_1.MaintenanceList, { onOpen: setSelectedDocId });
+}
+//# sourceMappingURL=Maintenance.js.map

package/lib/commonjs/Maintenance/Maintenance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Maintenance.js","sourceRoot":"","sources":["../../../src/Maintenance/Maintenance.tsx"],"names":[],"mappings":";;AAOA,kCAQC;;AAfD,iCAAiC;AAEjC,2DAAwD;AACxD,uDAAoD;AAEpD,4EAA4E;AAC5E,6EAA6E;AAC7E,SAAgB,WAAW;IACzB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExE,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,uBAAC,qCAAiB,IAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAI,CAAC;IAC3F,CAAC;IAED,OAAO,uBAAC,iCAAe,IAAC,MAAM,EAAE,gBAAgB,GAAI,CAAC;AACvD,CAAC","sourcesContent":["import { useState } from 'react';\n\nimport { MaintenanceEditor } from './MaintenanceEditor';\nimport { MaintenanceList } from './MaintenanceList';\n\n// The Maintenance tab: the list of maintenance event docs, drilling into an\n// editor per doc. Creating a new maintenance begins it and opens its editor.\nexport function Maintenance() {\n  const [selectedDocId, setSelectedDocId] = useState<string | null>(null);\n\n  if (selectedDocId) {\n    return <MaintenanceEditor docId={selectedDocId} onBack={() => setSelectedDocId(null)} />;\n  }\n\n  return <MaintenanceList onOpen={setSelectedDocId} />;\n}\n"]}

package/lib/commonjs/Maintenance/MaintenanceEditor.d.ts

@@ -0,0 +1,6 @@
+type MaintenanceEditorProps = {
+    docId: string;
+    onBack: () => void;
+};
+export declare function MaintenanceEditor({ docId, onBack }: MaintenanceEditorProps): import("react").JSX.Element;
+export {};

package/lib/commonjs/Maintenance/MaintenanceEditor.js

@@ -0,0 +1,125 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaintenanceEditor = MaintenanceEditor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@qpqjs/core");
+const features_1 = require("@qpqjs/features");
+const web_react_1 = require("@qpqjs/web-react");
+const react_1 = require("react");
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const ArrowBack_1 = __importDefault(require("@mui/icons-material/ArrowBack"));
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+const Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
+const Engineering_1 = __importDefault(require("@mui/icons-material/Engineering"));
+const material_1 = require("@mui/material");
+const logic_1 = require("./logic");
+const MaintenanceUserPreview_1 = require("./MaintenanceUserPreview");
+const UpdateDialog_1 = require("./UpdateDialog");
+// One maintenance: a read-only header card with the CURRENT folded state, and
+// the update feed it derives from. The UPDATE is the only mutation — adding one
+// (prefilled from the last, ETA blank against the running clock) moves the whole
+// status; editing/deleting entries re-derives, so deleting the newest rolls the
+// card back. Closing publishes; reopening demands a fresh update (level resets
+// to Low in the prefill) so a maintenance closed at High never reopens locked.
+function MaintenanceEditor({ docId, onBack }) {
+    var _a;
+    const urlResolvers = (0, web_react_1.useBaseUrlResolvers)();
+    const accessToken = (0, web_react_1.useAuthAccessToken)();
+    const [events, setEvents] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [dialog, setDialog] = (0, react_1.useState)({ kind: 'closed' });
+    const folded = (0, react_1.useMemo)(() => (events ? features_1.maintenanceEventDoc.views.document.fold(events) : null), [events]);
+    const isClosed = (folded === null || folded === void 0 ? void 0 : folded.status) === features_1.EventDocStatus.Published;
+    (0, react_1.useEffect)(() => {
+        const load = () => __awaiter(this, void 0, void 0, function* () {
+            setError(null);
+            try {
+                setEvents(yield (0, logic_1.fetchMaintenanceEvents)(docId, urlResolvers.getApiUrl(), accessToken));
+            }
+            catch (loadError) {
+                setError(`Failed to load maintenance: ${loadError}`);
+            }
+        });
+        load();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [docId]);
+    const applyEvent = (type, data) => __awaiter(this, void 0, void 0, function* () {
+        setBusy(true);
+        setError(null);
+        try {
+            const event = yield (0, logic_1.appendMaintenanceEvent)(docId, type, data, urlResolvers.getApiUrl(), accessToken);
+            setEvents((prev) => (prev ? [...prev, event] : [event]));
+            return true;
+        }
+        catch (appendError) {
+            setError(`Failed to save change: ${appendError}`);
+            return false;
+        }
+        finally {
+            setBusy(false);
+        }
+    });
+    if (!folded) {
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', justifyContent: 'center', p: 6 }, children: error ? (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: error }) : (0, jsx_runtime_1.jsx)(material_1.CircularProgress, {}) }));
+    }
+    const updatesNewestFirst = [...folded.updates].reverse();
+    const lastUpdate = (_a = folded.updates[folded.updates.length - 1]) !== null && _a !== void 0 ? _a : null;
+    const addPrefill = {
+        bannerText: folded.bannerText,
+        reason: folded.reason,
+        level: folded.level,
+        maintenanceType: folded.maintenanceType,
+        affectedServices: folded.affectedServices,
+        internalNotes: '',
+    };
+    // Reopen is "create from inside": reason/type/services carry over for
+    // convenience, but the level RESETS to Low and there is no running clock.
+    const reopenPrefill = Object.assign(Object.assign({}, addPrefill), { level: features_1.MaintenanceLevel.Low });
+    const onDialogSave = (values) => __awaiter(this, void 0, void 0, function* () {
+        if (dialog.kind === 'edit') {
+            yield applyEvent(features_1.MaintenanceEffect.EditUpdate, Object.assign({ updateId: dialog.update.id }, values));
+        }
+        else if (dialog.kind === 'reopen') {
+            const reopened = yield applyEvent(features_1.EventDocEffect.CreateDraft, undefined);
+            if (reopened) {
+                yield applyEvent(features_1.MaintenanceEffect.AddUpdate, Object.assign({ updateId: (0, core_1.generateUuid)() }, values));
+            }
+        }
+        else {
+            yield applyEvent(features_1.MaintenanceEffect.AddUpdate, Object.assign({ updateId: (0, core_1.generateUuid)() }, values));
+        }
+        setDialog({ kind: 'closed' });
+    });
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { p: 3, display: 'flex', flexDirection: 'column', gap: 2 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "Back to maintenance list", onClick: onBack, children: (0, jsx_runtime_1.jsx)(ArrowBack_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.secondary", variant: "body2", children: "Maintenance" })] }), error && (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: error }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', gap: 3, alignItems: 'flex-start' }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flex: '1 1 70%', minWidth: 0, display: 'flex', flexDirection: 'column', gap: 2 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 3, display: 'flex', flexDirection: 'column', gap: 1.5 }, variant: "outlined", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'flex-start', gap: 2 }, children: [(0, jsx_runtime_1.jsx)(Engineering_1.default, { color: isClosed ? 'disabled' : 'warning', sx: { fontSize: 40 } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flexGrow: 1 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: folded.bannerText || folded.name }), folded.reason && folded.reason !== folded.bannerText && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: "text.secondary", variant: "body2", children: ["Latest: ", folded.reason] })), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', gap: 1, mt: 1, flexWrap: 'wrap' }, children: [isClosed ? (0, jsx_runtime_1.jsx)(material_1.Chip, { label: "Closed", size: "small" }) : (0, jsx_runtime_1.jsx)(material_1.Chip, { color: "warning", label: "Active", size: "small" }), (0, jsx_runtime_1.jsx)(material_1.Chip, { color: folded.level === features_1.MaintenanceLevel.High && !isClosed ? 'error' : folded.level === features_1.MaintenanceLevel.Info ? 'info' : 'default', label: folded.level === features_1.MaintenanceLevel.High
+                                                                    ? 'High — UI locked'
+                                                                    : folded.level === features_1.MaintenanceLevel.Info
+                                                                        ? 'Info — banner'
+                                                                        : folded.level === features_1.MaintenanceLevel.Internal
+                                                                            ? 'Internal — hidden from users'
+                                                                            : 'Low — banner only', size: "small", variant: folded.level === features_1.MaintenanceLevel.High ? 'filled' : 'outlined' }), (0, jsx_runtime_1.jsx)(material_1.Chip, { label: folded.maintenanceType === features_1.MaintenanceType.Incident ? 'Incident' : 'Deploy', size: "small", variant: "outlined" }), folded.etaEndsAt && (0, jsx_runtime_1.jsx)(material_1.Chip, { label: `Ends ~${new Date(folded.etaEndsAt).toLocaleTimeString()}`, size: "small", variant: "outlined" }), (0, jsx_runtime_1.jsx)(material_1.Chip, { label: folded.affectedServices ? `Affected: ${folded.affectedServices.join(', ')}` : 'All services', size: "small", variant: "outlined" })] })] }), isClosed ? ((0, jsx_runtime_1.jsx)(material_1.Button, { disabled: busy, onClick: () => setDialog({ kind: 'reopen' }), variant: "contained", children: "Reopen maintenance" })) : ((0, jsx_runtime_1.jsx)(material_1.Button, { color: "success", disabled: busy, onClick: () => applyEvent(features_1.EventDocEffect.Publish, { effectiveFrom: new Date().toISOString() }), variant: "contained", children: "Close maintenance" }))] }), (lastUpdate === null || lastUpdate === void 0 ? void 0 : lastUpdate.internalNotes) && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: "text.secondary", sx: { fontStyle: 'italic' }, variant: "body2", children: ["Internal: ", lastUpdate.internalNotes] }))] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { flexGrow: 1 }, variant: "h6", children: "Updates" }), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: isClosed || busy, onClick: () => setDialog({ kind: 'add' }), startIcon: (0, jsx_runtime_1.jsx)(Add_1.default, {}), variant: "outlined", children: "Add update" })] }), (0, jsx_runtime_1.jsxs)(material_1.Table, { size: "small", children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Status" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Level" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "ETA" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Internal notes" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Posted" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: "Actions" })] }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [updatesNewestFirst.map((update) => ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { hover: true, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: { maxWidth: 420 }, children: update.reason }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(material_1.Chip, { color: update.level === features_1.MaintenanceLevel.High ? 'error' : update.level === features_1.MaintenanceLevel.Info ? 'info' : 'default', label: update.level, size: "small", variant: update.level === features_1.MaintenanceLevel.High ? 'filled' : 'outlined' }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: update.etaSetAt ? (update.etaDurationMins === null ? 'Cleared' : `${update.etaDurationMins}m`) : '—' }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: { maxWidth: 360 }, children: update.internalNotes ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.secondary", sx: { fontStyle: 'italic' }, variant: "body2", children: update.internalNotes })) : ('—') }), (0, jsx_runtime_1.jsxs)(material_1.TableCell, { sx: { whiteSpace: 'nowrap' }, children: [new Date(update.createdAt).toLocaleString(), " \u2014 ", update.createdByDisplayName, update.updatedAt ? ' (edited)' : ''] }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", sx: { whiteSpace: 'nowrap' }, children: !isClosed && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "Edit update", disabled: busy, onClick: () => setDialog({ kind: 'edit', update }), size: "small", children: (0, jsx_runtime_1.jsx)(Edit_1.default, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "Delete update", disabled: busy, onClick: () => applyEvent(features_1.MaintenanceEffect.RemoveUpdate, { updateId: update.id }), size: "small", children: (0, jsx_runtime_1.jsx)(Delete_1.default, { fontSize: "small" }) })] })) })] }, update.id))), folded.updates.length === 0 && ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: 6, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.secondary", sx: { p: 1 }, variant: "body2", children: "No updates posted yet." }) }) }))] })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { flex: '0 0 30%', minWidth: 300 }, children: (0, jsx_runtime_1.jsx)(MaintenanceUserPreview_1.MaintenanceUserPreview, { publicState: (0, features_1.toMaintenancePublicState)(folded), visible: (0, features_1.isMaintenancePubliclyVisible)(folded) }) })] }), (0, jsx_runtime_1.jsx)(UpdateDialog_1.UpdateDialog, { busy: busy, confirmLabel: dialog.kind === 'reopen' ? 'Reopen maintenance' : dialog.kind === 'edit' ? 'Save update' : 'Add update', currentEtaEndsAt: dialog.kind === 'reopen' ? null : folded.etaEndsAt, initialValues: dialog.kind === 'edit'
+                    ? {
+                        bannerText: dialog.update.bannerText,
+                        reason: dialog.update.reason,
+                        level: dialog.update.level,
+                        maintenanceType: dialog.update.maintenanceType,
+                        affectedServices: dialog.update.affectedServices,
+                        internalNotes: dialog.update.internalNotes,
+                    }
+                    : dialog.kind === 'reopen'
+                        ? reopenPrefill
+                        : addPrefill, onCancel: () => setDialog({ kind: 'closed' }), onSave: onDialogSave, open: dialog.kind !== 'closed', title: dialog.kind === 'reopen' ? 'Reopen maintenance' : dialog.kind === 'edit' ? 'Edit update' : 'Add update' })] }));
+}
+//# sourceMappingURL=MaintenanceEditor.js.map

package/lib/commonjs/Maintenance/MaintenanceEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintenanceEditor.js","sourceRoot":"","sources":["../../../src/Maintenance/MaintenanceEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { generateUuid, Nullable } from '@qpqjs/core';\nimport {\n  EventDocEffect,\n  EventDocEvent,\n  EventDocStatus,\n  isMaintenancePubliclyVisible,\n  MaintenanceEffect,\n  maintenanceEventDoc,\n  MaintenanceLevel,\n  MaintenanceType,\n  MaintenanceUpdateEntry,\n  toMaintenancePublicState,\n} from '@qpqjs/features';\nimport { useAuthAccessToken, useBaseUrlResolvers } from '@qpqjs/web-react';\n\nimport { useEffect, useMemo, useState } from 'react';\nimport AddIcon from '@mui/icons-material/Add';\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport EditIcon from '@mui/icons-material/Edit';\nimport EngineeringIcon from '@mui/icons-material/Engineering';\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Divider,\n  IconButton,\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Typography,\n} from '@mui/material';\n\nimport { appendMaintenanceEvent, fetchMaintenanceEvents } from './logic';\nimport { MaintenanceUserPreview } from './MaintenanceUserPreview';\nimport { MaintenanceUpdateFormPrefill, MaintenanceUpdateFormValues, UpdateDialog } from './UpdateDialog';\n\ntype MaintenanceEditorProps = {\n  docId: string;\n  onBack: () => void;\n};\n\ntype DialogMode = { kind: 'closed' } | { kind: 'add' } | { kind: 'edit'; update: MaintenanceUpdateEntry } | { kind: 'reopen' };\n\n// One maintenance: a read-only header card with the CURRENT folded state, and\n// the update feed it derives from. The UPDATE is the only mutation — adding one\n// (prefilled from the last, ETA blank against the running clock) moves the whole\n// status; editing/deleting entries re-derives, so deleting the newest rolls the\n// card back. Closing publishes; reopening demands a fresh update (level resets\n// to Low in the prefill) so a maintenance closed at High never reopens locked.\nexport function MaintenanceEditor({ docId, onBack }: MaintenanceEditorProps) {\n  const urlResolvers = useBaseUrlResolvers();\n  const accessToken = useAuthAccessToken();\n\n  const [events, setEvents] = useState<EventDocEvent[] | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [dialog, setDialog] = useState<DialogMode>({ kind: 'closed' });\n\n  const folded = useMemo(() => (events ? maintenanceEventDoc.views.document.fold(events) : null), [events]);\n  const isClosed = folded?.status === EventDocStatus.Published;\n\n  useEffect(() => {\n    const load = async () => {\n      setError(null);\n      try {\n        setEvents(await fetchMaintenanceEvents(docId, urlResolvers.getApiUrl(), accessToken));\n      } catch (loadError) {\n        setError(`Failed to load maintenance: ${loadError}`);\n      }\n    };\n    load();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [docId]);\n\n  const applyEvent = async (type: string, data: unknown): Promise<boolean> => {\n    setBusy(true);\n    setError(null);\n    try {\n      const event = await appendMaintenanceEvent(docId, type, data, urlResolvers.getApiUrl(), accessToken);\n      setEvents((prev) => (prev ? [...prev, event] : [event]));\n      return true;\n    } catch (appendError) {\n      setError(`Failed to save change: ${appendError}`);\n      return false;\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  if (!folded) {\n    return (\n      <Box sx={{ display: 'flex', justifyContent: 'center', p: 6 }}>{error ? <Alert severity=\"error\">{error}</Alert> : <CircularProgress />}</Box>\n    );\n  }\n\n  const updatesNewestFirst = [...folded.updates].reverse();\n  const lastUpdate: Nullable<MaintenanceUpdateEntry> = folded.updates[folded.updates.length - 1] ?? null;\n\n  const addPrefill: MaintenanceUpdateFormPrefill = {\n    bannerText: folded.bannerText,\n    reason: folded.reason,\n    level: folded.level,\n    maintenanceType: folded.maintenanceType,\n    affectedServices: folded.affectedServices,\n    internalNotes: '',\n  };\n\n  // Reopen is \"create from inside\": reason/type/services carry over for\n  // convenience, but the level RESETS to Low and there is no running clock.\n  const reopenPrefill: MaintenanceUpdateFormPrefill = {\n    ...addPrefill,\n    level: MaintenanceLevel.Low,\n  };\n\n  const onDialogSave = async (values: MaintenanceUpdateFormValues) => {\n    if (dialog.kind === 'edit') {\n      await applyEvent(MaintenanceEffect.EditUpdate, { updateId: dialog.update.id, ...values });\n    } else if (dialog.kind === 'reopen') {\n      const reopened = await applyEvent(EventDocEffect.CreateDraft, undefined);\n      if (reopened) {\n        await applyEvent(MaintenanceEffect.AddUpdate, { updateId: generateUuid(), ...values });\n      }\n    } else {\n      await applyEvent(MaintenanceEffect.AddUpdate, { updateId: generateUuid(), ...values });\n    }\n    setDialog({ kind: 'closed' });\n  };\n\n  return (\n    <Box sx={{ p: 3, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n        <IconButton aria-label=\"Back to maintenance list\" onClick={onBack}>\n          <ArrowBackIcon />\n        </IconButton>\n        <Typography color=\"text.secondary\" variant=\"body2\">\n          Maintenance\n        </Typography>\n      </Box>\n\n      {error && <Alert severity=\"error\">{error}</Alert>}\n\n      {/* 70/30: the editor on the left, the what-users-see mock on the right. */}\n      <Box sx={{ display: 'flex', gap: 3, alignItems: 'flex-start' }}>\n        <Box sx={{ flex: '1 1 70%', minWidth: 0, display: 'flex', flexDirection: 'column', gap: 2 }}>\n          {/* The current folded state — read-only; it moves only via updates. */}\n          <Paper sx={{ p: 3, display: 'flex', flexDirection: 'column', gap: 1.5 }} variant=\"outlined\">\n            <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 2 }}>\n              <EngineeringIcon color={isClosed ? 'disabled' : 'warning'} sx={{ fontSize: 40 }} />\n              <Box sx={{ flexGrow: 1 }}>\n                <Typography variant=\"h5\">{folded.bannerText || folded.name}</Typography>\n                {folded.reason && folded.reason !== folded.bannerText && (\n                  <Typography color=\"text.secondary\" variant=\"body2\">\n                    Latest: {folded.reason}\n                  </Typography>\n                )}\n                <Box sx={{ display: 'flex', gap: 1, mt: 1, flexWrap: 'wrap' }}>\n                  {isClosed ? <Chip label=\"Closed\" size=\"small\" /> : <Chip color=\"warning\" label=\"Active\" size=\"small\" />}\n                  <Chip\n                    color={\n                      folded.level === MaintenanceLevel.High && !isClosed ? 'error' : folded.level === MaintenanceLevel.Info ? 'info' : 'default'\n                    }\n                    label={\n                      folded.level === MaintenanceLevel.High\n                        ? 'High — UI locked'\n                        : folded.level === MaintenanceLevel.Info\n                          ? 'Info — banner'\n                          : folded.level === MaintenanceLevel.Internal\n                            ? 'Internal — hidden from users'\n                            : 'Low — banner only'\n                    }\n                    size=\"small\"\n                    variant={folded.level === MaintenanceLevel.High ? 'filled' : 'outlined'}\n                  />\n                  <Chip label={folded.maintenanceType === MaintenanceType.Incident ? 'Incident' : 'Deploy'} size=\"small\" variant=\"outlined\" />\n                  {folded.etaEndsAt && <Chip label={`Ends ~${new Date(folded.etaEndsAt).toLocaleTimeString()}`} size=\"small\" variant=\"outlined\" />}\n                  <Chip\n                    label={folded.affectedServices ? `Affected: ${folded.affectedServices.join(', ')}` : 'All services'}\n                    size=\"small\"\n                    variant=\"outlined\"\n                  />\n                </Box>\n              </Box>\n              {isClosed ? (\n                <Button disabled={busy} onClick={() => setDialog({ kind: 'reopen' })} variant=\"contained\">\n                  Reopen maintenance\n                </Button>\n              ) : (\n                <Button\n                  color=\"success\"\n                  disabled={busy}\n                  onClick={() => applyEvent(EventDocEffect.Publish, { effectiveFrom: new Date().toISOString() })}\n                  variant=\"contained\"\n                >\n                  Close maintenance\n                </Button>\n              )}\n            </Box>\n            {lastUpdate?.internalNotes && (\n              <Typography color=\"text.secondary\" sx={{ fontStyle: 'italic' }} variant=\"body2\">\n                Internal: {lastUpdate.internalNotes}\n              </Typography>\n            )}\n          </Paper>\n\n          <Divider />\n\n          <Box sx={{ display: 'flex', alignItems: 'center' }}>\n            <Typography sx={{ flexGrow: 1 }} variant=\"h6\">\n              Updates\n            </Typography>\n            <Button disabled={isClosed || busy} onClick={() => setDialog({ kind: 'add' })} startIcon={<AddIcon />} variant=\"outlined\">\n              Add update\n            </Button>\n          </Box>\n\n          <Table size=\"small\">\n            <TableHead>\n              <TableRow>\n                <TableCell>Status</TableCell>\n                <TableCell>Level</TableCell>\n                <TableCell>ETA</TableCell>\n                <TableCell>Internal notes</TableCell>\n                <TableCell>Posted</TableCell>\n                <TableCell align=\"right\">Actions</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {updatesNewestFirst.map((update) => (\n                <TableRow key={update.id} hover>\n                  <TableCell sx={{ maxWidth: 420 }}>{update.reason}</TableCell>\n                  <TableCell>\n                    <Chip\n                      color={update.level === MaintenanceLevel.High ? 'error' : update.level === MaintenanceLevel.Info ? 'info' : 'default'}\n                      label={update.level}\n                      size=\"small\"\n                      variant={update.level === MaintenanceLevel.High ? 'filled' : 'outlined'}\n                    />\n                  </TableCell>\n                  <TableCell>{update.etaSetAt ? (update.etaDurationMins === null ? 'Cleared' : `${update.etaDurationMins}m`) : '—'}</TableCell>\n                  <TableCell sx={{ maxWidth: 360 }}>\n                    {update.internalNotes ? (\n                      <Typography color=\"text.secondary\" sx={{ fontStyle: 'italic' }} variant=\"body2\">\n                        {update.internalNotes}\n                      </Typography>\n                    ) : (\n                      '—'\n                    )}\n                  </TableCell>\n                  <TableCell sx={{ whiteSpace: 'nowrap' }}>\n                    {new Date(update.createdAt).toLocaleString()} — {update.createdByDisplayName}\n                    {update.updatedAt ? ' (edited)' : ''}\n                  </TableCell>\n                  <TableCell align=\"right\" sx={{ whiteSpace: 'nowrap' }}>\n                    {!isClosed && (\n                      <>\n                        <IconButton aria-label=\"Edit update\" disabled={busy} onClick={() => setDialog({ kind: 'edit', update })} size=\"small\">\n                          <EditIcon fontSize=\"small\" />\n                        </IconButton>\n                        <IconButton\n                          aria-label=\"Delete update\"\n                          disabled={busy}\n                          onClick={() => applyEvent(MaintenanceEffect.RemoveUpdate, { updateId: update.id })}\n                          size=\"small\"\n                        >\n                          <DeleteIcon fontSize=\"small\" />\n                        </IconButton>\n                      </>\n                    )}\n                  </TableCell>\n                </TableRow>\n              ))}\n              {folded.updates.length === 0 && (\n                <TableRow>\n                  <TableCell colSpan={6}>\n                    <Typography color=\"text.secondary\" sx={{ p: 1 }} variant=\"body2\">\n                      No updates posted yet.\n                    </Typography>\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </Box>\n\n        <Box sx={{ flex: '0 0 30%', minWidth: 300 }}>\n          <MaintenanceUserPreview publicState={toMaintenancePublicState(folded)} visible={isMaintenancePubliclyVisible(folded)} />\n        </Box>\n      </Box>\n\n      <UpdateDialog\n        busy={busy}\n        confirmLabel={dialog.kind === 'reopen' ? 'Reopen maintenance' : dialog.kind === 'edit' ? 'Save update' : 'Add update'}\n        currentEtaEndsAt={dialog.kind === 'reopen' ? null : folded.etaEndsAt}\n        initialValues={\n          dialog.kind === 'edit'\n            ? {\n                bannerText: dialog.update.bannerText,\n                reason: dialog.update.reason,\n                level: dialog.update.level,\n                maintenanceType: dialog.update.maintenanceType,\n                affectedServices: dialog.update.affectedServices,\n                internalNotes: dialog.update.internalNotes,\n              }\n            : dialog.kind === 'reopen'\n              ? reopenPrefill\n              : addPrefill\n        }\n        onCancel={() => setDialog({ kind: 'closed' })}\n        onSave={onDialogSave}\n        open={dialog.kind !== 'closed'}\n        title={dialog.kind === 'reopen' ? 'Reopen maintenance' : dialog.kind === 'edit' ? 'Edit update' : 'Add update'}\n      />\n    </Box>\n  );\n}\n"]}

package/lib/commonjs/Maintenance/MaintenanceList.d.ts

@@ -0,0 +1,5 @@
+type MaintenanceListProps = {
+    onOpen: (docId: string) => void;
+};
+export declare function MaintenanceList({ onOpen }: MaintenanceListProps): import("react").JSX.Element;
+export {};

package/lib/commonjs/Maintenance/MaintenanceList.js

@@ -0,0 +1,87 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaintenanceList = MaintenanceList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@qpqjs/core");
+const features_1 = require("@qpqjs/features");
+const web_react_1 = require("@qpqjs/web-react");
+const react_1 = require("react");
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const Refresh_1 = __importDefault(require("@mui/icons-material/Refresh"));
+const material_1 = require("@mui/material");
+const logic_1 = require("./logic");
+const UpdateDialog_1 = require("./UpdateDialog");
+const CREATE_PREFILL = {
+    bannerText: 'The site is undergoing a scheduled update',
+    reason: 'Maintenance started',
+    level: features_1.MaintenanceLevel.Low,
+    maintenanceType: features_1.MaintenanceType.Deploy,
+    affectedServices: null,
+    internalNotes: '',
+};
+// All maintenances, newest first — active (open draft) vs closed (published).
+// "New maintenance" BEGINS one: the doc is created, its initial settings are
+// appended (level last, so a High lock only engages once the reason/type/eta
+// are already in the broadcast state), and the editor opens.
+function MaintenanceList({ onOpen }) {
+    const urlResolvers = (0, web_react_1.useBaseUrlResolvers)();
+    const accessToken = (0, web_react_1.useAuthAccessToken)();
+    const [summaries, setSummaries] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [creating, setCreating] = (0, react_1.useState)(false);
+    const [createOpen, setCreateOpen] = (0, react_1.useState)(false);
+    const load = () => __awaiter(this, void 0, void 0, function* () {
+        setLoading(true);
+        setError(null);
+        try {
+            setSummaries(yield (0, logic_1.fetchMaintenanceSummaries)(urlResolvers.getApiUrl(), accessToken));
+        }
+        catch (loadError) {
+            setError(`Failed to load maintenances: ${loadError}`);
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        load();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Create = the first update: one doc, one ADD_UPDATE carrying the full status
+    // snapshot — the maintenance is live (and broadcast) from that single append.
+    const onCreate = (values) => __awaiter(this, void 0, void 0, function* () {
+        setCreating(true);
+        setError(null);
+        try {
+            const apiBaseUrl = urlResolvers.getApiUrl();
+            const summary = yield (0, logic_1.createMaintenance)(values.bannerText || values.reason, values.maintenanceType.toLowerCase(), apiBaseUrl, accessToken);
+            yield (0, logic_1.appendMaintenanceEvent)(summary.id, features_1.MaintenanceEffect.AddUpdate, Object.assign({ updateId: (0, core_1.generateUuid)() }, values), apiBaseUrl, accessToken);
+            setCreateOpen(false);
+            onOpen(summary.id);
+        }
+        catch (createError) {
+            setError(`Failed to create maintenance: ${createError}`);
+        }
+        finally {
+            setCreating(false);
+        }
+    });
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { p: 3, display: 'flex', flexDirection: 'column', gap: 2 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center', gap: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { flexGrow: 1 }, variant: "h5", children: "Maintenance" }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: load, startIcon: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}), children: "Refresh" }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => setCreateOpen(true), startIcon: (0, jsx_runtime_1.jsx)(Add_1.default, {}), variant: "contained", children: "New maintenance" })] }), error && (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: error }), loading ? ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', justifyContent: 'center', p: 4 }, children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, {}) })) : ((0, jsx_runtime_1.jsxs)(material_1.Table, { size: "small", children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Reason" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Status" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Updated" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Created" })] }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [summaries.map((summary) => {
+                                const item = (0, features_1.toEventDocListItem)(summary);
+                                return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { hover: true, onClick: () => onOpen(summary.id), sx: { cursor: 'pointer' }, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: summary.name }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: item.hasDraft ? (0, jsx_runtime_1.jsx)(material_1.Chip, { color: "warning", label: "Active", size: "small" }) : (0, jsx_runtime_1.jsx)(material_1.Chip, { label: "Closed", size: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: new Date(summary.updatedAt).toLocaleString() }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: new Date(summary.createdAt).toLocaleString() })] }, summary.id));
+                            }), summaries.length === 0 && ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: 4, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.secondary", sx: { p: 2 }, variant: "body2", children: "No maintenances yet." }) }) }))] })] })), (0, jsx_runtime_1.jsx)(UpdateDialog_1.UpdateDialog, { busy: creating, confirmLabel: "Begin maintenance", initialValues: CREATE_PREFILL, onCancel: () => setCreateOpen(false), onSave: onCreate, open: createOpen, title: "New maintenance" })] }));
+}
+//# sourceMappingURL=MaintenanceList.js.map

package/lib/commonjs/Maintenance/MaintenanceList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintenanceList.js","sourceRoot":"","sources":["../../../src/Maintenance/MaintenanceList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { generateUuid } from '@qpqjs/core';\nimport { EventDocSummary, MaintenanceEffect, MaintenanceLevel, MaintenanceType, toEventDocListItem } from '@qpqjs/features';\nimport { useAuthAccessToken, useBaseUrlResolvers } from '@qpqjs/web-react';\n\nimport { useEffect, useState } from 'react';\nimport AddIcon from '@mui/icons-material/Add';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport { Alert, Box, Button, Chip, CircularProgress, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';\n\nimport { appendMaintenanceEvent, createMaintenance, fetchMaintenanceSummaries } from './logic';\nimport { MaintenanceUpdateFormValues, UpdateDialog } from './UpdateDialog';\n\nconst CREATE_PREFILL = {\n  bannerText: 'The site is undergoing a scheduled update',\n  reason: 'Maintenance started',\n  level: MaintenanceLevel.Low,\n  maintenanceType: MaintenanceType.Deploy,\n  affectedServices: null,\n  internalNotes: '',\n};\n\ntype MaintenanceListProps = {\n  onOpen: (docId: string) => void;\n};\n\n// All maintenances, newest first — active (open draft) vs closed (published).\n// \"New maintenance\" BEGINS one: the doc is created, its initial settings are\n// appended (level last, so a High lock only engages once the reason/type/eta\n// are already in the broadcast state), and the editor opens.\nexport function MaintenanceList({ onOpen }: MaintenanceListProps) {\n  const urlResolvers = useBaseUrlResolvers();\n  const accessToken = useAuthAccessToken();\n\n  const [summaries, setSummaries] = useState<EventDocSummary[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [creating, setCreating] = useState(false);\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const load = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      setSummaries(await fetchMaintenanceSummaries(urlResolvers.getApiUrl(), accessToken));\n    } catch (loadError) {\n      setError(`Failed to load maintenances: ${loadError}`);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    load();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Create = the first update: one doc, one ADD_UPDATE carrying the full status\n  // snapshot — the maintenance is live (and broadcast) from that single append.\n  const onCreate = async (values: MaintenanceUpdateFormValues) => {\n    setCreating(true);\n    setError(null);\n    try {\n      const apiBaseUrl = urlResolvers.getApiUrl();\n      const summary = await createMaintenance(values.bannerText || values.reason, values.maintenanceType.toLowerCase(), apiBaseUrl, accessToken);\n\n      await appendMaintenanceEvent(summary.id, MaintenanceEffect.AddUpdate, { updateId: generateUuid(), ...values }, apiBaseUrl, accessToken);\n\n      setCreateOpen(false);\n      onOpen(summary.id);\n    } catch (createError) {\n      setError(`Failed to create maintenance: ${createError}`);\n    } finally {\n      setCreating(false);\n    }\n  };\n\n  return (\n    <Box sx={{ p: 3, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n        <Typography sx={{ flexGrow: 1 }} variant=\"h5\">\n          Maintenance\n        </Typography>\n        <Button onClick={load} startIcon={<RefreshIcon />}>\n          Refresh\n        </Button>\n        <Button onClick={() => setCreateOpen(true)} startIcon={<AddIcon />} variant=\"contained\">\n          New maintenance\n        </Button>\n      </Box>\n\n      {error && <Alert severity=\"error\">{error}</Alert>}\n\n      {loading ? (\n        <Box sx={{ display: 'flex', justifyContent: 'center', p: 4 }}>\n          <CircularProgress />\n        </Box>\n      ) : (\n        <Table size=\"small\">\n          <TableHead>\n            <TableRow>\n              <TableCell>Reason</TableCell>\n              <TableCell>Status</TableCell>\n              <TableCell>Updated</TableCell>\n              <TableCell>Created</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {summaries.map((summary) => {\n              const item = toEventDocListItem(summary);\n              return (\n                <TableRow key={summary.id} hover onClick={() => onOpen(summary.id)} sx={{ cursor: 'pointer' }}>\n                  <TableCell>{summary.name}</TableCell>\n                  <TableCell>{item.hasDraft ? <Chip color=\"warning\" label=\"Active\" size=\"small\" /> : <Chip label=\"Closed\" size=\"small\" />}</TableCell>\n                  <TableCell>{new Date(summary.updatedAt).toLocaleString()}</TableCell>\n                  <TableCell>{new Date(summary.createdAt).toLocaleString()}</TableCell>\n                </TableRow>\n              );\n            })}\n            {summaries.length === 0 && (\n              <TableRow>\n                <TableCell colSpan={4}>\n                  <Typography color=\"text.secondary\" sx={{ p: 2 }} variant=\"body2\">\n                    No maintenances yet.\n                  </Typography>\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      )}\n\n      <UpdateDialog\n        busy={creating}\n        confirmLabel=\"Begin maintenance\"\n        initialValues={CREATE_PREFILL}\n        onCancel={() => setCreateOpen(false)}\n        onSave={onCreate}\n        open={createOpen}\n        title=\"New maintenance\"\n      />\n    </Box>\n  );\n}\n"]}

package/lib/commonjs/Maintenance/MaintenanceUserPreview.d.ts

@@ -0,0 +1,9 @@
+import { MaintenancePublicState } from '@qpqjs/features';
+type MaintenanceUserPreviewProps = {
+    /** The PUBLIC projection — never the raw fold, so internal notes physically cannot render here. */
+    publicState: MaintenancePublicState;
+    /** Whether users can currently see this maintenance at all (open draft, has updates, not Internal). */
+    visible: boolean;
+};
+export declare function MaintenanceUserPreview({ publicState, visible }: MaintenanceUserPreviewProps): import("react").JSX.Element;
+export {};

package/lib/commonjs/Maintenance/MaintenanceUserPreview.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaintenanceUserPreview = MaintenanceUserPreview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const features_1 = require("@qpqjs/features");
+const material_1 = require("@mui/material");
+const MS_PER_MINUTE = 60000;
+const etaText = (etaEndsAt) => {
+    const remainingMins = Math.ceil((new Date(etaEndsAt).getTime() - Date.now()) / MS_PER_MINUTE);
+    return remainingMins <= 0 ? 'taking a little longer than expected' : `expected back in ~${remainingMins} min${remainingMins === 1 ? '' : 's'}`;
+};
+// A stylised mock of the end-user surface, rendered ONLY from the public
+// projection — its whole job is letting the editor confirm nothing private
+// landed in a user-visible field. Not pixel-faithful: a banner strip over
+// either the app (Info/Low) or the lock screen breakdown (High).
+function MaintenanceUserPreview({ publicState, visible }) {
+    const isHigh = publicState.level === features_1.MaintenanceLevel.High;
+    const isInfo = publicState.level === features_1.MaintenanceLevel.Info;
+    const updatesNewestFirst = [...publicState.updates].reverse();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 2, display: 'flex', flexDirection: 'column', gap: 1.5, position: 'sticky', top: 16 }, variant: "outlined", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { flexGrow: 1 }, variant: "subtitle2", children: "What users see" }), !visible && (0, jsx_runtime_1.jsx)(material_1.Chip, { label: "Nothing \u2014 hidden", size: "small" })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { borderRadius: 2, overflow: 'hidden', border: 1, borderColor: 'divider', bgcolor: 'background.default' }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', gap: 0.75, px: 1.5, py: 1, bgcolor: 'action.hover' }, children: ['#ff5f57', '#febc2e', '#28c840'].map((dot) => ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: 10, height: 10, borderRadius: '50%', bgcolor: dot } }, dot))) }), visible && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                            px: 1.5,
+                            py: 1,
+                            textAlign: 'center',
+                            fontSize: 12,
+                            fontWeight: 600,
+                            bgcolor: isInfo ? 'info.main' : 'warning.main',
+                            color: isInfo ? 'info.contrastText' : 'warning.contrastText',
+                        }, children: [publicState.bannerText || publicState.reason, publicState.etaEndsAt && ` — ${etaText(publicState.etaEndsAt)}`] })), visible && isHigh ? (
+                    // The lock screen breakdown.
+                    (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { p: 2, display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 1.25, textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", children: "Maintenance in progress" }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { color: "text.secondary", variant: "caption", children: [publicState.bannerText || publicState.reason, publicState.affectedServices && ` · Affected: ${publicState.affectedServices.join(', ')}`] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    px: 1.5,
+                                    py: 0.75,
+                                    borderRadius: 1,
+                                    fontSize: 11,
+                                    fontWeight: 700,
+                                    bgcolor: 'warning.main',
+                                    color: 'warning.contrastText',
+                                }, children: "Do NOT refresh or close this tab" }), updatesNewestFirst.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%', textAlign: 'left', bgcolor: 'action.hover', borderRadius: 1, p: 1.25, maxHeight: 180, overflowY: 'auto' }, children: updatesNewestFirst.map((update) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mb: 0.75 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: update.displayText }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.secondary", display: "block", sx: { fontSize: 10 }, variant: "caption", children: new Date(update.createdAt).toLocaleTimeString() })] }, update.id))) }))] })) : (
+                    // Info/Low (or hidden): the app keeps working under the banner.
+                    (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                            m: 2,
+                            height: 140,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            borderRadius: 1,
+                            border: 1,
+                            borderStyle: 'dashed',
+                            borderColor: 'divider',
+                        }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.secondary", variant: "body2", children: "App" }) }))] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.secondary", variant: "caption", children: "Rendered from the public state only \u2014 internal notes can never appear here." })] }));
+}
+//# sourceMappingURL=MaintenanceUserPreview.js.map

package/lib/commonjs/Maintenance/MaintenanceUserPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintenanceUserPreview.js","sourceRoot":"","sources":["../../../src/Maintenance/MaintenanceUserPreview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { MaintenanceLevel, MaintenancePublicState } from '@qpqjs/features';\n\nimport { Box, Chip, Paper, Typography } from '@mui/material';\n\ntype MaintenanceUserPreviewProps = {\n  /** The PUBLIC projection — never the raw fold, so internal notes physically cannot render here. */\n  publicState: MaintenancePublicState;\n  /** Whether users can currently see this maintenance at all (open draft, has updates, not Internal). */\n  visible: boolean;\n};\n\nconst MS_PER_MINUTE = 60_000;\n\nconst etaText = (etaEndsAt: string): string => {\n  const remainingMins = Math.ceil((new Date(etaEndsAt).getTime() - Date.now()) / MS_PER_MINUTE);\n  return remainingMins <= 0 ? 'taking a little longer than expected' : `expected back in ~${remainingMins} min${remainingMins === 1 ? '' : 's'}`;\n};\n\n// A stylised mock of the end-user surface, rendered ONLY from the public\n// projection — its whole job is letting the editor confirm nothing private\n// landed in a user-visible field. Not pixel-faithful: a banner strip over\n// either the app (Info/Low) or the lock screen breakdown (High).\nexport function MaintenanceUserPreview({ publicState, visible }: MaintenanceUserPreviewProps) {\n  const isHigh = publicState.level === MaintenanceLevel.High;\n  const isInfo = publicState.level === MaintenanceLevel.Info;\n  const updatesNewestFirst = [...publicState.updates].reverse();\n\n  return (\n    <Paper sx={{ p: 2, display: 'flex', flexDirection: 'column', gap: 1.5, position: 'sticky', top: 16 }} variant=\"outlined\">\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n        <Typography sx={{ flexGrow: 1 }} variant=\"subtitle2\">\n          What users see\n        </Typography>\n        {!visible && <Chip label=\"Nothing — hidden\" size=\"small\" />}\n      </Box>\n\n      {/* The mock browser frame. */}\n      <Box sx={{ borderRadius: 2, overflow: 'hidden', border: 1, borderColor: 'divider', bgcolor: 'background.default' }}>\n        {/* Window chrome. */}\n        <Box sx={{ display: 'flex', gap: 0.75, px: 1.5, py: 1, bgcolor: 'action.hover' }}>\n          {['#ff5f57', '#febc2e', '#28c840'].map((dot) => (\n            <Box key={dot} sx={{ width: 10, height: 10, borderRadius: '50%', bgcolor: dot }} />\n          ))}\n        </Box>\n\n        {/* The banner strip — only while the maintenance is publicly visible. */}\n        {visible && (\n          <Box\n            sx={{\n              px: 1.5,\n              py: 1,\n              textAlign: 'center',\n              fontSize: 12,\n              fontWeight: 600,\n              bgcolor: isInfo ? 'info.main' : 'warning.main',\n              color: isInfo ? 'info.contrastText' : 'warning.contrastText',\n            }}\n          >\n            {publicState.bannerText || publicState.reason}\n            {publicState.etaEndsAt && ` — ${etaText(publicState.etaEndsAt)}`}\n          </Box>\n        )}\n\n        {visible && isHigh ? (\n          // The lock screen breakdown.\n          <Box sx={{ p: 2, display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 1.25, textAlign: 'center' }}>\n            <Typography variant=\"subtitle1\">Maintenance in progress</Typography>\n            <Typography color=\"text.secondary\" variant=\"caption\">\n              {publicState.bannerText || publicState.reason}\n              {publicState.affectedServices && ` · Affected: ${publicState.affectedServices.join(', ')}`}\n            </Typography>\n            <Box\n              sx={{\n                px: 1.5,\n                py: 0.75,\n                borderRadius: 1,\n                fontSize: 11,\n                fontWeight: 700,\n                bgcolor: 'warning.main',\n                color: 'warning.contrastText',\n              }}\n            >\n              Do NOT refresh or close this tab\n            </Box>\n            {updatesNewestFirst.length > 0 && (\n              <Box sx={{ width: '100%', textAlign: 'left', bgcolor: 'action.hover', borderRadius: 1, p: 1.25, maxHeight: 180, overflowY: 'auto' }}>\n                {updatesNewestFirst.map((update) => (\n                  <Box key={update.id} sx={{ mb: 0.75 }}>\n                    <Typography variant=\"caption\">{update.displayText}</Typography>\n                    <Typography color=\"text.secondary\" display=\"block\" sx={{ fontSize: 10 }} variant=\"caption\">\n                      {new Date(update.createdAt).toLocaleTimeString()}\n                    </Typography>\n                  </Box>\n                ))}\n              </Box>\n            )}\n          </Box>\n        ) : (\n          // Info/Low (or hidden): the app keeps working under the banner.\n          <Box\n            sx={{\n              m: 2,\n              height: 140,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              borderRadius: 1,\n              border: 1,\n              borderStyle: 'dashed',\n              borderColor: 'divider',\n            }}\n          >\n            <Typography color=\"text.secondary\" variant=\"body2\">\n              App\n            </Typography>\n          </Box>\n        )}\n      </Box>\n\n      <Typography color=\"text.secondary\" variant=\"caption\">\n        Rendered from the public state only — internal notes can never appear here.\n      </Typography>\n    </Paper>\n  );\n}\n"]}

package/lib/commonjs/Maintenance/UpdateDialog.d.ts

@@ -0,0 +1,37 @@
+import { Nullable } from '@qpqjs/core';
+import { MaintenanceLevel, MaintenanceType } from '@qpqjs/features';
+export type MaintenanceUpdateFormValues = {
+    bannerText: string;
+    reason: string;
+    level: MaintenanceLevel;
+    maintenanceType: MaintenanceType;
+    affectedServices: Nullable<string[]>;
+    internalNotes: string;
+    etaDurationMins?: Nullable<number>;
+};
+export type MaintenanceUpdateFormPrefill = {
+    bannerText: string;
+    reason: string;
+    level: MaintenanceLevel;
+    maintenanceType: MaintenanceType;
+    affectedServices: Nullable<string[]>;
+    internalNotes: string;
+};
+type UpdateDialogProps = {
+    open: boolean;
+    busy: boolean;
+    title: string;
+    confirmLabel: string;
+    /** Field prefill (usually the last update's snapshot). */
+    initialValues: MaintenanceUpdateFormPrefill;
+    /**
+     * The running clock's end time, shown as a badge beside the blank ETA field.
+     * When set, a blank ETA means "keep this clock"; when absent (create/reopen —
+     * there is no live clock), blank means Unknown.
+     */
+    currentEtaEndsAt?: Nullable<string>;
+    onCancel: () => void;
+    onSave: (values: MaintenanceUpdateFormValues) => void;
+};
+export declare function UpdateDialog({ open, busy, title, confirmLabel, initialValues, currentEtaEndsAt, onCancel, onSave }: UpdateDialogProps): import("react").JSX.Element;
+export {};