mustflow 1.31.0 → 2.11.0

package/dist/cli/lib/dashboard-html/locale-bootstrap.js

@@ -0,0 +1,8 @@
+import { getDashboardLocaleBundle } from '../dashboard-locale.js';
+export function createDashboardLocaleBootstrap() {
+    const localeBundle = getDashboardLocaleBundle();
+    return {
+        serializedLocaleBundle: JSON.stringify(localeBundle),
+        serializedAvailableLocales: JSON.stringify(localeBundle.locales),
+    };
+}

package/dist/cli/lib/dashboard-html/styles.js

@@ -0,0 +1,572 @@
+export function renderDashboardStyles() {
+    return `:root {
+	color-scheme: light dark;
+	--bg: #101216;
+	--panel: #181b21;
+	--line: #2a2f3a;
+	--text: #eef1f7;
+	--muted: #aeb6c5;
+	--accent: #8fb4ff;
+	--danger: #ff9a9a;
+	--ok: #9be7ba;
+	--row-bg: rgba(255, 255, 255, 0.018);
+	--row-bg-alt: rgba(255, 255, 255, 0.035);
+	--status-neutral-bg: rgba(174, 182, 197, 0.1);
+	--status-ok-bg: rgba(155, 231, 186, 0.1);
+	--status-warn-bg: rgba(255, 154, 154, 0.1);
+	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+* { box-sizing: border-box; }
+body {
+	margin: 0;
+	background: var(--bg);
+	color: var(--text);
+	font-size: 17px;
+}
+header {
+	border-bottom: 1px solid var(--line);
+	padding: 16px 20px;
+}
+.title-row {
+	align-items: center;
+	display: flex;
+	gap: 8px;
+	margin-bottom: 8px;
+}
+h1 {
+	font-size: 22px;
+	line-height: 1.2;
+	margin: 0;
+	font-weight: 650;
+}
+.icon-button {
+	align-items: center;
+	display: inline-flex;
+	height: 34px;
+	justify-content: center;
+	padding: 0;
+	width: 34px;
+}
+.icon-button svg {
+	height: 18px;
+	width: 18px;
+}
+.path {
+	color: var(--muted);
+	font-size: 14px;
+	overflow-wrap: anywhere;
+}
+main {
+	max-width: 980px;
+	margin: 0 auto;
+	padding: 20px;
+}
+.toolbar {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 12px;
+	justify-content: flex-end;
+	margin-bottom: 14px;
+	min-height: 36px;
+}
+.tabs {
+	display: flex;
+	gap: 8px;
+	margin-bottom: 14px;
+	overflow-x: auto;
+}
+.tab {
+	border-color: transparent;
+	min-width: 110px;
+}
+.tab[aria-selected="true"] {
+	background: var(--panel);
+	border-color: var(--line);
+}
+.tab-panel[hidden] {
+	display: none;
+}
+button:focus-visible,
+select:focus-visible,
+input:focus-visible {
+	outline: 2px solid var(--accent);
+	outline-offset: 2px;
+}
+.language-picker {
+	align-items: center;
+	display: inline-flex;
+	flex-shrink: 0;
+	gap: 8px;
+}
+.language-picker span {
+	color: var(--muted);
+	font-size: 14px;
+	white-space: nowrap;
+}
+.language-picker select {
+	min-width: 130px;
+}
+.status {
+	color: var(--muted);
+	font-size: 15px;
+	margin-right: auto;
+}
+.status.ok { color: var(--ok); }
+.status.error { color: var(--danger); }
+.last-updated {
+	color: var(--muted);
+	font-size: 13px;
+	white-space: nowrap;
+}
+button, select, input {
+	background: #11141a;
+	border: 1px solid var(--line);
+	border-radius: 6px;
+	color: var(--text);
+	font: inherit;
+	min-height: 38px;
+}
+button {
+	cursor: pointer;
+	padding: 0 14px;
+}
+button:disabled {
+	cursor: not-allowed;
+	opacity: 0.6;
+}
+section {
+	border-top: 1px solid var(--line);
+	padding: 14px 0;
+}
+h2 {
+	font-size: 15px;
+	line-height: 1.25;
+	margin: 0 0 8px;
+	color: var(--muted);
+	font-weight: 650;
+}
+.setting {
+	align-items: center;
+	display: grid;
+	gap: 12px;
+	grid-template-columns: minmax(220px, 1fr) minmax(120px, 240px);
+	min-height: 48px;
+	padding: 6px 0;
+}
+.settings-pending {
+	border: 1px solid var(--line);
+	border-radius: 6px;
+	margin-bottom: 14px;
+	padding: 10px 12px;
+}
+.settings-pending[hidden] {
+	display: none;
+}
+.settings-pending-header {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10px;
+	justify-content: space-between;
+}
+.settings-pending-title {
+	color: var(--text);
+	font-size: 15px;
+	font-weight: 650;
+}
+.settings-pending-list {
+	color: var(--muted);
+	font-size: 13px;
+	line-height: 1.45;
+	margin: 8px 0 0;
+	padding-left: 18px;
+}
+.label {
+	font-size: 16px;
+}
+.value-description {
+	color: var(--muted);
+	font-size: 13px;
+	line-height: 1.35;
+	margin-left: 10px;
+}
+.meta {
+	color: var(--muted);
+	font-size: 13px;
+	margin-top: 2px;
+}
+.status-grid {
+	display: grid;
+	gap: 8px;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.status-item {
+	border-bottom: 1px solid var(--line);
+	display: grid;
+	gap: 4px;
+	padding: 8px 0;
+}
+.status-label {
+	color: var(--muted);
+	font-size: 13px;
+}
+.status-value {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 6px;
+	font-size: 15px;
+	overflow-wrap: anywhere;
+}
+.status-value.ok { color: var(--ok); }
+.status-value.warn { color: var(--danger); }
+.status-badge {
+	border: 1px solid var(--line);
+	border-radius: 999px;
+	color: var(--text);
+	display: inline-flex;
+	font-size: 12px;
+	font-weight: 650;
+	line-height: 1;
+	padding: 3px 7px;
+	white-space: nowrap;
+}
+.status-badge.ok {
+	border-color: rgba(155, 231, 186, 0.55);
+	color: var(--ok);
+}
+.status-badge.warn {
+	border-color: rgba(255, 154, 154, 0.55);
+	color: var(--danger);
+}
+.next-actions {
+	display: grid;
+	gap: 0;
+}
+.next-action-row {
+	align-items: center;
+	border-bottom: 1px solid var(--line);
+	display: grid;
+	gap: 10px;
+	grid-template-columns: minmax(0, 1fr) auto;
+	padding: 8px 0;
+}
+.next-action-title {
+	font-size: 15px;
+	font-weight: 650;
+	overflow-wrap: anywhere;
+}
+.next-action-meta {
+	color: var(--muted);
+	font-size: 13px;
+	margin-top: 2px;
+	overflow-wrap: anywhere;
+}
+.next-action-row button {
+	min-height: 34px;
+	padding: 0 10px;
+}
+.issue-list {
+	margin: 0;
+	padding-left: 18px;
+}
+.issue-list li {
+	margin: 4px 0;
+	overflow-wrap: anywhere;
+}
+.command-row {
+	align-items: start;
+	background: var(--row-bg);
+	border-bottom: 1px solid var(--line);
+	border-radius: 6px;
+	display: grid;
+	gap: 10px;
+	grid-template-columns: minmax(160px, 220px) 1fr;
+	margin-bottom: 6px;
+	padding: 10px;
+}
+.command-row:nth-of-type(even) {
+	background: var(--row-bg-alt);
+}
+.command-name {
+	font-weight: 650;
+	overflow-wrap: anywhere;
+}
+.command-state {
+	align-items: center;
+	background: var(--status-neutral-bg);
+	border: 1px solid var(--line);
+	border-radius: 999px;
+	color: var(--muted);
+	display: inline-flex;
+	font-size: 13px;
+	font-weight: 650;
+	line-height: 1;
+	margin-top: 4px;
+	padding: 4px 7px;
+	white-space: nowrap;
+}
+.command-state.ok {
+	background: var(--status-ok-bg);
+	border-color: rgba(155, 231, 186, 0.55);
+	color: var(--ok);
+}
+.command-state.warn {
+	background: var(--status-warn-bg);
+	border-color: rgba(255, 154, 154, 0.55);
+	color: var(--danger);
+}
+.command-description {
+	font-size: 15px;
+	overflow-wrap: anywhere;
+}
+.command-meta {
+	color: var(--muted);
+	display: flex;
+	flex-wrap: wrap;
+	font-size: 13px;
+	gap: 8px 14px;
+	margin-top: 6px;
+}
+.command-note {
+	color: var(--muted);
+	font-size: 13px;
+	margin-top: 6px;
+	overflow-wrap: anywhere;
+}
+.collapsible-details {
+	border-top: 1px solid var(--line);
+	padding: 10px 0;
+}
+.collapsible-details > summary {
+	color: var(--muted);
+	cursor: pointer;
+	font-size: 15px;
+	font-weight: 650;
+	overflow-wrap: anywhere;
+}
+.collapsible-details > summary:focus-visible {
+	outline: 2px solid var(--accent);
+	outline-offset: 2px;
+}
+.collapsible-details[open] > summary {
+	color: var(--text);
+	margin-bottom: 8px;
+}
+.verification-row {
+	align-items: start;
+	background: var(--row-bg);
+	border-bottom: 1px solid var(--line);
+	border-radius: 6px;
+	display: grid;
+	gap: 10px;
+	grid-template-columns: minmax(160px, 220px) 1fr auto;
+	margin-bottom: 6px;
+	padding: 10px;
+}
+.verification-row:nth-of-type(even) {
+	background: var(--row-bg-alt);
+}
+.verification-command {
+	font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
+	font-size: 14px;
+	overflow-wrap: anywhere;
+}
+.verification-files {
+	color: var(--muted);
+	font-size: 13px;
+	margin-top: 6px;
+	overflow-wrap: anywhere;
+}
+.verification-copy {
+	min-height: 34px;
+	padding: 0 10px;
+}
+.list-filters {
+	align-items: end;
+	display: grid;
+	gap: 10px;
+	grid-template-columns: minmax(180px, 1fr) minmax(130px, 190px);
+	margin: 0 0 12px;
+}
+.list-filters label {
+	display: grid;
+	gap: 5px;
+}
+.list-filters span {
+	color: var(--muted);
+	font-size: 13px;
+}
+.doc-controls {
+	display: grid;
+	gap: 10px;
+	margin-bottom: 14px;
+}
+.doc-filter-controls,
+.doc-review-controls {
+	align-items: end;
+	display: grid;
+	gap: 10px;
+}
+.doc-filter-controls {
+	grid-template-columns: minmax(130px, 160px) minmax(180px, 1fr);
+}
+.doc-review-controls {
+	grid-template-columns: minmax(130px, 170px) minmax(160px, 1fr) minmax(180px, 1fr);
+}
+.doc-controls label,
+.doc-control-group-label {
+	display: grid;
+	gap: 5px;
+}
+.doc-controls span,
+.doc-control-group-label {
+	color: var(--muted);
+	font-size: 13px;
+}
+.doc-reviewer-state {
+	color: var(--muted);
+	font-size: 13px;
+	margin-bottom: 10px;
+}
+.doc-reviewer-state.warn {
+	color: var(--danger);
+}
+.doc-list {
+	border-top: 1px solid var(--line);
+}
+.doc-row {
+	align-items: start;
+	background: var(--row-bg);
+	border-bottom: 1px solid var(--line);
+	border-radius: 6px;
+	display: grid;
+	gap: 12px;
+	grid-template-columns: minmax(0, 1fr) minmax(90px, auto) auto;
+	margin-bottom: 6px;
+	padding: 10px;
+}
+.doc-row:nth-of-type(even) {
+	background: var(--row-bg-alt);
+}
+.doc-path {
+	font-size: 15px;
+	overflow-wrap: anywhere;
+}
+.doc-meta {
+	color: var(--muted);
+	font-size: 13px;
+	margin-top: 3px;
+	overflow-wrap: anywhere;
+}
+.doc-comment {
+	background: rgba(255, 255, 255, 0.04);
+	border: 1px solid var(--line);
+	border-radius: 6px;
+	color: var(--text);
+	font: inherit;
+	font-size: 13px;
+	line-height: 1.45;
+	margin: 8px 0 0;
+	max-height: 180px;
+	overflow: auto;
+	padding: 8px;
+	white-space: pre-wrap;
+}
+.doc-status {
+	align-items: center;
+	background: var(--status-neutral-bg);
+	border: 1px solid var(--line);
+	border-radius: 999px;
+	color: var(--muted);
+	display: inline-flex;
+	font-size: 13px;
+	font-weight: 650;
+	line-height: 1;
+	padding: 4px 7px;
+	white-space: nowrap;
+}
+.doc-status.approved {
+	background: var(--status-ok-bg);
+	border-color: rgba(155, 231, 186, 0.55);
+	color: var(--ok);
+}
+.doc-status.needs_human {
+	background: var(--status-warn-bg);
+	border-color: rgba(255, 154, 154, 0.55);
+	color: var(--danger);
+}
+.doc-actions {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+	justify-content: flex-end;
+}
+.doc-actions button {
+	min-height: 34px;
+	padding: 0 10px;
+}
+.empty {
+	color: var(--muted);
+	padding: 14px 0;
+}
+select, input[type="number"], input[type="text"] {
+	padding: 0 12px;
+	width: 100%;
+}
+select {
+	appearance: none;
+	background-image:
+		linear-gradient(45deg, transparent 50%, currentColor 50%),
+		linear-gradient(135deg, currentColor 50%, transparent 50%);
+	background-position:
+		calc(100% - 22px) 50%,
+		calc(100% - 16px) 50%;
+	background-repeat: no-repeat;
+	background-size: 6px 6px, 6px 6px;
+	padding-right: 44px;
+}
+select::-ms-expand {
+	display: none;
+}
+.setting-control {
+	width: 100%;
+}
+.locale-tag-control {
+	display: grid;
+	gap: 8px;
+	width: 100%;
+}
+.locale-tag-control input[hidden] {
+	display: none;
+}
+input[type="checkbox"] {
+	height: 22px;
+	justify-self: end;
+	min-height: 22px;
+	width: 22px;
+}
+@media (max-width: 640px) {
+	main { padding: 14px; }
+	.setting {
+		grid-template-columns: 1fr;
+		gap: 6px;
+	}
+	input[type="checkbox"] {
+		justify-self: start;
+	}
+	.doc-controls,
+	.doc-filter-controls,
+	.doc-review-controls,
+	.list-filters,
+	.doc-row,
+	.verification-row,
+	.status-grid {
+		grid-template-columns: 1fr;
+	}
+	.doc-actions {
+		justify-content: flex-start;
+	}
+}`;
+}

package/dist/cli/lib/dashboard-html/template.js

@@ -0,0 +1,134 @@
+import { renderDashboardClientScript } from './client-script.js';
+import { createDashboardLocaleBootstrap } from './locale-bootstrap.js';
+import { renderDashboardStyles } from './styles.js';
+function escapeHtml(value) {
+    return value
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+export function renderDashboardHtml(snapshot, token, statusSnapshot, docReviewSnapshot) {
+    const root = escapeHtml(snapshot.projectRoot);
+    const preferencesPath = escapeHtml(snapshot.preferencesPath);
+    const serializedSnapshot = JSON.stringify(snapshot);
+    const serializedStatusSnapshot = JSON.stringify(statusSnapshot);
+    const serializedDocReviewSnapshot = JSON.stringify(docReviewSnapshot);
+    const serializedToken = JSON.stringify(token);
+    const { serializedLocaleBundle, serializedAvailableLocales } = createDashboardLocaleBootstrap();
+    return `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>mustflow dashboard</title>
+<style>
+${renderDashboardStyles()}
+</style>
+</head>
+<body>
+<header>
+	<div class="title-row">
+		<h1 id="dashboard-title">mustflow dashboard</h1>
+		<button id="open-mustflow" class="icon-button" type="button" aria-label="Open .mustflow folder" title="Open .mustflow folder">
+			<svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+				<path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.2a2 2 0 0 1-1.6-.8L10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2Z"></path>
+			</svg>
+		</button>
+	</div>
+	<div class="path">${root}</div>
+	<div class="path">${preferencesPath}</div>
+</header>
+<main>
+	<nav class="tabs" role="tablist" aria-label="Dashboard sections">
+		<button id="tab-status" class="tab" type="button" role="tab" data-tab="status" aria-controls="panel-status" aria-selected="true" tabindex="0">Status</button>
+		<button id="tab-verification" class="tab" type="button" role="tab" data-tab="verification" aria-controls="panel-verification" aria-selected="false" tabindex="-1">Verification</button>
+		<button id="tab-commands" class="tab" type="button" role="tab" data-tab="commands" aria-controls="panel-commands" aria-selected="false" tabindex="-1">Commands</button>
+		<button id="tab-release" class="tab" type="button" role="tab" data-tab="release" aria-controls="panel-release" aria-selected="false" tabindex="-1">Release</button>
+		<button id="tab-update" class="tab" type="button" role="tab" data-tab="update" aria-controls="panel-update" aria-selected="false" tabindex="-1">Update</button>
+		<button id="tab-runs" class="tab" type="button" role="tab" data-tab="runs" aria-controls="panel-runs" aria-selected="false" tabindex="-1">Runs</button>
+		<button id="tab-skills" class="tab" type="button" role="tab" data-tab="skills" aria-controls="panel-skills" aria-selected="false" tabindex="-1">Skills</button>
+		<button id="tab-settings" class="tab" type="button" role="tab" data-tab="settings" aria-controls="panel-settings" aria-selected="false" tabindex="-1">Settings</button>
+		<button id="tab-documents" class="tab" type="button" role="tab" data-tab="documents" aria-controls="panel-documents" aria-selected="false" tabindex="-1">Documents</button>
+	</nav>
+	<div class="toolbar">
+		<div id="status" class="status" role="status" aria-live="polite">No changes</div>
+		<div id="last-updated" class="last-updated" aria-live="polite"></div>
+		<label class="language-picker" for="dashboard-language">
+			<span id="dashboard-language-label">Language</span>
+			<select id="dashboard-language" name="dashboard-language"></select>
+		</label>
+		<button id="reload" type="button">Reload</button>
+		<button id="save" type="button" disabled>Save</button>
+	</div>
+	<div id="panel-status" class="tab-panel" role="tabpanel" aria-labelledby="tab-status">
+		<div id="dashboard-status"></div>
+	</div>
+	<div id="panel-verification" class="tab-panel" role="tabpanel" aria-labelledby="tab-verification" hidden>
+		<div id="dashboard-verification"></div>
+	</div>
+	<div id="panel-commands" class="tab-panel" role="tabpanel" aria-labelledby="tab-commands" hidden>
+		<div id="dashboard-commands"></div>
+	</div>
+	<div id="panel-release" class="tab-panel" role="tabpanel" aria-labelledby="tab-release" hidden>
+		<div id="dashboard-release"></div>
+	</div>
+	<div id="panel-update" class="tab-panel" role="tabpanel" aria-labelledby="tab-update" hidden>
+		<div id="dashboard-update"></div>
+	</div>
+	<div id="panel-runs" class="tab-panel" role="tabpanel" aria-labelledby="tab-runs" hidden>
+		<div id="dashboard-runs"></div>
+	</div>
+	<div id="panel-skills" class="tab-panel" role="tabpanel" aria-labelledby="tab-skills" hidden>
+		<div id="dashboard-skills"></div>
+	</div>
+	<div id="panel-settings" class="tab-panel" role="tabpanel" aria-labelledby="tab-settings" hidden>
+		<div id="settings-pending-summary" class="settings-pending" aria-live="polite" hidden></div>
+		<div id="settings"></div>
+	</div>
+	<div id="panel-documents" class="tab-panel" role="tabpanel" aria-labelledby="tab-documents" hidden>
+		<div class="doc-controls">
+			<div class="doc-filter-controls">
+				<label for="doc-status-filter">
+					<span id="doc-status-filter-label">Status</span>
+					<select id="doc-status-filter"></select>
+				</label>
+				<label for="doc-path-filter">
+					<span id="doc-path-filter-label">File name</span>
+					<input id="doc-path-filter" type="text" autocomplete="off" spellcheck="false">
+				</label>
+			</div>
+			<div class="doc-control-group-label" id="doc-review-fields-label">Review record</div>
+			<div class="doc-review-controls">
+				<label for="doc-reviewer-kind">
+					<span id="doc-reviewer-kind-label">Reviewer kind</span>
+					<select id="doc-reviewer-kind"></select>
+				</label>
+				<label for="doc-reviewer-id">
+					<span id="doc-reviewer-id-label">Reviewer ID</span>
+					<input id="doc-reviewer-id" type="text" autocomplete="off" spellcheck="false">
+				</label>
+				<label for="doc-review-summary">
+					<span id="doc-review-summary-label">Summary</span>
+					<input id="doc-review-summary" type="text" autocomplete="off">
+				</label>
+			</div>
+		</div>
+		<div id="doc-reviewer-state" class="doc-reviewer-state" aria-live="polite"></div>
+		<div id="docs-review-list" class="doc-list"></div>
+	</div>
+</main>
+<script>
+${renderDashboardClientScript({
+        serializedSnapshot,
+        serializedToken,
+        serializedLocaleBundle,
+        serializedAvailableLocales,
+        serializedStatusSnapshot,
+        serializedDocReviewSnapshot,
+    })}
+</script>
+</body>
+</html>`;
+}

package/dist/cli/lib/dashboard-html/types.js

@@ -0,0 +1 @@
+export {};