`;
}
function preflightTone(status) {
- return status === 'pass' ? 'success' : status === 'fail' ? 'danger' : status === 'warning' ? 'warning' : '';
+ return status === "pass"
+ ? "success"
+ : status === "fail"
+ ? "danger"
+ : status === "warning"
+ ? "warning"
+ : "";
}
-function renderPreflightChecks(report, emptyMessage = 'Run the preflight to verify this configuration.') {
- if (!report?.checks?.length) return `
`;
+function renderPreflightChecks(
+ report,
+ emptyMessage = "Run the preflight to verify this configuration.",
+) {
+ if (!report?.checks?.length)
+ return `
`;
}
function renderDiagnostics() {
const prefs = ui.boot.state.preferences || {};
const status = ui.diagnosticsStatus || ui.boot.diagnostics || {};
const report = ui.systemPreflight;
- return `
-
${icon('shield')}Credentials are never added to the diagnostic bundle. Known runtime secrets are redacted again during export. You can inspect the ZIP before sharing it.
+ const trouble = ui.troubleshooter;
+ const troubleRows =
+ trouble?.issues
+ ?.map(
+ (item, index) =>
+ `
${icon(item.severity === "error" ? "error" : "warning")}${escapeHtml(item.title)}${escapeHtml(item.repository || "System")} · ${escapeHtml(item.detail)}
${item.repairable ? `
` : '
Manual review'}
`,
+ )
+ .join("") || "";
+ return `
+
${icon("shield")}Credentials are never added to the diagnostic bundle. Known runtime secrets are redacted again during export. You can inspect the ZIP before sharing it.
-
Files${escapeHtml(status.fileCount ?? '—')}
Total size${escapeHtml(status.totalSize || '—')}
Latest event${status.latestAt ? formatDate(status.latestAt) : 'None'}
Retention${escapeHtml(status.retentionDays || prefs.logRetentionDays || 14)} days
Location${escapeHtml(status.directory || 'Unavailable')}
Level${escapeHtml(status.level || prefs.diagnosticLevel || 'info')}
${status.lastWriteError ? `
Error${escapeHtml(status.lastWriteError)}
` : ''}
-
+
Files${escapeHtml(status.fileCount ?? "—")}
Total size${escapeHtml(status.totalSize || "—")}
Latest event${status.latestAt ? formatDate(status.latestAt) : "None"}
Retention${escapeHtml(status.retentionDays || prefs.logRetentionDays || 14)} days
Location${escapeHtml(status.directory || "Unavailable")}
Level${escapeHtml(status.level || prefs.diagnosticLevel || "info")}
${status.lastWriteError ? `
Error${escapeHtml(status.lastWriteError)}
` : ""}
+
-
System preflight
Git, writable storage, credential protection, folders and Gitea${report ? `${report.summary.ready ? 'Ready' : `${report.summary.blocking.length} blocking`}${report.summary.counts.pass} passed · ${report.summary.counts.warning} warnings · ${report.summary.counts.fail} failed` : 'Not run in this session'}
${renderPreflightChecks(report)}
-
Export support bundle
Configuration summary, repository states, operations, preflight and redacted JSONL logs${ui.lastDiagnosticBundle ? `
${icon('check')}
${escapeHtml(ui.lastDiagnosticBundle.size)} bundle createdSHA-256 ${escapeHtml(ui.lastDiagnosticBundle.sha256)}
` : ''}
+
One-click troubleshooter
Git locks, interrupted operations, branch synchronization and deployment/server inconsistencies${trouble?.issues?.some((item) => item.repairable && item.safe) ? `` : ""}
${trouble ? `${trouble.summary.total ? `${trouble.summary.total} issue(s)` : "Healthy"}${trouble.summary.errors} errors · ${trouble.summary.warnings} warnings · ${trouble.summary.repairable} repairable` : "Run the troubleshooter to inspect all linked repositories and deployments."}
${troubleRows || '
'}
+
System preflight
Git, writable storage, credential protection, folders and Gitea${report ? `${report.summary.ready ? "Ready" : `${report.summary.blocking.length} blocking`}${report.summary.counts.pass} passed · ${report.summary.counts.warning} warnings · ${report.summary.counts.fail} failed` : "Not run in this session"}
${renderPreflightChecks(report)}
+
Export support bundle
Configuration summary, repository states, operations, preflight and redacted JSONL logs${ui.lastDiagnosticBundle ? `
${icon("check")}
${escapeHtml(ui.lastDiagnosticBundle.size)} bundle createdSHA-256 ${escapeHtml(ui.lastDiagnosticBundle.sha256)}
` : ""}
`;
}
function renderPipelineView() {
const operation = ui.activeDeployment;
- if (!operation) return '
No deployment operation selected.
';
- const logs = (operation.logs || []).join('\n');
- return `
${escapeHtml(operation.status)}
${escapeHtml(operation.profileName || operation.workflowFile || '')} · ${escapeHtml(operation.shortSha || shortSha(operation.sha))}
${(operation.stages || []).map((stage) => `
${stage.status === 'complete' ? icon('check') : stage.status === 'failed' ? icon('error') : stage.status === 'active' ? icon('pulse') : icon('clock')}${escapeHtml(stage.label)}
`).join('')}
${operation.jobs?.length ? `
Runner jobs
| Job | Status | Started | Completed |
|---|
${operation.jobs.map((job) => `| ${escapeHtml(job.name)} | ${escapeHtml(job.conclusion || job.status)} | ${job.startedAt ? formatDate(job.startedAt) : '—'} | ${job.completedAt ? formatDate(job.completedAt) : '—'} |
`).join('')}
` : ''}
Deployment output
${escapeHtml(logs || 'Waiting for operation output…')}${operation.failure ? `
${icon('error')}
${escapeHtml(operation.failure.stage)}${escapeHtml(operation.failure.message)}
` : ''}
`;
+ if (!operation)
+ return '
No deployment operation selected.
';
+ const logs = (operation.logs || []).join("\n");
+ return `
${escapeHtml(operation.status)}
${escapeHtml(operation.profileName || operation.workflowFile || "")} · ${escapeHtml(operation.shortSha || shortSha(operation.sha))}
${(operation.stages || []).map((stage) => `
${stage.status === "complete" ? icon("check") : stage.status === "failed" ? icon("error") : stage.status === "active" ? icon("pulse") : icon("clock")}${escapeHtml(stage.label)}
`).join("")}
${operation.jobs?.length ? `
Runner jobs
| Job | Status | Started | Completed |
|---|
${operation.jobs.map((job) => `| ${escapeHtml(job.name)} | ${escapeHtml(job.conclusion || job.status)} | ${job.startedAt ? formatDate(job.startedAt) : "—"} | ${job.completedAt ? formatDate(job.completedAt) : "—"} |
`).join("")}
` : ""}
Deployment output
${escapeHtml(logs || "Waiting for operation output…")}${operation.failure ? `
${icon("error")}
${escapeHtml(operation.failure.stage)}${escapeHtml(operation.failure.message)}
` : ""}
`;
}
function renderStatusbar() {
const state = ui.boot?.state;
const repository = selectedRepository();
- const active = operations().filter((operation) => !isTerminalOperation(operation.status)).length;
- return `
`;
+ const active = operations().filter(
+ (operation) => !isTerminalOperation(operation.status),
+ ).length;
+ return `
`;
}
function renderSetup() {
- const steps = ['Readiness', 'Gitea', 'Folders', 'Discovery', 'Ready'];
- let body = '';
+ const steps = ["Readiness", "Gitea", "Folders", "Discovery", "Ready"];
+ let body = "";
if (ui.setupStep === 0) {
- body = `
Check this computer
ForgeFlow verifies Git, writable storage and protected credential support before you enter any connection details.
${icon('shield')}Your Gitea token is entered only inside this local desktop application. It is never included in diagnostic logs or support bundles.
${renderPreflightChecks(ui.systemPreflight, 'Run the readiness check to verify this computer.')}
Available even before Gitea is connected.
`;
+ body = `
Check this computer
ForgeFlow verifies Git, writable storage and protected credential support before you enter any connection details.
${icon("shield")}Your Gitea token is entered only inside this local desktop application. It is never included in diagnostic logs or support bundles.
${renderPreflightChecks(ui.systemPreflight, "Run the readiness check to verify this computer.")}
Available even before Gitea is connected.
`;
} else if (ui.setupStep === 1) {
- body = `
Connect your Gitea instance
Enter the URL and a personal access token created on your own Gitea server. ForgeFlow validates it locally and stores it using operating-system encryption when available.
${ui.setupValidation ? `
${icon('check')}Connected as ${escapeHtml(ui.setupValidation.user.login)} · ${ui.setupValidation.repositoryCount} repositories · Gitea ${escapeHtml(ui.setupValidation.version || 'version unknown')}
` : `
${icon('shield')}Use the narrowest permissions that allow repository reads and Actions workflow dispatch. The setup guide explains this without requiring you to share the token.
`}
`;
+ body = `
Connect your Gitea instance
Enter the URL and a personal access token created on your own Gitea server. ForgeFlow validates it locally and stores it using operating-system encryption when available.
${ui.setupValidation ? `
${icon("check")}Connected as ${escapeHtml(ui.setupValidation.user.login)} · ${ui.setupValidation.repositoryCount} repositories · Gitea ${escapeHtml(ui.setupValidation.version || "version unknown")}
` : `
${icon("shield")}Use the narrowest permissions that allow repository reads and Actions workflow dispatch. The setup guide explains this without requiring you to share the token.
`}
`;
} else if (ui.setupStep === 2) {
- body = `
Select development folders
Choose parent folders. ForgeFlow discovers Git working trees below them and matches their origin to Gitea.
${ui.setupDraft.roots.map((root,index) => `
`).join('')}
`;
+ body = `
Select development folders
Choose parent folders. ForgeFlow discovers Git working trees below them and matches their origin to Gitea.
${ui.setupDraft.roots.map((root, index) => `
`).join("")}
`;
} else if (ui.setupStep === 3) {
body = `
Discovering repositories
Inspecting local Git metadata. Generated folders and nested dependency trees are skipped.
Scanning configured folders… `;
} else {
- body = `
ForgeFlow is ready
${ui.setupDraft.discovered.length} local repositories were found. You can add deployment environments after opening a repository.
Gitea connected${escapeHtml(ui.setupDraft.baseUrl)} · ${escapeHtml(ui.setupDraft.user?.login || 'user')}
Workspace discovery${ui.setupDraft.roots.length} root folder(s), ${ui.setupDraft.discovered.length} repository/repositories
Safe diagnosticsStructured local logs with credential redaction are enabled by default.
${ui.setupDraft.discovered.length ? ui.setupDraft.discovered.slice(0, 8).map((item) => `
${icon(item.error ? 'error' : 'git')}
${escapeHtml(item.localPath.split(/[\\/]/).pop())}${escapeHtml(item.localPath)}
${item.error ? 'Unreadable' : 'Ready'}`).join('') : '
No repositories found. You can link or clone repositories later.
'}
`;
+ body = `
ForgeFlow is ready
${ui.setupDraft.discovered.length} local repositories were found. You can add deployment environments after opening a repository.
Gitea connected${escapeHtml(ui.setupDraft.baseUrl)} · ${escapeHtml(ui.setupDraft.user?.login || "user")}
Workspace discovery${ui.setupDraft.roots.length} root folder(s), ${ui.setupDraft.discovered.length} repository/repositories
Safe diagnosticsStructured local logs with credential redaction are enabled by default.
${
+ ui.setupDraft.discovered.length
+ ? ui.setupDraft.discovered
+ .slice(0, 8)
+ .map(
+ (item) =>
+ `
${icon(item.error ? "error" : "git")}
${escapeHtml(item.localPath.split(/[\\/]/).pop())}${escapeHtml(item.localPath)}
${item.error ? "Unreadable" : "Ready"}`,
+ )
+ .join("")
+ : '
No repositories found. You can link or clone repositories later.
'
+ }
`;
}
- const nextAction = ui.setupStep === 0
- ? (ui.systemPreflight?.summary?.ready ? '
' : '
')
- : ui.setupStep === 1 ? '
'
- : ui.setupStep === 2 ? `
`
- : ui.setupStep === 4 ? '
' : '';
- return `
`;
+ const nextAction =
+ ui.setupStep === 0
+ ? ui.systemPreflight?.summary?.ready
+ ? '
'
+ : '
'
+ : ui.setupStep === 1
+ ? '
'
+ : ui.setupStep === 2
+ ? `
`
+ : ui.setupStep === 4
+ ? '
'
+ : "";
+ return `
`;
}
function renderModal() {
- if (!ui.modal) return '';
- const repository = selectedRepository() || ui.repositories.find((repo) => repo.fullName === ui.modal.repositoryFullName);
- if (ui.modal.type === 'deployment-config') {
- const existing = repository?.deploymentProfiles?.find((profile) => profile.id === ui.modal.profileId) || {};
+ if (!ui.modal) return "";
+ const repository =
+ selectedRepository() ||
+ ui.repositories.find(
+ (repo) => repo.fullName === ui.modal.repositoryFullName,
+ );
+ if (ui.modal.type === "deployment-config") {
+ const storedProfile =
+ repository?.deploymentProfiles?.find(
+ (profile) => profile.id === ui.modal.profileId,
+ ) || {};
+ const discovery =
+ ui.deploymentDiscovery?.repository === repository?.fullName
+ ? ui.deploymentDiscovery
+ : null;
+ const existing = { ...storedProfile, ...(discovery?.profile || {}) };
+ if (discovery?.provenance) existing.provenance = discovery.provenance;
const servers = ui.boot.state.servers || [];
- const provider = ui.modal.provider || existing.provider || (servers.length ? 'ssh-unraid' : 'gitea-actions');
- const ssh = provider === 'ssh-unraid';
- const remoteFolder = existing.remoteFolder || safeCloneFolderName(repository);
- return `
${icon("shield")}${ssh ? "ForgeFlow connects over pinned SSH, refuses tracked server-side changes, deploys the exact Git SHA and preserves untracked runtime data." : "ForgeFlow sends only controlled workflow inputs: environment, exact SHA and a unique request ID."}
`;
}
- if (ui.modal.type === 'deployment-preflight') {
- const profile = repository?.deploymentProfiles?.find((item) => item.id === ui.modal.profileId) || selectedProfile(repository);
+ if (ui.modal.type === "deployment-preflight") {
+ const profile =
+ repository?.deploymentProfiles?.find(
+ (item) => item.id === ui.modal.profileId,
+ ) || selectedProfile(repository);
const report = ui.deploymentPreflight;
- return `
${icon(report?.summary?.ready ? 'shield' : 'error')}
${report?.summary?.ready ? 'Environment is ready to test' : 'Deployment is blocked'}${escapeHtml(repository?.fullName || '')} → ${escapeHtml(profile?.environment || '')}
${report?.summary?.ready ? 'Ready' : `${report?.summary?.blocking?.length || 0} blocking`}${report?.summary?.counts?.pass || 0} passed · ${report?.summary?.counts?.warning || 0} warnings · ${report?.summary?.counts?.fail || 0} failed
${renderPreflightChecks(report)}
`;
+ return `
${icon(report?.summary?.ready ? "shield" : "error")}
${report?.summary?.ready ? "Environment is ready to test" : "Deployment is blocked"}${escapeHtml(repository?.fullName || "")} → ${escapeHtml(profile?.environment || "")}
${report?.summary?.ready ? "Ready" : `${report?.summary?.blocking?.length || 0} blocking`}${report?.summary?.counts?.pass || 0} passed · ${report?.summary?.counts?.warning || 0} warnings · ${report?.summary?.counts?.fail || 0} failed
${renderPreflightChecks(report)}
`;
}
- if (ui.modal.type === 'deploy-confirm') {
- const profile = repository?.deploymentProfiles?.find((item) => item.id === ui.modal.profileId) || selectedProfile(repository);
- return `
${icon('rocket')}
Deploy ${escapeHtml(repository.localStatus.shortHead)} → ${escapeHtml(profile.environment)}${escapeHtml(repository.fullName)}
Exact commit${escapeHtml(repository.localStatus.head)}Branch${escapeHtml(profile.branch)}Provider${profile.provider === 'ssh-unraid' ? `SSH → ${escapeHtml(profile.remoteFolder)}` : escapeHtml(profile.workflowFile)}Healthcheck${escapeHtml(profile.healthcheckUrl || 'Not configured')}
${ui.deploymentPreflight ? `
${icon('shield')}Preflight passed with ${ui.deploymentPreflight.summary.counts.warning} warning(s). Backend safety checks run again at dispatch time.
` : ''}
`;
+ if (ui.modal.type === "deploy-confirm") {
+ const profile =
+ repository?.deploymentProfiles?.find(
+ (item) => item.id === ui.modal.profileId,
+ ) || selectedProfile(repository);
+ return `
${icon("rocket")}
Deploy ${escapeHtml(repository.localStatus.shortHead)} → ${escapeHtml(profile.environment)}${escapeHtml(repository.fullName)}
Exact commit${escapeHtml(repository.localStatus.head)}Branch${escapeHtml(profile.branch)}Provider${profile.provider === "ssh-unraid" ? `SSH → ${escapeHtml(profile.remoteFolder)}` : escapeHtml(profile.workflowFile)}Healthcheck${escapeHtml(profile.healthcheckUrl || "Not configured")}
${ui.deploymentPreflight ? `
${icon("shield")}Preflight passed with ${ui.deploymentPreflight.summary.counts.warning} warning(s). Backend safety checks run again at dispatch time.
` : ""}
`;
}
- if (ui.modal.type === 'rollback-confirm') {
- const profile = repository?.deploymentProfiles?.find((item) => item.id === ui.modal.profileId);
+ if (ui.modal.type === "rollback-confirm") {
+ const profile = repository?.deploymentProfiles?.find(
+ (item) => item.id === ui.modal.profileId,
+ );
const target = profile?.state?.previousSha;
- return `
${icon('undo')}
Rollback ${escapeHtml(profile?.environment || '')} to ${shortSha(target)}The target must still exist on origin/${escapeHtml(profile?.branch || '')}.
Target commit${escapeHtml(target || 'Unavailable')}Provider${profile?.provider === 'ssh-unraid' ? 'SSH exact-SHA reset' : escapeHtml(profile?.rollbackWorkflowFile || 'Not configured')}Current live${escapeHtml(profile?.state?.liveSha || 'Unknown')}
`;
+ return `
${icon("undo")}
Rollback ${escapeHtml(profile?.environment || "")} to ${shortSha(target)}The target must still exist on origin/${escapeHtml(profile?.branch || "")}.
Target commit${escapeHtml(target || "Unavailable")}Provider${profile?.provider === "ssh-unraid" ? "SSH exact-SHA reset" : escapeHtml(profile?.rollbackWorkflowFile || "Not configured")}Current live${escapeHtml(profile?.state?.liveSha || "Unknown")}
`;
}
- if (ui.modal.type === 'server-config') {
- const server = (ui.boot.state.servers || []).find((item) => item.id === ui.modal.serverId) || {};
- const authType = ui.modal.authType || server.authType || 'privateKey';
- return `
${icon('key')}The first connection records the SSH host-key fingerprint. Later deployments fail closed when the server presents a different key.
`;
+ if (ui.modal.type === "server-config") {
+ const server =
+ (ui.boot.state.servers || []).find(
+ (item) => item.id === ui.modal.serverId,
+ ) || {};
+ const authType = ui.modal.authType || server.authType || "privateKey";
+ return `
${icon("key")}The first connection records the SSH host-key fingerprint. Later deployments fail closed when the server presents a different key.
`;
}
- if (ui.modal.type === 'command-palette') return renderCommandPalette();
- return '';
+ if (ui.modal.type === "hunk-staging") {
+ const hunks = ui.diffHunks?.hunks || [];
+ return `
${escapeHtml(ui.selectedFile)}
`;
+ }
+ if (ui.modal.type === "pull-request") {
+ return `
`;
+ }
+ if (ui.modal.type === "conflict-guide") {
+ const state = ui.conflictState || {};
+ return `
${state.files?.length ? `
Resolve these files, then continue:
` : '
All conflicts are marked resolved. You can continue the Git operation.
'}
`;
+ }
+ if (ui.modal.type === "command-palette") return renderCommandPalette();
+ return "";
}
function paletteCommands() {
const repository = selectedRepository();
return [
- { id: 'overview', label: 'Go to release overview', detail: 'Workspace', icon: 'overview', enabled: true },
- { id: 'refresh', label: 'Refresh all repositories', detail: 'Local and Gitea', icon: 'refresh', enabled: true },
- { id: 'deployments', label: 'Open deployments', detail: 'Release history', icon: 'deploy', enabled: true },
- { id: 'diagnostics', label: 'Open diagnostics', detail: 'Logs, preflight and support bundle', icon: 'shield', enabled: true },
- { id: 'settings', label: 'Open settings', detail: 'Connections and awareness', icon: 'settings', enabled: true },
- { id: 'open-folder', label: 'Open selected project folder', detail: repository?.name || 'No repository selected', icon: 'folder', enabled: Boolean(repository?.localPath) },
- { id: 'git-tools', label: 'Open branch and stash tools', detail: repository?.name || 'No repository selected', icon: 'branch', enabled: Boolean(repository?.localPath) },
- { id: 'deploy-selected', label: 'Deploy selected repository', detail: repository?.readyToDeploy ? `${repository.name} ${repository.localStatus.shortHead}` : 'Not ready', icon: 'rocket', enabled: Boolean(repository?.readyToDeploy) }
+ {
+ id: "overview",
+ label: "Go to release overview",
+ detail: "Workspace",
+ icon: "overview",
+ enabled: true,
+ },
+ {
+ id: "refresh",
+ label: "Refresh all repositories",
+ detail: "Local and Gitea",
+ icon: "refresh",
+ enabled: true,
+ },
+ {
+ id: "deployments",
+ label: "Open deployments",
+ detail: "Release history",
+ icon: "deploy",
+ enabled: true,
+ },
+ {
+ id: "diagnostics",
+ label: "Open diagnostics",
+ detail: "Logs, preflight and support bundle",
+ icon: "shield",
+ enabled: true,
+ },
+ {
+ id: "settings",
+ label: "Open settings",
+ detail: "Connections and awareness",
+ icon: "settings",
+ enabled: true,
+ },
+ {
+ id: "open-folder",
+ label: "Open selected project folder",
+ detail: repository?.name || "No repository selected",
+ icon: "folder",
+ enabled: Boolean(repository?.localPath),
+ },
+ {
+ id: "git-tools",
+ label: "Open branch and stash tools",
+ detail: repository?.name || "No repository selected",
+ icon: "branch",
+ enabled: Boolean(repository?.localPath),
+ },
+ {
+ id: "deploy-selected",
+ label: "Deploy selected repository",
+ detail: repository?.readyToDeploy
+ ? `${repository.name} ${repository.localStatus.shortHead}`
+ : "Not ready",
+ icon: "rocket",
+ enabled: Boolean(repository?.readyToDeploy),
+ },
];
}
function renderCommandPalette() {
const query = ui.paletteQuery.toLowerCase();
- const commands = paletteCommands().filter((command) => !query || `${command.label} ${command.detail}`.toLowerCase().includes(query));
- return `
`;
+ const commands = paletteCommands().filter(
+ (command) =>
+ !query ||
+ `${command.label} ${command.detail}`.toLowerCase().includes(query),
+ );
+ return `
`;
+}
+
+function enhanceRenderedUi() {
+ const repository = selectedRepository();
+ if (ui.modal?.type === "deployment-config") {
+ const profile =
+ repository?.deploymentProfiles?.find(
+ (item) => item.id === ui.modal.profileId,
+ ) || {};
+ const policy = profile.deploymentPolicy || {};
+ document
+ .querySelector(".modal-body .form-grid")
+ ?.insertAdjacentHTML(
+ "beforeend",
+ `
Deployment policy
Day 0 is Sunday. Separate windows with |.
`,
+ );
+ }
+ if (ui.modal?.type === "deploy-confirm") {
+ const profile = repository?.deploymentProfiles?.find(
+ (item) => item.id === ui.modal.profileId,
+ );
+ document
+ .querySelector(".modal-body")
+ ?.insertAdjacentHTML(
+ "beforeend",
+ `
`,
+ );
+ }
+ if (ui.currentView === "diagnostics") {
+ const container = document.querySelector(".diagnostics-page");
+ container?.insertAdjacentHTML(
+ "beforeend",
+ `
Operational audit log
Append-only release, pull-request and recovery events${ui.auditEvents.length ? `
| Time | Event | Repository | Result |
|---|
${ui.auditEvents.map((item) => `| ${formatDate(item.timestamp)} | ${escapeHtml(item.event)} | ${escapeHtml(item.details?.repository || "—")} | ${escapeHtml(item.details?.result || item.details?.note || "—")} |
`).join("")}
` : '
Load the operational audit log.
'}
`,
+ );
+ }
}
function render() {
if (!ui.boot) return;
const repository = selectedRepository();
- const main = ui.currentView === 'overview' ? renderOverview() : ui.currentView === 'deployments' ? renderDeployments() : ui.currentView === 'settings' ? renderSettings() : ui.currentView === 'diagnostics' ? renderDiagnostics() : ui.currentView === 'deployment-run' ? renderPipelineView() : repository ? renderRepositoryWorkspace(repository) : renderOverview();
- const withPanel = ui.currentView === 'repository' && repository;
- app.innerHTML = `
${renderTitlebar()}
${renderSidebar()}
${withPanel ? renderActionPanel(repository) : ''}${ui.loading ? `${escapeHtml(ui.loadingMessage || 'Working…')} ${renderStatusbar()}
${ui.boot.state.setupComplete ? '' : renderSetup()}${renderModal()}`;
- if (ui.modal?.type === 'command-palette') requestAnimationFrame(() => document.querySelector('#palette-input')?.focus());
+ const main =
+ ui.currentView === "overview"
+ ? renderOverview()
+ : ui.currentView === "deployments"
+ ? renderDeployments()
+ : ui.currentView === "settings"
+ ? renderSettings()
+ : ui.currentView === "diagnostics"
+ ? renderDiagnostics()
+ : ui.currentView === "deployment-run"
+ ? renderPipelineView()
+ : repository
+ ? renderRepositoryWorkspace(repository)
+ : renderOverview();
+ const withPanel = ui.currentView === "repository" && repository;
+ app.innerHTML = `
${renderTitlebar()}
${renderSidebar()}
${withPanel ? renderActionPanel(repository) : ""}${ui.loading ? `${escapeHtml(ui.loadingMessage || "Working…")} ${renderStatusbar()}
${ui.boot.state.setupComplete ? "" : renderSetup()}${renderModal()}`;
+ enhanceRenderedUi();
+ if (ui.modal?.type === "command-palette")
+ requestAnimationFrame(() =>
+ document.querySelector("#palette-input")?.focus(),
+ );
}
-async function runOperation(message, operation, successMessage, { refresh = true } = {}) {
+async function runOperation(
+ message,
+ operation,
+ successMessage,
+ { refresh = true } = {},
+) {
setLoading(true, message);
try {
const result = await operation();
- if (successMessage) showToast('Done', successMessage, 'success');
+ if (successMessage) showToast("Done", successMessage, "success");
if (refresh) await refreshRepositories(false);
return result;
} catch (error) {
- const pushAfterCommit = error.code === 'PUSH_AFTER_COMMIT_FAILED';
- showToast(pushAfterCommit ? 'Commit saved locally; push failed' : 'Operation failed', error.message, 'error');
+ const pushAfterCommit = error.code === "PUSH_AFTER_COMMIT_FAILED";
+ showToast(
+ pushAfterCommit
+ ? "Commit saved locally; push failed"
+ : "Operation failed",
+ error.message,
+ "error",
+ );
// Always reload the real Git state. A failed stage must keep changes visible, while a
// failed push after a successful commit must immediately surface as an ahead branch.
await refreshRepositories(false, true);
if (pushAfterCommit) {
ui.selectedFiles.clear();
ui.selectedFile = null;
- ui.diff = '';
- ui.commitMessage = '';
+ ui.diff = "";
+ ui.commitMessage = "";
render();
}
return null;
- } finally { setLoading(false); }
+ } finally {
+ setLoading(false);
+ }
}
async function executeDeployment(profileId) {
const repository = selectedRepository();
- const profile = repository?.deploymentProfiles?.find((item) => item.id === profileId) || selectedProfile(repository);
+ const profile =
+ repository?.deploymentProfiles?.find((item) => item.id === profileId) ||
+ selectedProfile(repository);
if (!repository || !profile) return;
+ const deploymentOptions = {
+ note: document.querySelector("#deployment-note")?.value.trim() || "",
+ override: document.querySelector("#deployment-override")?.checked === true,
+ overrideReason:
+ document.querySelector("#deployment-override-reason")?.value.trim() || "",
+ };
ui.modal = null;
- setLoading(true, profile.provider === 'ssh-unraid' ? `Deploying ${repository.name} to ${profile.remoteFolder} over SSH…` : `Dispatching ${profile.name} workflow…`);
+ setLoading(
+ true,
+ profile.provider === "ssh-unraid"
+ ? `Deploying ${repository.name} to ${profile.remoteFolder} over SSH…`
+ : `Dispatching ${profile.name} workflow…`,
+ );
try {
- ui.activeDeployment = await window.forgeflow.deploy(repository, profile.id, repository.localStatus.head);
+ ui.activeDeployment = await window.forgeflow.deploy(
+ repository,
+ profile.id,
+ repository.localStatus.head,
+ deploymentOptions,
+ );
updateOperationInState(ui.activeDeployment);
- ui.currentView = 'deployment-run';
- showToast('Deployment started', `${repository.name} ${repository.localStatus.shortHead} → ${profile.environment}`, 'success');
+ ui.currentView = "deployment-run";
+ showToast(
+ "Deployment started",
+ `${repository.name} ${repository.localStatus.shortHead} → ${profile.environment}`,
+ "success",
+ );
startOperationPolling();
- } catch (error) { showToast('Deployment failed to start', error.message, 'error'); }
+ } catch (error) {
+ showToast("Deployment failed to start", error.message, "error");
+ }
setLoading(false);
}
async function executeRollback(profileId) {
const repository = selectedRepository();
- const profile = repository?.deploymentProfiles?.find((item) => item.id === profileId);
+ const profile = repository?.deploymentProfiles?.find(
+ (item) => item.id === profileId,
+ );
const target = profile?.state?.previousSha;
if (!repository || !profile || !target) return;
ui.modal = null;
- setLoading(true, profile?.provider === 'ssh-unraid' ? `Rolling back ${profile.remoteFolder} over SSH…` : `Dispatching rollback to ${shortSha(target)}…`);
+ setLoading(
+ true,
+ profile?.provider === "ssh-unraid"
+ ? `Rolling back ${profile.remoteFolder} over SSH…`
+ : `Dispatching rollback to ${shortSha(target)}…`,
+ );
try {
- ui.activeDeployment = await window.forgeflow.rollback(repository, profile.id, target);
+ ui.activeDeployment = await window.forgeflow.rollback(
+ repository,
+ profile.id,
+ target,
+ );
updateOperationInState(ui.activeDeployment);
- ui.currentView = 'deployment-run';
- showToast('Rollback requested', `${profile.environment} → ${shortSha(target)}`, 'success');
- } catch (error) { showToast('Rollback failed to start', error.message, 'error'); }
+ ui.currentView = "deployment-run";
+ showToast(
+ "Rollback requested",
+ `${profile.environment} → ${shortSha(target)}`,
+ "success",
+ );
+ } catch (error) {
+ showToast("Rollback failed to start", error.message, "error");
+ }
setLoading(false);
}
async function loadGitTools(repository) {
if (!repository?.localPath) return;
- setLoading(true, 'Loading branches and stashes…');
+ setLoading(true, "Loading branches and stashes…");
try {
[ui.branches, ui.stashes, ui.gitRecovery] = await Promise.all([
window.forgeflow.branches(repository.localPath),
window.forgeflow.stashList(repository.localPath),
- window.forgeflow.gitRecoveryStatus(repository.localPath)
+ window.forgeflow.gitRecoveryStatus(repository.localPath),
]);
- ui.repositoryTab = 'gittools';
- } catch (error) { showToast('Git tools unavailable', error.message, 'error'); }
+ ui.repositoryTab = "gittools";
+ } catch (error) {
+ showToast("Git tools unavailable", error.message, "error");
+ }
setLoading(false);
}
function profileRepository(profileId) {
- return ui.repositories.find((repository) => repository.deploymentProfiles?.some((profile) => profile.id === profileId));
+ return ui.repositories.find((repository) =>
+ repository.deploymentProfiles?.some((profile) => profile.id === profileId),
+ );
}
async function runSystemPreflight({ setup = false } = {}) {
- setLoading(true, 'Checking local readiness…');
+ setLoading(true, "Checking local readiness…");
try {
ui.systemPreflight = await window.forgeflow.setupPreflight({
baseUrl: ui.setupDraft.baseUrl,
token: ui.setupDraft.token,
- roots: setup ? ui.setupDraft.roots : ui.boot.state.workspaceRoots
+ roots: setup ? ui.setupDraft.roots : ui.boot.state.workspaceRoots,
});
- if (!setup) ui.diagnosticsStatus = await window.forgeflow.diagnosticsStatus();
+ if (!setup)
+ ui.diagnosticsStatus = await window.forgeflow.diagnosticsStatus();
showToast(
- ui.systemPreflight.summary.ready ? 'Readiness checks passed' : 'Readiness needs attention',
+ ui.systemPreflight.summary.ready
+ ? "Readiness checks passed"
+ : "Readiness needs attention",
ui.systemPreflight.summary.ready
? `${ui.systemPreflight.summary.counts.pass} checks passed.`
: `${ui.systemPreflight.summary.blocking.length} blocking check(s) must be resolved.`,
- ui.systemPreflight.summary.ready ? 'success' : 'error'
+ ui.systemPreflight.summary.ready ? "success" : "error",
);
return ui.systemPreflight;
} catch (error) {
- showToast('Readiness check failed', error.message, 'error');
+ showToast("Readiness check failed", error.message, "error");
return null;
- } finally { setLoading(false); }
+ } finally {
+ setLoading(false);
+ }
}
-async function runDeploymentPreflight(repository, profileId, { showModal = true } = {}) {
+async function runDeploymentPreflight(
+ repository,
+ profileId,
+ { showModal = true } = {},
+) {
if (!repository || !profileId) return null;
- if (String(repository.id) !== String(ui.selectedRepoId)) selectRepository(repository.id, false);
+ if (String(repository.id) !== String(ui.selectedRepoId))
+ selectRepository(repository.id, false);
ui.selectedProfileId = profileId;
ui.deploymentPreflight = null;
- setLoading(true, 'Verifying repository, workflow and server…');
+ setLoading(true, "Verifying repository, workflow and server…");
try {
- const report = await window.forgeflow.deploymentPreflight(repository, profileId);
+ const report = await window.forgeflow.deploymentPreflight(
+ repository,
+ profileId,
+ );
ui.deploymentPreflight = report;
- if (showModal) ui.modal = { type: 'deployment-preflight', profileId, repositoryFullName: repository.fullName };
+ if (showModal)
+ ui.modal = {
+ type: "deployment-preflight",
+ profileId,
+ repositoryFullName: repository.fullName,
+ };
return report;
} catch (error) {
- showToast('Deployment preflight failed', error.message, 'error');
+ showToast("Deployment preflight failed", error.message, "error");
return null;
- } finally { setLoading(false); }
+ } finally {
+ setLoading(false);
+ }
}
-app.addEventListener('click', async (event) => {
- const target = event.target.closest('[data-action]');
+app.addEventListener("click", async (event) => {
+ const target = event.target.closest("[data-action]");
if (!target) return;
const action = target.dataset.action;
let repository = selectedRepository();
if (target.dataset.repositoryId) {
- const actionRepository = ui.repositories.find((item) => String(item.id) === String(target.dataset.repositoryId));
+ const actionRepository = ui.repositories.find(
+ (item) => String(item.id) === String(target.dataset.repositoryId),
+ );
if (actionRepository) repository = actionRepository;
}
- if (action === 'navigate') { ui.currentView = target.dataset.view; ui.modal = null; render(); }
- else if (action === 'select-repo') selectRepository(target.dataset.id);
- else if (action === 'refresh') {
+ if (action === "navigate") {
+ ui.currentView = target.dataset.view;
+ ui.modal = null;
+ render();
+ } else if (action === "select-repo") selectRepository(target.dataset.id);
+ else if (action === "refresh") {
await refreshRepositories(true);
await refreshActiveOperations(false);
await refreshDeploymentTruth(false);
- }
- else if (action === 'refresh-operations') {
- setLoading(true, 'Refreshing deployment operations and live server state…');
+ } else if (action === "refresh-operations") {
+ setLoading(true, "Refreshing deployment operations and live server state…");
await refreshActiveOperations();
await refreshDeploymentTruth(true);
setLoading(false);
- }
- else if (action === 'toggle-theme') { const appearance = document.documentElement.dataset.theme === 'dark' ? 'light' : 'dark'; applyTheme(appearance); ui.boot.state = await window.forgeflow.setAppearance(appearance); render(); }
- else if (action === 'open-palette') { ui.paletteQuery = ''; ui.modal = { type: 'command-palette' }; render(); }
- else if (action === 'repo-tab') {
+ } else if (action === "toggle-theme") {
+ const appearance =
+ document.documentElement.dataset.theme === "dark" ? "light" : "dark";
+ applyTheme(appearance);
+ ui.boot.state = await window.forgeflow.setAppearance(appearance);
+ render();
+ } else if (action === "open-palette") {
+ ui.paletteQuery = "";
+ ui.modal = { type: "command-palette" };
+ render();
+ } else if (action === "repo-tab") {
ui.repositoryTab = target.dataset.tab;
- if (ui.repositoryTab === 'gittools' && !ui.branches.length) await loadGitTools(repository); else render();
- }
- else if (action === 'toggle-favorite') { ui.boot.state = await window.forgeflow.favoriteRepository(repository.fullName, !repository.favorite); repository.favorite = !repository.favorite; render(); }
- else if (action === 'select-file') { if (event.target.matches('input[type=checkbox]')) return; ui.selectedFile = target.dataset.path; await loadDiff(repository, ui.selectedFile); }
- else if (action === 'toggle-all-files') { const files = repository.localStatus?.files || []; ui.selectedFiles = ui.selectedFiles.size === files.length ? new Set() : new Set(files.map((file) => file.path)); render(); }
- else if (action === 'copy-diff') { await navigator.clipboard.writeText(ui.diff || ''); showToast('Copied', 'Diff copied to clipboard.', 'success'); }
- else if (action === 'copy-logs') { const text = (ui.activeDeployment?.logs || []).join('\n'); await navigator.clipboard.writeText(text); showToast('Copied', 'Safe operation output copied. Open Gitea for raw runner logs.', 'success'); }
- else if (action === 'stage-selected') { if (!repository?.localPath || !ui.selectedFiles.size) return; await runOperation('Staging selected files…', () => window.forgeflow.stageFiles(repository.localPath, [...ui.selectedFiles]), 'Files staged.'); }
- else if (action === 'unstage-selected') { if (!repository?.localPath || !ui.selectedFiles.size) return; await runOperation('Unstaging selected files…', () => window.forgeflow.unstageFiles(repository.localPath, [...ui.selectedFiles]), 'Files unstaged.'); }
- else if (action === 'commit-push' || action === 'commit-only') {
- if (!repository?.localPath || !ui.commitMessage.trim() || !ui.selectedFiles.size) return;
- const result = await runOperation(action === 'commit-push' ? 'Committing and pushing…' : 'Creating local commit…', () => action === 'commit-push' ? window.forgeflow.commitAndPush(repository.localPath, ui.commitMessage, [...ui.selectedFiles]) : window.forgeflow.commit(repository.localPath, ui.commitMessage, [...ui.selectedFiles]), action === 'commit-push' ? 'Changes committed and pushed to Gitea.' : 'Local commit created.');
- if (result) { ui.commitMessage = ''; ui.selectedFiles.clear(); ui.selectedFile = null; ui.diff = ''; }
- }
- else if (action === 'push') await runOperation('Pushing local commits…', () => window.forgeflow.push(repository.localPath), 'Push completed.');
- else if (action === 'fetch') await runOperation('Fetching from Gitea…', () => window.forgeflow.fetch(repository.localPath), 'Remote state refreshed.');
- else if (action === 'pull') await runOperation('Synchronizing from Gitea…', () => window.forgeflow.pull(repository.localPath), 'Local branch fast-forwarded.');
- else if (action === 'load-history') { setLoading(true, 'Loading commit history…'); try { ui.history = await window.forgeflow.history(repository.localPath, 50); } catch (error) { showToast('History unavailable', error.message, 'error'); } setLoading(false); }
- else if (action === 'load-git-tools') await loadGitTools(repository);
- else if (action === 'create-branch') { const branch = document.querySelector('#new-branch-name')?.value.trim(); if (branch) await runOperation(`Creating ${branch}…`, () => window.forgeflow.createBranch(repository.localPath, branch), `Switched to ${branch}.`); await loadGitTools(selectedRepository()); }
- else if (action === 'checkout-branch') { await runOperation(`Switching to ${target.dataset.branch}…`, () => window.forgeflow.checkoutBranch(repository.localPath, target.dataset.branch), `Switched to ${target.dataset.branch}.`); await loadGitTools(selectedRepository()); }
- else if (action === 'stash-changes') { const result = await runOperation('Stashing local changes…', () => window.forgeflow.stash(repository.localPath, `ForgeFlow ${new Date().toLocaleString()}`), 'Local changes stashed.'); if (result) ui.stashes = result.stashes; }
- else if (action === 'pop-stash') { const result = await runOperation(`Applying ${target.dataset.stashRef}…`, () => window.forgeflow.popStash(repository.localPath, target.dataset.stashRef), 'Stash applied.'); if (result) ui.stashes = result.stashes; }
- else if (action === 'open-path') await window.forgeflow.openPath(repository.localPath).catch((error) => showToast('Could not open folder', error.message, 'error'));
- else if (action === 'open-gitea') await window.forgeflow.openExternal(repository.htmlUrl).catch((error) => showToast('Could not open Gitea', error.message, 'error'));
- else if (action === 'link-repo') { const localPath = await window.forgeflow.selectDirectory({ title: `Link local folder for ${repository.name}` }); if (localPath) { ui.repositories = await runOperation('Linking local repository…', () => window.forgeflow.linkRepository(repository.fullName, localPath), 'Local folder linked.', { refresh: false }) || ui.repositories; selectRepository(repository.id); } }
- else if (action === 'unlink-repo') { ui.repositories = await runOperation('Removing local link…', () => window.forgeflow.unlinkRepository(repository.fullName), 'Repository link removed.', { refresh: false }) || ui.repositories; selectRepository(repository.id); }
- else if (action === 'clone-repo' || action === 'clone-repo-custom') {
- const mode = action === 'clone-repo-custom' ? 'custom' : 'default';
+ if (ui.repositoryTab === "gittools" && !ui.branches.length)
+ await loadGitTools(repository);
+ else if (ui.repositoryTab === "settings") {
+ try {
+ ui.pullRequests = await window.forgeflow.pullRequests(
+ repository.fullName,
+ "open",
+ );
+ } catch (error) {
+ ui.pullRequests = [];
+ showToast("Could not load pull requests", error.message, "error");
+ }
+ render();
+ } else render();
+ } else if (action === "toggle-favorite") {
+ ui.boot.state = await window.forgeflow.favoriteRepository(
+ repository.fullName,
+ !repository.favorite,
+ );
+ repository.favorite = !repository.favorite;
+ render();
+ } else if (action === "select-file") {
+ if (event.target.matches("input[type=checkbox]")) return;
+ ui.selectedFile = target.dataset.path;
+ await loadDiff(repository, ui.selectedFile);
+ } else if (action === "toggle-all-files") {
+ const files = repository.localStatus?.files || [];
+ ui.selectedFiles =
+ ui.selectedFiles.size === files.length
+ ? new Set()
+ : new Set(files.map((file) => file.path));
+ render();
+ } else if (action === "copy-diff") {
+ await navigator.clipboard.writeText(ui.diff || "");
+ showToast("Copied", "Diff copied to clipboard.", "success");
+ } else if (action === "open-hunk-staging") {
+ if (ui.diffHunks?.partialSupported) {
+ ui.modal = { type: "hunk-staging" };
+ render();
+ }
+ } else if (action === "stage-chosen-hunks") {
+ const indexes = [
+ ...document.querySelectorAll("[data-hunk-index]:checked"),
+ ].map((input) => Number(input.dataset.hunkIndex));
+ if (!indexes.length) return;
+ const result = await runOperation(
+ "Staging selected hunks…",
+ () =>
+ window.forgeflow.stageHunks(
+ repository.localPath,
+ ui.selectedFile,
+ indexes,
+ ),
+ "Selected hunks staged.",
+ );
+ if (result) {
+ ui.modal = null;
+ await loadDiff(selectedRepository(), ui.selectedFile);
+ }
+ } else if (action === "open-file-editor") {
+ await window.forgeflow
+ .openEditor(repository.localPath, ui.selectedFile)
+ .catch((error) =>
+ showToast("Could not open editor", error.message, "error"),
+ );
+ } else if (action === "open-editor") {
+ await window.forgeflow
+ .openEditor(repository.localPath)
+ .catch((error) =>
+ showToast("Could not open editor", error.message, "error"),
+ );
+ } else if (action === "open-terminal") {
+ await window.forgeflow
+ .openTerminal(repository.localPath)
+ .catch((error) =>
+ showToast("Could not open terminal", error.message, "error"),
+ );
+ } else if (action === "load-conflicts") {
+ ui.conflictState = await window.forgeflow.conflictState(
+ repository.localPath,
+ );
+ ui.modal = { type: "conflict-guide" };
+ render();
+ } else if (action === "resolve-conflict") {
+ if (
+ !ui.selectedFile ||
+ !confirm(`Apply “${target.dataset.resolution}” to ${ui.selectedFile}?`)
+ )
+ return;
+ ui.conflictState = await window.forgeflow.resolveConflict(
+ repository.localPath,
+ ui.selectedFile,
+ target.dataset.resolution,
+ );
+ await refreshRepositories(false);
+ ui.modal = { type: "conflict-guide" };
+ render();
+ } else if (action === "open-conflict-file") {
+ await window.forgeflow.openEditor(
+ repository.localPath,
+ target.dataset.path,
+ );
+ } else if (action === "continue-git-operation") {
+ ui.conflictState = await window.forgeflow.continueGitOperation(
+ repository.localPath,
+ );
+ ui.modal = null;
+ await refreshRepositories(false);
+ showToast(
+ "Git operation continued",
+ "The repository operation completed.",
+ "success",
+ );
+ } else if (action === "abort-git-operation") {
+ if (
+ !confirm(
+ "Abort the active Git operation? Conflict-resolution work may be discarded.",
+ )
+ )
+ return;
+ await window.forgeflow.abortGitOperation(repository.localPath);
+ ui.modal = null;
+ await refreshRepositories(false);
+ } else if (action === "check-branch-protection") {
+ ui.branchProtection = await window.forgeflow.branchProtection(
+ repository.fullName,
+ repository.localStatus.branch.head,
+ );
+ showToast(
+ ui.branchProtection.protected
+ ? "Protected branch"
+ : "Branch is not protected",
+ ui.branchProtection.protected
+ ? `${ui.branchProtection.requiredApprovals} approval(s) required.`
+ : "Direct pushes are permitted by the reported branch rule.",
+ ui.branchProtection.protected ? "info" : "success",
+ );
+ render();
+ } else if (action === "open-pull-request") {
+ const subject =
+ ui.history[0]?.subject || repository.localStatus.branch.head;
+ ui.modal = {
+ type: "pull-request",
+ title: subject,
+ body: `## Summary\n\nChanges from ${repository.localStatus.branch.head}.`,
+ };
+ render();
+ } else if (action === "load-pull-requests") {
+ try {
+ ui.pullRequests = await window.forgeflow.pullRequests(
+ repository.fullName,
+ "open",
+ );
+ render();
+ } catch (error) {
+ showToast("Could not load pull requests", error.message, "error");
+ }
+ } else if (action === "open-pull-request-url") {
+ if (target.dataset.url)
+ await window.forgeflow.openExternal(target.dataset.url);
+ } else if (action === "create-pull-request") {
+ setLoading(true, "Creating pull request…");
+ try {
+ const pull = await window.forgeflow.createPullRequest(
+ repository.fullName,
+ document.querySelector("#pr-title").value,
+ document.querySelector("#pr-body").value,
+ document.querySelector("#pr-base").value,
+ );
+ ui.modal = null;
+ ui.pullRequests = await window.forgeflow
+ .pullRequests(repository.fullName, "open")
+ .catch(() => ui.pullRequests);
+ showToast("Pull request created", `#${pull.number}`, "success");
+ if (pull.html_url) await window.forgeflow.openExternal(pull.html_url);
+ } catch (error) {
+ showToast("Could not create pull request", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "copy-logs") {
+ const text = (ui.activeDeployment?.logs || []).join("\n");
+ await navigator.clipboard.writeText(text);
+ showToast(
+ "Copied",
+ "Safe operation output copied. Open Gitea for raw runner logs.",
+ "success",
+ );
+ } else if (action === "stage-selected") {
+ if (!repository?.localPath || !ui.selectedFiles.size) return;
+ await runOperation(
+ "Staging selected files…",
+ () =>
+ window.forgeflow.stageFiles(repository.localPath, [
+ ...ui.selectedFiles,
+ ]),
+ "Files staged.",
+ );
+ } else if (action === "unstage-selected") {
+ if (!repository?.localPath || !ui.selectedFiles.size) return;
+ await runOperation(
+ "Unstaging selected files…",
+ () =>
+ window.forgeflow.unstageFiles(repository.localPath, [
+ ...ui.selectedFiles,
+ ]),
+ "Files unstaged.",
+ );
+ } else if (action === "commit-push" || action === "commit-only") {
+ if (
+ !repository?.localPath ||
+ !ui.commitMessage.trim() ||
+ (!ui.selectedFiles.size && !repository.localStatus?.counts?.staged)
+ )
+ return;
+ const selected = [...ui.selectedFiles];
+ const result = await runOperation(
+ action === "commit-push"
+ ? "Committing and pushing…"
+ : "Creating local commit…",
+ () =>
+ action === "commit-push"
+ ? selected.length
+ ? window.forgeflow.commitAndPush(
+ repository.localPath,
+ ui.commitMessage,
+ selected,
+ )
+ : window.forgeflow.commitStagedAndPush(
+ repository.localPath,
+ ui.commitMessage,
+ )
+ : selected.length
+ ? window.forgeflow.commit(
+ repository.localPath,
+ ui.commitMessage,
+ selected,
+ )
+ : window.forgeflow.commitStaged(
+ repository.localPath,
+ ui.commitMessage,
+ ),
+ action === "commit-push"
+ ? "Changes committed and pushed to Gitea."
+ : "Local commit created.",
+ );
+ if (result) {
+ ui.commitMessage = "";
+ ui.selectedFiles.clear();
+ ui.selectedFile = null;
+ ui.diff = "";
+ }
+ } else if (action === "push")
+ await runOperation(
+ "Pushing local commits…",
+ () => window.forgeflow.push(repository.localPath),
+ "Push completed.",
+ );
+ else if (action === "fetch")
+ await runOperation(
+ "Fetching from Gitea…",
+ () => window.forgeflow.fetch(repository.localPath),
+ "Remote state refreshed.",
+ );
+ else if (action === "pull")
+ await runOperation(
+ "Synchronizing from Gitea…",
+ () => window.forgeflow.pull(repository.localPath),
+ "Local branch fast-forwarded.",
+ );
+ else if (action === "load-history") {
+ setLoading(true, "Loading commit history…");
+ try {
+ ui.history = await window.forgeflow.history(repository.localPath, 50);
+ } catch (error) {
+ showToast("History unavailable", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "load-git-tools") await loadGitTools(repository);
+ else if (action === "create-branch") {
+ const branch = document.querySelector("#new-branch-name")?.value.trim();
+ if (branch)
+ await runOperation(
+ `Creating ${branch}…`,
+ () => window.forgeflow.createBranch(repository.localPath, branch),
+ `Switched to ${branch}.`,
+ );
+ await loadGitTools(selectedRepository());
+ } else if (action === "checkout-branch") {
+ await runOperation(
+ `Switching to ${target.dataset.branch}…`,
+ () =>
+ window.forgeflow.checkoutBranch(
+ repository.localPath,
+ target.dataset.branch,
+ ),
+ `Switched to ${target.dataset.branch}.`,
+ );
+ await loadGitTools(selectedRepository());
+ } else if (action === "stash-changes") {
+ const result = await runOperation(
+ "Stashing local changes…",
+ () =>
+ window.forgeflow.stash(
+ repository.localPath,
+ `ForgeFlow ${new Date().toLocaleString()}`,
+ ),
+ "Local changes stashed.",
+ );
+ if (result) ui.stashes = result.stashes;
+ } else if (action === "pop-stash") {
+ const result = await runOperation(
+ `Applying ${target.dataset.stashRef}…`,
+ () =>
+ window.forgeflow.popStash(
+ repository.localPath,
+ target.dataset.stashRef,
+ ),
+ "Stash applied.",
+ );
+ if (result) ui.stashes = result.stashes;
+ } else if (action === "open-path")
+ await window.forgeflow
+ .openPath(repository.localPath)
+ .catch((error) =>
+ showToast("Could not open folder", error.message, "error"),
+ );
+ else if (action === "open-gitea")
+ await window.forgeflow
+ .openExternal(repository.htmlUrl)
+ .catch((error) =>
+ showToast("Could not open Gitea", error.message, "error"),
+ );
+ else if (action === "link-repo") {
+ const localPath = await window.forgeflow.selectDirectory({
+ title: `Link local folder for ${repository.name}`,
+ });
+ if (localPath) {
+ ui.repositories =
+ (await runOperation(
+ "Linking local repository…",
+ () => window.forgeflow.linkRepository(repository.fullName, localPath),
+ "Local folder linked.",
+ { refresh: false },
+ )) || ui.repositories;
+ selectRepository(repository.id);
+ }
+ } else if (action === "unlink-repo") {
+ ui.repositories =
+ (await runOperation(
+ "Removing local link…",
+ () => window.forgeflow.unlinkRepository(repository.fullName),
+ "Repository link removed.",
+ { refresh: false },
+ )) || ui.repositories;
+ selectRepository(repository.id);
+ } else if (action === "clone-repo" || action === "clone-repo-custom") {
+ const mode = action === "clone-repo-custom" ? "custom" : "default";
const clone = await runOperation(
- mode === 'custom' ? 'Choosing location and cloning repository…' : `Cloning ${repository.name} into the default project root…`,
+ mode === "custom"
+ ? "Choosing location and cloning repository…"
+ : `Cloning ${repository.name} into the default project root…`,
() => window.forgeflow.cloneRepository(repository.fullName, mode),
null,
- { refresh: false }
+ { refresh: false },
);
if (clone?.cancelled) return;
if (clone?.target) {
if (clone.state) ui.boot.state = clone.state;
- ui.repositories = clone.repositories || await window.forgeflow.refreshRepositories();
+ ui.repositories =
+ clone.repositories || (await window.forgeflow.refreshRepositories());
selectRepository(repository.id);
- showToast(clone.reused ? 'Existing repository linked' : 'Repository cloned', clone.target, 'success');
+ showToast(
+ clone.reused ? "Existing repository linked" : "Repository cloned",
+ clone.target,
+ "success",
+ );
+ }
+ } else if (action === "configure-deployment") {
+ ui.deploymentDiscovery = null;
+ ui.modal = {
+ type: "deployment-config",
+ profileId: null,
+ provider: (ui.boot.state.servers || []).length
+ ? "ssh-unraid"
+ : "gitea-actions",
+ };
+ render();
+ } else if (action === "edit-deployment-profile") {
+ ui.deploymentDiscovery = null;
+ if (!repository) repository = profileRepository(target.dataset.profileId);
+ if (repository && String(repository.id) !== String(ui.selectedRepoId))
+ selectRepository(repository.id, false);
+ ui.modal = {
+ type: "deployment-config",
+ profileId: target.dataset.profileId || null,
+ provider: repository?.deploymentProfiles?.find(
+ (item) => item.id === target.dataset.profileId,
+ )?.provider,
+ };
+ render();
+ } else if (action === "close-modal") {
+ ui.modal = null;
+ render();
+ } else if (action === "select-profile-icon") {
+ const iconPath = await window.forgeflow.selectImageFile({
+ title: "Select DockerMan PNG icon",
+ defaultPath:
+ document.querySelector("#profile-icon-file")?.value || undefined,
+ });
+ if (iconPath) {
+ document.querySelector("#profile-icon-file").value = iconPath;
+ const mode = document.querySelector("#profile-icon-mode");
+ if (mode) mode.value = "upload";
+ }
+ } else if (action === "clear-profile-icon") {
+ const input = document.querySelector("#profile-icon-file");
+ if (input) input.value = "";
+ const mode = document.querySelector("#profile-icon-mode");
+ if (mode) mode.value = "builtin";
+ } else if (action === "discover-existing-deployment") {
+ const serverId = document.querySelector("#profile-server")?.value;
+ const remoteFolder =
+ document.querySelector("#profile-remote-folder")?.value.trim() ||
+ safeCloneFolderName(repository);
+ if (!serverId) {
+ showToast(
+ "Select an Unraid server",
+ "Configure and select the server before importing an existing deployment.",
+ "error",
+ );
+ return;
+ }
+ setLoading(
+ true,
+ "Reading Git, Compose, Docker and DockerMan from the server…",
+ );
+ try {
+ const result = await window.forgeflow.discoverExistingDeployment(
+ repository,
+ serverId,
+ remoteFolder,
+ );
+ ui.deploymentDiscovery = { ...result, repository: repository.fullName };
+ showToast(
+ "Existing deployment imported",
+ `${result.runtime.containers} container(s), ${result.runtime.services} service(s) and ${result.runtime.ports.length} port mapping(s) detected.`,
+ "success",
+ );
+ render();
+ } catch (error) {
+ showToast("Could not import deployment", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "save-deployment-profile") {
+ const previousProfile =
+ repository?.deploymentProfiles?.find(
+ (item) => item.id === target.dataset.profileId,
+ ) || {};
+ const provider = document.querySelector("#profile-provider").value;
+ let maintenanceWindows = [];
+ try {
+ maintenanceWindows = (
+ document.querySelector("#profile-policy-windows")?.value || ""
+ )
+ .split("|")
+ .map((item) => item.trim())
+ .filter(Boolean)
+ .map((item) => {
+ const match = item.match(
+ /^([0-6](?:,[0-6])*)\s*:\s*((?:[01]\d|2[0-3]):[0-5]\d)-((?:[01]\d|2[0-3]):[0-5]\d)$/,
+ );
+ if (!match) throw new Error(`Invalid maintenance window: ${item}`);
+ return {
+ days: match[1].split(",").map(Number),
+ start: match[2],
+ end: match[3],
+ };
+ });
+ } catch (error) {
+ showToast("Could not save profile", error.message, "error");
+ return;
}
- }
- else if (action === 'configure-deployment') { ui.modal = { type: 'deployment-config', profileId: null, provider: (ui.boot.state.servers || []).length ? 'ssh-unraid' : 'gitea-actions' }; render(); }
- else if (action === 'edit-deployment-profile') { if (!repository) repository = profileRepository(target.dataset.profileId); if (repository && String(repository.id) !== String(ui.selectedRepoId)) selectRepository(repository.id, false); ui.modal = { type: 'deployment-config', profileId: target.dataset.profileId || null, provider: repository?.deploymentProfiles?.find((item) => item.id === target.dataset.profileId)?.provider }; render(); }
- else if (action === 'close-modal') { ui.modal = null; render(); }
- else if (action === 'select-profile-icon') {
- const iconPath = await window.forgeflow.selectImageFile({ title: 'Select DockerMan PNG icon', defaultPath: document.querySelector('#profile-icon-file')?.value || undefined });
- if (iconPath) { document.querySelector('#profile-icon-file').value = iconPath; const mode = document.querySelector('#profile-icon-mode'); if (mode) mode.value = 'upload'; }
- }
- else if (action === 'clear-profile-icon') { const input = document.querySelector('#profile-icon-file'); if (input) input.value = ''; const mode = document.querySelector('#profile-icon-mode'); if (mode) mode.value = 'builtin'; }
- else if (action === 'save-deployment-profile') {
- const provider = document.querySelector('#profile-provider').value;
const profile = {
id: target.dataset.profileId || undefined,
provider,
- name: document.querySelector('#profile-name').value.trim(),
- environment: document.querySelector('#profile-environment').value.trim(),
- branch: document.querySelector('#profile-branch').value.trim(),
- healthcheckUrl: document.querySelector('#profile-healthcheck')?.value.trim() || '',
- confirmationRequired: document.querySelector('#profile-confirmation').checked,
- ...(provider === 'ssh-unraid' ? {
- serverId: document.querySelector('#profile-server').value,
- remoteFolder: document.querySelector('#profile-remote-folder').value.trim(),
- cloneUrl: document.querySelector('#profile-clone-url').value.trim(),
- alignRemote: document.querySelector('#profile-align-remote').checked,
- generatedCompose: document.querySelector('#profile-generated-compose').value === 'true',
- composeFile: document.querySelector('#profile-compose-file').value.trim(),
- composeService: document.querySelector('#profile-compose-service').value.trim(),
- containerName: document.querySelector('#profile-container-name').value.trim(),
- hostPort: Number(document.querySelector('#profile-host-port').value) || null,
- containerPort: Number(document.querySelector('#profile-container-port').value) || null,
- webUiUrl: document.querySelector('#profile-web-ui').value.trim(),
- iconMode: document.querySelector('#profile-icon-mode').value,
- iconUrl: document.querySelector('#profile-icon-url').value.trim(),
- iconFilePath: document.querySelector('#profile-icon-file').value.trim(),
- dockerShell: document.querySelector('#profile-docker-shell').value,
- preservePaths: document.querySelector('#profile-preserve-paths').value.split(',').map((item) => item.trim()).filter(Boolean)
- } : {
- workflowFile: document.querySelector('#profile-workflow').value.trim(),
- rollbackWorkflowFile: document.querySelector('#profile-rollback-workflow').value.trim(),
- statusUrl: document.querySelector('#profile-status-url').value.trim()
- })
+ name: document.querySelector("#profile-name").value.trim(),
+ environment: document.querySelector("#profile-environment").value.trim(),
+ branch: document.querySelector("#profile-branch").value.trim(),
+ healthcheckUrl:
+ document.querySelector("#profile-healthcheck")?.value.trim() || "",
+ confirmationRequired: document.querySelector("#profile-confirmation")
+ .checked,
+ deploymentPolicy: {
+ frozen:
+ document.querySelector("#profile-policy-frozen")?.checked === true,
+ freezeReason:
+ document
+ .querySelector("#profile-policy-freeze-reason")
+ ?.value.trim() || "",
+ requireNote:
+ document.querySelector("#profile-policy-note")?.checked === true,
+ maintenanceWindows,
+ },
+ ...(provider === "ssh-unraid"
+ ? {
+ serverId: document.querySelector("#profile-server").value,
+ remoteFolder: document
+ .querySelector("#profile-remote-folder")
+ .value.trim(),
+ cloneUrl: document.querySelector("#profile-clone-url").value.trim(),
+ alignRemote: document.querySelector("#profile-align-remote")
+ .checked,
+ generatedCompose:
+ document.querySelector("#profile-generated-compose").value ===
+ "true",
+ composeFile: document
+ .querySelector("#profile-compose-file")
+ .value.trim(),
+ composeService: document
+ .querySelector("#profile-compose-service")
+ .value.trim(),
+ containerName: document
+ .querySelector("#profile-container-name")
+ .value.trim(),
+ hostPort:
+ Number(document.querySelector("#profile-host-port").value) ||
+ null,
+ containerPort:
+ Number(document.querySelector("#profile-container-port").value) ||
+ null,
+ webUiUrl: document.querySelector("#profile-web-ui").value.trim(),
+ iconMode: document.querySelector("#profile-icon-mode").value,
+ iconUrl: document.querySelector("#profile-icon-url").value.trim(),
+ iconFilePath: document
+ .querySelector("#profile-icon-file")
+ .value.trim(),
+ dockerShell: document.querySelector("#profile-docker-shell").value,
+ preservePaths: document
+ .querySelector("#profile-preserve-paths")
+ .value.split(",")
+ .map((item) => item.trim())
+ .filter(Boolean),
+ adoptedFromServer: Boolean(ui.deploymentDiscovery),
+ serverSourceOfTruth: Boolean(ui.deploymentDiscovery),
+ detectedAt:
+ ui.deploymentDiscovery?.profile?.detectedAt ||
+ previousProfile.detectedAt ||
+ null,
+ provenance:
+ ui.deploymentDiscovery?.provenance ||
+ previousProfile.provenance ||
+ {},
+ detectedMetadata:
+ ui.deploymentDiscovery?.profile?.detectedMetadata ||
+ previousProfile.detectedMetadata ||
+ {},
+ }
+ : {
+ workflowFile: document
+ .querySelector("#profile-workflow")
+ .value.trim(),
+ rollbackWorkflowFile: document
+ .querySelector("#profile-rollback-workflow")
+ .value.trim(),
+ statusUrl: document
+ .querySelector("#profile-status-url")
+ .value.trim(),
+ }),
};
- setLoading(true, 'Saving deployment environment…');
- try { const result = await window.forgeflow.saveDeploymentProfile(repository.fullName, profile); ui.boot.state = result.state; ui.modal = null; await refreshRepositories(false); ui.selectedProfileId = result.profile.id; showToast('Deployment configured', `${profile.name} targets ${profile.environment}.`, 'success'); } catch (error) { showToast('Could not save profile', error.message, 'error'); }
+ setLoading(true, "Saving deployment environment…");
+ try {
+ const result = await window.forgeflow.saveDeploymentProfile(
+ repository.fullName,
+ profile,
+ );
+ ui.boot.state = result.state;
+ ui.modal = null;
+ ui.deploymentDiscovery = null;
+ await refreshRepositories(false);
+ ui.selectedProfileId = result.profile.id;
+ showToast(
+ "Deployment configured",
+ `${profile.name} targets ${profile.environment}.`,
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not save profile", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'delete-deployment-profile') { if (!confirm('Delete this deployment profile? Operation history is retained.')) return; setLoading(true, 'Deleting deployment profile…'); try { const result = await window.forgeflow.deleteDeploymentProfile(repository.fullName, target.dataset.profileId); ui.boot.state = result.state; ui.modal = null; await refreshRepositories(false); showToast('Profile deleted', 'Deployment environment removed.', 'success'); } catch (error) { showToast('Could not delete profile', error.message, 'error'); } setLoading(false); }
- else if (action === 'run-deployment-preflight') {
+ } else if (action === "delete-deployment-profile") {
+ if (
+ !confirm("Delete this deployment profile? Operation history is retained.")
+ )
+ return;
+ setLoading(true, "Deleting deployment profile…");
+ try {
+ const result = await window.forgeflow.deleteDeploymentProfile(
+ repository.fullName,
+ target.dataset.profileId,
+ );
+ ui.boot.state = result.state;
+ ui.modal = null;
+ await refreshRepositories(false);
+ showToast(
+ "Profile deleted",
+ "Deployment environment removed.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not delete profile", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "run-deployment-preflight") {
if (!repository) repository = profileRepository(target.dataset.profileId);
await runDeploymentPreflight(repository, target.dataset.profileId);
- }
- else if (action === 'deploy-profile') {
- if (repository && String(repository.id) !== String(ui.selectedRepoId)) selectRepository(repository.id, false);
- const profile = repository?.deploymentProfiles?.find((item) => item.id === target.dataset.profileId) || selectedProfile(repository);
+ } else if (action === "deploy-profile") {
+ if (repository && String(repository.id) !== String(ui.selectedRepoId))
+ selectRepository(repository.id, false);
+ const profile =
+ repository?.deploymentProfiles?.find(
+ (item) => item.id === target.dataset.profileId,
+ ) || selectedProfile(repository);
ui.selectedProfileId = profile?.id || null;
if (!profile) return;
- const report = await runDeploymentPreflight(repository, profile.id, { showModal: true });
+ const report = await runDeploymentPreflight(repository, profile.id, {
+ showModal: true,
+ });
if (!report) return;
- }
- else if (action === 'continue-after-preflight') {
- const profile = selectedRepository()?.deploymentProfiles?.find((item) => item.id === target.dataset.profileId);
+ } else if (action === "continue-after-preflight") {
+ const profile = selectedRepository()?.deploymentProfiles?.find(
+ (item) => item.id === target.dataset.profileId,
+ );
if (!profile || !ui.deploymentPreflight?.summary?.ready) return;
- if (profile.confirmationRequired !== false) { ui.modal = { type: 'deploy-confirm', profileId: profile.id }; render(); }
- else await executeDeployment(profile.id);
- }
- else if (action === 'confirm-deploy') await executeDeployment(target.dataset.profileId);
- else if (action === 'rollback-profile') { if (!repository) repository = profileRepository(target.dataset.profileId); if (repository && String(repository.id) !== String(ui.selectedRepoId)) selectRepository(repository.id, false); ui.modal = { type: 'rollback-confirm', profileId: target.dataset.profileId }; render(); }
- else if (action === 'confirm-rollback') await executeRollback(target.dataset.profileId);
- else if (action === 'refresh-profile-state') {
+ if (profile.confirmationRequired !== false) {
+ ui.modal = { type: "deploy-confirm", profileId: profile.id };
+ render();
+ } else await executeDeployment(profile.id);
+ } else if (action === "confirm-deploy")
+ await executeDeployment(target.dataset.profileId);
+ else if (action === "rollback-profile") {
if (!repository) repository = profileRepository(target.dataset.profileId);
- const profile = repository?.deploymentProfiles?.find((item) => item.id === target.dataset.profileId);
- setLoading(true, `Checking ${profile?.environment || 'environment'}…`);
- try { const state = await window.forgeflow.refreshProfileState(repository.fullName, target.dataset.profileId); profile.state = state; showToast('Environment checked', state.healthy === false ? 'Healthcheck reports an unhealthy state.' : state.liveSha ? `Server reports ${shortSha(state.liveSha)}.` : 'Connection checked; no live SHA reported.', state.healthy === false ? 'error' : 'success'); } catch (error) { showToast('Status check failed', error.message, 'error'); }
+ if (repository && String(repository.id) !== String(ui.selectedRepoId))
+ selectRepository(repository.id, false);
+ ui.modal = {
+ type: "rollback-confirm",
+ profileId: target.dataset.profileId,
+ };
+ render();
+ } else if (action === "confirm-rollback")
+ await executeRollback(target.dataset.profileId);
+ else if (action === "refresh-profile-state") {
+ if (!repository) repository = profileRepository(target.dataset.profileId);
+ const profile = repository?.deploymentProfiles?.find(
+ (item) => item.id === target.dataset.profileId,
+ );
+ setLoading(true, `Checking ${profile?.environment || "environment"}…`);
+ try {
+ const state = await window.forgeflow.refreshProfileState(
+ repository.fullName,
+ target.dataset.profileId,
+ );
+ profile.state = state;
+ showToast(
+ "Environment checked",
+ state.healthy === false
+ ? "Healthcheck reports an unhealthy state."
+ : state.liveSha
+ ? `Server reports ${shortSha(state.liveSha)}.`
+ : "Connection checked; no live SHA reported.",
+ state.healthy === false ? "error" : "success",
+ );
+ } catch (error) {
+ showToast("Status check failed", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'repair-missing-dockerman') {
+ } else if (action === "repair-missing-dockerman") {
const targets = ui.repositories.flatMap((candidate) =>
(candidate.deploymentProfiles || [])
- .filter((profile) => profile.provider === 'ssh-unraid' && profile.state?.containerRunning && !dockerManIntegration(profile).ready)
- .map((profile) => ({ repository: candidate, profile }))
+ .filter(
+ (profile) =>
+ profile.provider === "ssh-unraid" &&
+ profile.state?.containerRunning &&
+ !dockerManIntegration(profile).ready,
+ )
+ .map((profile) => ({ repository: candidate, profile })),
);
if (!targets.length) return;
- if (!confirm(`Recreate ${targets.length} running container${targets.length === 1 ? '' : 's'} with the missing DockerMan WebUI, icon and template metadata?`)) return;
- setLoading(true, 'Repairing missing DockerMan integrations…');
+ if (
+ !confirm(
+ `Recreate ${targets.length} running container${targets.length === 1 ? "" : "s"} with the missing DockerMan WebUI, icon and template metadata?`,
+ )
+ )
+ return;
+ setLoading(true, "Repairing missing DockerMan integrations…");
let repaired = 0;
const failures = [];
for (const item of targets) {
try {
- await window.forgeflow.applyDockerManMetadata(item.repository, item.profile.id);
+ await window.forgeflow.applyDockerManMetadata(
+ item.repository,
+ item.profile.id,
+ );
repaired += 1;
} catch (error) {
failures.push(`${item.repository.name}: ${error.message}`);
@@ -1032,270 +2306,944 @@ app.addEventListener('click', async (event) => {
}
await refreshDeploymentTruth(false);
showToast(
- failures.length ? 'DockerMan repair partially completed' : 'DockerMan integrations repaired',
- failures.length ? `${repaired} repaired, ${failures.length} failed.` : `${repaired} running container${repaired === 1 ? '' : 's'} updated.`,
- failures.length ? 'error' : 'success'
+ failures.length
+ ? "DockerMan repair partially completed"
+ : "DockerMan integrations repaired",
+ failures.length
+ ? `${repaired} repaired, ${failures.length} failed.`
+ : `${repaired} running container${repaired === 1 ? "" : "s"} updated.`,
+ failures.length ? "error" : "success",
);
setLoading(false);
- }
- else if (action === 'apply-dockerman-metadata') {
+ } else if (action === "apply-dockerman-metadata") {
if (!repository) repository = profileRepository(target.dataset.profileId);
- setLoading(true, 'Applying DockerMan labels, template, icon and WebUI metadata…');
- try { await window.forgeflow.applyDockerManMetadata(repository, target.dataset.profileId); await refreshRepositories(false); showToast('DockerMan integration repaired', 'The container was recreated with labels, a persistent template, WebUI and icon metadata.', 'success'); }
- catch (error) { showToast('Could not repair DockerMan integration', error.message, 'error'); }
+ setLoading(
+ true,
+ "Applying DockerMan labels, template, icon and WebUI metadata…",
+ );
+ try {
+ await window.forgeflow.applyDockerManMetadata(
+ repository,
+ target.dataset.profileId,
+ );
+ await refreshRepositories(false);
+ showToast(
+ "DockerMan integration repaired",
+ "The container was recreated with labels, a persistent template, WebUI and icon metadata.",
+ "success",
+ );
+ } catch (error) {
+ showToast(
+ "Could not repair DockerMan integration",
+ error.message,
+ "error",
+ );
+ }
setLoading(false);
- }
- else if (action === 'reconcile-deployment') {
+ } else if (action === "reconcile-deployment") {
if (!repository) repository = profileRepository(target.dataset.profileId);
- setLoading(true, 'Reconciling ForgeFlow with the live Unraid container…');
- try { await window.forgeflow.reconcileDeployment(repository.fullName, target.dataset.profileId); await refreshActiveOperations(false); await refreshRepositories(false); showToast('Deployment reconciled', 'Live SHA, container health and operation status were refreshed.', 'success'); }
- catch (error) { showToast('Could not reconcile deployment', error.message, 'error'); }
+ setLoading(true, "Reconciling ForgeFlow with the live Unraid container…");
+ try {
+ await window.forgeflow.reconcileDeployment(
+ repository.fullName,
+ target.dataset.profileId,
+ );
+ await refreshActiveOperations(false);
+ await refreshRepositories(false);
+ showToast(
+ "Deployment reconciled",
+ "Live SHA, container health and operation status were refreshed.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not reconcile deployment", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'open-profile-webui') await window.forgeflow.openExternal(target.dataset.url);
- else if (action === 'open-operation') { const operation = await window.forgeflow.getOperation(target.dataset.operationId); if (operation) { ui.activeDeployment = operation; ui.currentView = 'deployment-run'; render(); startOperationPolling(); } }
- else if (action === 'refresh-current-operation') { setLoading(true, 'Refreshing deployment status…'); try { const operation = await window.forgeflow.refreshOperations(ui.activeDeployment.id); updateOperationInState(operation); if (!isTerminalOperation(operation.status)) startOperationPolling(); } catch (error) { showToast('Status refresh failed', error.message, 'error'); } setLoading(false); }
- else if (action === 'open-run-url') await window.forgeflow.openExternal(ui.activeDeployment.runUrl);
- else if (action === 'close-deployment') { stopOperationPolling(); ui.activeDeployment = null; ui.currentView = selectedRepository() ? 'repository' : 'deployments'; render(); }
- else if (action === 'setup-run-preflight') await runSystemPreflight({ setup: true });
- else if (action === 'setup-continue') { if (ui.systemPreflight?.summary?.ready) { ui.setupStep = 1; render(); } }
- else if (action === 'setup-validate') { setLoading(true, 'Validating Gitea connection…'); try { ui.setupValidation = await window.forgeflow.validateGitea(ui.setupDraft); ui.setupDraft.baseUrl = ui.setupValidation.baseUrl; ui.setupDraft.user = ui.setupValidation.user; ui.setupStep = 2; } catch (error) { showToast('Connection failed', error.message, 'error'); } setLoading(false); }
- else if (action === 'setup-add-root') { const root = await window.forgeflow.selectDirectory({ title: 'Select a development folder' }); if (root && !ui.setupDraft.roots.includes(root)) ui.setupDraft.roots.push(root); render(); }
- else if (action === 'setup-remove-root') { ui.setupDraft.roots.splice(Number(target.dataset.index), 1); render(); }
- else if (action === 'setup-next') { if (ui.setupStep === 2) { ui.setupStep = 3; ui.setupDraft.discovered = []; render(); try { ui.setupDraft.discovered = await window.forgeflow.discoverRepositories(ui.setupDraft.roots); } catch (error) { showToast('Discovery failed', error.message, 'error'); } ui.setupStep = 4; render(); } }
- else if (action === 'setup-back') { ui.setupStep = Math.max(0, ui.setupStep - 1); render(); }
- else if (action === 'setup-finish') { setLoading(true, 'Saving configuration…'); try { const result = await window.forgeflow.completeSetup({ baseUrl: ui.setupDraft.baseUrl, token: ui.setupDraft.token, user: ui.setupDraft.user, workspaceRoots: ui.setupDraft.roots }); ui.boot.state = result.state; await refreshRepositories(false); showToast('Setup complete', result.tokenState.persistent ? 'Your token is stored securely.' : 'Your token is available for this session only.', 'success'); } catch (error) { showToast('Could not complete setup', error.message, 'error'); } setLoading(false); }
- else if (action === 'check-updates') {
- ui.updateChecking = true; render();
- try { ui.updateStatus = await window.forgeflow.checkForUpdates(); showToast(ui.updateStatus.available ? 'Update available' : 'ForgeFlow is current', ui.updateStatus.available ? `Version ${ui.updateStatus.remoteVersion} can be downloaded.` : `Version ${ui.updateStatus.currentVersion} is the newest release.`, ui.updateStatus.available ? 'success' : 'info'); }
- catch (error) { showToast('Update check failed', error.message, 'error'); }
- ui.updateChecking = false; render();
- }
- else if (action === 'save-update-settings') {
- const updates = {
- owner: document.querySelector('#update-owner').value.trim(),
- repo: document.querySelector('#update-repo').value.trim(),
- branch: document.querySelector('#update-branch').value.trim(),
- autoCheck: document.querySelector('#update-auto-check').value === 'true'
- };
- try { ui.boot.state = await window.forgeflow.setUpdatePreferences(updates); ui.updateStatus = null; showToast('Update settings saved', 'The next check will use this repository and branch.', 'success'); }
- catch (error) { showToast('Could not save update settings', error.message, 'error'); }
+ } else if (action === "open-profile-webui")
+ await window.forgeflow.openExternal(target.dataset.url);
+ else if (action === "open-operation") {
+ const operation = await window.forgeflow.getOperation(
+ target.dataset.operationId,
+ );
+ if (operation) {
+ ui.activeDeployment = operation;
+ ui.currentView = "deployment-run";
+ render();
+ startOperationPolling();
+ }
+ } else if (action === "refresh-current-operation") {
+ setLoading(true, "Refreshing deployment status…");
+ try {
+ const operation = await window.forgeflow.refreshOperations(
+ ui.activeDeployment.id,
+ );
+ updateOperationInState(operation);
+ if (!isTerminalOperation(operation.status)) startOperationPolling();
+ } catch (error) {
+ showToast("Status refresh failed", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "open-run-url")
+ await window.forgeflow.openExternal(ui.activeDeployment.runUrl);
+ else if (action === "close-deployment") {
+ stopOperationPolling();
+ ui.activeDeployment = null;
+ ui.currentView = selectedRepository() ? "repository" : "deployments";
render();
- }
- else if (action === 'download-update') {
- setLoading(true, 'Downloading and verifying the exact ForgeFlow update…');
- try { ui.updateStatus = await window.forgeflow.downloadUpdate(); showToast('Update downloaded', `Version ${ui.updateStatus.remoteVersion} passed the archive check.`, 'success'); }
- catch (error) { showToast('Update download failed', error.message, 'error'); }
+ } else if (action === "setup-run-preflight")
+ await runSystemPreflight({ setup: true });
+ else if (action === "setup-continue") {
+ if (ui.systemPreflight?.summary?.ready) {
+ ui.setupStep = 1;
+ render();
+ }
+ } else if (action === "setup-validate") {
+ setLoading(true, "Validating Gitea connection…");
+ try {
+ ui.setupValidation = await window.forgeflow.validateGitea(ui.setupDraft);
+ ui.setupDraft.baseUrl = ui.setupValidation.baseUrl;
+ ui.setupDraft.user = ui.setupValidation.user;
+ ui.setupStep = 2;
+ } catch (error) {
+ showToast("Connection failed", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'apply-update') {
- if (!confirm(`Apply ForgeFlow ${ui.updateStatus?.remoteVersion || 'update'} now? ForgeFlow closes, validates the update and restarts automatically.`)) return;
- setLoading(true, 'Launching safe updater…');
- try { await window.forgeflow.applyUpdate(); showToast('Update launched', 'ForgeFlow will close and restart after validation.', 'success'); }
- catch (error) { showToast('Could not launch update', error.message, 'error'); setLoading(false); }
- }
- else if (action === 'open-add-server') { ui.modal = { type: 'server-config', serverId: null, authType: 'privateKey' }; render(); }
- else if (action === 'edit-server') { const server = (ui.boot.state.servers || []).find((item) => item.id === target.dataset.serverId); ui.modal = { type: 'server-config', serverId: target.dataset.serverId, authType: server?.authType || 'privateKey' }; render(); }
- else if (action === 'select-private-key') {
- const keyPath = await window.forgeflow.selectKeyFile({ title: 'Select SSH private key', defaultPath: document.querySelector('#server-private-key')?.value || undefined });
- if (keyPath) document.querySelector('#server-private-key').value = keyPath;
- }
- else if (action === 'save-server') {
- const authType = document.querySelector('#server-auth-type').value;
+ } else if (action === "setup-add-root") {
+ const root = await window.forgeflow.selectDirectory({
+ title: "Select a development folder",
+ });
+ if (root && !ui.setupDraft.roots.includes(root))
+ ui.setupDraft.roots.push(root);
+ render();
+ } else if (action === "setup-remove-root") {
+ ui.setupDraft.roots.splice(Number(target.dataset.index), 1);
+ render();
+ } else if (action === "setup-next") {
+ if (ui.setupStep === 2) {
+ ui.setupStep = 3;
+ ui.setupDraft.discovered = [];
+ render();
+ try {
+ ui.setupDraft.discovered = await window.forgeflow.discoverRepositories(
+ ui.setupDraft.roots,
+ );
+ } catch (error) {
+ showToast("Discovery failed", error.message, "error");
+ }
+ ui.setupStep = 4;
+ render();
+ }
+ } else if (action === "setup-back") {
+ ui.setupStep = Math.max(0, ui.setupStep - 1);
+ render();
+ } else if (action === "setup-finish") {
+ setLoading(true, "Saving configuration…");
+ try {
+ const result = await window.forgeflow.completeSetup({
+ baseUrl: ui.setupDraft.baseUrl,
+ token: ui.setupDraft.token,
+ user: ui.setupDraft.user,
+ workspaceRoots: ui.setupDraft.roots,
+ });
+ ui.boot.state = result.state;
+ await refreshRepositories(false);
+ showToast(
+ "Setup complete",
+ result.tokenState.persistent
+ ? "Your token is stored securely."
+ : "Your token is available for this session only.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not complete setup", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "check-updates") {
+ ui.updateChecking = true;
+ render();
+ try {
+ ui.updateStatus = await window.forgeflow.checkForUpdates();
+ showToast(
+ ui.updateStatus.available ? "Update available" : "ForgeFlow is current",
+ ui.updateStatus.available
+ ? `Version ${ui.updateStatus.remoteVersion} can be downloaded.`
+ : `Version ${ui.updateStatus.currentVersion} is the newest release.`,
+ ui.updateStatus.available ? "success" : "info",
+ );
+ } catch (error) {
+ showToast("Update check failed", error.message, "error");
+ }
+ ui.updateChecking = false;
+ render();
+ } else if (action === "save-update-settings") {
+ const updates = {
+ owner: document.querySelector("#update-owner").value.trim(),
+ repo: document.querySelector("#update-repo").value.trim(),
+ branch: document.querySelector("#update-branch").value.trim(),
+ autoCheck: document.querySelector("#update-auto-check").value === "true",
+ };
+ try {
+ ui.boot.state = await window.forgeflow.setUpdatePreferences(updates);
+ ui.updateStatus = null;
+ showToast(
+ "Update settings saved",
+ "The next check will use this repository and branch.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not save update settings", error.message, "error");
+ }
+ render();
+ } else if (action === "download-update") {
+ setLoading(true, "Downloading and verifying the exact ForgeFlow update…");
+ try {
+ ui.updateStatus = await window.forgeflow.downloadUpdate();
+ showToast(
+ "Update downloaded",
+ `Version ${ui.updateStatus.remoteVersion} passed the archive check.`,
+ "success",
+ );
+ } catch (error) {
+ showToast("Update download failed", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "apply-update") {
+ if (
+ !confirm(
+ `Apply ForgeFlow ${ui.updateStatus?.remoteVersion || "update"} now? ForgeFlow closes, validates the update and restarts automatically.`,
+ )
+ )
+ return;
+ setLoading(true, "Launching safe updater…");
+ try {
+ await window.forgeflow.applyUpdate();
+ showToast(
+ "Update launched",
+ "ForgeFlow will close and restart after validation.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not launch update", error.message, "error");
+ setLoading(false);
+ }
+ } else if (action === "open-add-server") {
+ ui.modal = {
+ type: "server-config",
+ serverId: null,
+ authType: "privateKey",
+ };
+ render();
+ } else if (action === "edit-server") {
+ const server = (ui.boot.state.servers || []).find(
+ (item) => item.id === target.dataset.serverId,
+ );
+ ui.modal = {
+ type: "server-config",
+ serverId: target.dataset.serverId,
+ authType: server?.authType || "privateKey",
+ };
+ render();
+ } else if (action === "select-private-key") {
+ const keyPath = await window.forgeflow.selectKeyFile({
+ title: "Select SSH private key",
+ defaultPath:
+ document.querySelector("#server-private-key")?.value || undefined,
+ });
+ if (keyPath) document.querySelector("#server-private-key").value = keyPath;
+ } else if (action === "save-server") {
+ const authType = document.querySelector("#server-auth-type").value;
const server = {
id: target.dataset.serverId || undefined,
- name: document.querySelector('#server-name').value.trim(),
- host: document.querySelector('#server-host').value.trim(),
- port: Number(document.querySelector('#server-port').value),
- username: document.querySelector('#server-username').value.trim(),
+ name: document.querySelector("#server-name").value.trim(),
+ host: document.querySelector("#server-host").value.trim(),
+ port: Number(document.querySelector("#server-port").value),
+ username: document.querySelector("#server-username").value.trim(),
authType,
- basePath: document.querySelector('#server-base-path').value.trim(),
- privateKeyPath: document.querySelector('#server-private-key')?.value.trim() || '',
- hostFingerprint: document.querySelector('#server-fingerprint').value.trim()
+ basePath: document.querySelector("#server-base-path").value.trim(),
+ privateKeyPath:
+ document.querySelector("#server-private-key")?.value.trim() || "",
+ hostFingerprint: document
+ .querySelector("#server-fingerprint")
+ .value.trim(),
};
- const password = document.querySelector('#server-password')?.value || '';
- const passphrase = document.querySelector('#server-passphrase')?.value || '';
- setLoading(true, 'Saving encrypted SSH configuration…');
+ const password = document.querySelector("#server-password")?.value || "";
+ const passphrase =
+ document.querySelector("#server-passphrase")?.value || "";
+ setLoading(true, "Saving encrypted SSH configuration…");
try {
- const result = await window.forgeflow.saveServer(server, password, passphrase);
- ui.boot.state = result.state; ui.modal = null; showToast('Server saved', 'Run Test & trust before creating a deployment.', 'success');
- } catch (error) { showToast('Could not save server', error.message, 'error'); }
+ const result = await window.forgeflow.saveServer(
+ server,
+ password,
+ passphrase,
+ );
+ ui.boot.state = result.state;
+ ui.modal = null;
+ showToast(
+ "Server saved",
+ "Run Test & trust before creating a deployment.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not save server", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'test-server') {
- setLoading(true, 'Connecting to Unraid and checking Git and Docker Compose…');
- try { const result = await window.forgeflow.testServer(target.dataset.serverId); ui.boot.state = result.state; showToast('SSH server ready', `${result.server.name} presented ${result.fingerprint}.`, 'success'); }
- catch (error) { showToast('SSH test failed', error.message, 'error'); }
+ } else if (action === "test-server") {
+ setLoading(
+ true,
+ "Connecting to Unraid and checking Git and Docker Compose…",
+ );
+ try {
+ const result = await window.forgeflow.testServer(target.dataset.serverId);
+ ui.boot.state = result.state;
+ showToast(
+ "SSH server ready",
+ `${result.server.name} presented ${result.fingerprint}.`,
+ "success",
+ );
+ } catch (error) {
+ showToast("SSH test failed", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'delete-server') {
- if (!confirm('Delete this server and all deployment profiles linked to it?')) return;
- try { ui.boot.state = await window.forgeflow.deleteServer(target.dataset.serverId); ui.modal = null; await refreshRepositories(false); showToast('Server deleted', 'Linked SSH deployment profiles were removed.', 'success'); }
- catch (error) { showToast('Could not delete server', error.message, 'error'); }
- }
- else if (action === 'add-root') { const root = await window.forgeflow.selectDirectory({ title: 'Add development folder' }); if (root && !ui.boot.state.workspaceRoots.includes(root)) ui.boot.state.workspaceRoots.push(root); render(); }
- else if (action === 'remove-root') { ui.boot.state.workspaceRoots.splice(Number(target.dataset.index), 1); render(); }
- else if (action === 'save-roots') { const roots = [...document.querySelectorAll('[data-root-index]')].map((input) => input.value.trim()).filter(Boolean); setLoading(true, 'Saving workspace folders…'); try { ui.boot.state = await window.forgeflow.setWorkspaceRoots(roots); await refreshRepositories(false); showToast('Folders saved', 'Repository discovery has been refreshed.', 'success'); } catch (error) { showToast('Could not save folders', error.message, 'error'); } setLoading(false); }
- else if (action === 'save-gitea-settings') { const baseUrl = document.querySelector('#settings-gitea-url').value.trim(); const token = document.querySelector('#settings-gitea-token').value.trim(); setLoading(true, 'Validating Gitea…'); try { const result = await window.forgeflow.updateGitea({ baseUrl, token }); ui.boot.state = result.state; await refreshRepositories(false); showToast('Gitea connected', `Signed in as ${result.validation.user.login}.`, 'success'); } catch (error) { showToast('Connection failed', error.message, 'error'); } setLoading(false); }
- else if (action === 'save-preferences') { const preferences = { autoRefresh: document.querySelector('#pref-auto-refresh').value === 'true', repositoryPollSeconds: Number(document.querySelector('#pref-repo-poll').value), operationPollSeconds: Number(document.querySelector('#pref-operation-poll').value), preferredCloneProtocol: document.querySelector('#pref-clone-protocol').value }; setLoading(true, 'Saving background settings…'); try { ui.boot.state = await window.forgeflow.setPreferences(preferences); await refreshRepositories(false); showToast('Settings saved', 'Background awareness has been updated.', 'success'); } catch (error) { showToast('Could not save settings', error.message, 'error'); } setLoading(false); }
- else if (action === 'repair-origin') {
+ } else if (action === "delete-server") {
+ if (
+ !confirm("Delete this server and all deployment profiles linked to it?")
+ )
+ return;
+ try {
+ ui.boot.state = await window.forgeflow.deleteServer(
+ target.dataset.serverId,
+ );
+ ui.modal = null;
+ await refreshRepositories(false);
+ showToast(
+ "Server deleted",
+ "Linked SSH deployment profiles were removed.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not delete server", error.message, "error");
+ }
+ } else if (action === "add-root") {
+ const root = await window.forgeflow.selectDirectory({
+ title: "Add development folder",
+ });
+ if (root && !ui.boot.state.workspaceRoots.includes(root))
+ ui.boot.state.workspaceRoots.push(root);
+ render();
+ } else if (action === "remove-root") {
+ ui.boot.state.workspaceRoots.splice(Number(target.dataset.index), 1);
+ render();
+ } else if (action === "save-roots") {
+ const roots = [...document.querySelectorAll("[data-root-index]")]
+ .map((input) => input.value.trim())
+ .filter(Boolean);
+ setLoading(true, "Saving workspace folders…");
+ try {
+ ui.boot.state = await window.forgeflow.setWorkspaceRoots(roots);
+ await refreshRepositories(false);
+ showToast(
+ "Folders saved",
+ "Repository discovery has been refreshed.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not save folders", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "save-gitea-settings") {
+ const baseUrl = document.querySelector("#settings-gitea-url").value.trim();
+ const token = document.querySelector("#settings-gitea-token").value.trim();
+ setLoading(true, "Validating Gitea…");
+ try {
+ const result = await window.forgeflow.updateGitea({ baseUrl, token });
+ ui.boot.state = result.state;
+ await refreshRepositories(false);
+ showToast(
+ "Gitea connected",
+ `Signed in as ${result.validation.user.login}.`,
+ "success",
+ );
+ } catch (error) {
+ showToast("Connection failed", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "save-preferences") {
+ const preferences = {
+ autoRefresh:
+ document.querySelector("#pref-auto-refresh").value === "true",
+ repositoryPollSeconds: Number(
+ document.querySelector("#pref-repo-poll").value,
+ ),
+ operationPollSeconds: Number(
+ document.querySelector("#pref-operation-poll").value,
+ ),
+ preferredCloneProtocol: document.querySelector("#pref-clone-protocol")
+ .value,
+ };
+ setLoading(true, "Saving background settings…");
+ try {
+ ui.boot.state = await window.forgeflow.setPreferences(preferences);
+ await refreshRepositories(false);
+ showToast(
+ "Settings saved",
+ "Background awareness has been updated.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not save settings", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "save-desktop-preferences") {
+ const splitArgs = (selector) =>
+ document
+ .querySelector(selector)
+ .value.split("|")
+ .map((item) => item.trim())
+ .filter(Boolean);
+ const preferences = {
+ editor: {
+ executable: document
+ .querySelector("#pref-editor-executable")
+ .value.trim(),
+ args: splitArgs("#pref-editor-args"),
+ },
+ terminal: {
+ executable: document
+ .querySelector("#pref-terminal-executable")
+ .value.trim(),
+ args: splitArgs("#pref-terminal-args"),
+ },
+ notificationsEnabled: document.querySelector("#pref-notifications")
+ .checked,
+ trayEnabled: document.querySelector("#pref-tray").checked,
+ closeToTray: document.querySelector("#pref-close-tray").checked,
+ startAtLogin: document.querySelector("#pref-login").checked,
+ };
+ try {
+ ui.boot.state = await window.forgeflow.setPreferences(preferences);
+ showToast(
+ "Desktop integration saved",
+ "Editor, terminal, tray and notification settings are active.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not save desktop integration", error.message, "error");
+ }
+ render();
+ } else if (
+ action === "export-config-backup" ||
+ action === "import-config-backup"
+ ) {
+ const passphrase = document.querySelector("#backup-passphrase").value;
+ if (passphrase.length < 12) {
+ showToast("Passphrase too short", "Use at least 12 characters.", "error");
+ return;
+ }
+ setLoading(
+ true,
+ action === "export-config-backup"
+ ? "Encrypting configuration backup…"
+ : "Decrypting and validating configuration…",
+ );
+ try {
+ const result =
+ action === "export-config-backup"
+ ? await window.forgeflow.exportConfigurationBackup(passphrase)
+ : await window.forgeflow.importConfigurationBackup(passphrase);
+ if (result?.state) {
+ ui.boot.state = result.state;
+ await refreshRepositories(false);
+ }
+ if (result)
+ showToast(
+ action === "export-config-backup"
+ ? "Encrypted backup created"
+ : "Configuration restored",
+ action === "export-config-backup"
+ ? result.filePath
+ : `Backup from ${result.exportedAt} imported; credentials were preserved only where already present.`,
+ "success",
+ );
+ } catch (error) {
+ showToast("Configuration backup failed", error.message, "error");
+ }
+ setLoading(false);
+ } else if (action === "repair-origin") {
if (!repository?.localPath || !repository.sshUrl) return;
- if (!confirm(`Replace origin with ${repository.sshUrl}? Local files and commits are not changed.`)) return;
- setLoading(true, 'Updating Git origin…');
- try { await window.forgeflow.setOrigin(repository.localPath, repository.sshUrl); await refreshRepositories(false); showToast('Git origin updated', repository.sshUrl, 'success'); }
- catch (error) { showToast('Could not update origin', error.message, 'error'); }
+ if (
+ !confirm(
+ `Replace origin with ${repository.sshUrl}? Local files and commits are not changed.`,
+ )
+ )
+ return;
+ setLoading(true, "Updating Git origin…");
+ try {
+ await window.forgeflow.setOrigin(repository.localPath, repository.sshUrl);
+ await refreshRepositories(false);
+ showToast("Git origin updated", repository.sshUrl, "success");
+ } catch (error) {
+ showToast("Could not update origin", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'normalize-origins') {
- if (!confirm('Replace legacy origin URLs for every linked repository with the current Gitea SSH URL? Local files and commits are not changed.')) return;
- setLoading(true, 'Normalizing linked Git origins…');
+ } else if (action === "normalize-origins") {
+ if (
+ !confirm(
+ "Replace legacy origin URLs for every linked repository with the current Gitea SSH URL? Local files and commits are not changed.",
+ )
+ )
+ return;
+ setLoading(true, "Normalizing linked Git origins…");
try {
const result = await window.forgeflow.normalizeOrigins();
ui.repositories = result.repositories;
- showToast('Git origins normalized', `${result.changes.length} repository origin${result.changes.length === 1 ? '' : 's'} updated.`, 'success');
- } catch (error) { showToast('Could not normalize origins', error.message, 'error'); }
- setLoading(false); render();
- }
- else if (action === 'scan-git-recovery') {
- if (!repository?.localPath) return;
- setLoading(true, 'Scanning Git directory and active processes…');
- try { ui.gitRecovery = await window.forgeflow.gitRecoveryStatus(repository.localPath); ui.repositoryTab = 'gittools'; showToast('Git health scan complete', `${ui.gitRecovery.lockReport.locks.length} lock file(s) found.`, ui.gitRecovery.lockReport.locks.length ? 'info' : 'success'); }
- catch (error) { showToast('Git health scan failed', error.message, 'error'); }
- setLoading(false); render();
- }
- else if (action === 'repair-git-locks' || action === 'repair-index-lock') {
- if (!repository?.localPath || !confirm('Repair stale Git lock files for this repository? ForgeFlow refuses while a matching Git process is active.')) return;
- setLoading(true, 'Safely repairing stale Git locks…');
- try { const result = await window.forgeflow.repairGitLocks(repository.localPath, false); ui.gitRecovery = await window.forgeflow.gitRecoveryStatus(repository.localPath); await refreshRepositories(false); showToast('Git locks repaired', `${result.removed.length} stale lock file(s) removed.`, 'success'); }
- catch (error) {
- if (error.code === 'GIT_PROCESS_PROBE_UNAVAILABLE' && confirm(`${error.message}
-
-Force repair after you have closed all Git tools for this repository?`)) {
- try { const result = await window.forgeflow.repairGitLocks(repository.localPath, true); showToast('Git locks force-repaired', `${result.removed.length} lock file(s) removed.`, 'success'); await refreshRepositories(false); }
- catch (forceError) { showToast('Could not repair Git locks', forceError.message, 'error'); }
- } else showToast('Could not repair Git locks', error.message, 'error');
+ showToast(
+ "Git origins normalized",
+ `${result.changes.length} repository origin${result.changes.length === 1 ? "" : "s"} updated.`,
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not normalize origins", error.message, "error");
}
- setLoading(false); render();
- }
- else if (action === 'reconcile-repository') {
+ setLoading(false);
+ render();
+ } else if (action === "scan-git-recovery") {
if (!repository?.localPath) return;
- setLoading(true, 'Refreshing repository truth from Git…');
- try { ui.gitRecovery = await window.forgeflow.reconcileRepository(repository.localPath); await refreshRepositories(false); showToast('Repository reconciled', 'Branch, upstream, lock and working-tree state were refreshed.', 'success'); }
- catch (error) { showToast('Could not reconcile repository', error.message, 'error'); }
- setLoading(false); render();
- }
- else if (action === 'repair-repository-sync') {
+ setLoading(true, "Scanning Git directory and active processes…");
+ try {
+ ui.gitRecovery = await window.forgeflow.gitRecoveryStatus(
+ repository.localPath,
+ );
+ ui.repositoryTab = "gittools";
+ showToast(
+ "Git health scan complete",
+ `${ui.gitRecovery.lockReport.locks.length} lock file(s) found.`,
+ ui.gitRecovery.lockReport.locks.length ? "info" : "success",
+ );
+ } catch (error) {
+ showToast("Git health scan failed", error.message, "error");
+ }
+ setLoading(false);
+ render();
+ } else if (action === "repair-git-locks" || action === "repair-index-lock") {
+ if (
+ !repository?.localPath ||
+ !confirm(
+ "Repair stale Git lock files for this repository? ForgeFlow refuses while a matching Git process is active.",
+ )
+ )
+ return;
+ setLoading(true, "Safely repairing stale Git locks…");
+ try {
+ const result = await window.forgeflow.repairGitLocks(
+ repository.localPath,
+ false,
+ );
+ ui.gitRecovery = await window.forgeflow.gitRecoveryStatus(
+ repository.localPath,
+ );
+ await refreshRepositories(false);
+ showToast(
+ "Git locks repaired",
+ `${result.removed.length} stale lock file(s) removed.`,
+ "success",
+ );
+ } catch (error) {
+ if (
+ error.code === "GIT_PROCESS_PROBE_UNAVAILABLE" &&
+ confirm(`${error.message}
+
+Force repair after you have closed all Git tools for this repository?`)
+ ) {
+ try {
+ const result = await window.forgeflow.repairGitLocks(
+ repository.localPath,
+ true,
+ );
+ showToast(
+ "Git locks force-repaired",
+ `${result.removed.length} lock file(s) removed.`,
+ "success",
+ );
+ await refreshRepositories(false);
+ } catch (forceError) {
+ showToast("Could not repair Git locks", forceError.message, "error");
+ }
+ } else showToast("Could not repair Git locks", error.message, "error");
+ }
+ setLoading(false);
+ render();
+ } else if (action === "reconcile-repository") {
+ if (!repository?.localPath) return;
+ setLoading(true, "Refreshing repository truth from Git…");
+ try {
+ ui.gitRecovery = await window.forgeflow.reconcileRepository(
+ repository.localPath,
+ );
+ await refreshRepositories(false);
+ showToast(
+ "Repository reconciled",
+ "Branch, upstream, lock and working-tree state were refreshed.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not reconcile repository", error.message, "error");
+ }
+ setLoading(false);
+ render();
+ } else if (action === "repair-repository-sync") {
if (!repository?.localPath) return;
const strategy = target.dataset.strategy;
- const destructive = strategy === 'backup-reset';
+ const destructive = strategy === "backup-reset";
const message = destructive
- ? 'Create a safety branch from the current HEAD and reset this branch to its upstream? Uncommitted changes are never discarded.'
+ ? "Create a safety branch from the current HEAD and reset this branch to its upstream? Uncommitted changes are never discarded."
: `Run the repository-specific ${strategy} repair now?`;
if (!confirm(message)) return;
- setLoading(true, destructive ? 'Creating safety branch and repairing divergence…' : 'Repairing repository synchronization…');
+ setLoading(
+ true,
+ destructive
+ ? "Creating safety branch and repairing divergence…"
+ : "Repairing repository synchronization…",
+ );
try {
- const result = await window.forgeflow.repairRepositorySync(repository.localPath, strategy);
- ui.gitRecovery = await window.forgeflow.gitRecoveryStatus(repository.localPath);
+ const result = await window.forgeflow.repairRepositorySync(
+ repository.localPath,
+ strategy,
+ );
+ ui.gitRecovery = await window.forgeflow.gitRecoveryStatus(
+ repository.localPath,
+ );
await refreshRepositories(false);
- showToast('Repository synchronization repaired', result.backupBranch ? `Safety branch created: ${result.backupBranch}` : `Completed ${strategy}.`, 'success');
- } catch (error) { showToast('Synchronization repair failed', error.message, 'error'); }
- setLoading(false); render();
- }
- else if (action === 'run-system-preflight') await runSystemPreflight();
- else if (action === 'save-diagnostics-preferences') {
+ showToast(
+ "Repository synchronization repaired",
+ result.backupBranch
+ ? `Safety branch created: ${result.backupBranch}`
+ : `Completed ${strategy}.`,
+ "success",
+ );
+ } catch (error) {
+ showToast("Synchronization repair failed", error.message, "error");
+ }
+ setLoading(false);
+ render();
+ } else if (action === "run-troubleshooter") {
+ setLoading(
+ true,
+ "Scanning repositories, Git operations and deployment servers…",
+ );
+ try {
+ ui.troubleshooter = await window.forgeflow.troubleshooterScan();
+ showToast(
+ "Troubleshooter completed",
+ ui.troubleshooter.summary.total
+ ? `${ui.troubleshooter.summary.total} issue(s) found; ${ui.troubleshooter.summary.repairable} repairable.`
+ : "No problems were detected.",
+ ui.troubleshooter.summary.errors ? "error" : "success",
+ );
+ } catch (error) {
+ showToast("Troubleshooter failed", error.message, "error");
+ }
+ setLoading(false);
+ render();
+ } else if (action === "troubleshooter-auto-repair") {
+ const safeIssues = (ui.troubleshooter?.issues || []).filter(
+ (item) => item.repairable && item.safe,
+ );
+ if (
+ !safeIssues.length ||
+ !confirm(
+ `Repair ${safeIssues.length} safe issue(s) now? ForgeFlow will not run destructive reset actions automatically.`,
+ )
+ )
+ return;
+ setLoading(true, "Applying safe one-click repairs…");
+ try {
+ const results =
+ await window.forgeflow.troubleshooterAutoRepair(safeIssues);
+ ui.troubleshooter = await window.forgeflow.troubleshooterScan();
+ await refreshRepositories(false);
+ const failed = results.filter((item) => !item.ok);
+ showToast(
+ failed.length
+ ? "Repairs partially completed"
+ : "Safe repairs completed",
+ `${results.length - failed.length} repaired, ${failed.length} failed.`,
+ failed.length ? "error" : "success",
+ );
+ } catch (error) {
+ showToast("Automatic repair failed", error.message, "error");
+ }
+ setLoading(false);
+ render();
+ } else if (action === "troubleshooter-repair") {
+ const issue =
+ ui.troubleshooter?.issues?.[Number(target.dataset.issueIndex)];
+ if (!issue) return;
+ const warning = issue.safe
+ ? `Repair “${issue.title}” now?`
+ : `“${issue.title}” requires a safety branch or another potentially destructive change. Continue?`;
+ if (!confirm(warning)) return;
+ setLoading(true, `Repairing ${issue.title}…`);
+ try {
+ const result = await window.forgeflow.troubleshooterRepair(issue);
+ ui.troubleshooter = await window.forgeflow.troubleshooterScan();
+ await refreshRepositories(false);
+ showToast(
+ "Problem repaired",
+ result?.backupBranch
+ ? `Safety branch created: ${result.backupBranch}`
+ : issue.title,
+ "success",
+ );
+ } catch (error) {
+ showToast("Repair failed", error.message, "error");
+ }
+ setLoading(false);
+ render();
+ } else if (action === "run-system-preflight") await runSystemPreflight();
+ else if (action === "load-audit-log") {
+ try {
+ ui.auditEvents = await window.forgeflow.listAuditEvents(500);
+ render();
+ } catch (error) {
+ showToast("Could not load audit log", error.message, "error");
+ }
+ } else if (action === "export-audit-json" || action === "export-audit-csv") {
+ try {
+ const result = await window.forgeflow.exportAuditLog(
+ action.endsWith("csv") ? "csv" : "json",
+ );
+ if (result)
+ showToast(
+ "Audit log exported",
+ `${result.count} records exported.`,
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not export audit log", error.message, "error");
+ }
+ } else if (action === "save-diagnostics-preferences") {
const preferences = {
- diagnosticsEnabled: document.querySelector('#diagnostics-enabled').value === 'true',
- diagnosticLevel: document.querySelector('#diagnostic-level').value,
- logRetentionDays: Number(document.querySelector('#diagnostic-retention').value),
- maxLogFileMb: Number(document.querySelector('#diagnostic-max-file').value)
+ diagnosticsEnabled:
+ document.querySelector("#diagnostics-enabled").value === "true",
+ diagnosticLevel: document.querySelector("#diagnostic-level").value,
+ logRetentionDays: Number(
+ document.querySelector("#diagnostic-retention").value,
+ ),
+ maxLogFileMb: Number(
+ document.querySelector("#diagnostic-max-file").value,
+ ),
};
- setLoading(true, 'Saving diagnostic policy…');
+ setLoading(true, "Saving diagnostic policy…");
try {
ui.boot.state = await window.forgeflow.setPreferences(preferences);
ui.diagnosticsStatus = await window.forgeflow.diagnosticsStatus();
- showToast('Diagnostic policy saved', 'New events now use the updated retention and logging level.', 'success');
- } catch (error) { showToast('Could not save diagnostics', error.message, 'error'); }
+ showToast(
+ "Diagnostic policy saved",
+ "New events now use the updated retention and logging level.",
+ "success",
+ );
+ } catch (error) {
+ showToast("Could not save diagnostics", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'export-diagnostics') {
- const privacyMode = document.querySelector('#diagnostic-privacy')?.value || 'standard';
- setLoading(true, 'Creating redacted diagnostic bundle…');
+ } else if (action === "export-diagnostics") {
+ const privacyMode =
+ document.querySelector("#diagnostic-privacy")?.value || "standard";
+ setLoading(true, "Creating redacted diagnostic bundle…");
try {
const bundle = await window.forgeflow.exportDiagnostics(privacyMode);
if (bundle) {
ui.lastDiagnosticBundle = bundle;
ui.diagnosticsStatus = await window.forgeflow.diagnosticsStatus();
- showToast('Diagnostic bundle created', `${bundle.size} · SHA-256 ${shortSha(bundle.sha256)}`, 'success');
+ showToast(
+ "Diagnostic bundle created",
+ `${bundle.size} · SHA-256 ${shortSha(bundle.sha256)}`,
+ "success",
+ );
}
- } catch (error) { showToast('Could not export diagnostics', error.message, 'error'); }
+ } catch (error) {
+ showToast("Could not export diagnostics", error.message, "error");
+ }
setLoading(false);
- }
- else if (action === 'show-diagnostic-bundle') {
+ } else if (action === "show-diagnostic-bundle") {
if (!ui.lastDiagnosticBundle?.path) return;
- await window.forgeflow.showDiagnosticBundle(ui.lastDiagnosticBundle.path).catch((error) => showToast('Could not show bundle', error.message, 'error'));
- }
- else if (action === 'open-diagnostics-folder') await window.forgeflow.openDiagnosticsFolder().catch((error) => showToast('Could not open diagnostic folder', error.message, 'error'));
- else if (action === 'clear-diagnostics') {
- if (!confirm('Clear local ForgeFlow diagnostic logs? This does not affect repositories or configuration.')) return;
- try { ui.diagnosticsStatus = await window.forgeflow.clearDiagnostics(); showToast('Diagnostic logs cleared', 'A new session marker was created.', 'success'); render(); }
- catch (error) { showToast('Could not clear logs', error.message, 'error'); }
- }
- else if (action === 'reset-app') { if (!confirm('Reset ForgeFlow configuration? Your Git repositories and Gitea data are not modified.')) return; ui.boot.state = await window.forgeflow.reset(); ui.repositories = []; ui.setupStep = 0; ui.setupValidation = null; ui.systemPreflight = null; ui.deploymentPreflight = null; ui.lastDiagnosticBundle = null; ui.setupDraft = { baseUrl: 'https://', token: '', user: null, roots: [], discovered: [] }; render(); }
- else if (action === 'run-command') {
- const command = target.dataset.command; ui.modal = null;
- if (command === 'overview') ui.currentView = 'overview';
- else if (command === 'deployments') ui.currentView = 'deployments';
- else if (command === 'diagnostics') ui.currentView = 'diagnostics';
- else if (command === 'settings') ui.currentView = 'settings';
- else if (command === 'refresh') await refreshRepositories(true);
- else if (command === 'open-folder' && repository?.localPath) await window.forgeflow.openPath(repository.localPath);
- else if (command === 'git-tools' && repository) await loadGitTools(repository);
- else if (command === 'deploy-selected' && repository?.readyToDeploy) { const profile = selectedProfile(repository); if (profile) await runDeploymentPreflight(repository, profile.id); }
+ await window.forgeflow
+ .showDiagnosticBundle(ui.lastDiagnosticBundle.path)
+ .catch((error) =>
+ showToast("Could not show bundle", error.message, "error"),
+ );
+ } else if (action === "open-diagnostics-folder")
+ await window.forgeflow
+ .openDiagnosticsFolder()
+ .catch((error) =>
+ showToast("Could not open diagnostic folder", error.message, "error"),
+ );
+ else if (action === "clear-diagnostics") {
+ if (
+ !confirm(
+ "Clear local ForgeFlow diagnostic logs? This does not affect repositories or configuration.",
+ )
+ )
+ return;
+ try {
+ ui.diagnosticsStatus = await window.forgeflow.clearDiagnostics();
+ showToast(
+ "Diagnostic logs cleared",
+ "A new session marker was created.",
+ "success",
+ );
+ render();
+ } catch (error) {
+ showToast("Could not clear logs", error.message, "error");
+ }
+ } else if (action === "reset-app") {
+ if (
+ !confirm(
+ "Reset ForgeFlow configuration? Your Git repositories and Gitea data are not modified.",
+ )
+ )
+ return;
+ ui.boot.state = await window.forgeflow.reset();
+ ui.repositories = [];
+ ui.setupStep = 0;
+ ui.setupValidation = null;
+ ui.systemPreflight = null;
+ ui.deploymentPreflight = null;
+ ui.lastDiagnosticBundle = null;
+ ui.setupDraft = {
+ baseUrl: "https://",
+ token: "",
+ user: null,
+ roots: [],
+ discovered: [],
+ };
+ render();
+ } else if (action === "run-command") {
+ const command = target.dataset.command;
+ ui.modal = null;
+ if (command === "overview") ui.currentView = "overview";
+ else if (command === "deployments") ui.currentView = "deployments";
+ else if (command === "diagnostics") ui.currentView = "diagnostics";
+ else if (command === "settings") ui.currentView = "settings";
+ else if (command === "refresh") await refreshRepositories(true);
+ else if (command === "open-folder" && repository?.localPath)
+ await window.forgeflow.openPath(repository.localPath);
+ else if (command === "git-tools" && repository)
+ await loadGitTools(repository);
+ else if (command === "deploy-selected" && repository?.readyToDeploy) {
+ const profile = selectedProfile(repository);
+ if (profile) await runDeploymentPreflight(repository, profile.id);
+ }
render();
}
});
-app.addEventListener('input', (event) => {
- if (event.target.id === 'global-search') { ui.search = event.target.value; render(); document.querySelector('#global-search')?.focus(); }
- else if (event.target.id === 'repo-filter') { ui.repoSearch = event.target.value; render(); document.querySelector('#repo-filter')?.focus(); }
- else if (event.target.id === 'commit-message') { ui.commitMessage = event.target.value; const position = event.target.selectionStart; render(); const next = document.querySelector('#commit-message'); if (next) { next.focus(); next.setSelectionRange(position, position); } }
- else if (event.target.id === 'setup-url') ui.setupDraft.baseUrl = event.target.value;
- else if (event.target.id === 'setup-token') ui.setupDraft.token = event.target.value;
- else if (event.target.id === 'palette-input') { ui.paletteQuery = event.target.value; render(); }
+app.addEventListener("input", (event) => {
+ if (event.target.id === "global-search") {
+ ui.search = event.target.value;
+ render();
+ document.querySelector("#global-search")?.focus();
+ } else if (event.target.id === "repo-filter") {
+ ui.repoSearch = event.target.value;
+ render();
+ document.querySelector("#repo-filter")?.focus();
+ } else if (event.target.id === "commit-message") {
+ ui.commitMessage = event.target.value;
+ const position = event.target.selectionStart;
+ render();
+ const next = document.querySelector("#commit-message");
+ if (next) {
+ next.focus();
+ next.setSelectionRange(position, position);
+ }
+ } else if (event.target.id === "setup-url")
+ ui.setupDraft.baseUrl = event.target.value;
+ else if (event.target.id === "setup-token")
+ ui.setupDraft.token = event.target.value;
+ else if (event.target.id === "palette-input") {
+ ui.paletteQuery = event.target.value;
+ render();
+ }
});
-app.addEventListener('change', async (event) => {
- if (event.target.matches('[data-file-select]')) { const filePath = event.target.dataset.fileSelect; if (event.target.checked) ui.selectedFiles.add(filePath); else ui.selectedFiles.delete(filePath); render(); }
- else if (event.target.id === 'appearance-select') { ui.boot.state = await window.forgeflow.setAppearance(event.target.value); applyTheme(event.target.value); render(); }
- else if (event.target.id === 'action-profile-select') { ui.selectedProfileId = event.target.value; render(); }
- else if (event.target.id === 'profile-provider') { ui.modal.provider = event.target.value; render(); }
- else if (event.target.id === 'server-auth-type') { ui.modal.authType = event.target.value; render(); }
+app.addEventListener("change", async (event) => {
+ if (event.target.matches("[data-file-select]")) {
+ const filePath = event.target.dataset.fileSelect;
+ if (event.target.checked) ui.selectedFiles.add(filePath);
+ else ui.selectedFiles.delete(filePath);
+ render();
+ } else if (event.target.id === "appearance-select") {
+ ui.boot.state = await window.forgeflow.setAppearance(event.target.value);
+ applyTheme(event.target.value);
+ render();
+ } else if (event.target.id === "action-profile-select") {
+ ui.selectedProfileId = event.target.value;
+ render();
+ } else if (event.target.id === "profile-provider") {
+ ui.modal.provider = event.target.value;
+ render();
+ } else if (event.target.id === "server-auth-type") {
+ ui.modal.authType = event.target.value;
+ render();
+ }
});
-document.addEventListener('keydown', (event) => {
- if ((event.key === 'Enter' || event.key === ' ') && event.target.matches('.file-row[data-action="select-file"]')) { event.preventDefault(); event.target.click(); return; }
- if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'k') { event.preventDefault(); ui.paletteQuery = ''; ui.modal = { type: 'command-palette' }; render(); return; }
- if ((event.ctrlKey || event.metaKey) && event.key === 'Enter' && ui.currentView === 'repository') { const button = document.querySelector('[data-action="commit-push"]:not(:disabled)'); if (button) button.click(); }
- if (event.key === 'F5') { event.preventDefault(); refreshRepositories(true); }
- if (event.key === 'Escape' && ui.modal) { ui.modal = null; render(); }
+document.addEventListener("keydown", (event) => {
+ if (
+ (event.key === "Enter" || event.key === " ") &&
+ event.target.matches('.file-row[data-action="select-file"]')
+ ) {
+ event.preventDefault();
+ event.target.click();
+ return;
+ }
+ if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === "k") {
+ event.preventDefault();
+ ui.paletteQuery = "";
+ ui.modal = { type: "command-palette" };
+ render();
+ return;
+ }
+ if (
+ (event.ctrlKey || event.metaKey) &&
+ event.key === "Enter" &&
+ ui.currentView === "repository"
+ ) {
+ const button = document.querySelector(
+ '[data-action="commit-push"]:not(:disabled)',
+ );
+ if (button) button.click();
+ }
+ if (event.key === "F5") {
+ event.preventDefault();
+ refreshRepositories(true);
+ }
+ if (event.key === "Escape" && ui.modal) {
+ ui.modal = null;
+ render();
+ }
});
-window.addEventListener('error', (event) => {
- window.forgeflow.reportRendererEvent?.('error', 'uncaught-error', {
- message: event.message,
- filename: event.filename,
- line: event.lineno,
- column: event.colno,
- stack: event.error?.stack
- }).catch(() => {});
+window.addEventListener("error", (event) => {
+ window.forgeflow
+ .reportRendererEvent?.("error", "uncaught-error", {
+ message: event.message,
+ filename: event.filename,
+ line: event.lineno,
+ column: event.colno,
+ stack: event.error?.stack,
+ })
+ .catch(() => {});
});
-window.addEventListener('unhandledrejection', (event) => {
+window.addEventListener("unhandledrejection", (event) => {
const reason = event.reason;
- window.forgeflow.reportRendererEvent?.('error', 'unhandled-rejection', {
- message: reason?.message || String(reason || 'Unknown rejection'),
- stack: reason?.stack
- }).catch(() => {});
+ window.forgeflow
+ .reportRendererEvent?.("error", "unhandled-rejection", {
+ message: reason?.message || String(reason || "Unknown rejection"),
+ stack: reason?.stack,
+ })
+ .catch(() => {});
});
bootstrap();
diff --git a/src/renderer/mock-bridge.js b/src/renderer/mock-bridge.js
index 794f781..a95247b 100644
--- a/src/renderer/mock-bridge.js
+++ b/src/renderer/mock-bridge.js
@@ -5,17 +5,43 @@
const clone = (value) => JSON.parse(JSON.stringify(value));
const iso = (offset = 0) => new Date(Date.now() + offset).toISOString();
const storage = {
- get(key) { try { return localStorage.getItem(key); } catch { return null; } },
- set(key, value) { try { localStorage.setItem(key, value); } catch {} }
+ get(key) {
+ try {
+ return localStorage.getItem(key);
+ } catch {
+ return null;
+ }
+ },
+ set(key, value) {
+ try {
+ localStorage.setItem(key, value);
+ } catch {}
+ },
};
const repositoryListeners = new Set();
const operationListeners = new Set();
const updateListeners = new Set();
- const emitRepositories = () => repositoryListeners.forEach((listener) => listener({ reason: 'demo-change' }));
- const emitOperations = (operations) => operationListeners.forEach((listener) => listener({ operations: clone(operations) }));
- const randomSha = () => `${Math.random().toString(16).slice(2)}${Date.now().toString(16)}`.padEnd(40, 'a').slice(0, 40);
+ const emitRepositories = () =>
+ repositoryListeners.forEach((listener) =>
+ listener({ reason: "demo-change" }),
+ );
+ const emitOperations = (operations) =>
+ operationListeners.forEach((listener) =>
+ listener({ operations: clone(operations) }),
+ );
+ const randomSha = () =>
+ `${Math.random().toString(16).slice(2)}${Date.now().toString(16)}`
+ .padEnd(40, "a")
+ .slice(0, 40);
- const makeStatus = ({ head, branch = 'main', ahead = 0, behind = 0, upstream = `origin/${branch}`, files = [] }) => ({
+ const makeStatus = ({
+ head,
+ branch = "main",
+ ahead = 0,
+ behind = 0,
+ upstream = `origin/${branch}`,
+ files = [],
+ }) => ({
branch: { oid: head, head: branch, upstream, ahead, behind },
files,
counts: {
@@ -23,38 +49,55 @@
staged: files.filter((item) => item.staged).length,
unstaged: files.filter((item) => item.unstaged).length,
conflicts: files.filter((item) => item.conflict).length,
- untracked: files.filter((item) => item.untracked).length
+ untracked: files.filter((item) => item.untracked).length,
},
clean: files.length === 0,
- root: '',
- remoteUrl: '',
+ root: "",
+ remoteUrl: "",
head,
shortHead: head.slice(0, 7),
- fingerprint: `${head}:${branch}:${ahead}:${behind}:${files.map((item) => `${item.path}:${item.indexCode}${item.worktreeCode}`).join('|')}`
+ fingerprint: `${head}:${branch}:${ahead}:${behind}:${files.map((item) => `${item.path}:${item.indexCode}${item.worktreeCode}`).join("|")}`,
});
- const makeFile = (path, status = 'modified', options = {}) => ({
+ const makeFile = (path, status = "modified", options = {}) => ({
path,
originalPath: options.originalPath || null,
- indexCode: options.staged ? (status === 'added' ? 'A' : status === 'deleted' ? 'D' : 'M') : '.',
- worktreeCode: options.staged ? '.' : status === 'untracked' ? '?' : status === 'deleted' ? 'D' : status === 'conflict' ? 'U' : 'M',
+ indexCode: options.staged
+ ? status === "added"
+ ? "A"
+ : status === "deleted"
+ ? "D"
+ : "M"
+ : ".",
+ worktreeCode: options.staged
+ ? "."
+ : status === "untracked"
+ ? "?"
+ : status === "deleted"
+ ? "D"
+ : status === "conflict"
+ ? "U"
+ : "M",
staged: Boolean(options.staged),
unstaged: !options.staged,
- untracked: status === 'untracked',
- conflict: status === 'conflict',
- status
+ untracked: status === "untracked",
+ conflict: status === "conflict",
+ status,
});
const profile = (id, name, environment, options = {}) => ({
id,
name,
environment,
- provider: 'gitea-actions',
- branch: options.branch || 'main',
- workflowFile: options.workflowFile || 'deploy.yml',
- rollbackWorkflowFile: options.rollbackWorkflowFile ?? 'rollback.yml',
- healthcheckUrl: options.healthcheckUrl || `https://${environment}.internal/health`,
- statusUrl: options.statusUrl || `https://${environment}.internal/.well-known/forgeflow`,
+ provider: "gitea-actions",
+ branch: options.branch || "main",
+ workflowFile: options.workflowFile || "deploy.yml",
+ rollbackWorkflowFile: options.rollbackWorkflowFile ?? "rollback.yml",
+ healthcheckUrl:
+ options.healthcheckUrl || `https://${environment}.internal/health`,
+ statusUrl:
+ options.statusUrl ||
+ `https://${environment}.internal/.well-known/forgeflow`,
confirmationRequired: options.confirmationRequired !== false,
inputs: {},
state: {
@@ -65,8 +108,8 @@
statusConfigured: true,
healthStatus: options.healthy === false ? 503 : 200,
healthLatencyMs: 42,
- checkedAt: options.checkedAt || iso(-120000)
- }
+ checkedAt: options.checkedAt || iso(-120000),
+ },
});
const now = iso();
@@ -75,111 +118,283 @@
repositoryPollSeconds: 4,
operationPollSeconds: 5,
fetchIntervalMinutes: 10,
- preferredCloneProtocol: 'https',
+ preferredCloneProtocol: "https",
diagnosticsEnabled: true,
- diagnosticLevel: 'info',
+ diagnosticLevel: "info",
logRetentionDays: 14,
- maxLogFileMb: 8
+ maxLogFileMb: 8,
};
let state = {
- schemaVersion: 5,
- setupComplete: storage.get('forgeflow-demo-setup') !== 'false',
- appearance: storage.get('forgeflow-theme') || 'dark',
- gitea: { baseUrl: 'https://gitea.internal', user: { login: 'jens', full_name: 'Jens' }, hasToken: true },
- workspaceRoots: ['C:\\Development'],
+ schemaVersion: 8,
+ setupComplete: storage.get("forgeflow-demo-setup") !== "false",
+ appearance: storage.get("forgeflow-theme") || "dark",
+ gitea: {
+ baseUrl: "https://gitea.internal",
+ user: { login: "jens", full_name: "Jens" },
+ hasToken: true,
+ },
+ workspaceRoots: ["C:\\Development"],
repositoryMappings: {},
deploymentProfiles: {},
deploymentStates: {},
- favorites: ['jens/microsoft-cloud-operations-platform', 'jens/unraid-appops-gateway'],
- updates: { owner: 'Jens', repo: 'ForgeFlow', branch: 'main', autoCheck: true, lastCheckedAt: null },
- servers: [{ id: 'server-unraid', name: 'Unraid', host: '192.168.1.10', port: 22, username: 'root', authType: 'privateKey', basePath: '/mnt/user/appdata', privateKeyPath: 'C:\\Users\\Jens\\.ssh\\id_ed25519', hostFingerprint: 'SHA256:demo', hasPassword: false, hasPassphrase: false }],
+ favorites: [
+ "jens/microsoft-cloud-operations-platform",
+ "jens/unraid-appops-gateway",
+ ],
+ updates: {
+ owner: "Jens",
+ repo: "ForgeFlow",
+ branch: "main",
+ autoCheck: true,
+ lastCheckedAt: null,
+ },
+ servers: [
+ {
+ id: "server-unraid",
+ name: "Unraid",
+ host: "192.168.1.10",
+ port: 22,
+ username: "root",
+ authType: "privateKey",
+ basePath: "/mnt/user/appdata",
+ privateKeyPath: "C:\\Users\\Jens\\.ssh\\id_ed25519",
+ hostFingerprint: "SHA256:demo",
+ hasPassword: false,
+ hasPassphrase: false,
+ },
+ ],
preferences: { ...defaultPreferences },
operations: [
{
- id: 'op-success', type: 'deployment', action: 'deploy', status: 'success',
- repository: 'jens/microsoft-cloud-operations-platform', profileId: 'profile-mcop-prod', profileName: 'Production',
- environment: 'production', workflowFile: 'deploy.yml', branch: 'main',
- sha: 'b82f91ab0173cd4346ca0f0f7dcc3e8182cc8fd0', shortSha: 'b82f91a', createdAt: now, updatedAt: now,
+ id: "op-success",
+ type: "deployment",
+ action: "deploy",
+ status: "success",
+ repository: "jens/microsoft-cloud-operations-platform",
+ profileId: "profile-mcop-prod",
+ profileName: "Production",
+ environment: "production",
+ workflowFile: "deploy.yml",
+ branch: "main",
+ sha: "b82f91ab0173cd4346ca0f0f7dcc3e8182cc8fd0",
+ shortSha: "b82f91a",
+ createdAt: now,
+ updatedAt: now,
stages: [
- { id: 'requested', label: 'Requested', status: 'complete' }, { id: 'verified', label: 'Verified', status: 'complete' },
- { id: 'queued', label: 'Workflow queued', status: 'complete' }, { id: 'runner', label: 'Runner execution', status: 'complete' },
- { id: 'healthcheck', label: 'Healthcheck', status: 'complete' }, { id: 'complete', label: 'Complete', status: 'complete' }
+ { id: "requested", label: "Requested", status: "complete" },
+ { id: "verified", label: "Verified", status: "complete" },
+ { id: "queued", label: "Workflow queued", status: "complete" },
+ { id: "runner", label: "Runner execution", status: "complete" },
+ { id: "healthcheck", label: "Healthcheck", status: "complete" },
+ { id: "complete", label: "Complete", status: "complete" },
],
- logs: ['[info] Exact commit verified.', '[job] deploy: success', '[ok] Server reports b82f91a and healthcheck returned 200.'],
- run: { id: 48, runNumber: 48, status: 'completed', conclusion: 'success', name: 'ForgeFlow deployment' },
- runUrl: 'https://gitea.internal/jens/microsoft-cloud-operations-platform/actions/runs/48'
+ logs: [
+ "[info] Exact commit verified.",
+ "[job] deploy: success",
+ "[ok] Server reports b82f91a and healthcheck returned 200.",
+ ],
+ run: {
+ id: 48,
+ runNumber: 48,
+ status: "completed",
+ conclusion: "success",
+ name: "ForgeFlow deployment",
+ },
+ runUrl:
+ "https://gitea.internal/jens/microsoft-cloud-operations-platform/actions/runs/48",
},
{
- id: 'op-failed', type: 'deployment', action: 'deploy', status: 'failed',
- repository: 'jens/portfolio', profileId: 'profile-portfolio', profileName: 'Production', environment: 'production',
- workflowFile: 'deploy.yml', branch: 'main', sha: 'a7f2e1c1bb6147fc8b6633d2b08500c93402a719', shortSha: 'a7f2e1c',
- createdAt: iso(-86400000), updatedAt: iso(-86300000),
- failure: { stage: 'healthcheck', message: 'Healthcheck returned 502.' },
+ id: "op-failed",
+ type: "deployment",
+ action: "deploy",
+ status: "failed",
+ repository: "jens/portfolio",
+ profileId: "profile-portfolio",
+ profileName: "Production",
+ environment: "production",
+ workflowFile: "deploy.yml",
+ branch: "main",
+ sha: "a7f2e1c1bb6147fc8b6633d2b08500c93402a719",
+ shortSha: "a7f2e1c",
+ createdAt: iso(-86400000),
+ updatedAt: iso(-86300000),
+ failure: { stage: "healthcheck", message: "Healthcheck returned 502." },
stages: [
- { id: 'requested', label: 'Requested', status: 'complete' }, { id: 'verified', label: 'Verified', status: 'complete' },
- { id: 'queued', label: 'Workflow queued', status: 'complete' }, { id: 'runner', label: 'Runner execution', status: 'complete' },
- { id: 'healthcheck', label: 'Healthcheck', status: 'failed' }, { id: 'complete', label: 'Complete', status: 'failed' }
+ { id: "requested", label: "Requested", status: "complete" },
+ { id: "verified", label: "Verified", status: "complete" },
+ { id: "queued", label: "Workflow queued", status: "complete" },
+ { id: "runner", label: "Runner execution", status: "complete" },
+ { id: "healthcheck", label: "Healthcheck", status: "failed" },
+ { id: "complete", label: "Complete", status: "failed" },
],
- logs: ['[job] deploy: success', '[error] Healthcheck returned 502.']
- }
- ]
+ logs: ["[job] deploy: success", "[error] Healthcheck returned 502."],
+ },
+ ],
};
let repositories = [
{
- id: 1, name: 'microsoft-cloud-operations-platform', fullName: 'jens/microsoft-cloud-operations-platform', owner: { login: 'jens' },
- description: 'Tenant-aware Microsoft cloud operations console.', private: true, defaultBranch: 'main',
- htmlUrl: 'https://gitea.internal/jens/microsoft-cloud-operations-platform', cloneUrl: 'https://gitea.internal/jens/microsoft-cloud-operations-platform.git', sshUrl: 'git@gitea.internal:jens/microsoft-cloud-operations-platform.git', updatedAt: now,
- localPath: 'C:\\Development\\Microsoft-Cloud-Operations-Platform',
- localStatus: makeStatus({ head: 'b82f91ab0173cd4346ca0f0f7dcc3e8182cc8fd0' }), linkState: 'linked',
+ id: 1,
+ name: "microsoft-cloud-operations-platform",
+ fullName: "jens/microsoft-cloud-operations-platform",
+ owner: { login: "jens" },
+ description: "Tenant-aware Microsoft cloud operations console.",
+ private: true,
+ defaultBranch: "main",
+ htmlUrl:
+ "https://gitea.internal/jens/microsoft-cloud-operations-platform",
+ cloneUrl:
+ "https://gitea.internal/jens/microsoft-cloud-operations-platform.git",
+ sshUrl: "git@gitea.internal:jens/microsoft-cloud-operations-platform.git",
+ updatedAt: now,
+ localPath: "C:\\Development\\Microsoft-Cloud-Operations-Platform",
+ localStatus: makeStatus({
+ head: "b82f91ab0173cd4346ca0f0f7dcc3e8182cc8fd0",
+ }),
+ linkState: "linked",
deploymentProfiles: [
- profile('profile-mcop-prod', 'Production', 'production', { liveSha: '72bd10eb0173cd4346ca0f0f7dcc3e8182cc8fd0', previousSha: '6ac991ab0173cd4346ca0f0f7dcc3e8182cc8fd0', healthy: true }),
- profile('profile-mcop-stage', 'Staging', 'staging', { liveSha: 'b82f91ab0173cd4346ca0f0f7dcc3e8182cc8fd0', previousSha: '72bd10eb0173cd4346ca0f0f7dcc3e8182cc8fd0', healthy: true, confirmationRequired: false })
- ]
+ profile("profile-mcop-prod", "Production", "production", {
+ liveSha: "72bd10eb0173cd4346ca0f0f7dcc3e8182cc8fd0",
+ previousSha: "6ac991ab0173cd4346ca0f0f7dcc3e8182cc8fd0",
+ healthy: true,
+ }),
+ profile("profile-mcop-stage", "Staging", "staging", {
+ liveSha: "b82f91ab0173cd4346ca0f0f7dcc3e8182cc8fd0",
+ previousSha: "72bd10eb0173cd4346ca0f0f7dcc3e8182cc8fd0",
+ healthy: true,
+ confirmationRequired: false,
+ }),
+ ],
},
{
- id: 2, name: 'vacancyradar', fullName: 'jens/vacancyradar', owner: { login: 'jens' }, description: 'Local-first vacancy intelligence cockpit.', private: true, defaultBranch: 'main',
- htmlUrl: 'https://gitea.internal/jens/vacancyradar', cloneUrl: 'https://gitea.internal/jens/vacancyradar.git', sshUrl: 'git@gitea.internal:jens/vacancyradar.git', updatedAt: now,
- localPath: 'C:\\Development\\VacancyRadar',
- localStatus: makeStatus({ head: 'c9182d0d28318c8cf0af109edc054732426aadf1', branch: 'feature/deployment-api', files: [makeFile('src/api/deploy.ts', 'added', { staged: true }), makeFile('src/main.tsx'), makeFile('src/components/Sidebar.tsx')] }),
- linkState: 'linked', deploymentProfiles: [profile('profile-vr', 'Production', 'production', { liveSha: 'c117ab9d28318c8cf0af109edc054732426aadf1', previousSha: 'b1f57aad28318c8cf0af109edc054732426aadf1', healthy: true })]
+ id: 2,
+ name: "vacancyradar",
+ fullName: "jens/vacancyradar",
+ owner: { login: "jens" },
+ description: "Local-first vacancy intelligence cockpit.",
+ private: true,
+ defaultBranch: "main",
+ htmlUrl: "https://gitea.internal/jens/vacancyradar",
+ cloneUrl: "https://gitea.internal/jens/vacancyradar.git",
+ sshUrl: "git@gitea.internal:jens/vacancyradar.git",
+ updatedAt: now,
+ localPath: "C:\\Development\\VacancyRadar",
+ localStatus: makeStatus({
+ head: "c9182d0d28318c8cf0af109edc054732426aadf1",
+ branch: "feature/deployment-api",
+ files: [
+ makeFile("src/api/deploy.ts", "added", { staged: true }),
+ makeFile("src/main.tsx"),
+ makeFile("src/components/Sidebar.tsx"),
+ ],
+ }),
+ linkState: "linked",
+ deploymentProfiles: [
+ profile("profile-vr", "Production", "production", {
+ liveSha: "c117ab9d28318c8cf0af109edc054732426aadf1",
+ previousSha: "b1f57aad28318c8cf0af109edc054732426aadf1",
+ healthy: true,
+ }),
+ ],
},
{
- id: 3, name: 'unraid-appops-gateway', fullName: 'jens/unraid-appops-gateway', owner: { login: 'jens' }, description: 'Safe operations gateway for Unraid and Portainer.', private: true, defaultBranch: 'main',
- htmlUrl: 'https://gitea.internal/jens/unraid-appops-gateway', cloneUrl: 'https://gitea.internal/jens/unraid-appops-gateway.git', sshUrl: 'git@gitea.internal:jens/unraid-appops-gateway.git', updatedAt: now,
- localPath: 'C:\\Development\\Unraid-AppOps-Gateway', localStatus: makeStatus({ head: 'f2d1e0a1bb6147fc8b6633d2b08500c93402a719', ahead: 2 }), linkState: 'linked',
- deploymentProfiles: [profile('profile-appops', 'Production', 'production', { liveSha: '8ac731b1bb6147fc8b6633d2b08500c93402a719', previousSha: '7bc198a1bb6147fc8b6633d2b08500c93402a719', healthy: true })]
+ id: 3,
+ name: "unraid-appops-gateway",
+ fullName: "jens/unraid-appops-gateway",
+ owner: { login: "jens" },
+ description: "Safe operations gateway for Unraid and Portainer.",
+ private: true,
+ defaultBranch: "main",
+ htmlUrl: "https://gitea.internal/jens/unraid-appops-gateway",
+ cloneUrl: "https://gitea.internal/jens/unraid-appops-gateway.git",
+ sshUrl: "git@gitea.internal:jens/unraid-appops-gateway.git",
+ updatedAt: now,
+ localPath: "C:\\Development\\Unraid-AppOps-Gateway",
+ localStatus: makeStatus({
+ head: "f2d1e0a1bb6147fc8b6633d2b08500c93402a719",
+ ahead: 2,
+ }),
+ linkState: "linked",
+ deploymentProfiles: [
+ profile("profile-appops", "Production", "production", {
+ liveSha: "8ac731b1bb6147fc8b6633d2b08500c93402a719",
+ previousSha: "7bc198a1bb6147fc8b6633d2b08500c93402a719",
+ healthy: true,
+ }),
+ ],
},
{
- id: 4, name: 'support-bundle-collector', fullName: 'jens/support-bundle-collector', owner: { login: 'jens' }, description: 'Privacy-aware Windows support bundle collector.', private: true, defaultBranch: 'main',
- htmlUrl: 'https://gitea.internal/jens/support-bundle-collector', cloneUrl: 'https://gitea.internal/jens/support-bundle-collector.git', sshUrl: 'git@gitea.internal:jens/support-bundle-collector.git', updatedAt: now,
- localPath: null, localStatus: null, linkState: 'remote-only', deploymentProfiles: []
+ id: 4,
+ name: "support-bundle-collector",
+ fullName: "jens/support-bundle-collector",
+ owner: { login: "jens" },
+ description: "Privacy-aware Windows support bundle collector.",
+ private: true,
+ defaultBranch: "main",
+ htmlUrl: "https://gitea.internal/jens/support-bundle-collector",
+ cloneUrl: "https://gitea.internal/jens/support-bundle-collector.git",
+ sshUrl: "git@gitea.internal:jens/support-bundle-collector.git",
+ updatedAt: now,
+ localPath: null,
+ localStatus: null,
+ linkState: "remote-only",
+ deploymentProfiles: [],
},
{
- id: 5, name: 'portfolio', fullName: 'jens/portfolio', owner: { login: 'jens' }, description: 'Professional infrastructure and automation portfolio.', private: false, defaultBranch: 'main',
- htmlUrl: 'https://gitea.internal/jens/portfolio', cloneUrl: 'https://gitea.internal/jens/portfolio.git', sshUrl: 'git@gitea.internal:jens/portfolio.git', updatedAt: now,
- localPath: 'C:\\Development\\portfolio', localStatus: makeStatus({ head: 'a7f2e1c1bb6147fc8b6633d2b08500c93402a719', behind: 1 }), linkState: 'linked',
- deploymentProfiles: [profile('profile-portfolio', 'Production', 'production', { liveSha: '4c20dd11bb6147fc8b6633d2b08500c93402a719', previousSha: '31adfe11bb6147fc8b6633d2b08500c93402a719', healthy: false })]
- }
+ id: 5,
+ name: "portfolio",
+ fullName: "jens/portfolio",
+ owner: { login: "jens" },
+ description: "Professional infrastructure and automation portfolio.",
+ private: false,
+ defaultBranch: "main",
+ htmlUrl: "https://gitea.internal/jens/portfolio",
+ cloneUrl: "https://gitea.internal/jens/portfolio.git",
+ sshUrl: "git@gitea.internal:jens/portfolio.git",
+ updatedAt: now,
+ localPath: "C:\\Development\\portfolio",
+ localStatus: makeStatus({
+ head: "a7f2e1c1bb6147fc8b6633d2b08500c93402a719",
+ behind: 1,
+ }),
+ linkState: "linked",
+ deploymentProfiles: [
+ profile("profile-portfolio", "Production", "production", {
+ liveSha: "4c20dd11bb6147fc8b6633d2b08500c93402a719",
+ previousSha: "31adfe11bb6147fc8b6633d2b08500c93402a719",
+ healthy: false,
+ }),
+ ],
+ },
];
const diffs = {
- 'src/api/deploy.ts': `diff --git a/src/api/deploy.ts b/src/api/deploy.ts\nnew file mode 100644\n--- /dev/null\n+++ b/src/api/deploy.ts\n@@ -0,0 +1,18 @@\n+export interface DeploymentRequest {\n+ environment: 'staging' | 'production';\n+ commitSha: string;\n+}\n+\n+export async function deploy(request: DeploymentRequest) {\n+ return api.post('/deployments', request);\n+}`,
- 'src/main.tsx': `diff --git a/src/main.tsx b/src/main.tsx\nindex 45ad1a2..939fc17 100644\n--- a/src/main.tsx\n+++ b/src/main.tsx\n@@ -24,8 +24,9 @@ import { Router } from './routes';\n-const API_ENDPOINT = 'http://localhost:3000';\n+const API_ENDPOINT = process.env.VITE_API_URL || '/api';\n+const DEPLOY_VERSION = '1.0.4-rc1';`,
- 'src/components/Sidebar.tsx': `diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx\nindex a7bbd82..bf21e90 100644\n--- a/src/components/Sidebar.tsx\n+++ b/src/components/Sidebar.tsx\n@@ -31,6 +31,7 @@ export function Sidebar() {\n+
Deployments`
+ "src/api/deploy.ts": `diff --git a/src/api/deploy.ts b/src/api/deploy.ts\nnew file mode 100644\n--- /dev/null\n+++ b/src/api/deploy.ts\n@@ -0,0 +1,18 @@\n+export interface DeploymentRequest {\n+ environment: 'staging' | 'production';\n+ commitSha: string;\n+}\n+\n+export async function deploy(request: DeploymentRequest) {\n+ return api.post('/deployments', request);\n+}`,
+ "src/main.tsx": `diff --git a/src/main.tsx b/src/main.tsx\nindex 45ad1a2..939fc17 100644\n--- a/src/main.tsx\n+++ b/src/main.tsx\n@@ -24,8 +24,9 @@ import { Router } from './routes';\n-const API_ENDPOINT = 'http://localhost:3000';\n+const API_ENDPOINT = process.env.VITE_API_URL || '/api';\n+const DEPLOY_VERSION = '1.0.4-rc1';`,
+ "src/components/Sidebar.tsx": `diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx\nindex a7bbd82..bf21e90 100644\n--- a/src/components/Sidebar.tsx\n+++ b/src/components/Sidebar.tsx\n@@ -31,6 +31,7 @@ export function Sidebar() {\n+
Deployments`,
};
- const findRepo = (localPath) => repositories.find((item) => item.localPath === localPath);
- const findProfileRepo = (profileId) => repositories.find((item) => item.deploymentProfiles.some((entry) => entry.id === profileId));
+ const findRepo = (localPath) =>
+ repositories.find((item) => item.localPath === localPath);
+ const findProfileRepo = (profileId) =>
+ repositories.find((item) =>
+ item.deploymentProfiles.some((entry) => entry.id === profileId),
+ );
const syncState = () => {
state.deploymentProfiles = {};
state.deploymentStates = {};
state.repositoryMappings = {};
for (const repository of repositories) {
- if (repository.localPath) state.repositoryMappings[repository.fullName.toLowerCase()] = repository.localPath;
- state.deploymentProfiles[repository.fullName.toLowerCase()] = repository.deploymentProfiles.map(({ state: profileState, ...entry }) => entry);
- for (const entry of repository.deploymentProfiles) if (entry.state) state.deploymentStates[entry.id] = clone(entry.state);
+ if (repository.localPath)
+ state.repositoryMappings[repository.fullName.toLowerCase()] =
+ repository.localPath;
+ state.deploymentProfiles[repository.fullName.toLowerCase()] =
+ repository.deploymentProfiles.map(
+ ({ state: profileState, ...entry }) => entry,
+ );
+ for (const entry of repository.deploymentProfiles)
+ if (entry.state) state.deploymentStates[entry.id] = clone(entry.state);
}
};
const recompute = (repository) => {
@@ -190,53 +405,148 @@
staged: status.files.filter((item) => item.staged).length,
unstaged: status.files.filter((item) => item.unstaged).length,
conflicts: status.files.filter((item) => item.conflict).length,
- untracked: status.files.filter((item) => item.untracked).length
+ untracked: status.files.filter((item) => item.untracked).length,
};
status.clean = status.files.length === 0;
status.shortHead = status.head.slice(0, 7);
status.branch.oid = status.head;
}
- repository.favorite = state.favorites.includes(repository.fullName.toLowerCase());
- repository.readyToDeploy = Boolean(repository.localPath && status?.clean && status.branch.upstream && status.branch.ahead === 0 && status.branch.behind === 0 && repository.deploymentProfiles.some((entry) => entry.branch === status.branch.head));
- repository.attention = !repository.localPath || Boolean(status?.counts.conflicts || status?.branch.behind || status?.branch.ahead || status?.counts.changed);
- repository.attentionReason = !repository.localPath ? 'No local folder linked' : status?.counts.conflicts ? `${status.counts.conflicts} conflict(s)` : status?.counts.changed ? `${status.counts.changed} local change(s)` : status?.branch.behind ? `${status.branch.behind} commit(s) behind remote` : status?.branch.ahead ? `${status.branch.ahead} unpushed commit(s)` : null;
- repository.preferredCloneUrl = state.preferences.preferredCloneProtocol === 'ssh' ? repository.sshUrl : repository.cloneUrl;
+ repository.favorite = state.favorites.includes(
+ repository.fullName.toLowerCase(),
+ );
+ repository.readyToDeploy = Boolean(
+ repository.localPath &&
+ status?.clean &&
+ status.branch.upstream &&
+ status.branch.ahead === 0 &&
+ status.branch.behind === 0 &&
+ repository.deploymentProfiles.some(
+ (entry) => entry.branch === status.branch.head,
+ ),
+ );
+ repository.attention =
+ !repository.localPath ||
+ Boolean(
+ status?.counts.conflicts ||
+ status?.branch.behind ||
+ status?.branch.ahead ||
+ status?.counts.changed,
+ );
+ repository.attentionReason = !repository.localPath
+ ? "No local folder linked"
+ : status?.counts.conflicts
+ ? `${status.counts.conflicts} conflict(s)`
+ : status?.counts.changed
+ ? `${status.counts.changed} local change(s)`
+ : status?.branch.behind
+ ? `${status.branch.behind} commit(s) behind remote`
+ : status?.branch.ahead
+ ? `${status.branch.ahead} unpushed commit(s)`
+ : null;
+ repository.preferredCloneUrl =
+ state.preferences.preferredCloneProtocol === "ssh"
+ ? repository.sshUrl
+ : repository.cloneUrl;
+ };
+ const snapshot = () => {
+ repositories.forEach(recompute);
+ syncState();
+ return clone(repositories);
};
- const snapshot = () => { repositories.forEach(recompute); syncState(); return clone(repositories); };
syncState();
const commitHistory = [
- { sha: 'c9182d0d28318c8cf0af109edc054732426aadf1', shortSha: 'c9182d0', author: 'Jens', date: now, subject: 'feat: add deployment provider contract' },
- { sha: '1fa7399d28318c8cf0af109edc054732426aadf1', shortSha: '1fa7399', author: 'Jens', date: iso(-86400000), subject: 'refactor: consolidate repository state' },
- { sha: 'a251a11d28318c8cf0af109edc054732426aadf1', shortSha: 'a251a11', author: 'Jens', date: iso(-172800000), subject: 'docs: define deployment safety gates' }
+ {
+ sha: "c9182d0d28318c8cf0af109edc054732426aadf1",
+ shortSha: "c9182d0",
+ author: "Jens",
+ date: now,
+ subject: "feat: add deployment provider contract",
+ },
+ {
+ sha: "1fa7399d28318c8cf0af109edc054732426aadf1",
+ shortSha: "1fa7399",
+ author: "Jens",
+ date: iso(-86400000),
+ subject: "refactor: consolidate repository state",
+ },
+ {
+ sha: "a251a11d28318c8cf0af109edc054732426aadf1",
+ shortSha: "a251a11",
+ author: "Jens",
+ date: iso(-172800000),
+ subject: "docs: define deployment safety gates",
+ },
];
const branchesByRepo = new Map();
const stashesByRepo = new Map();
function updateOperation(operation) {
- state.operations = [clone(operation), ...state.operations.filter((item) => item.id !== operation.id)].slice(0, 250);
+ state.operations = [
+ clone(operation),
+ ...state.operations.filter((item) => item.id !== operation.id),
+ ].slice(0, 250);
emitOperations([operation]);
return clone(operation);
}
function advanceOperation(operation) {
- if (!operation || ['success', 'failed', 'cancelled', 'rolled-back'].includes(operation.status)) return operation;
+ if (
+ !operation ||
+ ["success", "failed", "cancelled", "rolled-back"].includes(
+ operation.status,
+ )
+ )
+ return operation;
operation.demoPolls = (operation.demoPolls || 0) + 1;
if (operation.demoPolls === 1) {
- operation.status = 'running';
- operation.run = { id: 81, runNumber: 81, status: 'running', conclusion: null, name: operation.action === 'rollback' ? 'ForgeFlow rollback' : 'ForgeFlow deployment' };
+ operation.status = "running";
+ operation.run = {
+ id: 81,
+ runNumber: 81,
+ status: "running",
+ conclusion: null,
+ name:
+ operation.action === "rollback"
+ ? "ForgeFlow rollback"
+ : "ForgeFlow deployment",
+ };
operation.runUrl = `https://gitea.internal/${operation.repository}/actions/runs/81`;
- operation.stages.find((item) => item.id === 'queued').status = 'complete';
- operation.stages.find((item) => item.id === 'runner').status = 'active';
- operation.jobs = [{ id: 201, name: operation.action === 'rollback' ? 'rollback' : 'deploy', status: 'running', conclusion: null }];
+ operation.stages.find((item) => item.id === "queued").status = "complete";
+ operation.stages.find((item) => item.id === "runner").status = "active";
+ operation.jobs = [
+ {
+ id: 201,
+ name: operation.action === "rollback" ? "rollback" : "deploy",
+ status: "running",
+ conclusion: null,
+ },
+ ];
operation.logs.push(`[job] ${operation.jobs[0].name}: running`);
} else if (operation.demoPolls >= 2) {
- operation.status = operation.action === 'rollback' ? 'rolled-back' : 'success';
- operation.stages.forEach((item) => { item.status = 'complete'; });
- operation.jobs = [{ id: 201, name: operation.action === 'rollback' ? 'rollback' : 'deploy', status: 'completed', conclusion: 'success' }];
- operation.logs.push('[ok] Runner completed successfully.', `[ok] Server status endpoint confirms ${operation.shortSha}.`);
- const repository = repositories.find((item) => item.fullName === operation.repository);
- const targetProfile = repository?.deploymentProfiles.find((item) => item.id === operation.profileId);
+ operation.status =
+ operation.action === "rollback" ? "rolled-back" : "success";
+ operation.stages.forEach((item) => {
+ item.status = "complete";
+ });
+ operation.jobs = [
+ {
+ id: 201,
+ name: operation.action === "rollback" ? "rollback" : "deploy",
+ status: "completed",
+ conclusion: "success",
+ },
+ ];
+ operation.logs.push(
+ "[ok] Runner completed successfully.",
+ `[ok] Server status endpoint confirms ${operation.shortSha}.`,
+ );
+ const repository = repositories.find(
+ (item) => item.fullName === operation.repository,
+ );
+ const targetProfile = repository?.deploymentProfiles.find(
+ (item) => item.id === operation.profileId,
+ );
if (targetProfile) {
const oldLive = targetProfile.state.liveSha;
targetProfile.state.previousSha = oldLive;
@@ -250,105 +560,980 @@
}
window.forgeflow = Object.freeze({
- async bootstrap() { await wait(80); snapshot(); return { appVersion: '0.5.1-demo', platform: 'win32', state: clone(state), git: { available: true, version: 'git version 2.47.3' }, diagnostics: { enabled: true, level: state.preferences.diagnosticLevel, retentionDays: state.preferences.logRetentionDays, maxFileMb: state.preferences.maxLogFileMb, directory: '
/AppData/Roaming/ForgeFlow/diagnostics', fileCount: 2, totalBytes: 18432, totalSize: '18.0 KB', latestAt: iso(-2000), lastWriteError: null } }; },
- async selectDirectory() { await wait(); return 'C:\\Development'; },
- async selectKeyFile() { await wait(); return 'C:\\Users\\Jens\\.ssh\\id_ed25519'; },
- async setupPreflight({ baseUrl, token, roots = [] }) { await wait(240); const checks = [
- { id: 'git.available', label: 'Git command line', status: 'pass', detail: 'git version 2.47.3', required: true },
- { id: 'git.identity', label: 'Git author identity', status: 'pass', detail: 'Jens ', required: false },
- { id: 'storage.userdata', label: 'Application data storage', status: 'pass', detail: 'ForgeFlow can write its local configuration.', required: true },
- { id: 'storage.diagnostics', label: 'Diagnostic log storage', status: 'pass', detail: 'The diagnostic directory is writable.', required: true },
- { id: 'storage.credentials', label: 'Protected credential storage', status: 'pass', detail: 'The operating system can encrypt the Gitea token at rest.', required: false },
- { id: 'workspace.roots', label: 'Development folders', status: roots.length ? 'pass' : 'warning', detail: roots.length ? `${roots.length} folder(s) selected.` : 'No development folder selected yet.', required: false },
- { id: 'gitea.connection', label: 'Gitea connection', status: baseUrl && token ? 'pass' : 'warning', detail: baseUrl && token ? 'Connection parameters are ready for validation.' : 'Enter the Gitea URL and token.', required: false }
- ]; return { kind: 'system', startedAt: iso(-100), completedAt: iso(), checks, summary: { counts: { pass: checks.filter(i=>i.status==='pass').length, warning: checks.filter(i=>i.status==='warning').length, fail: 0, skipped: 0 }, blocking: [], ready: true } }; },
- async validateGitea({ baseUrl, token }) { await wait(320); if (!baseUrl || !token) throw new Error('Enter an instance URL and access token.'); return { baseUrl: baseUrl.replace(/\/$/, ''), user: { login: 'jens', full_name: 'Jens' }, repositoryCount: repositories.length, version: '1.26.0' }; },
- async completeSetup(payload) { await wait(300); state.setupComplete = true; state.gitea = { baseUrl: payload.baseUrl, user: payload.user, hasToken: true }; state.workspaceRoots = payload.workspaceRoots; storage.set('forgeflow-demo-setup', 'true'); return { state: clone(state), tokenState: { persistent: true } }; },
- async updateGitea(payload) { const validation = await this.validateGitea({ ...payload, token: payload.token || 'preserved-demo-token' }); state.gitea = { baseUrl: validation.baseUrl, user: validation.user, hasToken: true }; return { validation, tokenState: { persistent: true, preserved: !payload.token }, state: clone(state) }; },
- async setWorkspaceRoots(roots) { state.workspaceRoots = [...new Set(roots)]; return clone(state); },
- async setAppearance(appearance) { state.appearance = appearance; storage.set('forgeflow-theme', appearance); return clone(state); },
- async setPreferences(preferences) { state.preferences = { ...state.preferences, ...preferences }; snapshot(); return clone(state); },
- async setUpdatePreferences(updates) { state.updates = { ...state.updates, ...updates }; return clone(state); },
- async checkForUpdates() { await wait(300); return { checkedAt: iso(), owner: state.updates.owner, repo: state.updates.repo, branch: state.updates.branch, currentVersion: '0.5.4', remoteVersion: '0.6.0', remoteSha: 'a'.repeat(40), shortSha: 'aaaaaaa', available: true, mode: 'source' }; },
- async downloadUpdate() { await wait(500); return { ...(await this.checkForUpdates()), downloaded: true, archivePath: 'C:\\Temp\\ForgeFlow-0.4.1.zip', sha256: 'b'.repeat(64) }; },
- async applyUpdate() { await wait(200); return { launched: true, confirmed: true, version: '0.6.0' }; },
- async saveServer(server) { const saved = { ...server, id: server.id || `server-${Date.now()}`, hasPassword: server.authType === 'password', hasPassphrase: false }; state.servers = [saved, ...state.servers.filter((item) => item.id !== saved.id)]; return { server: clone(saved), state: clone(state) }; },
- async deleteServer(serverId) { state.servers = state.servers.filter((item) => item.id !== serverId); return clone(state); },
- async testServer(serverId) { const server = state.servers.find((item) => item.id === serverId); server.hostFingerprint = server.hostFingerprint || 'SHA256:demo'; return { connected: true, fingerprint: server.hostFingerprint, server: clone(server), output: 'Linux\n/usr/bin/git\nDocker Compose version v2', state: clone(state) }; },
- async inspectServerProject() { return { exists: true, rootGit: true, head: 'd42d4a7'.padEnd(40,'0'), branch: 'main', trackedChanges: [], composeFiles: ['docker-compose.yml'], nestedGit: ['source'], dockerfile: true }; },
- async refreshRepositories() { await wait(260); return snapshot(); },
- async discoverRepositories() { await wait(360); return snapshot().filter((repo) => repo.localPath).map((repo) => ({ localPath: repo.localPath, remoteUrl: repo.cloneUrl, status: repo.localStatus })); },
- async favoriteRepository(fullName, favorite) { const key = fullName.toLowerCase(); state.favorites = favorite ? [...new Set([...state.favorites, key])] : state.favorites.filter((item) => item !== key); snapshot(); return clone(state); },
- async linkRepository(fullName, localPath) { const repo = repositories.find((item) => item.fullName === fullName); repo.localPath = localPath; repo.linkState = 'linked'; repo.localStatus = makeStatus({ head: randomSha() }); emitRepositories(); return snapshot(); },
- async unlinkRepository(fullName) { const repo = repositories.find((item) => item.fullName === fullName); repo.localPath = null; repo.localStatus = null; repo.linkState = 'remote-only'; emitRepositories(); return snapshot(); },
- async repositoryStatus(localPath) { return clone(findRepo(localPath)?.localStatus); },
- async repositoryDiff(localPath, filePath) { await wait(80); return diffs[filePath] || `diff --git a/${filePath} b/${filePath}\n--- a/${filePath}\n+++ b/${filePath}\n@@ -1 +1 @@\n-old\n+new`; },
- async stageFiles(localPath, files) { const repo = findRepo(localPath); repo.localStatus.files.forEach((item) => { if (!files?.length || files.includes(item.path)) { item.staged = true; item.unstaged = false; item.indexCode = item.untracked ? 'A' : 'M'; item.worktreeCode = '.'; } }); recompute(repo); emitRepositories(); return clone(repo.localStatus); },
- async unstageFiles(localPath, files) { const repo = findRepo(localPath); repo.localStatus.files.forEach((item) => { if (!files?.length || files.includes(item.path)) { item.staged = false; item.unstaged = true; item.indexCode = '.'; item.worktreeCode = item.untracked ? '?' : 'M'; } }); recompute(repo); emitRepositories(); return clone(repo.localStatus); },
- async commit(localPath, message, files) { await wait(520); if (!message?.trim()) throw new Error('Enter a commit message.'); const repo = findRepo(localPath); repo.localStatus.files = repo.localStatus.files.filter((item) => !files?.includes(item.path)); repo.localStatus.head = randomSha(); repo.localStatus.branch.ahead += 1; recompute(repo); emitRepositories(); return { commitOutput: `[${repo.localStatus.branch.head} ${repo.localStatus.shortHead}] ${message}`, commitSha: repo.localStatus.head, status: clone(repo.localStatus) }; },
- async commitAndPush(localPath, message, files) { const result = await this.commit(localPath, message, files); const repo = findRepo(localPath); await wait(240); repo.localStatus.branch.ahead = 0; recompute(repo); emitRepositories(); return { ...result, pushOutput: 'Push completed.', status: clone(repo.localStatus) }; },
- async push(localPath) { await wait(360); const repo = findRepo(localPath); repo.localStatus.branch.ahead = 0; recompute(repo); emitRepositories(); return { output: 'Push completed.', status: clone(repo.localStatus) }; },
- async fetch() { await wait(260); return { output: 'Fetch completed.' }; },
- async pull(localPath) { await wait(380); const repo = findRepo(localPath); repo.localStatus.branch.behind = 0; recompute(repo); emitRepositories(); return { output: 'Fast-forwarded.', status: clone(repo.localStatus) }; },
- async history() { await wait(100); return clone(commitHistory); },
- async branches(localPath) { const repo = findRepo(localPath); if (!branchesByRepo.has(localPath)) branchesByRepo.set(localPath, [{ name: repo.localStatus.branch.head, current: true, sha: repo.localStatus.head, shortSha: repo.localStatus.shortHead, upstream: repo.localStatus.branch.upstream }, { name: 'main', current: repo.localStatus.branch.head === 'main', sha: repo.localStatus.head, shortSha: repo.localStatus.shortHead, upstream: 'origin/main' }]); return clone(branchesByRepo.get(localPath)); },
- async checkoutBranch(localPath, branch) { const repo = findRepo(localPath); if (!repo.localStatus.clean) throw new Error('Commit or stash local changes before switching branches.'); const list = await this.branches(localPath); list.forEach((item) => { item.current = item.name === branch; }); branchesByRepo.set(localPath, list); repo.localStatus.branch.head = branch; repo.localStatus.branch.upstream = `origin/${branch}`; recompute(repo); emitRepositories(); return { status: clone(repo.localStatus), branches: clone(list) }; },
- async createBranch(localPath, branch) { const repo = findRepo(localPath); const list = await this.branches(localPath); list.forEach((item) => { item.current = false; }); list.unshift({ name: branch, current: true, sha: repo.localStatus.head, shortSha: repo.localStatus.shortHead, upstream: null }); branchesByRepo.set(localPath, list); repo.localStatus.branch.head = branch; repo.localStatus.branch.upstream = null; recompute(repo); emitRepositories(); return { status: clone(repo.localStatus), branches: clone(list) }; },
- async stash(localPath, message) { const repo = findRepo(localPath); const list = stashesByRepo.get(localPath) || []; list.unshift({ ref: `stash@{${list.length}}`, subject: message || 'ForgeFlow stash', date: iso() }); stashesByRepo.set(localPath, list); repo.localStatus.files = []; recompute(repo); emitRepositories(); return { output: 'Saved working directory and index state.', status: clone(repo.localStatus), stashes: clone(list) }; },
- async stashList(localPath) { return clone(stashesByRepo.get(localPath) || []); },
- async popStash(localPath, ref) { const repo = findRepo(localPath); const list = stashesByRepo.get(localPath) || []; const index = list.findIndex((item) => item.ref === ref); if (index < 0) throw new Error('Stash not found.'); list.splice(index, 1); stashesByRepo.set(localPath, list); repo.localStatus.files = [makeFile('src/restored-from-stash.ts')]; recompute(repo); emitRepositories(); return { output: 'Stash applied.', status: clone(repo.localStatus), stashes: clone(list) }; },
- async indexLockInfo() { return { exists: false, ageMs: 0 }; },
- async repairIndexLock() { return { removed: true }; },
- async setOrigin(localPath, remoteUrl) { const repo = findRepo(localPath); repo.localStatus.remoteUrl = remoteUrl; repo.sshUrl = remoteUrl; emitRepositories(); return clone(repo.localStatus); },
- async normalizeOrigins() { const changes = []; repositories.filter((repo) => repo.localPath && repo.sshUrl).forEach((repo) => { if (repo.localStatus.remoteUrl !== repo.sshUrl) { changes.push({ fullName: repo.fullName, previous: repo.localStatus.remoteUrl, next: repo.sshUrl }); repo.localStatus.remoteUrl = repo.sshUrl; } }); emitRepositories(); return { changes, repositories: snapshot() }; },
- async cloneRepository(fullName, mode = 'default') {
+ async bootstrap() {
+ await wait(80);
+ snapshot();
+ return {
+ appVersion: "0.8.1-demo",
+ platform: "win32",
+ state: clone(state),
+ git: { available: true, version: "git version 2.47.3" },
+ diagnostics: {
+ enabled: true,
+ level: state.preferences.diagnosticLevel,
+ retentionDays: state.preferences.logRetentionDays,
+ maxFileMb: state.preferences.maxLogFileMb,
+ directory: "/AppData/Roaming/ForgeFlow/diagnostics",
+ fileCount: 2,
+ totalBytes: 18432,
+ totalSize: "18.0 KB",
+ latestAt: iso(-2000),
+ lastWriteError: null,
+ },
+ };
+ },
+ async selectDirectory() {
+ await wait();
+ return "C:\\Development";
+ },
+ async selectKeyFile() {
+ await wait();
+ return "C:\\Users\\Jens\\.ssh\\id_ed25519";
+ },
+ async setupPreflight({ baseUrl, token, roots = [] }) {
+ await wait(240);
+ const checks = [
+ {
+ id: "git.available",
+ label: "Git command line",
+ status: "pass",
+ detail: "git version 2.47.3",
+ required: true,
+ },
+ {
+ id: "git.identity",
+ label: "Git author identity",
+ status: "pass",
+ detail: "Jens ",
+ required: false,
+ },
+ {
+ id: "storage.userdata",
+ label: "Application data storage",
+ status: "pass",
+ detail: "ForgeFlow can write its local configuration.",
+ required: true,
+ },
+ {
+ id: "storage.diagnostics",
+ label: "Diagnostic log storage",
+ status: "pass",
+ detail: "The diagnostic directory is writable.",
+ required: true,
+ },
+ {
+ id: "storage.credentials",
+ label: "Protected credential storage",
+ status: "pass",
+ detail: "The operating system can encrypt the Gitea token at rest.",
+ required: false,
+ },
+ {
+ id: "workspace.roots",
+ label: "Development folders",
+ status: roots.length ? "pass" : "warning",
+ detail: roots.length
+ ? `${roots.length} folder(s) selected.`
+ : "No development folder selected yet.",
+ required: false,
+ },
+ {
+ id: "gitea.connection",
+ label: "Gitea connection",
+ status: baseUrl && token ? "pass" : "warning",
+ detail:
+ baseUrl && token
+ ? "Connection parameters are ready for validation."
+ : "Enter the Gitea URL and token.",
+ required: false,
+ },
+ ];
+ return {
+ kind: "system",
+ startedAt: iso(-100),
+ completedAt: iso(),
+ checks,
+ summary: {
+ counts: {
+ pass: checks.filter((i) => i.status === "pass").length,
+ warning: checks.filter((i) => i.status === "warning").length,
+ fail: 0,
+ skipped: 0,
+ },
+ blocking: [],
+ ready: true,
+ },
+ };
+ },
+ async validateGitea({ baseUrl, token }) {
+ await wait(320);
+ if (!baseUrl || !token)
+ throw new Error("Enter an instance URL and access token.");
+ return {
+ baseUrl: baseUrl.replace(/\/$/, ""),
+ user: { login: "jens", full_name: "Jens" },
+ repositoryCount: repositories.length,
+ version: "1.26.0",
+ };
+ },
+ async completeSetup(payload) {
+ await wait(300);
+ state.setupComplete = true;
+ state.gitea = {
+ baseUrl: payload.baseUrl,
+ user: payload.user,
+ hasToken: true,
+ };
+ state.workspaceRoots = payload.workspaceRoots;
+ storage.set("forgeflow-demo-setup", "true");
+ return { state: clone(state), tokenState: { persistent: true } };
+ },
+ async updateGitea(payload) {
+ const validation = await this.validateGitea({
+ ...payload,
+ token: payload.token || "preserved-demo-token",
+ });
+ state.gitea = {
+ baseUrl: validation.baseUrl,
+ user: validation.user,
+ hasToken: true,
+ };
+ return {
+ validation,
+ tokenState: { persistent: true, preserved: !payload.token },
+ state: clone(state),
+ };
+ },
+ async setWorkspaceRoots(roots) {
+ state.workspaceRoots = [...new Set(roots)];
+ return clone(state);
+ },
+ async setAppearance(appearance) {
+ state.appearance = appearance;
+ storage.set("forgeflow-theme", appearance);
+ return clone(state);
+ },
+ async setPreferences(preferences) {
+ state.preferences = { ...state.preferences, ...preferences };
+ snapshot();
+ return clone(state);
+ },
+ async setUpdatePreferences(updates) {
+ state.updates = { ...state.updates, ...updates };
+ return clone(state);
+ },
+ async checkForUpdates() {
+ await wait(300);
+ return {
+ checkedAt: iso(),
+ owner: state.updates.owner,
+ repo: state.updates.repo,
+ branch: state.updates.branch,
+ currentVersion: "0.5.4",
+ remoteVersion: "0.6.0",
+ remoteSha: "a".repeat(40),
+ shortSha: "aaaaaaa",
+ available: true,
+ mode: "source",
+ };
+ },
+ async downloadUpdate() {
+ await wait(500);
+ return {
+ ...(await this.checkForUpdates()),
+ downloaded: true,
+ archivePath: "C:\\Temp\\ForgeFlow-0.4.1.zip",
+ sha256: "b".repeat(64),
+ };
+ },
+ async applyUpdate() {
+ await wait(200);
+ return { launched: true, confirmed: true, version: "0.6.0" };
+ },
+ async saveServer(server) {
+ const saved = {
+ ...server,
+ id: server.id || `server-${Date.now()}`,
+ hasPassword: server.authType === "password",
+ hasPassphrase: false,
+ };
+ state.servers = [
+ saved,
+ ...state.servers.filter((item) => item.id !== saved.id),
+ ];
+ return { server: clone(saved), state: clone(state) };
+ },
+ async deleteServer(serverId) {
+ state.servers = state.servers.filter((item) => item.id !== serverId);
+ return clone(state);
+ },
+ async testServer(serverId) {
+ const server = state.servers.find((item) => item.id === serverId);
+ server.hostFingerprint = server.hostFingerprint || "SHA256:demo";
+ return {
+ connected: true,
+ fingerprint: server.hostFingerprint,
+ server: clone(server),
+ output: "Linux\n/usr/bin/git\nDocker Compose version v2",
+ state: clone(state),
+ };
+ },
+ async inspectServerProject() {
+ return {
+ exists: true,
+ rootGit: true,
+ head: "d42d4a7".padEnd(40, "0"),
+ branch: "main",
+ trackedChanges: [],
+ composeFiles: ["docker-compose.yml"],
+ nestedGit: ["source"],
+ dockerfile: true,
+ };
+ },
+ async refreshRepositories() {
+ await wait(260);
+ return snapshot();
+ },
+ async discoverRepositories() {
+ await wait(360);
+ return snapshot()
+ .filter((repo) => repo.localPath)
+ .map((repo) => ({
+ localPath: repo.localPath,
+ remoteUrl: repo.cloneUrl,
+ status: repo.localStatus,
+ }));
+ },
+ async favoriteRepository(fullName, favorite) {
+ const key = fullName.toLowerCase();
+ state.favorites = favorite
+ ? [...new Set([...state.favorites, key])]
+ : state.favorites.filter((item) => item !== key);
+ snapshot();
+ return clone(state);
+ },
+ async linkRepository(fullName, localPath) {
+ const repo = repositories.find((item) => item.fullName === fullName);
+ repo.localPath = localPath;
+ repo.linkState = "linked";
+ repo.localStatus = makeStatus({ head: randomSha() });
+ emitRepositories();
+ return snapshot();
+ },
+ async unlinkRepository(fullName) {
+ const repo = repositories.find((item) => item.fullName === fullName);
+ repo.localPath = null;
+ repo.localStatus = null;
+ repo.linkState = "remote-only";
+ emitRepositories();
+ return snapshot();
+ },
+ async repositoryStatus(localPath) {
+ return clone(findRepo(localPath)?.localStatus);
+ },
+ async repositoryDiff(localPath, filePath) {
+ await wait(80);
+ return (
+ diffs[filePath] ||
+ `diff --git a/${filePath} b/${filePath}\n--- a/${filePath}\n+++ b/${filePath}\n@@ -1 +1 @@\n-old\n+new`
+ );
+ },
+ async repositoryDiffHunks(localPath, filePath) {
+ const diff = await this.repositoryDiff(localPath, filePath);
+ return {
+ filePath,
+ partialSupported: true,
+ hunks: [
+ {
+ index: 0,
+ heading: "@@ -1 +1 @@",
+ additions: 1,
+ deletions: 1,
+ lines: diff.split("\n").slice(-4),
+ },
+ ],
+ };
+ },
+ async stageHunks(localPath, filePath) {
+ return this.stageFiles(localPath, [filePath]);
+ },
+ async conflictState(localPath) {
+ const repo = findRepo(localPath);
+ const files = repo.localStatus.files
+ .filter((item) => item.conflict)
+ .map((item) => item.path);
+ return {
+ operation: files.length ? "merge" : null,
+ files,
+ canContinue: false,
+ status: clone(repo.localStatus),
+ };
+ },
+ async resolveConflict(localPath, filePath) {
+ const repo = findRepo(localPath);
+ const file = repo.localStatus.files.find(
+ (item) => item.path === filePath,
+ );
+ if (file) {
+ file.conflict = false;
+ file.staged = true;
+ file.unstaged = false;
+ }
+ recompute(repo);
+ return this.conflictState(localPath);
+ },
+ async continueGitOperation(localPath) {
+ return this.conflictState(localPath);
+ },
+ async abortGitOperation(localPath) {
+ return this.conflictState(localPath);
+ },
+ async stageFiles(localPath, files) {
+ const repo = findRepo(localPath);
+ repo.localStatus.files.forEach((item) => {
+ if (!files?.length || files.includes(item.path)) {
+ item.staged = true;
+ item.unstaged = false;
+ item.indexCode = item.untracked ? "A" : "M";
+ item.worktreeCode = ".";
+ }
+ });
+ recompute(repo);
+ emitRepositories();
+ return clone(repo.localStatus);
+ },
+ async unstageFiles(localPath, files) {
+ const repo = findRepo(localPath);
+ repo.localStatus.files.forEach((item) => {
+ if (!files?.length || files.includes(item.path)) {
+ item.staged = false;
+ item.unstaged = true;
+ item.indexCode = ".";
+ item.worktreeCode = item.untracked ? "?" : "M";
+ }
+ });
+ recompute(repo);
+ emitRepositories();
+ return clone(repo.localStatus);
+ },
+ async commit(localPath, message, files) {
+ await wait(520);
+ if (!message?.trim()) throw new Error("Enter a commit message.");
+ const repo = findRepo(localPath);
+ repo.localStatus.files = repo.localStatus.files.filter(
+ (item) => !files?.includes(item.path),
+ );
+ repo.localStatus.head = randomSha();
+ repo.localStatus.branch.ahead += 1;
+ recompute(repo);
+ emitRepositories();
+ return {
+ commitOutput: `[${repo.localStatus.branch.head} ${repo.localStatus.shortHead}] ${message}`,
+ commitSha: repo.localStatus.head,
+ status: clone(repo.localStatus),
+ };
+ },
+ async commitAndPush(localPath, message, files) {
+ const result = await this.commit(localPath, message, files);
+ const repo = findRepo(localPath);
+ await wait(240);
+ repo.localStatus.branch.ahead = 0;
+ recompute(repo);
+ emitRepositories();
+ return {
+ ...result,
+ pushOutput: "Push completed.",
+ status: clone(repo.localStatus),
+ };
+ },
+ async commitStaged(localPath, message) {
+ const repo = findRepo(localPath);
+ return this.commit(
+ localPath,
+ message,
+ repo.localStatus.files
+ .filter((item) => item.staged)
+ .map((item) => item.path),
+ );
+ },
+ async commitStagedAndPush(localPath, message) {
+ const repo = findRepo(localPath);
+ return this.commitAndPush(
+ localPath,
+ message,
+ repo.localStatus.files
+ .filter((item) => item.staged)
+ .map((item) => item.path),
+ );
+ },
+ async push(localPath) {
+ await wait(360);
+ const repo = findRepo(localPath);
+ repo.localStatus.branch.ahead = 0;
+ recompute(repo);
+ emitRepositories();
+ return { output: "Push completed.", status: clone(repo.localStatus) };
+ },
+ async fetch() {
+ await wait(260);
+ return { output: "Fetch completed." };
+ },
+ async pull(localPath) {
+ await wait(380);
+ const repo = findRepo(localPath);
+ repo.localStatus.branch.behind = 0;
+ recompute(repo);
+ emitRepositories();
+ return { output: "Fast-forwarded.", status: clone(repo.localStatus) };
+ },
+ async history() {
+ await wait(100);
+ return clone(commitHistory);
+ },
+ async branchProtection(fullName, branch) {
+ return {
+ branch,
+ protected: branch === "main",
+ requiredApprovals: branch === "main" ? 1 : 0,
+ requireSignedCommits: false,
+ };
+ },
+ async pullRequests() {
+ return [
+ {
+ number: 42,
+ title: "Harden deployment preflight",
+ html_url: "https://gitea.internal/jens/vacancyradar/pulls/42",
+ created_at: iso(-7_200_000),
+ updated_at: iso(-900_000),
+ head: { ref: "feature/deployment-api" },
+ base: { ref: "main" },
+ },
+ ];
+ },
+ async createPullRequest(fullName, title, body, base) {
+ return {
+ number: 42,
+ title,
+ body,
+ base,
+ html_url: `https://gitea.internal/${fullName}/pulls/42`,
+ };
+ },
+ async branches(localPath) {
+ const repo = findRepo(localPath);
+ if (!branchesByRepo.has(localPath))
+ branchesByRepo.set(localPath, [
+ {
+ name: repo.localStatus.branch.head,
+ current: true,
+ sha: repo.localStatus.head,
+ shortSha: repo.localStatus.shortHead,
+ upstream: repo.localStatus.branch.upstream,
+ },
+ {
+ name: "main",
+ current: repo.localStatus.branch.head === "main",
+ sha: repo.localStatus.head,
+ shortSha: repo.localStatus.shortHead,
+ upstream: "origin/main",
+ },
+ ]);
+ return clone(branchesByRepo.get(localPath));
+ },
+ async checkoutBranch(localPath, branch) {
+ const repo = findRepo(localPath);
+ if (!repo.localStatus.clean)
+ throw new Error(
+ "Commit or stash local changes before switching branches.",
+ );
+ const list = await this.branches(localPath);
+ list.forEach((item) => {
+ item.current = item.name === branch;
+ });
+ branchesByRepo.set(localPath, list);
+ repo.localStatus.branch.head = branch;
+ repo.localStatus.branch.upstream = `origin/${branch}`;
+ recompute(repo);
+ emitRepositories();
+ return { status: clone(repo.localStatus), branches: clone(list) };
+ },
+ async createBranch(localPath, branch) {
+ const repo = findRepo(localPath);
+ const list = await this.branches(localPath);
+ list.forEach((item) => {
+ item.current = false;
+ });
+ list.unshift({
+ name: branch,
+ current: true,
+ sha: repo.localStatus.head,
+ shortSha: repo.localStatus.shortHead,
+ upstream: null,
+ });
+ branchesByRepo.set(localPath, list);
+ repo.localStatus.branch.head = branch;
+ repo.localStatus.branch.upstream = null;
+ recompute(repo);
+ emitRepositories();
+ return { status: clone(repo.localStatus), branches: clone(list) };
+ },
+ async stash(localPath, message) {
+ const repo = findRepo(localPath);
+ const list = stashesByRepo.get(localPath) || [];
+ list.unshift({
+ ref: `stash@{${list.length}}`,
+ subject: message || "ForgeFlow stash",
+ date: iso(),
+ });
+ stashesByRepo.set(localPath, list);
+ repo.localStatus.files = [];
+ recompute(repo);
+ emitRepositories();
+ return {
+ output: "Saved working directory and index state.",
+ status: clone(repo.localStatus),
+ stashes: clone(list),
+ };
+ },
+ async stashList(localPath) {
+ return clone(stashesByRepo.get(localPath) || []);
+ },
+ async popStash(localPath, ref) {
+ const repo = findRepo(localPath);
+ const list = stashesByRepo.get(localPath) || [];
+ const index = list.findIndex((item) => item.ref === ref);
+ if (index < 0) throw new Error("Stash not found.");
+ list.splice(index, 1);
+ stashesByRepo.set(localPath, list);
+ repo.localStatus.files = [makeFile("src/restored-from-stash.ts")];
+ recompute(repo);
+ emitRepositories();
+ return {
+ output: "Stash applied.",
+ status: clone(repo.localStatus),
+ stashes: clone(list),
+ };
+ },
+ async indexLockInfo() {
+ return { exists: false, ageMs: 0 };
+ },
+ async repairIndexLock() {
+ return { removed: true };
+ },
+ async setOrigin(localPath, remoteUrl) {
+ const repo = findRepo(localPath);
+ repo.localStatus.remoteUrl = remoteUrl;
+ repo.sshUrl = remoteUrl;
+ emitRepositories();
+ return clone(repo.localStatus);
+ },
+ async normalizeOrigins() {
+ const changes = [];
+ repositories
+ .filter((repo) => repo.localPath && repo.sshUrl)
+ .forEach((repo) => {
+ if (repo.localStatus.remoteUrl !== repo.sshUrl) {
+ changes.push({
+ fullName: repo.fullName,
+ previous: repo.localStatus.remoteUrl,
+ next: repo.sshUrl,
+ });
+ repo.localStatus.remoteUrl = repo.sshUrl;
+ }
+ });
+ emitRepositories();
+ return { changes, repositories: snapshot() };
+ },
+ async cloneRepository(fullName, mode = "default") {
await wait(620);
- const repository = repositories.find((item) => item.fullName === fullName);
- if (!repository) throw new Error('Repository not found.');
- if (repository.localPath) throw new Error('This repository already has a linked local folder.');
- const root = mode === 'custom' ? 'D:\\OtherProjects' : state.workspaceRoots[0];
+ const repository = repositories.find(
+ (item) => item.fullName === fullName,
+ );
+ if (!repository) throw new Error("Repository not found.");
+ if (repository.localPath)
+ throw new Error("This repository already has a linked local folder.");
+ const root =
+ mode === "custom" ? "D:\\OtherProjects" : state.workspaceRoots[0];
if (!root) return { cancelled: true };
- const target = `${root.replace(/[\\/]+$/, '')}\\${repository.name}`;
+ const target = `${root.replace(/[\\/]+$/, "")}\\${repository.name}`;
const head = randomSha();
repository.localPath = target;
- repository.localStatus = makeStatus({ head, branch: repository.defaultBranch || 'main' });
+ repository.localStatus = makeStatus({
+ head,
+ branch: repository.defaultBranch || "main",
+ });
repository.localStatus.root = target;
- repository.localStatus.remoteUrl = repository.preferredCloneUrl || repository.cloneUrl;
- repository.linkState = 'linked';
+ repository.localStatus.remoteUrl =
+ repository.preferredCloneUrl || repository.cloneUrl;
+ repository.linkState = "linked";
recompute(repository);
const current = snapshot();
emitRepositories();
- return { target, status: clone(repository.localStatus), reused: false, repositories: current, state: clone(state) };
+ return {
+ target,
+ status: clone(repository.localStatus),
+ reused: false,
+ repositories: current,
+ state: clone(state),
+ };
+ },
+ async openPath() {
+ return true;
+ },
+ async openEditor() {
+ return { launched: true, executable: "code" };
+ },
+ async openTerminal() {
+ return { launched: true, executable: "wt.exe" };
+ },
+ async openExternal() {
+ return true;
+ },
+ async saveDeploymentProfile(fullName, input) {
+ const repo = repositories.find((item) => item.fullName === fullName);
+ const existing = repo.deploymentProfiles.find(
+ (item) => item.id === input.id,
+ );
+ const saved = {
+ ...(existing ||
+ profile(
+ input.id || `profile-${Date.now()}`,
+ input.name || input.environment,
+ input.environment || "production",
+ )),
+ ...input,
+ id: input.id || `profile-${Date.now()}`,
+ provider: "gitea-actions",
+ inputs: existing?.inputs || {},
+ state: existing?.state || {
+ liveSha: null,
+ previousSha: null,
+ healthy: null,
+ healthConfigured: Boolean(input.healthcheckUrl),
+ statusConfigured: Boolean(input.statusUrl),
+ checkedAt: null,
+ },
+ };
+ repo.deploymentProfiles = [
+ ...repo.deploymentProfiles.filter((item) => item.id !== saved.id),
+ saved,
+ ];
+ snapshot();
+ return { profile: clone(saved), state: clone(state) };
+ },
+ async deleteDeploymentProfile(fullName, profileId) {
+ const repo = repositories.find((item) => item.fullName === fullName);
+ repo.deploymentProfiles = repo.deploymentProfiles.filter(
+ (item) => item.id !== profileId,
+ );
+ snapshot();
+ return { profiles: clone(repo.deploymentProfiles), state: clone(state) };
+ },
+ async deploymentPreflight(repository, profileId) {
+ await wait(280);
+ const profile = repository.deploymentProfiles.find(
+ (item) => item.id === profileId,
+ );
+ const status = repository.localStatus;
+ const checks = [
+ {
+ id: "repository.linked",
+ label: "Local repository link",
+ status: repository.localPath ? "pass" : "fail",
+ detail: repository.localPath || "No local folder linked.",
+ required: true,
+ },
+ {
+ id: "git.branch",
+ label: "Allowed branch",
+ status: status?.branch.head === profile?.branch ? "pass" : "fail",
+ detail: `Current: ${status?.branch.head || "unknown"}; required: ${profile?.branch || "unknown"}.`,
+ required: true,
+ },
+ {
+ id: "git.clean",
+ label: "Clean working tree",
+ status: status?.clean ? "pass" : "fail",
+ detail: status?.clean
+ ? "No uncommitted changes."
+ : `${status?.counts.changed || 0} changed file(s).`,
+ required: true,
+ },
+ {
+ id: "git.sync",
+ label: "Local and Gitea synchronized",
+ status:
+ !status?.branch.ahead && !status?.branch.behind ? "pass" : "fail",
+ detail: `${status?.branch.ahead || 0} ahead, ${status?.branch.behind || 0} behind.`,
+ required: true,
+ },
+ {
+ id: "workflow.deploy.remote",
+ label: "Deploy workflow on Gitea branch",
+ status: "pass",
+ detail: `${profile?.workflowFile || "deploy.yml"} exists on ${profile?.branch || "main"}.`,
+ required: true,
+ },
+ {
+ id: "gitea.actions",
+ label: "Gitea Actions API",
+ status: "pass",
+ detail: "The Actions runs endpoint is accessible.",
+ required: true,
+ },
+ {
+ id: "server.status",
+ label: "Server version endpoint",
+ status: profile?.statusUrl ? "pass" : "warning",
+ detail: profile?.statusUrl
+ ? `Endpoint reachable; live ${profile.state?.liveSha?.slice(0, 7) || "unknown"}.`
+ : "No status URL configured.",
+ required: false,
+ },
+ {
+ id: "server.health",
+ label: "Application healthcheck",
+ status: profile?.healthcheckUrl ? "pass" : "warning",
+ detail: profile?.healthcheckUrl
+ ? "HTTP 200 in 42 ms."
+ : "No healthcheck URL configured.",
+ required: false,
+ },
+ ];
+ const blocking = checks
+ .filter((i) => i.required && i.status === "fail")
+ .map((i) => i.id);
+ return {
+ kind: "deployment",
+ repository: repository.fullName,
+ profileId,
+ startedAt: iso(-100),
+ completedAt: iso(),
+ checks,
+ summary: {
+ counts: {
+ pass: checks.filter((i) => i.status === "pass").length,
+ warning: checks.filter((i) => i.status === "warning").length,
+ fail: checks.filter((i) => i.status === "fail").length,
+ skipped: 0,
+ },
+ blocking,
+ ready: blocking.length === 0,
+ },
+ head: status?.head || null,
+ };
+ },
+ async deploy(repository, profileId, sha) {
+ await wait(320);
+ const selected = repository.deploymentProfiles.find(
+ (item) => item.id === profileId,
+ );
+ const operation = {
+ id: `deploy-${Date.now()}`,
+ type: "deployment",
+ action: "deploy",
+ status: "queued",
+ repository: repository.fullName,
+ profileId,
+ profileName: selected.name,
+ environment: selected.environment,
+ workflowFile: selected.workflowFile,
+ branch: selected.branch,
+ sha,
+ shortSha: sha.slice(0, 7),
+ dispatchedAt: iso(),
+ createdAt: iso(),
+ updatedAt: iso(),
+ demoPolls: 0,
+ stages: [
+ { id: "requested", label: "Requested", status: "complete" },
+ { id: "verified", label: "Verified", status: "complete" },
+ { id: "queued", label: "Workflow queued", status: "active" },
+ { id: "runner", label: "Runner execution", status: "pending" },
+ { id: "healthcheck", label: "Healthcheck", status: "pending" },
+ { id: "complete", label: "Complete", status: "pending" },
+ ],
+ logs: [
+ `[info] Verified clean ${selected.branch} at ${sha}`,
+ `[ok] Gitea accepted ${selected.workflowFile}.`,
+ ],
+ };
+ return updateOperation(operation);
+ },
+ async rollback(repository, profileId, targetSha) {
+ await wait(320);
+ const selected = repository.deploymentProfiles.find(
+ (item) => item.id === profileId,
+ );
+ const operation = {
+ id: `rollback-${Date.now()}`,
+ type: "deployment",
+ action: "rollback",
+ status: "queued",
+ repository: repository.fullName,
+ profileId,
+ profileName: selected.name,
+ environment: selected.environment,
+ workflowFile: selected.rollbackWorkflowFile,
+ branch: selected.branch,
+ sha: targetSha,
+ shortSha: targetSha.slice(0, 7),
+ dispatchedAt: iso(),
+ createdAt: iso(),
+ updatedAt: iso(),
+ demoPolls: 0,
+ stages: [
+ { id: "requested", label: "Requested", status: "complete" },
+ { id: "verified", label: "Verified", status: "complete" },
+ { id: "queued", label: "Workflow queued", status: "active" },
+ { id: "runner", label: "Runner execution", status: "pending" },
+ { id: "healthcheck", label: "Healthcheck", status: "pending" },
+ { id: "complete", label: "Complete", status: "pending" },
+ ],
+ logs: [
+ `[warning] Rollback target verified: ${targetSha}`,
+ `[ok] Gitea accepted ${selected.rollbackWorkflowFile}.`,
+ ],
+ };
+ return updateOperation(operation);
+ },
+ async healthcheck() {
+ await wait(160);
+ return { configured: true, healthy: true, status: 200, latencyMs: 42 };
+ },
+ async refreshProfileState(fullName, profileId) {
+ await wait(240);
+ const repo =
+ repositories.find((item) => item.fullName === fullName) ||
+ findProfileRepo(profileId);
+ const target = repo?.deploymentProfiles.find(
+ (item) => item.id === profileId,
+ );
+ if (!target) throw new Error("Deployment profile not found.");
+ target.state = {
+ ...target.state,
+ checkedAt: iso(),
+ healthy: target.state.healthy !== false,
+ healthConfigured: Boolean(target.healthcheckUrl),
+ statusConfigured: Boolean(target.statusUrl),
+ };
+ syncState();
+ return clone(target.state);
+ },
+ async refreshOperations(operationId = null) {
+ await wait(300);
+ if (operationId) {
+ const operation = state.operations.find(
+ (item) => item.id === operationId,
+ );
+ if (!operation) throw new Error("Operation not found.");
+ return updateOperation(advanceOperation(operation));
+ }
+ const active = state.operations
+ .filter(
+ (item) =>
+ !["success", "failed", "cancelled", "rolled-back"].includes(
+ item.status,
+ ),
+ )
+ .map(advanceOperation);
+ if (active.length) emitOperations(active);
+ state.operations = state.operations.map(
+ (item) => active.find((entry) => entry.id === item.id) || item,
+ );
+ return clone(active);
+ },
+ async getOperation(operationId) {
+ return clone(
+ state.operations.find((item) => item.id === operationId) || null,
+ );
+ },
+ async diagnosticsStatus() {
+ return {
+ enabled: state.preferences.diagnosticsEnabled !== false,
+ level: state.preferences.diagnosticLevel,
+ retentionDays: state.preferences.logRetentionDays,
+ maxFileMb: state.preferences.maxLogFileMb,
+ directory: "/AppData/Roaming/ForgeFlow/diagnostics",
+ fileCount: 2,
+ totalBytes: 18432,
+ totalSize: "18.0 KB",
+ latestAt: iso(-2000),
+ lastWriteError: null,
+ };
+ },
+ async exportConfigurationBackup() {
+ return {
+ filePath: "C:\\Downloads\\ForgeFlow-Configuration-demo.ffbackup",
+ };
+ },
+ async importConfigurationBackup() {
+ return { state: clone(state), exportedAt: iso(-86400000) };
+ },
+ async listAuditEvents() {
+ return [
+ {
+ id: "audit-1",
+ timestamp: iso(-60000),
+ event: "deployment.completed",
+ details: { repository: "Jens/ForgeFlow", result: "success" },
+ },
+ ];
+ },
+ async exportAuditLog() {
+ return { filePath: "C:\\Downloads\\ForgeFlow-Audit-demo.json", count: 1 };
+ },
+ async clearDiagnostics() {
+ return {
+ enabled: true,
+ level: state.preferences.diagnosticLevel,
+ retentionDays: state.preferences.logRetentionDays,
+ maxFileMb: state.preferences.maxLogFileMb,
+ directory: "/AppData/Roaming/ForgeFlow/diagnostics",
+ fileCount: 1,
+ totalBytes: 256,
+ totalSize: "256 B",
+ latestAt: iso(),
+ lastWriteError: null,
+ };
+ },
+ async openDiagnosticsFolder() {
+ return true;
+ },
+ async exportDiagnostics(privacyMode = "standard") {
+ await wait(500);
+ return {
+ path: `C:\Users\Jens\Downloads\ForgeFlow-Diagnostics-demo.zip`,
+ bytes: 38221,
+ size: "37.3 KB",
+ sha256: "b".repeat(64),
+ privacyMode,
+ generatedAt: iso(),
+ };
+ },
+ async showDiagnosticBundle() {
+ return true;
+ },
+ async reportRendererEvent() {
+ return true;
+ },
+ onRepositoriesChanged(listener) {
+ repositoryListeners.add(listener);
+ return () => repositoryListeners.delete(listener);
+ },
+ onOperationsChanged(listener) {
+ operationListeners.add(listener);
+ return () => operationListeners.delete(listener);
+ },
+ onUpdatesChanged(listener) {
+ updateListeners.add(listener);
+ return () => updateListeners.delete(listener);
+ },
+ async reset() {
+ state.setupComplete = false;
+ storage.set("forgeflow-demo-setup", "false");
+ return clone(state);
},
- async openPath() { return true; },
- async openExternal() { return true; },
- async saveDeploymentProfile(fullName, input) { const repo = repositories.find((item) => item.fullName === fullName); const existing = repo.deploymentProfiles.find((item) => item.id === input.id); const saved = { ...(existing || profile(input.id || `profile-${Date.now()}`, input.name || input.environment, input.environment || 'production')), ...input, id: input.id || `profile-${Date.now()}`, provider: 'gitea-actions', inputs: existing?.inputs || {}, state: existing?.state || { liveSha: null, previousSha: null, healthy: null, healthConfigured: Boolean(input.healthcheckUrl), statusConfigured: Boolean(input.statusUrl), checkedAt: null } }; repo.deploymentProfiles = [...repo.deploymentProfiles.filter((item) => item.id !== saved.id), saved]; snapshot(); return { profile: clone(saved), state: clone(state) }; },
- async deleteDeploymentProfile(fullName, profileId) { const repo = repositories.find((item) => item.fullName === fullName); repo.deploymentProfiles = repo.deploymentProfiles.filter((item) => item.id !== profileId); snapshot(); return { profiles: clone(repo.deploymentProfiles), state: clone(state) }; },
- async deploymentPreflight(repository, profileId) { await wait(280); const profile = repository.deploymentProfiles.find((item) => item.id === profileId); const status = repository.localStatus; const checks = [
- { id: 'repository.linked', label: 'Local repository link', status: repository.localPath ? 'pass' : 'fail', detail: repository.localPath || 'No local folder linked.', required: true },
- { id: 'git.branch', label: 'Allowed branch', status: status?.branch.head === profile?.branch ? 'pass' : 'fail', detail: `Current: ${status?.branch.head || 'unknown'}; required: ${profile?.branch || 'unknown'}.`, required: true },
- { id: 'git.clean', label: 'Clean working tree', status: status?.clean ? 'pass' : 'fail', detail: status?.clean ? 'No uncommitted changes.' : `${status?.counts.changed || 0} changed file(s).`, required: true },
- { id: 'git.sync', label: 'Local and Gitea synchronized', status: !status?.branch.ahead && !status?.branch.behind ? 'pass' : 'fail', detail: `${status?.branch.ahead || 0} ahead, ${status?.branch.behind || 0} behind.`, required: true },
- { id: 'workflow.deploy.remote', label: 'Deploy workflow on Gitea branch', status: 'pass', detail: `${profile?.workflowFile || 'deploy.yml'} exists on ${profile?.branch || 'main'}.`, required: true },
- { id: 'gitea.actions', label: 'Gitea Actions API', status: 'pass', detail: 'The Actions runs endpoint is accessible.', required: true },
- { id: 'server.status', label: 'Server version endpoint', status: profile?.statusUrl ? 'pass' : 'warning', detail: profile?.statusUrl ? `Endpoint reachable; live ${profile.state?.liveSha?.slice(0,7) || 'unknown'}.` : 'No status URL configured.', required: false },
- { id: 'server.health', label: 'Application healthcheck', status: profile?.healthcheckUrl ? 'pass' : 'warning', detail: profile?.healthcheckUrl ? 'HTTP 200 in 42 ms.' : 'No healthcheck URL configured.', required: false }
- ]; const blocking = checks.filter(i=>i.required && i.status==='fail').map(i=>i.id); return { kind: 'deployment', repository: repository.fullName, profileId, startedAt: iso(-100), completedAt: iso(), checks, summary: { counts: { pass: checks.filter(i=>i.status==='pass').length, warning: checks.filter(i=>i.status==='warning').length, fail: checks.filter(i=>i.status==='fail').length, skipped: 0 }, blocking, ready: blocking.length===0 }, head: status?.head || null }; },
- async deploy(repository, profileId, sha) { await wait(320); const selected = repository.deploymentProfiles.find((item) => item.id === profileId); const operation = { id: `deploy-${Date.now()}`, type: 'deployment', action: 'deploy', status: 'queued', repository: repository.fullName, profileId, profileName: selected.name, environment: selected.environment, workflowFile: selected.workflowFile, branch: selected.branch, sha, shortSha: sha.slice(0, 7), dispatchedAt: iso(), createdAt: iso(), updatedAt: iso(), demoPolls: 0, stages: [{ id: 'requested', label: 'Requested', status: 'complete' }, { id: 'verified', label: 'Verified', status: 'complete' }, { id: 'queued', label: 'Workflow queued', status: 'active' }, { id: 'runner', label: 'Runner execution', status: 'pending' }, { id: 'healthcheck', label: 'Healthcheck', status: 'pending' }, { id: 'complete', label: 'Complete', status: 'pending' }], logs: [`[info] Verified clean ${selected.branch} at ${sha}`, `[ok] Gitea accepted ${selected.workflowFile}.`] }; return updateOperation(operation); },
- async rollback(repository, profileId, targetSha) { await wait(320); const selected = repository.deploymentProfiles.find((item) => item.id === profileId); const operation = { id: `rollback-${Date.now()}`, type: 'deployment', action: 'rollback', status: 'queued', repository: repository.fullName, profileId, profileName: selected.name, environment: selected.environment, workflowFile: selected.rollbackWorkflowFile, branch: selected.branch, sha: targetSha, shortSha: targetSha.slice(0, 7), dispatchedAt: iso(), createdAt: iso(), updatedAt: iso(), demoPolls: 0, stages: [{ id: 'requested', label: 'Requested', status: 'complete' }, { id: 'verified', label: 'Verified', status: 'complete' }, { id: 'queued', label: 'Workflow queued', status: 'active' }, { id: 'runner', label: 'Runner execution', status: 'pending' }, { id: 'healthcheck', label: 'Healthcheck', status: 'pending' }, { id: 'complete', label: 'Complete', status: 'pending' }], logs: [`[warning] Rollback target verified: ${targetSha}`, `[ok] Gitea accepted ${selected.rollbackWorkflowFile}.`] }; return updateOperation(operation); },
- async healthcheck() { await wait(160); return { configured: true, healthy: true, status: 200, latencyMs: 42 }; },
- async refreshProfileState(fullName, profileId) { await wait(240); const repo = repositories.find((item) => item.fullName === fullName) || findProfileRepo(profileId); const target = repo?.deploymentProfiles.find((item) => item.id === profileId); if (!target) throw new Error('Deployment profile not found.'); target.state = { ...target.state, checkedAt: iso(), healthy: target.state.healthy !== false, healthConfigured: Boolean(target.healthcheckUrl), statusConfigured: Boolean(target.statusUrl) }; syncState(); return clone(target.state); },
- async refreshOperations(operationId = null) { await wait(300); if (operationId) { const operation = state.operations.find((item) => item.id === operationId); if (!operation) throw new Error('Operation not found.'); return updateOperation(advanceOperation(operation)); } const active = state.operations.filter((item) => !['success', 'failed', 'cancelled', 'rolled-back'].includes(item.status)).map(advanceOperation); if (active.length) emitOperations(active); state.operations = state.operations.map((item) => active.find((entry) => entry.id === item.id) || item); return clone(active); },
- async getOperation(operationId) { return clone(state.operations.find((item) => item.id === operationId) || null); },
- async diagnosticsStatus() { return { enabled: state.preferences.diagnosticsEnabled !== false, level: state.preferences.diagnosticLevel, retentionDays: state.preferences.logRetentionDays, maxFileMb: state.preferences.maxLogFileMb, directory: '/AppData/Roaming/ForgeFlow/diagnostics', fileCount: 2, totalBytes: 18432, totalSize: '18.0 KB', latestAt: iso(-2000), lastWriteError: null }; },
- async clearDiagnostics() { return { enabled: true, level: state.preferences.diagnosticLevel, retentionDays: state.preferences.logRetentionDays, maxFileMb: state.preferences.maxLogFileMb, directory: '/AppData/Roaming/ForgeFlow/diagnostics', fileCount: 1, totalBytes: 256, totalSize: '256 B', latestAt: iso(), lastWriteError: null }; },
- async openDiagnosticsFolder() { return true; },
- async exportDiagnostics(privacyMode = 'standard') { await wait(500); return { path: `C:\Users\Jens\Downloads\ForgeFlow-Diagnostics-demo.zip`, bytes: 38221, size: '37.3 KB', sha256: 'b'.repeat(64), privacyMode, generatedAt: iso() }; },
- async showDiagnosticBundle() { return true; },
- async reportRendererEvent() { return true; },
- onRepositoriesChanged(listener) { repositoryListeners.add(listener); return () => repositoryListeners.delete(listener); },
- onOperationsChanged(listener) { operationListeners.add(listener); return () => operationListeners.delete(listener); },
- onUpdatesChanged(listener) { updateListeners.add(listener); return () => updateListeners.delete(listener); },
- async reset() { state.setupComplete = false; storage.set('forgeflow-demo-setup', 'false'); return clone(state); }
});
})();
diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index 3289e3f..4ad498e 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -13,19 +13,21 @@
--text-faint: #6f7a8d;
--primary: #8fb4ff;
--primary-strong: #5b8ff9;
- --primary-soft: rgba(91, 143, 249, .15);
+ --primary-soft: rgba(91, 143, 249, 0.15);
--success: #54ddb0;
- --success-soft: rgba(84, 221, 176, .12);
+ --success-soft: rgba(84, 221, 176, 0.12);
--warning: #f2ba63;
- --warning-soft: rgba(242, 186, 99, .13);
+ --warning-soft: rgba(242, 186, 99, 0.13);
--danger: #ff817a;
- --danger-soft: rgba(255, 129, 122, .13);
- --shadow: 0 18px 70px rgba(0,0,0,.32);
+ --danger-soft: rgba(255, 129, 122, 0.13);
+ --shadow: 0 18px 70px rgba(0, 0, 0, 0.32);
--radius: 7px;
--sidebar: 286px;
--action-panel: 352px;
- --font-ui: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
- --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+ --font-ui:
+ Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+ --font-mono:
+ "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
html[data-theme="light"] {
@@ -43,525 +45,3046 @@ html[data-theme="light"] {
--text-faint: #7b879a;
--primary: #295fca;
--primary-strong: #326ee0;
- --primary-soft: rgba(50, 110, 224, .10);
+ --primary-soft: rgba(50, 110, 224, 0.1);
--success: #087a57;
- --success-soft: rgba(8, 122, 87, .10);
+ --success-soft: rgba(8, 122, 87, 0.1);
--warning: #9b5b00;
- --warning-soft: rgba(155, 91, 0, .10);
+ --warning-soft: rgba(155, 91, 0, 0.1);
--danger: #c73737;
- --danger-soft: rgba(199, 55, 55, .10);
- --shadow: 0 18px 70px rgba(43, 55, 77, .15);
+ --danger-soft: rgba(199, 55, 55, 0.1);
+ --shadow: 0 18px 70px rgba(43, 55, 77, 0.15);
}
-* { box-sizing: border-box; }
-html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
-body { background: var(--bg); color: var(--text); font-family: var(--font-ui); font-size: 13px; }
-button, input, textarea, select { font: inherit; color: inherit; }
-button { border: 0; }
-button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
-::selection { background: rgba(91, 143, 249, .35); }
-::-webkit-scrollbar { width: 9px; height: 9px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--text-faint) 38%, transparent); border: 3px solid transparent; background-clip: padding-box; border-radius: 20px; }
+* {
+ box-sizing: border-box;
+}
+html,
+body {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ overflow: hidden;
+}
+body {
+ background: var(--bg);
+ color: var(--text);
+ font-family: var(--font-ui);
+ font-size: 13px;
+}
+button,
+input,
+textarea,
+select {
+ font: inherit;
+ color: inherit;
+}
+button {
+ border: 0;
+}
+button:focus-visible,
+input:focus-visible,
+textarea:focus-visible,
+select:focus-visible {
+ outline: 2px solid var(--primary);
+ outline-offset: 1px;
+}
+::selection {
+ background: rgba(91, 143, 249, 0.35);
+}
+::-webkit-scrollbar {
+ width: 9px;
+ height: 9px;
+}
+::-webkit-scrollbar-track {
+ background: transparent;
+}
+::-webkit-scrollbar-thumb {
+ background: color-mix(in srgb, var(--text-faint) 38%, transparent);
+ border: 3px solid transparent;
+ background-clip: padding-box;
+ border-radius: 20px;
+}
-.boot-screen { height: 100vh; display: grid; place-content: center; justify-items: center; gap: 10px; color: var(--text-muted); }
-.boot-screen strong { color: var(--text); font-size: 16px; }
-.boot-brand-logo { width: 72px; height: 56px; object-fit: contain; filter: drop-shadow(0 10px 28px rgba(0,174,255,.24)); }
-.brand-mark { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(145deg, var(--primary), var(--primary-strong)); color: #07152e; font-weight: 800; font-size: 20px; box-shadow: 0 8px 30px rgba(91,143,249,.25); }
+.boot-screen {
+ height: 100vh;
+ display: grid;
+ place-content: center;
+ justify-items: center;
+ gap: 10px;
+ color: var(--text-muted);
+}
+.boot-screen strong {
+ color: var(--text);
+ font-size: 16px;
+}
+.boot-brand-logo {
+ width: 72px;
+ height: 56px;
+ object-fit: contain;
+ filter: drop-shadow(0 10px 28px rgba(0, 174, 255, 0.24));
+}
+.brand-mark {
+ width: 40px;
+ height: 40px;
+ display: grid;
+ place-items: center;
+ border-radius: 10px;
+ background: linear-gradient(145deg, var(--primary), var(--primary-strong));
+ color: #07152e;
+ font-weight: 800;
+ font-size: 20px;
+ box-shadow: 0 8px 30px rgba(91, 143, 249, 0.25);
+}
-.app-shell { height: 100vh; display: grid; grid-template-rows: 48px minmax(0,1fr) 25px; background: var(--bg); }
-.titlebar { display: flex; align-items: center; justify-content: space-between; padding: 0 10px 0 14px; border-bottom: 1px solid var(--line); background: var(--surface-1); -webkit-app-region: drag; }
-.titlebar-left, .titlebar-right { display: flex; align-items: center; gap: 9px; min-width: 0; }
-.titlebar button, .titlebar input { -webkit-app-region: no-drag; }
-.wordmark { display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 720; letter-spacing: -.02em; }
-.wordmark .brand-mark { width: 25px; height: 25px; border-radius: 6px; font-size: 13px; box-shadow: none; }
-.brand-logo { width: 32px; height: 25px; object-fit: contain; display: block; }
-.wordmark small { color: var(--text-faint); font-size: 9px; font-weight: 620; letter-spacing: .01em; margin-left: -4px; }
-.workspace-name { color: var(--text-muted); border-left: 1px solid var(--line); padding-left: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px; }
-.connection-chip { display: inline-flex; align-items: center; gap: 6px; color: var(--text-muted); font-size: 11px; font-weight: 650; padding: 5px 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-0); }
-.connection-chip .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 3px var(--success-soft); }
-.global-search { width: clamp(180px, 23vw, 330px); height: 30px; padding: 0 10px 0 31px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-0); color: var(--text); }
-.search-wrap { position: relative; }
-.search-wrap .icon { position: absolute; left: 9px; top: 7px; color: var(--text-faint); pointer-events: none; }
+.app-shell {
+ height: 100vh;
+ display: grid;
+ grid-template-rows: 48px minmax(0, 1fr) 25px;
+ background: var(--bg);
+}
+.titlebar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 10px 0 14px;
+ border-bottom: 1px solid var(--line);
+ background: var(--surface-1);
+ -webkit-app-region: drag;
+}
+.titlebar-left,
+.titlebar-right {
+ display: flex;
+ align-items: center;
+ gap: 9px;
+ min-width: 0;
+}
+.titlebar button,
+.titlebar input {
+ -webkit-app-region: no-drag;
+}
+.wordmark {
+ display: flex;
+ align-items: center;
+ gap: 9px;
+ font-size: 15px;
+ font-weight: 720;
+ letter-spacing: -0.02em;
+}
+.wordmark .brand-mark {
+ width: 25px;
+ height: 25px;
+ border-radius: 6px;
+ font-size: 13px;
+ box-shadow: none;
+}
+.brand-logo {
+ width: 32px;
+ height: 25px;
+ object-fit: contain;
+ display: block;
+}
+.wordmark small {
+ color: var(--text-faint);
+ font-size: 9px;
+ font-weight: 620;
+ letter-spacing: 0.01em;
+ margin-left: -4px;
+}
+.workspace-name {
+ color: var(--text-muted);
+ border-left: 1px solid var(--line);
+ padding-left: 12px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 280px;
+}
+.connection-chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ color: var(--text-muted);
+ font-size: 11px;
+ font-weight: 650;
+ padding: 5px 8px;
+ border: 1px solid var(--line);
+ border-radius: 5px;
+ background: var(--surface-0);
+}
+.connection-chip .dot {
+ width: 7px;
+ height: 7px;
+ border-radius: 50%;
+ background: var(--success);
+ box-shadow: 0 0 0 3px var(--success-soft);
+}
+.global-search {
+ width: clamp(180px, 23vw, 330px);
+ height: 30px;
+ padding: 0 10px 0 31px;
+ border: 1px solid var(--line);
+ border-radius: 6px;
+ background: var(--surface-0);
+ color: var(--text);
+}
+.search-wrap {
+ position: relative;
+}
+.search-wrap .icon {
+ position: absolute;
+ left: 9px;
+ top: 7px;
+ color: var(--text-faint);
+ pointer-events: none;
+}
-.app-body { display: grid; grid-template-columns: var(--sidebar) minmax(0,1fr); min-height: 0; }
-.sidebar { min-width: 0; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: var(--surface-1); overflow: hidden; }
-.primary-nav { padding: 10px 8px 8px; border-bottom: 1px solid var(--line-soft); }
-.nav-button { width: 100%; height: 34px; display: flex; align-items: center; gap: 10px; padding: 0 10px; border-radius: 5px; background: transparent; color: var(--text-muted); cursor: pointer; text-align: left; font-weight: 560; }
-.nav-button:hover { background: var(--surface-hover); color: var(--text); }
-.nav-button.active { color: var(--primary); background: var(--primary-soft); }
-.nav-button .nav-count { margin-left: auto; min-width: 20px; text-align: center; font-family: var(--font-mono); color: var(--text-faint); font-size: 10px; }
-.sidebar-section { display: flex; align-items: center; justify-content: space-between; padding: 13px 12px 7px; color: var(--text-faint); font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
-.sidebar-section button { background: none; color: inherit; cursor: pointer; padding: 2px; }
-.repo-filter { margin: 0 9px 8px; width: calc(100% - 18px); height: 29px; border: 1px solid var(--line-soft); border-radius: 5px; background: var(--surface-0); padding: 0 9px; }
-.repo-list { min-height: 0; overflow: auto; padding: 0 6px 10px; }
-.repo-row { width: 100%; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; gap: 8px; align-items: center; min-height: 44px; padding: 6px 8px; background: transparent; border-radius: 5px; color: var(--text-muted); cursor: pointer; text-align: left; border: 1px solid transparent; }
-.repo-row:hover { background: var(--surface-hover); color: var(--text); }
-.repo-row.active { background: var(--primary-soft); border-color: color-mix(in srgb, var(--primary) 26%, transparent); color: var(--text); }
-.repo-row.attention .repo-icon { color: var(--warning); }
-.repo-main { min-width: 0; }
-.repo-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 620; }
-.repo-sub { display: flex; gap: 6px; margin-top: 3px; color: var(--text-faint); font-family: var(--font-mono); font-size: 10px; overflow: hidden; }
-.repo-sub span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.repo-badges { display: flex; gap: 3px; align-items: center; }
-.mini-badge { min-width: 18px; height: 18px; display: inline-grid; place-items: center; padding: 0 5px; border-radius: 9px; font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-muted); background: var(--surface-3); }
-.mini-badge.warning { background: var(--warning-soft); color: var(--warning); }
-.mini-badge.success { background: var(--success-soft); color: var(--success); }
-.mini-badge.danger { background: var(--danger-soft); color: var(--danger); }
-.sidebar-footer { margin-top: auto; border-top: 1px solid var(--line-soft); padding: 10px 11px; }
-.sidebar-diagnostic-state { display: grid; grid-template-columns: 9px minmax(0,1fr); gap: 9px; align-items: start; color: var(--text-muted); }
-.sidebar-diagnostic-state .state-dot { margin-top: 4px; }
-.sidebar-diagnostic-state strong, .sidebar-diagnostic-state span { display: block; }
-.sidebar-diagnostic-state strong { color: var(--text); font-size: 10px; font-weight: 650; }
-.sidebar-diagnostic-state span { margin-top: 2px; color: var(--text-faint); font-size: 9px; line-height: 1.35; }
+.app-body {
+ display: grid;
+ grid-template-columns: var(--sidebar) minmax(0, 1fr);
+ min-height: 0;
+}
+.sidebar {
+ min-width: 0;
+ display: flex;
+ flex-direction: column;
+ border-right: 1px solid var(--line);
+ background: var(--surface-1);
+ overflow: hidden;
+}
+.primary-nav {
+ padding: 10px 8px 8px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.nav-button {
+ width: 100%;
+ height: 34px;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 0 10px;
+ border-radius: 5px;
+ background: transparent;
+ color: var(--text-muted);
+ cursor: pointer;
+ text-align: left;
+ font-weight: 560;
+}
+.nav-button:hover {
+ background: var(--surface-hover);
+ color: var(--text);
+}
+.nav-button.active {
+ color: var(--primary);
+ background: var(--primary-soft);
+}
+.nav-button .nav-count {
+ margin-left: auto;
+ min-width: 20px;
+ text-align: center;
+ font-family: var(--font-mono);
+ color: var(--text-faint);
+ font-size: 10px;
+}
+.sidebar-section {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 13px 12px 7px;
+ color: var(--text-faint);
+ font-size: 10px;
+ font-weight: 750;
+ letter-spacing: 0.09em;
+ text-transform: uppercase;
+}
+.sidebar-section button {
+ background: none;
+ color: inherit;
+ cursor: pointer;
+ padding: 2px;
+}
+.repo-filter {
+ margin: 0 9px 8px;
+ width: calc(100% - 18px);
+ height: 29px;
+ border: 1px solid var(--line-soft);
+ border-radius: 5px;
+ background: var(--surface-0);
+ padding: 0 9px;
+}
+.repo-list {
+ min-height: 0;
+ overflow: auto;
+ padding: 0 6px 10px;
+}
+.repo-row {
+ width: 100%;
+ display: grid;
+ grid-template-columns: 18px minmax(0, 1fr) auto;
+ gap: 8px;
+ align-items: center;
+ min-height: 44px;
+ padding: 6px 8px;
+ background: transparent;
+ border-radius: 5px;
+ color: var(--text-muted);
+ cursor: pointer;
+ text-align: left;
+ border: 1px solid transparent;
+}
+.repo-row:hover {
+ background: var(--surface-hover);
+ color: var(--text);
+}
+.repo-row.active {
+ background: var(--primary-soft);
+ border-color: color-mix(in srgb, var(--primary) 26%, transparent);
+ color: var(--text);
+}
+.repo-row.attention .repo-icon {
+ color: var(--warning);
+}
+.repo-main {
+ min-width: 0;
+}
+.repo-name {
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-weight: 620;
+}
+.repo-sub {
+ display: flex;
+ gap: 6px;
+ margin-top: 3px;
+ color: var(--text-faint);
+ font-family: var(--font-mono);
+ font-size: 10px;
+ overflow: hidden;
+}
+.repo-sub span {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.repo-badges {
+ display: flex;
+ gap: 3px;
+ align-items: center;
+}
+.mini-badge {
+ min-width: 18px;
+ height: 18px;
+ display: inline-grid;
+ place-items: center;
+ padding: 0 5px;
+ border-radius: 9px;
+ font-family: var(--font-mono);
+ font-size: 9px;
+ font-weight: 700;
+ color: var(--text-muted);
+ background: var(--surface-3);
+}
+.mini-badge.warning {
+ background: var(--warning-soft);
+ color: var(--warning);
+}
+.mini-badge.success {
+ background: var(--success-soft);
+ color: var(--success);
+}
+.mini-badge.danger {
+ background: var(--danger-soft);
+ color: var(--danger);
+}
+.sidebar-footer {
+ margin-top: auto;
+ border-top: 1px solid var(--line-soft);
+ padding: 10px 11px;
+}
+.sidebar-diagnostic-state {
+ display: grid;
+ grid-template-columns: 9px minmax(0, 1fr);
+ gap: 9px;
+ align-items: start;
+ color: var(--text-muted);
+}
+.sidebar-diagnostic-state .state-dot {
+ margin-top: 4px;
+}
+.sidebar-diagnostic-state strong,
+.sidebar-diagnostic-state span {
+ display: block;
+}
+.sidebar-diagnostic-state strong {
+ color: var(--text);
+ font-size: 10px;
+ font-weight: 650;
+}
+.sidebar-diagnostic-state span {
+ margin-top: 2px;
+ color: var(--text-faint);
+ font-size: 9px;
+ line-height: 1.35;
+}
-.workspace { min-width: 0; min-height: 0; display: grid; background: var(--surface-0); }
-.workspace.with-panel { grid-template-columns: minmax(0,1fr) var(--action-panel); }
-.main-canvas { min-width: 0; min-height: 0; overflow: auto; }
-.main-canvas.repository-canvas { overflow: hidden; height: 100%; }
-.action-panel { min-width: 0; border-left: 1px solid var(--line); background: var(--surface-1); overflow: auto; }
-.page { min-height: 100%; padding: 22px 24px 40px; }
-.page.nopad { padding: 0; }
-.page-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 22px; }
-.page-header h1, .repo-heading h1 { margin: 0; font-size: 20px; line-height: 1.3; letter-spacing: -.025em; }
-.page-header p, .repo-heading p { margin: 5px 0 0; color: var(--text-muted); max-width: 720px; }
-.eyebrow { color: var(--text-faint); font-size: 10px; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; }
+.workspace {
+ min-width: 0;
+ min-height: 0;
+ display: grid;
+ background: var(--surface-0);
+}
+.workspace.with-panel {
+ grid-template-columns: minmax(0, 1fr) var(--action-panel);
+}
+.main-canvas {
+ min-width: 0;
+ min-height: 0;
+ overflow: auto;
+}
+.main-canvas.repository-canvas {
+ overflow: hidden;
+ height: 100%;
+}
+.action-panel {
+ min-width: 0;
+ border-left: 1px solid var(--line);
+ background: var(--surface-1);
+ overflow: auto;
+}
+.page {
+ min-height: 100%;
+ padding: 22px 24px 40px;
+}
+.page.nopad {
+ padding: 0;
+}
+.page-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ gap: 20px;
+ margin-bottom: 22px;
+}
+.page-header h1,
+.repo-heading h1 {
+ margin: 0;
+ font-size: 20px;
+ line-height: 1.3;
+ letter-spacing: -0.025em;
+}
+.page-header p,
+.repo-heading p {
+ margin: 5px 0 0;
+ color: var(--text-muted);
+ max-width: 720px;
+}
+.eyebrow {
+ color: var(--text-faint);
+ font-size: 10px;
+ font-weight: 760;
+ letter-spacing: 0.09em;
+ text-transform: uppercase;
+}
-.button { min-height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); color: var(--text); cursor: pointer; font-weight: 620; white-space: nowrap; }
-.button:hover { background: var(--surface-3); }
-.button.primary { background: var(--primary-strong); border-color: var(--primary-strong); color: #fff; }
-.button.primary:hover { filter: brightness(1.07); }
-.button.success { background: var(--success); border-color: var(--success); color: #06251b; }
-.button.danger { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 45%, var(--line)); background: var(--danger-soft); }
-.button.ghost { background: transparent; border-color: transparent; color: var(--text-muted); }
-.button.ghost:hover { color: var(--text); background: var(--surface-hover); }
-.button.block { width: 100%; min-height: 38px; }
-.button:disabled { opacity: .45; cursor: not-allowed; }
-.icon-button { width: 30px; height: 30px; display: inline-grid; place-items: center; border-radius: 5px; border: 1px solid transparent; background: transparent; color: var(--text-muted); cursor: pointer; }
-.icon-button:hover { color: var(--text); background: var(--surface-hover); border-color: var(--line-soft); }
-.icon { width: 16px; height: 16px; display: inline-block; flex: 0 0 auto; }
-.icon svg { width: 100%; height: 100%; display: block; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
+.button {
+ min-height: 32px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 7px;
+ padding: 0 11px;
+ border: 1px solid var(--line);
+ border-radius: 5px;
+ background: var(--surface-2);
+ color: var(--text);
+ cursor: pointer;
+ font-weight: 620;
+ white-space: nowrap;
+}
+.button:hover {
+ background: var(--surface-3);
+}
+.button.primary {
+ background: var(--primary-strong);
+ border-color: var(--primary-strong);
+ color: #fff;
+}
+.button.primary:hover {
+ filter: brightness(1.07);
+}
+.button.success {
+ background: var(--success);
+ border-color: var(--success);
+ color: #06251b;
+}
+.button.danger {
+ color: var(--danger);
+ border-color: color-mix(in srgb, var(--danger) 45%, var(--line));
+ background: var(--danger-soft);
+}
+.button.ghost {
+ background: transparent;
+ border-color: transparent;
+ color: var(--text-muted);
+}
+.button.ghost:hover {
+ color: var(--text);
+ background: var(--surface-hover);
+}
+.button.block {
+ width: 100%;
+ min-height: 38px;
+}
+.button:disabled {
+ opacity: 0.45;
+ cursor: not-allowed;
+}
+.icon-button {
+ width: 30px;
+ height: 30px;
+ display: inline-grid;
+ place-items: center;
+ border-radius: 5px;
+ border: 1px solid transparent;
+ background: transparent;
+ color: var(--text-muted);
+ cursor: pointer;
+}
+.icon-button:hover {
+ color: var(--text);
+ background: var(--surface-hover);
+ border-color: var(--line-soft);
+}
+.icon {
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ flex: 0 0 auto;
+}
+.icon svg {
+ width: 100%;
+ height: 100%;
+ display: block;
+ stroke: currentColor;
+ fill: none;
+ stroke-width: 1.8;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+}
-.summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface-1); }
-.summary-card { min-height: 118px; padding: 15px; border-right: 1px solid var(--line); position: relative; }
-.summary-card:last-child { border-right: 0; }
-.summary-value { margin-top: 18px; font-size: 28px; font-weight: 720; letter-spacing: -.04em; }
-.summary-label { color: var(--text-muted); margin-top: 2px; }
-.summary-card .icon { position: absolute; top: 14px; right: 14px; color: var(--text-faint); }
-.summary-card.warning .summary-value, .summary-card.warning .icon { color: var(--warning); }
-.summary-card.success .summary-value, .summary-card.success .icon { color: var(--success); }
-.summary-card.danger .summary-value, .summary-card.danger .icon { color: var(--danger); }
+.summary-grid {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ border: 1px solid var(--line);
+ border-radius: var(--radius);
+ overflow: hidden;
+ background: var(--surface-1);
+}
+.summary-card {
+ min-height: 118px;
+ padding: 15px;
+ border-right: 1px solid var(--line);
+ position: relative;
+}
+.summary-card:last-child {
+ border-right: 0;
+}
+.summary-value {
+ margin-top: 18px;
+ font-size: 28px;
+ font-weight: 720;
+ letter-spacing: -0.04em;
+}
+.summary-label {
+ color: var(--text-muted);
+ margin-top: 2px;
+}
+.summary-card .icon {
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ color: var(--text-faint);
+}
+.summary-card.warning .summary-value,
+.summary-card.warning .icon {
+ color: var(--warning);
+}
+.summary-card.success .summary-value,
+.summary-card.success .icon {
+ color: var(--success);
+}
+.summary-card.danger .summary-value,
+.summary-card.danger .icon {
+ color: var(--danger);
+}
-.section-block { margin-top: 24px; }
-.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
-.section-heading h2 { margin: 0; font-size: 13px; letter-spacing: -.01em; }
-.section-heading .meta { color: var(--text-faint); font-size: 11px; }
-.action-queue { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface-1); }
-.queue-row { display: grid; grid-template-columns: 28px minmax(160px,1.2fr) minmax(230px,2fr) auto; gap: 12px; align-items: center; min-height: 62px; padding: 10px 13px; border-bottom: 1px solid var(--line-soft); }
-.queue-row:last-child { border-bottom: 0; }
-.queue-row:hover { background: var(--surface-hover); }
-.queue-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 6px; background: var(--surface-2); color: var(--text-muted); }
-.queue-icon.warning { background: var(--warning-soft); color: var(--warning); }
-.queue-icon.success { background: var(--success-soft); color: var(--success); }
-.queue-icon.danger { background: var(--danger-soft); color: var(--danger); }
-.queue-title { font-weight: 640; }
-.queue-sub { color: var(--text-faint); margin-top: 3px; font-size: 11px; font-family: var(--font-mono); }
-.queue-reason { color: var(--text-muted); }
-.queue-reason strong { color: var(--text); display: block; font-weight: 600; }
+.section-block {
+ margin-top: 24px;
+}
+.section-heading {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ margin-bottom: 9px;
+}
+.section-heading h2 {
+ margin: 0;
+ font-size: 13px;
+ letter-spacing: -0.01em;
+}
+.section-heading .meta {
+ color: var(--text-faint);
+ font-size: 11px;
+}
+.action-queue {
+ border: 1px solid var(--line);
+ border-radius: var(--radius);
+ overflow: hidden;
+ background: var(--surface-1);
+}
+.queue-row {
+ display: grid;
+ grid-template-columns: 28px minmax(160px, 1.2fr) minmax(230px, 2fr) auto;
+ gap: 12px;
+ align-items: center;
+ min-height: 62px;
+ padding: 10px 13px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.queue-row:last-child {
+ border-bottom: 0;
+}
+.queue-row:hover {
+ background: var(--surface-hover);
+}
+.queue-icon {
+ width: 28px;
+ height: 28px;
+ display: grid;
+ place-items: center;
+ border-radius: 6px;
+ background: var(--surface-2);
+ color: var(--text-muted);
+}
+.queue-icon.warning {
+ background: var(--warning-soft);
+ color: var(--warning);
+}
+.queue-icon.success {
+ background: var(--success-soft);
+ color: var(--success);
+}
+.queue-icon.danger {
+ background: var(--danger-soft);
+ color: var(--danger);
+}
+.queue-title {
+ font-weight: 640;
+}
+.queue-sub {
+ color: var(--text-faint);
+ margin-top: 3px;
+ font-size: 11px;
+ font-family: var(--font-mono);
+}
+.queue-reason {
+ color: var(--text-muted);
+}
+.queue-reason strong {
+ color: var(--text);
+ display: block;
+ font-weight: 600;
+}
-.two-column { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,1fr); gap: 16px; }
-.panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-1); }
-.panel-header { min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; border-bottom: 1px solid var(--line-soft); }
-.panel-header h2, .panel-header h3 { font-size: 12px; margin: 0; }
-.panel-body { padding: 14px; }
-.activity-list { padding: 3px 0; }
-.activity-item { display: grid; grid-template-columns: 10px minmax(0,1fr) auto; gap: 10px; padding: 10px 13px; align-items: start; }
-.activity-dot { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: var(--text-faint); }
-.activity-dot.success { background: var(--success); }
-.activity-dot.warning { background: var(--warning); }
-.activity-dot.danger { background: var(--danger); }
-.activity-title { font-weight: 590; }
-.activity-sub, .activity-time { color: var(--text-faint); font-size: 11px; }
+.two-column {
+ display: grid;
+ grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
+ gap: 16px;
+}
+.panel {
+ border: 1px solid var(--line);
+ border-radius: var(--radius);
+ background: var(--surface-1);
+}
+.panel-header {
+ min-height: 42px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 13px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.panel-header h2,
+.panel-header h3 {
+ font-size: 12px;
+ margin: 0;
+}
+.panel-body {
+ padding: 14px;
+}
+.activity-list {
+ padding: 3px 0;
+}
+.activity-item {
+ display: grid;
+ grid-template-columns: 10px minmax(0, 1fr) auto;
+ gap: 10px;
+ padding: 10px 13px;
+ align-items: start;
+}
+.activity-dot {
+ width: 7px;
+ height: 7px;
+ margin-top: 5px;
+ border-radius: 50%;
+ background: var(--text-faint);
+}
+.activity-dot.success {
+ background: var(--success);
+}
+.activity-dot.warning {
+ background: var(--warning);
+}
+.activity-dot.danger {
+ background: var(--danger);
+}
+.activity-title {
+ font-weight: 590;
+}
+.activity-sub,
+.activity-time {
+ color: var(--text-faint);
+ font-size: 11px;
+}
-.repo-workspace { height: 100%; min-height: 0; display: grid; grid-template-rows: auto auto 39px minmax(0,1fr); }
-.repo-header { padding: 16px 18px 13px; background: var(--surface-1); border-bottom: 1px solid var(--line); display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
-.repo-heading { min-width: 0; }
-.repo-heading h1 { display: flex; align-items: center; gap: 9px; font-size: 17px; }
-.repo-heading p { font-family: var(--font-mono); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.repo-header-actions { display: flex; gap: 7px; }
-.release-rail { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); background: var(--surface-0); border-bottom: 1px solid var(--line); }
-.release-node { min-width: 0; padding: 10px 16px 11px; border-right: 1px solid var(--line-soft); position: relative; }
-.release-node:last-child { border-right: 0; }
-.release-node:not(:last-child)::after { content: '›'; position: absolute; right: -6px; top: 19px; z-index: 2; width: 12px; height: 12px; display: grid; place-items: center; border-radius: 50%; background: var(--surface-0); color: var(--text-faint); }
-.release-label { color: var(--text-faint); font-size: 9px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
-.release-value { display: flex; align-items: center; gap: 7px; margin-top: 4px; min-width: 0; }
-.release-value strong { font-family: var(--font-mono); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.release-value span { color: var(--text-muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.state-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--text-faint); flex: 0 0 auto; }
-.state-dot.success { background: var(--success); box-shadow: 0 0 0 3px var(--success-soft); }
-.state-dot.warning { background: var(--warning); box-shadow: 0 0 0 3px var(--warning-soft); }
-.state-dot.danger { background: var(--danger); box-shadow: 0 0 0 3px var(--danger-soft); }
-.tabs { display: flex; align-items: flex-end; gap: 2px; padding: 0 12px; border-bottom: 1px solid var(--line); background: var(--surface-1); }
-.tab { height: 38px; padding: 0 12px; background: transparent; color: var(--text-muted); border-bottom: 2px solid transparent; cursor: pointer; }
-.tab:hover { color: var(--text); }
-.tab.active { color: var(--primary); border-bottom-color: var(--primary); }
-.repo-content { min-height: 0; overflow: hidden; }
-.changes-layout { height: 100%; min-height: 0; display: grid; grid-template-columns: 290px minmax(0,1fr); }
-.file-panel { min-width: 0; min-height: 0; overflow: hidden; border-right: 1px solid var(--line); background: var(--surface-1); display: flex; flex-direction: column; }
-.file-panel-tools { min-height: 38px; padding: 0 9px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-soft); }
-.file-list { flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; min-height: 0; padding: 5px; overscroll-behavior: contain; scrollbar-gutter: stable; }
-.file-row { width: 100%; min-height: 34px; display: grid; grid-template-columns: 17px 17px minmax(0,1fr) 16px; gap: 7px; align-items: center; padding: 3px 6px; border-radius: 4px; background: transparent; color: var(--text-muted); cursor: pointer; text-align: left; }
-.file-row:hover { background: var(--surface-hover); color: var(--text); }
-.file-row.active { background: var(--primary-soft); color: var(--text); }
-.file-row input { margin: 0; accent-color: var(--primary-strong); }
-.file-path { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: var(--font-mono); font-size: 11px; }
-.file-status { font-family: var(--font-mono); font-size: 10px; font-weight: 750; color: var(--warning); }
-.file-status.added, .file-status.untracked { color: var(--success); }
-.file-status.deleted, .file-status.conflict { color: var(--danger); }
-.diff-panel { min-width: 0; min-height: 0; display: grid; grid-template-rows: 38px minmax(0,1fr); background: var(--bg); }
-.diff-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 11px; border-bottom: 1px solid var(--line-soft); background: var(--surface-0); }
-.diff-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-mono); color: var(--text-muted); }
-.diff-view { overflow: auto; padding: 8px 0 36px; font-family: var(--font-mono); font-size: 11px; line-height: 19px; white-space: pre; tab-size: 2; }
-.diff-line { display: block; min-height: 19px; padding: 0 14px; }
-.diff-line.add { background: rgba(38, 166, 115, .14); color: #8ef0c6; }
-.diff-line.remove { background: rgba(229, 83, 75, .14); color: #ffaaa5; }
-html[data-theme="light"] .diff-line.add { color: #006642; }
-html[data-theme="light"] .diff-line.remove { color: #a31f1f; }
-.diff-line.meta { color: var(--primary); }
-.diff-line.hunk { color: #caa7ff; background: rgba(148, 97, 214, .08); }
-.empty-state { height: 100%; min-height: 260px; display: grid; place-content: center; justify-items: center; text-align: center; padding: 30px; color: var(--text-muted); }
-.empty-state .large-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: var(--surface-2); color: var(--text-faint); margin-bottom: 12px; }
-.empty-state h3 { margin: 0 0 6px; color: var(--text); font-size: 14px; }
-.empty-state p { margin: 0; max-width: 420px; line-height: 1.55; }
+.repo-workspace {
+ height: 100%;
+ min-height: 0;
+ display: grid;
+ grid-template-rows: auto auto auto 39px minmax(0, 1fr);
+}
+.repo-header {
+ padding: 16px 18px 13px;
+ background: var(--surface-1);
+ border-bottom: 1px solid var(--line);
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 16px;
+}
+.repo-heading {
+ min-width: 0;
+}
+.repo-heading h1 {
+ display: flex;
+ align-items: center;
+ gap: 9px;
+ font-size: 17px;
+}
+.repo-heading p {
+ font-family: var(--font-mono);
+ font-size: 10px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.repo-header-actions {
+ display: flex;
+ gap: 7px;
+}
+.release-rail {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ background: var(--surface-0);
+ border-bottom: 1px solid var(--line);
+}
+.release-node {
+ min-width: 0;
+ padding: 10px 16px 11px;
+ border-right: 1px solid var(--line-soft);
+ position: relative;
+}
+.release-node:last-child {
+ border-right: 0;
+}
+.release-node:not(:last-child)::after {
+ content: "›";
+ position: absolute;
+ right: -6px;
+ top: 19px;
+ z-index: 2;
+ width: 12px;
+ height: 12px;
+ display: grid;
+ place-items: center;
+ border-radius: 50%;
+ background: var(--surface-0);
+ color: var(--text-faint);
+}
+.release-label {
+ color: var(--text-faint);
+ font-size: 9px;
+ font-weight: 760;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+.release-value {
+ display: flex;
+ align-items: center;
+ gap: 7px;
+ margin-top: 4px;
+ min-width: 0;
+}
+.release-value strong {
+ font-family: var(--font-mono);
+ font-size: 12px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.release-value span {
+ color: var(--text-muted);
+ font-size: 11px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.state-dot {
+ width: 7px;
+ height: 7px;
+ border-radius: 50%;
+ background: var(--text-faint);
+ flex: 0 0 auto;
+}
+.state-dot.success {
+ background: var(--success);
+ box-shadow: 0 0 0 3px var(--success-soft);
+}
+.state-dot.warning {
+ background: var(--warning);
+ box-shadow: 0 0 0 3px var(--warning-soft);
+}
+.state-dot.danger {
+ background: var(--danger);
+ box-shadow: 0 0 0 3px var(--danger-soft);
+}
+.tabs {
+ display: flex;
+ align-items: flex-end;
+ gap: 2px;
+ padding: 0 12px;
+ border-bottom: 1px solid var(--line);
+ background: var(--surface-1);
+}
+.tab {
+ height: 38px;
+ padding: 0 12px;
+ background: transparent;
+ color: var(--text-muted);
+ border-bottom: 2px solid transparent;
+ cursor: pointer;
+}
+.tab:hover {
+ color: var(--text);
+}
+.tab.active {
+ color: var(--primary);
+ border-bottom-color: var(--primary);
+}
+.repo-content {
+ min-height: 0;
+ overflow: hidden;
+}
+.changes-layout {
+ height: 100%;
+ min-height: 0;
+ display: grid;
+ grid-template-columns: 290px minmax(0, 1fr);
+}
+.file-panel {
+ min-width: 0;
+ min-height: 0;
+ overflow: hidden;
+ border-right: 1px solid var(--line);
+ background: var(--surface-1);
+ display: flex;
+ flex-direction: column;
+}
+.file-panel-tools {
+ min-height: 38px;
+ padding: 0 9px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ border-bottom: 1px solid var(--line-soft);
+}
+.file-list {
+ flex: 1 1 auto;
+ overflow-x: hidden;
+ overflow-y: auto;
+ min-height: 0;
+ padding: 5px;
+ overscroll-behavior: contain;
+ scrollbar-gutter: stable;
+}
+.file-row {
+ width: 100%;
+ min-height: 34px;
+ display: grid;
+ grid-template-columns: 17px 17px minmax(0, 1fr) 16px;
+ gap: 7px;
+ align-items: center;
+ padding: 3px 6px;
+ border-radius: 4px;
+ background: transparent;
+ color: var(--text-muted);
+ cursor: pointer;
+ text-align: left;
+}
+.file-row:hover {
+ background: var(--surface-hover);
+ color: var(--text);
+}
+.file-row.active {
+ background: var(--primary-soft);
+ color: var(--text);
+}
+.file-row input {
+ margin: 0;
+ accent-color: var(--primary-strong);
+}
+.file-path {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ font-family: var(--font-mono);
+ font-size: 11px;
+}
+.file-status {
+ font-family: var(--font-mono);
+ font-size: 10px;
+ font-weight: 750;
+ color: var(--warning);
+}
+.file-status.added,
+.file-status.untracked {
+ color: var(--success);
+}
+.file-status.deleted,
+.file-status.conflict {
+ color: var(--danger);
+}
+.diff-panel {
+ min-width: 0;
+ min-height: 0;
+ display: grid;
+ grid-template-rows: 38px minmax(0, 1fr);
+ background: var(--bg);
+}
+.diff-toolbar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 10px;
+ padding: 0 11px;
+ border-bottom: 1px solid var(--line-soft);
+ background: var(--surface-0);
+}
+.diff-title {
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-family: var(--font-mono);
+ color: var(--text-muted);
+}
+.diff-view {
+ overflow: auto;
+ padding: 8px 0 36px;
+ font-family: var(--font-mono);
+ font-size: 11px;
+ line-height: 19px;
+ white-space: pre;
+ tab-size: 2;
+}
+.diff-line {
+ display: block;
+ min-height: 19px;
+ padding: 0 14px;
+}
+.diff-line.add {
+ background: rgba(38, 166, 115, 0.14);
+ color: #8ef0c6;
+}
+.diff-line.remove {
+ background: rgba(229, 83, 75, 0.14);
+ color: #ffaaa5;
+}
+html[data-theme="light"] .diff-line.add {
+ color: #006642;
+}
+html[data-theme="light"] .diff-line.remove {
+ color: #a31f1f;
+}
+.diff-line.meta {
+ color: var(--primary);
+}
+.diff-line.hunk {
+ color: #caa7ff;
+ background: rgba(148, 97, 214, 0.08);
+}
+.empty-state {
+ height: 100%;
+ min-height: 260px;
+ display: grid;
+ place-content: center;
+ justify-items: center;
+ text-align: center;
+ padding: 30px;
+ color: var(--text-muted);
+}
+.empty-state .large-icon {
+ width: 48px;
+ height: 48px;
+ display: grid;
+ place-items: center;
+ border-radius: 12px;
+ background: var(--surface-2);
+ color: var(--text-faint);
+ margin-bottom: 12px;
+}
+.empty-state h3 {
+ margin: 0 0 6px;
+ color: var(--text);
+ font-size: 14px;
+}
+.empty-state p {
+ margin: 0;
+ max-width: 420px;
+ line-height: 1.55;
+}
-.inspector { padding: 16px; }
-.inspector-header { margin-bottom: 16px; }
-.inspector-header h2 { margin: 3px 0 0; font-size: 15px; }
-.inspector-section { padding: 15px 0; border-top: 1px solid var(--line-soft); }
-.inspector-section:first-of-type { border-top: 0; padding-top: 0; }
-.inspector-label { color: var(--text-faint); font-size: 9px; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; margin-bottom: 8px; }
-.textarea, .input, .select { width: 100%; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-0); color: var(--text); }
-.input, .select { height: 33px; padding: 0 9px; }
-.textarea { min-height: 98px; resize: vertical; padding: 9px 10px; line-height: 1.45; }
-.field-hint { display: flex; justify-content: space-between; gap: 10px; margin-top: 6px; color: var(--text-faint); font-size: 10px; }
-.context-summary { padding: 11px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-0); }
-.context-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 0; color: var(--text-muted); }
-.context-row strong { color: var(--text); font-family: var(--font-mono); font-size: 11px; text-align: right; overflow: hidden; text-overflow: ellipsis; }
-.notice { display: flex; align-items: flex-start; gap: 9px; padding: 10px 11px; border-radius: 5px; border: 1px solid var(--line); background: var(--surface-0); color: var(--text-muted); line-height: 1.45; }
-.notice.warning { border-color: color-mix(in srgb, var(--warning) 35%, var(--line)); background: var(--warning-soft); color: var(--warning); }
-.notice.danger { border-color: color-mix(in srgb, var(--danger) 35%, var(--line)); background: var(--danger-soft); color: var(--danger); }
-.notice.success { border-color: color-mix(in srgb, var(--success) 35%, var(--line)); background: var(--success-soft); color: var(--success); }
-.stack { display: grid; gap: 8px; }
-.divider-text { display: flex; align-items: center; gap: 9px; color: var(--text-faint); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
-.divider-text::before, .divider-text::after { content: ''; height: 1px; background: var(--line-soft); flex: 1; }
+.inspector {
+ padding: 16px;
+}
+.inspector-header {
+ margin-bottom: 16px;
+}
+.inspector-header h2 {
+ margin: 3px 0 0;
+ font-size: 15px;
+}
+.inspector-section {
+ padding: 15px 0;
+ border-top: 1px solid var(--line-soft);
+}
+.inspector-section:first-of-type {
+ border-top: 0;
+ padding-top: 0;
+}
+.inspector-label {
+ color: var(--text-faint);
+ font-size: 9px;
+ font-weight: 760;
+ letter-spacing: 0.09em;
+ text-transform: uppercase;
+ margin-bottom: 8px;
+}
+.textarea,
+.input,
+.select {
+ width: 100%;
+ border: 1px solid var(--line);
+ border-radius: 5px;
+ background: var(--surface-0);
+ color: var(--text);
+}
+.input,
+.select {
+ height: 33px;
+ padding: 0 9px;
+}
+.textarea {
+ min-height: 98px;
+ resize: vertical;
+ padding: 9px 10px;
+ line-height: 1.45;
+}
+.field-hint {
+ display: flex;
+ justify-content: space-between;
+ gap: 10px;
+ margin-top: 6px;
+ color: var(--text-faint);
+ font-size: 10px;
+}
+.context-summary {
+ padding: 11px;
+ border: 1px solid var(--line);
+ border-radius: 6px;
+ background: var(--surface-0);
+}
+.context-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ padding: 5px 0;
+ color: var(--text-muted);
+}
+.context-row strong {
+ color: var(--text);
+ font-family: var(--font-mono);
+ font-size: 11px;
+ text-align: right;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.notice {
+ display: flex;
+ align-items: flex-start;
+ gap: 9px;
+ padding: 10px 11px;
+ border-radius: 5px;
+ border: 1px solid var(--line);
+ background: var(--surface-0);
+ color: var(--text-muted);
+ line-height: 1.45;
+}
+.notice.warning {
+ border-color: color-mix(in srgb, var(--warning) 35%, var(--line));
+ background: var(--warning-soft);
+ color: var(--warning);
+}
+.notice.danger {
+ border-color: color-mix(in srgb, var(--danger) 35%, var(--line));
+ background: var(--danger-soft);
+ color: var(--danger);
+}
+.notice.success {
+ border-color: color-mix(in srgb, var(--success) 35%, var(--line));
+ background: var(--success-soft);
+ color: var(--success);
+}
+.stack {
+ display: grid;
+ gap: 8px;
+}
+.divider-text {
+ display: flex;
+ align-items: center;
+ gap: 9px;
+ color: var(--text-faint);
+ font-size: 10px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ font-weight: 700;
+}
+.divider-text::before,
+.divider-text::after {
+ content: "";
+ height: 1px;
+ background: var(--line-soft);
+ flex: 1;
+}
-.data-table { width: 100%; border-collapse: collapse; }
-.data-table th { height: 34px; padding: 0 11px; color: var(--text-faint); text-align: left; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; border-bottom: 1px solid var(--line); }
-.data-table td { padding: 10px 11px; border-bottom: 1px solid var(--line-soft); vertical-align: middle; }
-.data-table tr:last-child td { border-bottom: 0; }
-.data-table tbody tr:hover { background: var(--surface-hover); }
-.mono { font-family: var(--font-mono); }
-.status-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 22px; padding: 0 8px; border-radius: 11px; background: var(--surface-3); color: var(--text-muted); font-size: 10px; font-weight: 680; }
-.status-pill.success { background: var(--success-soft); color: var(--success); }
-.status-pill.warning { background: var(--warning-soft); color: var(--warning); }
-.status-pill.danger { background: var(--danger-soft); color: var(--danger); }
+.data-table {
+ width: 100%;
+ border-collapse: collapse;
+}
+.data-table th {
+ height: 34px;
+ padding: 0 11px;
+ color: var(--text-faint);
+ text-align: left;
+ font-size: 9px;
+ letter-spacing: 0.07em;
+ text-transform: uppercase;
+ border-bottom: 1px solid var(--line);
+}
+.data-table td {
+ padding: 10px 11px;
+ border-bottom: 1px solid var(--line-soft);
+ vertical-align: middle;
+}
+.data-table tr:last-child td {
+ border-bottom: 0;
+}
+.data-table tbody tr:hover {
+ background: var(--surface-hover);
+}
+.mono {
+ font-family: var(--font-mono);
+}
+.status-pill {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ min-height: 22px;
+ padding: 0 8px;
+ border-radius: 11px;
+ background: var(--surface-3);
+ color: var(--text-muted);
+ font-size: 10px;
+ font-weight: 680;
+}
+.status-pill.success {
+ background: var(--success-soft);
+ color: var(--success);
+}
+.status-pill.warning {
+ background: var(--warning-soft);
+ color: var(--warning);
+}
+.status-pill.danger {
+ background: var(--danger-soft);
+ color: var(--danger);
+}
-.settings-layout { display: grid; grid-template-columns: 210px minmax(0,1fr); min-height: 100%; }
-.settings-nav { padding: 15px 8px; border-right: 1px solid var(--line); background: var(--surface-1); }
-.settings-content { padding: 25px 30px 60px; overflow: auto; }
-.settings-group { max-width: 860px; margin-bottom: 28px; }
-.settings-group > h2 { font-size: 12px; margin: 0 0 12px; }
-.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
-.field { display: grid; gap: 6px; }
-.field label { color: var(--text-muted); font-size: 11px; font-weight: 650; }
-.field.full { grid-column: 1 / -1; }
-.connection-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-1); }
-.root-row { display: flex; align-items: center; gap: 8px; }
-.root-row .input { flex: 1; font-family: var(--font-mono); font-size: 11px; }
+.settings-layout {
+ display: grid;
+ grid-template-columns: 210px minmax(0, 1fr);
+ min-height: 100%;
+}
+.settings-nav {
+ padding: 15px 8px;
+ border-right: 1px solid var(--line);
+ background: var(--surface-1);
+}
+.settings-content {
+ padding: 25px 30px 60px;
+ overflow: auto;
+}
+.settings-group {
+ max-width: 860px;
+ margin-bottom: 28px;
+}
+.settings-group > h2 {
+ font-size: 12px;
+ margin: 0 0 12px;
+}
+.form-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 14px;
+}
+.field {
+ display: grid;
+ gap: 6px;
+}
+.field label {
+ color: var(--text-muted);
+ font-size: 11px;
+ font-weight: 650;
+}
+.field.full {
+ grid-column: 1 / -1;
+}
+.connection-card {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 14px;
+ padding: 13px;
+ border: 1px solid var(--line);
+ border-radius: 6px;
+ background: var(--surface-1);
+}
+.root-row {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+.root-row .input {
+ flex: 1;
+ font-family: var(--font-mono);
+ font-size: 11px;
+}
-.deploy-card-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(310px,1fr)); gap: 12px; }
-.deploy-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-1); overflow: hidden; }
-.deploy-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px; border-bottom: 1px solid var(--line-soft); }
-.deploy-card-body { padding: 13px 14px; }
-.deploy-metadata { display: grid; grid-template-columns: 1fr auto; gap: 7px 15px; color: var(--text-muted); }
-.deploy-metadata strong { font-family: var(--font-mono); font-size: 11px; color: var(--text); }
+.deploy-card-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
+ gap: 12px;
+}
+.deploy-card {
+ border: 1px solid var(--line);
+ border-radius: var(--radius);
+ background: var(--surface-1);
+ overflow: hidden;
+}
+.deploy-card-header {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 12px;
+ padding: 14px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.deploy-card-body {
+ padding: 13px 14px;
+}
+.deploy-metadata {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ gap: 7px 15px;
+ color: var(--text-muted);
+}
+.deploy-metadata strong {
+ font-family: var(--font-mono);
+ font-size: 11px;
+ color: var(--text);
+}
-.deployment-view { min-height: 100%; padding: 22px; }
-.pipeline-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-1); overflow: hidden; }
-.pipeline-head { display: flex; justify-content: space-between; gap: 15px; padding: 16px; border-bottom: 1px solid var(--line-soft); }
-.pipeline-head h2 { margin: 0; font-size: 16px; }
-.pipeline-head p { margin: 5px 0 0; color: var(--text-muted); font-family: var(--font-mono); font-size: 11px; }
-.pipeline-stages { display: grid; grid-template-columns: repeat(5,1fr); padding: 25px 20px 20px; }
-.pipeline-stage { position: relative; display: grid; justify-items: center; gap: 8px; color: var(--text-faint); text-align: center; font-size: 10px; font-weight: 680; }
-.pipeline-stage::before { content: ''; position: absolute; height: 2px; left: -50%; right: 50%; top: 15px; background: var(--line); }
-.pipeline-stage:first-child::before { display: none; }
-.pipeline-stage.complete::before, .pipeline-stage.active::before { background: var(--success); }
-.stage-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--surface-3); border: 1px solid var(--line); z-index: 1; }
-.pipeline-stage.complete { color: var(--success); }
-.pipeline-stage.complete .stage-icon { background: var(--success); border-color: var(--success); color: #06251b; }
-.pipeline-stage.active { color: var(--primary); }
-.pipeline-stage.active .stage-icon { background: var(--primary-strong); border-color: var(--primary); color: #fff; box-shadow: 0 0 0 5px var(--primary-soft); }
-.log-view { margin-top: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: #080b11; overflow: hidden; }
-.log-toolbar { height: 35px; display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border-bottom: 1px solid #262d3b; color: #9aa4b6; }
-.log-lines { min-height: 290px; max-height: 500px; overflow: auto; padding: 12px 14px; font: 11px/19px var(--font-mono); color: #c3cada; white-space: pre-wrap; }
-.log-lines .ok { color: #54ddb0; }
-.log-lines .warn { color: #f2ba63; }
-.log-lines .err { color: #ff817a; }
+.deployment-view {
+ min-height: 100%;
+ padding: 22px;
+}
+.pipeline-card {
+ border: 1px solid var(--line);
+ border-radius: var(--radius);
+ background: var(--surface-1);
+ overflow: hidden;
+}
+.pipeline-head {
+ display: flex;
+ justify-content: space-between;
+ gap: 15px;
+ padding: 16px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.pipeline-head h2 {
+ margin: 0;
+ font-size: 16px;
+}
+.pipeline-head p {
+ margin: 5px 0 0;
+ color: var(--text-muted);
+ font-family: var(--font-mono);
+ font-size: 11px;
+}
+.pipeline-stages {
+ display: grid;
+ grid-template-columns: repeat(5, 1fr);
+ padding: 25px 20px 20px;
+}
+.pipeline-stage {
+ position: relative;
+ display: grid;
+ justify-items: center;
+ gap: 8px;
+ color: var(--text-faint);
+ text-align: center;
+ font-size: 10px;
+ font-weight: 680;
+}
+.pipeline-stage::before {
+ content: "";
+ position: absolute;
+ height: 2px;
+ left: -50%;
+ right: 50%;
+ top: 15px;
+ background: var(--line);
+}
+.pipeline-stage:first-child::before {
+ display: none;
+}
+.pipeline-stage.complete::before,
+.pipeline-stage.active::before {
+ background: var(--success);
+}
+.stage-icon {
+ width: 32px;
+ height: 32px;
+ display: grid;
+ place-items: center;
+ border-radius: 9px;
+ background: var(--surface-3);
+ border: 1px solid var(--line);
+ z-index: 1;
+}
+.pipeline-stage.complete {
+ color: var(--success);
+}
+.pipeline-stage.complete .stage-icon {
+ background: var(--success);
+ border-color: var(--success);
+ color: #06251b;
+}
+.pipeline-stage.active {
+ color: var(--primary);
+}
+.pipeline-stage.active .stage-icon {
+ background: var(--primary-strong);
+ border-color: var(--primary);
+ color: #fff;
+ box-shadow: 0 0 0 5px var(--primary-soft);
+}
+.log-view {
+ margin-top: 14px;
+ border: 1px solid var(--line);
+ border-radius: var(--radius);
+ background: #080b11;
+ overflow: hidden;
+}
+.log-toolbar {
+ height: 35px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 11px;
+ border-bottom: 1px solid #262d3b;
+ color: #9aa4b6;
+}
+.log-lines {
+ min-height: 290px;
+ max-height: 500px;
+ overflow: auto;
+ padding: 12px 14px;
+ font: 11px/19px var(--font-mono);
+ color: #c3cada;
+ white-space: pre-wrap;
+}
+.log-lines .ok {
+ color: #54ddb0;
+}
+.log-lines .warn {
+ color: #f2ba63;
+}
+.log-lines .err {
+ color: #ff817a;
+}
-.setup-backdrop { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 25px; background: rgba(4,7,12,.75); backdrop-filter: blur(8px); }
-.setup-window { width: min(920px,96vw); min-height: 590px; max-height: 92vh; display: grid; grid-template-columns: 230px minmax(0,1fr); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: var(--surface-1); box-shadow: var(--shadow); }
-.setup-sidebar { padding: 24px 17px; border-right: 1px solid var(--line); background: var(--surface-0); }
-.setup-sidebar h2 { margin: 16px 0 5px; font-size: 18px; }
-.setup-sidebar p { margin: 0 0 22px; color: var(--text-muted); line-height: 1.5; }
-.setup-step { min-height: 38px; display: flex; align-items: center; gap: 9px; padding: 0 9px; border-radius: 5px; color: var(--text-faint); margin-bottom: 3px; }
-.setup-step .step-number { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); font-family: var(--font-mono); font-size: 9px; }
-.setup-step.active { background: var(--primary-soft); color: var(--primary); }
-.setup-step.complete { color: var(--success); }
-.setup-content { min-width: 0; padding: 34px 38px 24px; display: grid; grid-template-rows: minmax(0,1fr) auto; overflow: auto; }
-.setup-body h1 { margin: 0; font-size: 22px; }
-.setup-body > p { color: var(--text-muted); line-height: 1.55; max-width: 620px; }
-.setup-actions { display: flex; justify-content: space-between; gap: 10px; padding-top: 22px; border-top: 1px solid var(--line-soft); }
-.discovery-list { border: 1px solid var(--line); border-radius: 6px; overflow: hidden; max-height: 260px; overflow-y: auto; }
-.discovery-row { min-height: 45px; display: grid; grid-template-columns: 20px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 7px 10px; border-bottom: 1px solid var(--line-soft); }
-.discovery-row:last-child { border-bottom: 0; }
-.discovery-row strong { display: block; font-size: 12px; }
-.discovery-row span { display: block; margin-top: 2px; color: var(--text-faint); font: 10px var(--font-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.setup-backdrop {
+ position: fixed;
+ inset: 0;
+ z-index: 50;
+ display: grid;
+ place-items: center;
+ padding: 25px;
+ background: rgba(4, 7, 12, 0.75);
+ backdrop-filter: blur(8px);
+}
+.setup-window {
+ width: min(920px, 96vw);
+ min-height: 590px;
+ max-height: 92vh;
+ display: grid;
+ grid-template-columns: 230px minmax(0, 1fr);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ overflow: hidden;
+ background: var(--surface-1);
+ box-shadow: var(--shadow);
+}
+.setup-sidebar {
+ padding: 24px 17px;
+ border-right: 1px solid var(--line);
+ background: var(--surface-0);
+}
+.setup-sidebar h2 {
+ margin: 16px 0 5px;
+ font-size: 18px;
+}
+.setup-sidebar p {
+ margin: 0 0 22px;
+ color: var(--text-muted);
+ line-height: 1.5;
+}
+.setup-step {
+ min-height: 38px;
+ display: flex;
+ align-items: center;
+ gap: 9px;
+ padding: 0 9px;
+ border-radius: 5px;
+ color: var(--text-faint);
+ margin-bottom: 3px;
+}
+.setup-step .step-number {
+ width: 22px;
+ height: 22px;
+ display: grid;
+ place-items: center;
+ border-radius: 50%;
+ border: 1px solid var(--line);
+ font-family: var(--font-mono);
+ font-size: 9px;
+}
+.setup-step.active {
+ background: var(--primary-soft);
+ color: var(--primary);
+}
+.setup-step.complete {
+ color: var(--success);
+}
+.setup-content {
+ min-width: 0;
+ padding: 34px 38px 24px;
+ display: grid;
+ grid-template-rows: minmax(0, 1fr) auto;
+ overflow: auto;
+}
+.setup-body h1 {
+ margin: 0;
+ font-size: 22px;
+}
+.setup-body > p {
+ color: var(--text-muted);
+ line-height: 1.55;
+ max-width: 620px;
+}
+.setup-actions {
+ display: flex;
+ justify-content: space-between;
+ gap: 10px;
+ padding-top: 22px;
+ border-top: 1px solid var(--line-soft);
+}
+.discovery-list {
+ border: 1px solid var(--line);
+ border-radius: 6px;
+ overflow: hidden;
+ max-height: 260px;
+ overflow-y: auto;
+}
+.discovery-row {
+ min-height: 45px;
+ display: grid;
+ grid-template-columns: 20px minmax(0, 1fr) auto;
+ gap: 10px;
+ align-items: center;
+ padding: 7px 10px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.discovery-row:last-child {
+ border-bottom: 0;
+}
+.discovery-row strong {
+ display: block;
+ font-size: 12px;
+}
+.discovery-row span {
+ display: block;
+ margin-top: 2px;
+ color: var(--text-faint);
+ font: 10px var(--font-mono);
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
-.modal-backdrop { position: fixed; inset: 0; z-index: 60; display: grid; align-items: center; justify-items: center; padding: clamp(8px,2vh,20px); overflow: auto; overscroll-behavior: contain; background: rgba(4,7,12,.7); backdrop-filter: blur(4px); }
-.modal { width: min(520px,94vw); max-height: calc(100dvh - clamp(16px,4vh,40px)); min-height: 0; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-1); box-shadow: var(--shadow); overflow: hidden; }
-.modal-header { flex: 0 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 15px 17px; border-bottom: 1px solid var(--line); background: var(--surface-1); }
-.modal-header h2 { margin: 0; font-size: 15px; }
-.modal-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 17px; }
-.modal-footer { flex: 0 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 12px 17px; border-top: 1px solid var(--line-soft); background: var(--surface-0); box-shadow: 0 -8px 18px rgba(0,0,0,.08); }
+.modal-backdrop {
+ position: fixed;
+ inset: 0;
+ z-index: 60;
+ display: grid;
+ align-items: center;
+ justify-items: center;
+ padding: clamp(8px, 2vh, 20px);
+ overflow: auto;
+ overscroll-behavior: contain;
+ background: rgba(4, 7, 12, 0.7);
+ backdrop-filter: blur(4px);
+}
+.modal {
+ width: min(520px, 94vw);
+ max-height: calc(100dvh - clamp(16px, 4vh, 40px));
+ min-height: 0;
+ display: flex;
+ flex-direction: column;
+ border: 1px solid var(--line);
+ border-radius: 9px;
+ background: var(--surface-1);
+ box-shadow: var(--shadow);
+ overflow: hidden;
+}
+.modal-header {
+ flex: 0 0 auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 15px 17px;
+ border-bottom: 1px solid var(--line);
+ background: var(--surface-1);
+}
+.modal-header h2 {
+ margin: 0;
+ font-size: 15px;
+}
+.modal-body {
+ min-height: 0;
+ overflow-y: auto;
+ overscroll-behavior: contain;
+ scrollbar-gutter: stable;
+ padding: 17px;
+}
+.modal-footer {
+ flex: 0 0 auto;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-end;
+ gap: 8px;
+ padding: 12px 17px;
+ border-top: 1px solid var(--line-soft);
+ background: var(--surface-0);
+ box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.08);
+}
-.statusbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 9px; border-top: 1px solid var(--line); background: var(--surface-1); color: var(--text-faint); font-size: 10px; font-weight: 620; }
-.statusbar-left, .statusbar-right { display: flex; align-items: center; gap: 13px; min-width: 0; }
-.statusbar-item { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
-.statusbar .success { color: var(--success); }
-.statusbar .warning { color: var(--warning); }
-.statusbar .danger { color: var(--danger); }
+.statusbar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 15px;
+ padding: 0 9px;
+ border-top: 1px solid var(--line);
+ background: var(--surface-1);
+ color: var(--text-faint);
+ font-size: 10px;
+ font-weight: 620;
+}
+.statusbar-left,
+.statusbar-right {
+ display: flex;
+ align-items: center;
+ gap: 13px;
+ min-width: 0;
+}
+.statusbar-item {
+ display: inline-flex;
+ align-items: center;
+ gap: 5px;
+ white-space: nowrap;
+}
+.statusbar .success {
+ color: var(--success);
+}
+.statusbar .warning {
+ color: var(--warning);
+}
+.statusbar .danger {
+ color: var(--danger);
+}
-.toast-root { position: fixed; right: 15px; bottom: 38px; z-index: 90; display: grid; gap: 8px; pointer-events: none; }
-.toast { width: min(380px,calc(100vw - 30px)); display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 9px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-2); box-shadow: var(--shadow); pointer-events: auto; animation: toast-in .18s ease-out; }
-.toast.success { border-color: color-mix(in srgb, var(--success) 35%, var(--line)); }
-.toast.error { border-color: color-mix(in srgb, var(--danger) 40%, var(--line)); }
-.toast strong { display: block; margin-bottom: 2px; }
-.toast span { color: var(--text-muted); line-height: 1.4; }
-@keyframes toast-in { from { transform: translateY(8px); opacity: 0; } }
+.toast-root {
+ position: fixed;
+ right: 15px;
+ bottom: 38px;
+ z-index: 90;
+ display: grid;
+ gap: 8px;
+ pointer-events: none;
+}
+.toast {
+ width: min(380px, calc(100vw - 30px));
+ display: grid;
+ grid-template-columns: 20px minmax(0, 1fr);
+ gap: 9px;
+ padding: 11px 12px;
+ border: 1px solid var(--line);
+ border-radius: 7px;
+ background: var(--surface-2);
+ box-shadow: var(--shadow);
+ pointer-events: auto;
+ animation: toast-in 0.18s ease-out;
+}
+.toast.success {
+ border-color: color-mix(in srgb, var(--success) 35%, var(--line));
+}
+.toast.error {
+ border-color: color-mix(in srgb, var(--danger) 40%, var(--line));
+}
+.toast strong {
+ display: block;
+ margin-bottom: 2px;
+}
+.toast span {
+ color: var(--text-muted);
+ line-height: 1.4;
+}
+@keyframes toast-in {
+ from {
+ transform: translateY(8px);
+ opacity: 0;
+ }
+}
-.loading-overlay { position: absolute; inset: 0; z-index: 20; display: grid; place-items: center; background: color-mix(in srgb, var(--surface-0) 72%, transparent); backdrop-filter: blur(2px); }
-.spinner { width: 22px; height: 22px; border: 2px solid var(--line); border-top-color: var(--primary); border-radius: 50%; animation: spin .8s linear infinite; }
-@keyframes spin { to { transform: rotate(360deg); } }
+.loading-overlay {
+ position: absolute;
+ inset: 0;
+ z-index: 20;
+ display: grid;
+ place-items: center;
+ background: color-mix(in srgb, var(--surface-0) 72%, transparent);
+ backdrop-filter: blur(2px);
+}
+.spinner {
+ width: 22px;
+ height: 22px;
+ border: 2px solid var(--line);
+ border-top-color: var(--primary);
+ border-radius: 50%;
+ animation: spin 0.8s linear infinite;
+}
+@keyframes spin {
+ to {
+ transform: rotate(360deg);
+ }
+}
@media (max-width: 1250px) {
- :root { --sidebar: 250px; --action-panel: 320px; }
- .summary-grid { grid-template-columns: repeat(2,1fr); }
- .summary-card:nth-child(2) { border-right: 0; }
- .summary-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
- .queue-row { grid-template-columns: 28px minmax(130px,1fr) minmax(180px,1.5fr) auto; }
+ :root {
+ --sidebar: 250px;
+ --action-panel: 320px;
+ }
+ .summary-grid {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ .summary-card:nth-child(2) {
+ border-right: 0;
+ }
+ .summary-card:nth-child(-n + 2) {
+ border-bottom: 1px solid var(--line);
+ }
+ .queue-row {
+ grid-template-columns: 28px minmax(130px, 1fr) minmax(180px, 1.5fr) auto;
+ }
}
@media (max-width: 1120px) {
- :root { --sidebar: 220px; --action-panel: 300px; }
- .global-search { width: 190px; }
- .changes-layout { grid-template-columns: 245px minmax(0,1fr); }
- .page { padding-left: 18px; padding-right: 18px; }
+ :root {
+ --sidebar: 220px;
+ --action-panel: 300px;
+ }
+ .global-search {
+ width: 190px;
+ }
+ .changes-layout {
+ grid-template-columns: 245px minmax(0, 1fr);
+ }
+ .page {
+ padding-left: 18px;
+ padding-right: 18px;
+ }
}
/* ForgeFlow v0.2 interaction and workflow refinements */
-.command-trigger { height: 30px; display: inline-flex; align-items: center; gap: 7px; padding: 0 8px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-0); color: var(--text-muted); cursor: pointer; -webkit-app-region: no-drag; }
-.command-trigger:hover { color: var(--text); background: var(--surface-hover); }
-kbd { min-width: 24px; padding: 2px 5px; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 4px; background: var(--surface-2); color: var(--text-faint); font: 9px var(--font-mono); text-align: center; }
-.repo-group-label { padding: 10px 8px 4px; color: var(--text-faint); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
-.favorite-button { width: 25px; height: 25px; display: inline-grid; place-items: center; margin-left: -5px; border-radius: 5px; background: transparent; color: var(--text-faint); cursor: pointer; }
-.favorite-button:hover, .favorite-button.active { color: var(--warning); background: var(--warning-soft); }
-.favorite-button.active svg { fill: currentColor; }
-.repo-row .repo-icon .icon { width: 15px; height: 15px; }
-.repo-row .repo-icon:has(svg path[d^="m12 3"]) { color: var(--warning); }
-.button.small { min-height: 25px; padding: 0 7px; font-size: 10px; }
-.stack.horizontal.compact { gap: 5px; }
-.empty-state.compact { min-height: 105px; padding: 16px; }
-.empty-state.full { height: 100%; min-height: 320px; }
-.readiness-list { display: grid; gap: 3px; }
-.readiness-row { display: grid; grid-template-columns: 12px minmax(0,1fr); gap: 9px; align-items: start; padding: 9px 4px; border-bottom: 1px solid var(--line-soft); }
-.readiness-row:last-child { border-bottom: 0; }
-.readiness-row strong { display: block; font-size: 11px; }
-.readiness-row span:not(.state-dot) { display: block; margin-top: 2px; color: var(--text-faint); font-size: 10px; }
-.action-panel-head { padding: 18px 17px 14px; border-bottom: 1px solid var(--line); }
-.action-panel-head h2 { margin: 5px 0 5px; font-size: 16px; }
-.action-panel-head p { margin: 0; color: var(--text-muted); line-height: 1.45; }
-.action-panel-body { padding: 15px 16px; }
-.action-panel-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: auto 10px 10px; padding-top: 10px; border-top: 1px solid var(--line-soft); }
-.action-panel { display: flex; flex-direction: column; }
-.panel-callout { display: grid; gap: 9px; }
-.panel-callout h2 { margin: 3px 0 0; font-size: 15px; }
-.panel-callout p { margin: 0 0 5px; color: var(--text-muted); line-height: 1.5; }
-.callout-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; background: var(--primary-soft); color: var(--primary); }
-.callout-icon.success { background: var(--success-soft); color: var(--success); }
-.callout-icon.warning { background: var(--warning-soft); color: var(--warning); }
-.callout-icon.danger { background: var(--danger-soft); color: var(--danger); }
-.field-hint { display: flex; justify-content: space-between; gap: 10px; margin-top: 6px; color: var(--text-faint); font-size: 10px; }
-.field-label { display: block; margin-top: 8px; color: var(--text-muted); font-size: 10px; font-weight: 650; }
-.textarea { width: 100%; min-height: 92px; resize: vertical; padding: 9px 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-0); line-height: 1.45; }
-.input, .select { width: 100%; min-height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-0); color: var(--text); }
-.select { cursor: pointer; }
-.stack { display: grid; gap: 8px; }
-.stack.horizontal { display: flex; flex-wrap: wrap; align-items: center; }
-.deploy-proof { display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; margin: 7px 0 5px; padding: 11px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-0); }
-.deploy-proof span { color: var(--text-faint); }
-.deploy-proof strong { font: 11px var(--font-mono); }
-.tab-page { min-height: 100%; padding: 18px 19px 42px; overflow: auto; }
-.git-tools-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; align-items: start; }
-.inline-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin-bottom: 13px; }
-.tool-list { display: grid; border: 1px solid var(--line-soft); border-radius: 6px; overflow: hidden; }
-.tool-row { min-height: 51px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; border-bottom: 1px solid var(--line-soft); }
-.tool-row:last-child { border-bottom: 0; }
-.tool-row:hover { background: var(--surface-hover); }
-.tool-row strong { display: block; }
-.tool-row span { display: block; margin-top: 3px; color: var(--text-faint); font: 10px var(--font-mono); }
-.deploy-card-header h3 { margin: 4px 0 3px; font-size: 14px; }
-.deploy-card-header p { margin: 0; color: var(--text-faint); font: 10px var(--font-mono); }
-.card-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line-soft); }
-.compact-card .deploy-card-body { padding-bottom: 11px; }
-.check-field { display: flex; align-items: center; gap: 9px; padding: 8px 0; color: var(--text-muted); }
-.check-field input { accent-color: var(--primary-strong); }
-.wide-modal { width: min(650px,95vw); }
-.modal-spacer { flex: 1; }
-.confirm-hero { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid color-mix(in srgb, var(--success) 30%, var(--line)); border-radius: 7px; background: var(--success-soft); }
-.confirm-hero.danger { border-color: color-mix(in srgb, var(--danger) 35%, var(--line)); background: var(--danger-soft); }
-.confirm-hero > .icon { width: 27px; height: 27px; color: var(--success); }
-.confirm-hero.danger > .icon { color: var(--danger); }
-.confirm-hero strong, .confirm-hero span { display: block; }
-.confirm-hero span { margin-top: 3px; color: var(--text-muted); }
-.confirm-grid { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 9px 14px; margin-top: 16px; }
-.confirm-grid span { color: var(--text-faint); }
-.confirm-grid strong { overflow-wrap: anywhere; }
-.notice.danger { border-color: color-mix(in srgb, var(--danger) 35%, var(--line)); background: var(--danger-soft); color: var(--danger); }
-.notice.warning { border-color: color-mix(in srgb, var(--warning) 35%, var(--line)); background: var(--warning-soft); color: var(--warning); }
-.danger-zone { padding: 15px; border: 1px solid color-mix(in srgb, var(--danger) 25%, var(--line)); border-radius: 7px; background: var(--danger-soft); }
-.danger-zone p { color: var(--text-muted); line-height: 1.5; }
-.pipeline-stages { grid-template-columns: repeat(6,1fr); }
-.pipeline-stage.failed { color: var(--danger); }
-.pipeline-stage.failed .stage-icon { background: var(--danger); border-color: var(--danger); color: #fff; }
-.pipeline-stage.cancelled, .pipeline-stage.skipped { color: var(--text-faint); }
-.log-lines { word-break: break-word; }
-.palette-backdrop { align-items: start; padding-top: 12vh; }
-.command-palette { width: min(650px,94vw); border: 1px solid var(--line); border-radius: 10px; background: var(--surface-1); box-shadow: var(--shadow); overflow: hidden; }
-.palette-search { height: 54px; display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 9px; align-items: center; padding: 0 15px; border-bottom: 1px solid var(--line); }
-.palette-search input { height: 100%; border: 0; outline: 0; background: transparent; font-size: 15px; }
-.palette-list { max-height: 380px; overflow: auto; padding: 6px; }
-.palette-row { width: 100%; min-height: 52px; display: grid; grid-template-columns: 22px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 7px 10px; border-radius: 6px; background: transparent; color: var(--text-muted); text-align: left; cursor: pointer; }
-.palette-row:hover, .palette-row:focus-visible { background: var(--primary-soft); color: var(--text); }
-.palette-row:disabled { opacity: .4; cursor: not-allowed; }
-.palette-row strong, .palette-row small { display: block; }
-.palette-row small { margin-top: 3px; color: var(--text-faint); }
-.palette-footer { padding: 8px 13px; border-top: 1px solid var(--line-soft); color: var(--text-faint); font-size: 10px; }
-.discovery-progress { min-height: 260px; display: grid; place-content: center; justify-items: center; gap: 13px; color: var(--text-muted); }
+.command-trigger {
+ height: 30px;
+ display: inline-flex;
+ align-items: center;
+ gap: 7px;
+ padding: 0 8px;
+ border: 1px solid var(--line);
+ border-radius: 6px;
+ background: var(--surface-0);
+ color: var(--text-muted);
+ cursor: pointer;
+ -webkit-app-region: no-drag;
+}
+.command-trigger:hover {
+ color: var(--text);
+ background: var(--surface-hover);
+}
+kbd {
+ min-width: 24px;
+ padding: 2px 5px;
+ border: 1px solid var(--line);
+ border-bottom-width: 2px;
+ border-radius: 4px;
+ background: var(--surface-2);
+ color: var(--text-faint);
+ font: 9px var(--font-mono);
+ text-align: center;
+}
+.repo-group-label {
+ padding: 10px 8px 4px;
+ color: var(--text-faint);
+ font-size: 9px;
+ font-weight: 750;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+.favorite-button {
+ width: 25px;
+ height: 25px;
+ display: inline-grid;
+ place-items: center;
+ margin-left: -5px;
+ border-radius: 5px;
+ background: transparent;
+ color: var(--text-faint);
+ cursor: pointer;
+}
+.favorite-button:hover,
+.favorite-button.active {
+ color: var(--warning);
+ background: var(--warning-soft);
+}
+.favorite-button.active svg {
+ fill: currentColor;
+}
+.repo-row .repo-icon .icon {
+ width: 15px;
+ height: 15px;
+}
+.repo-row .repo-icon:has(svg path[d^="m12 3"]) {
+ color: var(--warning);
+}
+.button.small {
+ min-height: 25px;
+ padding: 0 7px;
+ font-size: 10px;
+}
+.stack.horizontal.compact {
+ gap: 5px;
+}
+.empty-state.compact {
+ min-height: 105px;
+ padding: 16px;
+}
+.empty-state.full {
+ height: 100%;
+ min-height: 320px;
+}
+.readiness-list {
+ display: grid;
+ gap: 3px;
+}
+.readiness-row {
+ display: grid;
+ grid-template-columns: 12px minmax(0, 1fr);
+ gap: 9px;
+ align-items: start;
+ padding: 9px 4px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.readiness-row:last-child {
+ border-bottom: 0;
+}
+.readiness-row strong {
+ display: block;
+ font-size: 11px;
+}
+.readiness-row span:not(.state-dot) {
+ display: block;
+ margin-top: 2px;
+ color: var(--text-faint);
+ font-size: 10px;
+}
+.action-panel-head {
+ padding: 18px 17px 14px;
+ border-bottom: 1px solid var(--line);
+}
+.action-panel-head h2 {
+ margin: 5px 0 5px;
+ font-size: 16px;
+}
+.action-panel-head p {
+ margin: 0;
+ color: var(--text-muted);
+ line-height: 1.45;
+}
+.action-panel-body {
+ padding: 15px 16px;
+}
+.action-panel-footer {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 5px;
+ margin: auto 10px 10px;
+ padding-top: 10px;
+ border-top: 1px solid var(--line-soft);
+}
+.action-panel {
+ display: flex;
+ flex-direction: column;
+}
+.panel-callout {
+ display: grid;
+ gap: 9px;
+}
+.panel-callout h2 {
+ margin: 3px 0 0;
+ font-size: 15px;
+}
+.panel-callout p {
+ margin: 0 0 5px;
+ color: var(--text-muted);
+ line-height: 1.5;
+}
+.callout-icon {
+ width: 38px;
+ height: 38px;
+ display: grid;
+ place-items: center;
+ border-radius: 9px;
+ background: var(--primary-soft);
+ color: var(--primary);
+}
+.callout-icon.success {
+ background: var(--success-soft);
+ color: var(--success);
+}
+.callout-icon.warning {
+ background: var(--warning-soft);
+ color: var(--warning);
+}
+.callout-icon.danger {
+ background: var(--danger-soft);
+ color: var(--danger);
+}
+.field-hint {
+ display: flex;
+ justify-content: space-between;
+ gap: 10px;
+ margin-top: 6px;
+ color: var(--text-faint);
+ font-size: 10px;
+}
+.field-label {
+ display: block;
+ margin-top: 8px;
+ color: var(--text-muted);
+ font-size: 10px;
+ font-weight: 650;
+}
+.textarea {
+ width: 100%;
+ min-height: 92px;
+ resize: vertical;
+ padding: 9px 10px;
+ border: 1px solid var(--line);
+ border-radius: 6px;
+ background: var(--surface-0);
+ line-height: 1.45;
+}
+.input,
+.select {
+ width: 100%;
+ min-height: 34px;
+ padding: 0 10px;
+ border: 1px solid var(--line);
+ border-radius: 5px;
+ background: var(--surface-0);
+ color: var(--text);
+}
+.select {
+ cursor: pointer;
+}
+.stack {
+ display: grid;
+ gap: 8px;
+}
+.stack.horizontal {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+}
+.deploy-proof {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ gap: 7px 12px;
+ margin: 7px 0 5px;
+ padding: 11px;
+ border: 1px solid var(--line);
+ border-radius: 6px;
+ background: var(--surface-0);
+}
+.deploy-proof span {
+ color: var(--text-faint);
+}
+.deploy-proof strong {
+ font: 11px var(--font-mono);
+}
+.tab-page {
+ min-height: 100%;
+ padding: 18px 19px 42px;
+ overflow: auto;
+}
+.git-tools-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 15px;
+ align-items: start;
+}
+.inline-form {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ gap: 8px;
+ margin-bottom: 13px;
+}
+.tool-list {
+ display: grid;
+ border: 1px solid var(--line-soft);
+ border-radius: 6px;
+ overflow: hidden;
+}
+.tool-row {
+ min-height: 51px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ padding: 8px 10px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.tool-row:last-child {
+ border-bottom: 0;
+}
+.tool-row:hover {
+ background: var(--surface-hover);
+}
+.tool-row strong {
+ display: block;
+}
+.tool-row span {
+ display: block;
+ margin-top: 3px;
+ color: var(--text-faint);
+ font: 10px var(--font-mono);
+}
+.deploy-card-header h3 {
+ margin: 4px 0 3px;
+ font-size: 14px;
+}
+.deploy-card-header p {
+ margin: 0;
+ color: var(--text-faint);
+ font: 10px var(--font-mono);
+}
+.card-actions {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 7px;
+ margin-top: 14px;
+ padding-top: 12px;
+ border-top: 1px solid var(--line-soft);
+}
+.compact-card .deploy-card-body {
+ padding-bottom: 11px;
+}
+.check-field {
+ display: flex;
+ align-items: center;
+ gap: 9px;
+ padding: 8px 0;
+ color: var(--text-muted);
+}
+.check-field input {
+ accent-color: var(--primary-strong);
+}
+.wide-modal {
+ width: min(650px, 95vw);
+}
+.modal-spacer {
+ flex: 1;
+}
+.confirm-hero {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ padding: 12px;
+ border: 1px solid color-mix(in srgb, var(--success) 30%, var(--line));
+ border-radius: 7px;
+ background: var(--success-soft);
+}
+.confirm-hero.danger {
+ border-color: color-mix(in srgb, var(--danger) 35%, var(--line));
+ background: var(--danger-soft);
+}
+.confirm-hero > .icon {
+ width: 27px;
+ height: 27px;
+ color: var(--success);
+}
+.confirm-hero.danger > .icon {
+ color: var(--danger);
+}
+.confirm-hero strong,
+.confirm-hero span {
+ display: block;
+}
+.confirm-hero span {
+ margin-top: 3px;
+ color: var(--text-muted);
+}
+.confirm-grid {
+ display: grid;
+ grid-template-columns: 120px minmax(0, 1fr);
+ gap: 9px 14px;
+ margin-top: 16px;
+}
+.confirm-grid span {
+ color: var(--text-faint);
+}
+.confirm-grid strong {
+ overflow-wrap: anywhere;
+}
+.notice.danger {
+ border-color: color-mix(in srgb, var(--danger) 35%, var(--line));
+ background: var(--danger-soft);
+ color: var(--danger);
+}
+.notice.warning {
+ border-color: color-mix(in srgb, var(--warning) 35%, var(--line));
+ background: var(--warning-soft);
+ color: var(--warning);
+}
+.danger-zone {
+ padding: 15px;
+ border: 1px solid color-mix(in srgb, var(--danger) 25%, var(--line));
+ border-radius: 7px;
+ background: var(--danger-soft);
+}
+.danger-zone p {
+ color: var(--text-muted);
+ line-height: 1.5;
+}
+.pipeline-stages {
+ grid-template-columns: repeat(6, 1fr);
+}
+.pipeline-stage.failed {
+ color: var(--danger);
+}
+.pipeline-stage.failed .stage-icon {
+ background: var(--danger);
+ border-color: var(--danger);
+ color: #fff;
+}
+.pipeline-stage.cancelled,
+.pipeline-stage.skipped {
+ color: var(--text-faint);
+}
+.log-lines {
+ word-break: break-word;
+}
+.palette-backdrop {
+ align-items: start;
+ padding-top: 12vh;
+}
+.command-palette {
+ width: min(650px, 94vw);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ background: var(--surface-1);
+ box-shadow: var(--shadow);
+ overflow: hidden;
+}
+.palette-search {
+ height: 54px;
+ display: grid;
+ grid-template-columns: 20px minmax(0, 1fr);
+ gap: 9px;
+ align-items: center;
+ padding: 0 15px;
+ border-bottom: 1px solid var(--line);
+}
+.palette-search input {
+ height: 100%;
+ border: 0;
+ outline: 0;
+ background: transparent;
+ font-size: 15px;
+}
+.palette-list {
+ max-height: 380px;
+ overflow: auto;
+ padding: 6px;
+}
+.palette-row {
+ width: 100%;
+ min-height: 52px;
+ display: grid;
+ grid-template-columns: 22px minmax(0, 1fr) auto;
+ gap: 10px;
+ align-items: center;
+ padding: 7px 10px;
+ border-radius: 6px;
+ background: transparent;
+ color: var(--text-muted);
+ text-align: left;
+ cursor: pointer;
+}
+.palette-row:hover,
+.palette-row:focus-visible {
+ background: var(--primary-soft);
+ color: var(--text);
+}
+.palette-row:disabled {
+ opacity: 0.4;
+ cursor: not-allowed;
+}
+.palette-row strong,
+.palette-row small {
+ display: block;
+}
+.palette-row small {
+ margin-top: 3px;
+ color: var(--text-faint);
+}
+.palette-footer {
+ padding: 8px 13px;
+ border-top: 1px solid var(--line-soft);
+ color: var(--text-faint);
+ font-size: 10px;
+}
+.discovery-progress {
+ min-height: 260px;
+ display: grid;
+ place-content: center;
+ justify-items: center;
+ gap: 13px;
+ color: var(--text-muted);
+}
@media (max-width: 1240px) {
- .command-trigger span { display: none; }
- .command-trigger kbd { display: none; }
- .git-tools-grid { grid-template-columns: 1fr; }
- .pipeline-stages { grid-template-columns: repeat(3,1fr); row-gap: 18px; }
- .pipeline-stage:nth-child(4)::before { display: none; }
+ .command-trigger span {
+ display: none;
+ }
+ .command-trigger kbd {
+ display: none;
+ }
+ .git-tools-grid {
+ grid-template-columns: 1fr;
+ }
+ .pipeline-stages {
+ grid-template-columns: repeat(3, 1fr);
+ row-gap: 18px;
+ }
+ .pipeline-stage:nth-child(4)::before {
+ display: none;
+ }
}
/* v0.3 diagnostics and preflight */
-.diagnostics-page { display: grid; gap: 18px; padding: 20px 22px 44px; overflow: auto; }
-.diagnostic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
-.diagnostic-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line-soft); border-radius: 7px; overflow: hidden; }
-.diagnostic-metrics > div { min-height: 68px; display: grid; align-content: center; gap: 5px; padding: 11px 12px; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); background: var(--surface-0); }
-.diagnostic-metrics > div:nth-child(2n) { border-right: 0; }
-.diagnostic-metrics > div:nth-last-child(-n + 2) { border-bottom: 0; }
-.diagnostic-metrics span { color: var(--text-faint); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
-.diagnostic-metrics strong { overflow-wrap: anywhere; font-size: 12px; }
-.preflight-summary { min-height: 48px; display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding: 11px 13px; border-bottom: 1px solid var(--line-soft); color: var(--text-muted); }
-.preflight-list { display: grid; }
-.preflight-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 12px 13px; border-bottom: 1px solid var(--line-soft); }
-.preflight-row:last-child { border-bottom: 0; }
-.preflight-row > div { min-width: 0; }
-.preflight-row strong { display: block; margin-top: 1px; font-size: 11px; }
-.preflight-row span:not(.preflight-state):not(.status-pill), .preflight-row small { display: block; margin-top: 3px; color: var(--text-faint); line-height: 1.4; overflow-wrap: anywhere; }
-.preflight-row small { color: var(--text-muted); }
-.preflight-state { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: var(--surface-2); color: var(--text-faint); }
-.preflight-state .icon { width: 14px; height: 14px; }
-.preflight-state.success { background: var(--success-soft); color: var(--success); }
-.preflight-state.warning { background: var(--warning-soft); color: var(--warning); }
-.preflight-state.danger { background: var(--danger-soft); color: var(--danger); }
-.setup-preflight { max-height: 330px; margin-top: 17px; border: 1px solid var(--line); border-radius: 8px; overflow: auto; background: var(--surface-0); }
-.setup-summary { display: grid; margin: 18px 0; border: 1px solid var(--line); border-radius: 8px; padding: 0 12px; background: var(--surface-0); }
-.setup-support-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
-.diagnostics-page .panel-body { padding: 14px; }
-.diagnostics-page .section-block { margin: 0; }
+.diagnostics-page {
+ display: grid;
+ gap: 18px;
+ padding: 20px 22px 44px;
+ overflow: auto;
+}
+.diagnostic-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 14px;
+ align-items: start;
+}
+.diagnostic-metrics {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ border: 1px solid var(--line-soft);
+ border-radius: 7px;
+ overflow: hidden;
+}
+.diagnostic-metrics > div {
+ min-height: 68px;
+ display: grid;
+ align-content: center;
+ gap: 5px;
+ padding: 11px 12px;
+ border-right: 1px solid var(--line-soft);
+ border-bottom: 1px solid var(--line-soft);
+ background: var(--surface-0);
+}
+.diagnostic-metrics > div:nth-child(2n) {
+ border-right: 0;
+}
+.diagnostic-metrics > div:nth-last-child(-n + 2) {
+ border-bottom: 0;
+}
+.diagnostic-metrics span {
+ color: var(--text-faint);
+ font-size: 9px;
+ font-weight: 700;
+ letter-spacing: 0.06em;
+ text-transform: uppercase;
+}
+.diagnostic-metrics strong {
+ overflow-wrap: anywhere;
+ font-size: 12px;
+}
+.preflight-summary {
+ min-height: 48px;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 9px;
+ padding: 11px 13px;
+ border-bottom: 1px solid var(--line-soft);
+ color: var(--text-muted);
+}
+.preflight-list {
+ display: grid;
+}
+.preflight-row {
+ display: grid;
+ grid-template-columns: 28px minmax(0, 1fr) auto;
+ gap: 10px;
+ align-items: start;
+ padding: 12px 13px;
+ border-bottom: 1px solid var(--line-soft);
+}
+.preflight-row:last-child {
+ border-bottom: 0;
+}
+.preflight-row > div {
+ min-width: 0;
+}
+.preflight-row strong {
+ display: block;
+ margin-top: 1px;
+ font-size: 11px;
+}
+.preflight-row span:not(.preflight-state):not(.status-pill),
+.preflight-row small {
+ display: block;
+ margin-top: 3px;
+ color: var(--text-faint);
+ line-height: 1.4;
+ overflow-wrap: anywhere;
+}
+.preflight-row small {
+ color: var(--text-muted);
+}
+.preflight-state {
+ width: 25px;
+ height: 25px;
+ display: grid;
+ place-items: center;
+ border-radius: 50%;
+ background: var(--surface-2);
+ color: var(--text-faint);
+}
+.preflight-state .icon {
+ width: 14px;
+ height: 14px;
+}
+.preflight-state.success {
+ background: var(--success-soft);
+ color: var(--success);
+}
+.preflight-state.warning {
+ background: var(--warning-soft);
+ color: var(--warning);
+}
+.preflight-state.danger {
+ background: var(--danger-soft);
+ color: var(--danger);
+}
+.setup-preflight {
+ max-height: 330px;
+ margin-top: 17px;
+ border: 1px solid var(--line);
+ border-radius: 8px;
+ overflow: auto;
+ background: var(--surface-0);
+}
+.setup-summary {
+ display: grid;
+ margin: 18px 0;
+ border: 1px solid var(--line);
+ border-radius: 8px;
+ padding: 0 12px;
+ background: var(--surface-0);
+}
+.setup-support-actions {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ margin-top: 14px;
+}
+.diagnostics-page .panel-body {
+ padding: 14px;
+}
+.diagnostics-page .section-block {
+ margin: 0;
+}
@media (max-width: 1100px) {
- .diagnostic-grid { grid-template-columns: 1fr; }
+ .diagnostic-grid {
+ grid-template-columns: 1fr;
+ }
}
@media (max-width: 760px) {
- .diagnostics-page { padding: 15px; }
- .diagnostic-metrics { grid-template-columns: 1fr; }
- .diagnostic-metrics > div { border-right: 0; }
- .diagnostic-metrics > div:nth-last-child(-n + 2) { border-bottom: 1px solid var(--line-soft); }
- .diagnostic-metrics > div:last-child { border-bottom: 0; }
- .preflight-row { grid-template-columns: 28px minmax(0, 1fr); }
- .preflight-row > .status-pill { grid-column: 2; justify-self: start; }
+ .diagnostics-page {
+ padding: 15px;
+ }
+ .diagnostic-metrics {
+ grid-template-columns: 1fr;
+ }
+ .diagnostic-metrics > div {
+ border-right: 0;
+ }
+ .diagnostic-metrics > div:nth-last-child(-n + 2) {
+ border-bottom: 1px solid var(--line-soft);
+ }
+ .diagnostic-metrics > div:last-child {
+ border-bottom: 0;
+ }
+ .preflight-row {
+ grid-template-columns: 28px minmax(0, 1fr);
+ }
+ .preflight-row > .status-pill {
+ grid-column: 2;
+ justify-self: start;
+ }
}
-.required-mark { color: var(--warning); font-size: 10px; font-weight: 700; text-transform: uppercase; margin-left: 5px; }
-.commit-readiness { margin-top: 9px; padding: 8px 9px; display: flex; align-items: flex-start; gap: 7px; border: 1px solid var(--line); border-radius: 5px; color: var(--text-muted); background: var(--surface-0); font-size: 11px; line-height: 1.4; }
-.commit-readiness.blocked { border-color: color-mix(in srgb, var(--warning) 35%, var(--line)); background: var(--warning-soft); color: var(--text); }
-.commit-readiness.ready { border-color: color-mix(in srgb, var(--success) 35%, var(--line)); background: var(--success-soft); color: var(--text); }
-.commit-readiness .icon { flex: 0 0 auto; margin-top: 1px; }
-.stage-note { margin-top: 10px; color: var(--text-faint); font-size: 10px; line-height: 1.45; }
+.required-mark {
+ color: var(--warning);
+ font-size: 10px;
+ font-weight: 700;
+ text-transform: uppercase;
+ margin-left: 5px;
+}
+.commit-readiness {
+ margin-top: 9px;
+ padding: 8px 9px;
+ display: flex;
+ align-items: flex-start;
+ gap: 7px;
+ border: 1px solid var(--line);
+ border-radius: 5px;
+ color: var(--text-muted);
+ background: var(--surface-0);
+ font-size: 11px;
+ line-height: 1.4;
+}
+.commit-readiness.blocked {
+ border-color: color-mix(in srgb, var(--warning) 35%, var(--line));
+ background: var(--warning-soft);
+ color: var(--text);
+}
+.commit-readiness.ready {
+ border-color: color-mix(in srgb, var(--success) 35%, var(--line));
+ background: var(--success-soft);
+ color: var(--text);
+}
+.commit-readiness .icon {
+ flex: 0 0 auto;
+ margin-top: 1px;
+}
+.stage-note {
+ margin-top: 10px;
+ color: var(--text-faint);
+ font-size: 10px;
+ line-height: 1.45;
+}
-.update-card { margin-top: 12px; padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-0); }
-.update-card.available { border-color: color-mix(in srgb, var(--primary) 45%, var(--line)); background: var(--primary-soft); }
-.update-card > div:first-child { display: flex; align-items: center; gap: 10px; min-width: 0; }
-.update-card > div:first-child > span { min-width: 0; display: grid; gap: 2px; }
-.update-card small, .server-card small { color: var(--text-faint); }
-.server-list { display: grid; gap: 8px; }
-.server-card { padding: 11px 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-0); }
-.server-card-main { min-width: 0; display: flex; align-items: center; gap: 10px; }
-.server-card-main > div { min-width: 0; display: grid; gap: 2px; }
-.server-card-main span { color: var(--text-muted); font-family: var(--font-mono); font-size: 10px; overflow: hidden; text-overflow: ellipsis; }
-.provider-choice { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 14px; }
-.provider-note { padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-0); color: var(--text-muted); font-size: 11px; }
-.server-inspection { margin-top: 12px; }
+.update-card {
+ margin-top: 12px;
+ padding: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ border: 1px solid var(--line);
+ border-radius: 7px;
+ background: var(--surface-0);
+}
+.update-card.available {
+ border-color: color-mix(in srgb, var(--primary) 45%, var(--line));
+ background: var(--primary-soft);
+}
+.update-card > div:first-child {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ min-width: 0;
+}
+.update-card > div:first-child > span {
+ min-width: 0;
+ display: grid;
+ gap: 2px;
+}
+.update-card small,
+.server-card small {
+ color: var(--text-faint);
+}
+.server-list {
+ display: grid;
+ gap: 8px;
+}
+.server-card {
+ padding: 11px 12px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ border: 1px solid var(--line);
+ border-radius: 7px;
+ background: var(--surface-0);
+}
+.server-card-main {
+ min-width: 0;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+.server-card-main > div {
+ min-width: 0;
+ display: grid;
+ gap: 2px;
+}
+.server-card-main span {
+ color: var(--text-muted);
+ font-family: var(--font-mono);
+ font-size: 10px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.provider-choice {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 8px;
+ margin-bottom: 14px;
+}
+.provider-note {
+ padding: 10px;
+ border: 1px solid var(--line);
+ border-radius: 6px;
+ background: var(--surface-0);
+ color: var(--text-muted);
+ font-size: 11px;
+}
+.server-inspection {
+ margin-top: 12px;
+}
@media (max-width: 1240px) {
- .wordmark small { display: none; }
- .update-card, .server-card { align-items: flex-start; flex-direction: column; }
+ .wordmark small {
+ display: none;
+ }
+ .update-card,
+ .server-card {
+ align-items: flex-start;
+ flex-direction: column;
+ }
}
-.setup-brand-logo { width: 180px; max-height: 76px; object-fit: contain; object-position: left center; display: block; margin-bottom: 12px; }
-.setup-brand-logo-light { display: none; }
-html[data-theme="light"] .setup-brand-logo-dark { display: none; }
-html[data-theme="light"] .setup-brand-logo-light { display: block; }
-
+.setup-brand-logo {
+ width: 180px;
+ max-height: 76px;
+ object-fit: contain;
+ object-position: left center;
+ display: block;
+ margin-bottom: 12px;
+}
+.setup-brand-logo-light {
+ display: none;
+}
+html[data-theme="light"] .setup-brand-logo-dark {
+ display: none;
+}
+html[data-theme="light"] .setup-brand-logo-light {
+ display: block;
+}
/* v0.5 viewport-safe dialogs */
-.modal-body > .preflight-list:last-child { margin-bottom: 2px; }
-.modal-footer .button { flex: 0 0 auto; }
+.modal-body > .preflight-list:last-child {
+ margin-bottom: 2px;
+}
+.modal-footer .button {
+ flex: 0 0 auto;
+}
@media (max-height: 720px) {
- .modal-backdrop { align-items: start; }
- .modal { max-height: calc(100dvh - 16px); }
- .modal-header { padding-block: 11px; }
- .modal-body { padding-block: 13px; }
- .modal-footer { padding-block: 10px; }
+ .modal-backdrop {
+ align-items: start;
+ }
+ .modal {
+ max-height: calc(100dvh - 16px);
+ }
+ .modal-header {
+ padding-block: 11px;
+ }
+ .modal-body {
+ padding-block: 13px;
+ }
+ .modal-footer {
+ padding-block: 10px;
+ }
}
@media (max-width: 680px) {
- .modal-backdrop { padding: 0; align-items: stretch; }
- .modal, .wide-modal { width: 100vw; max-height: 100dvh; border-radius: 0; }
- .modal-footer .modal-spacer { display: none; }
- .modal-footer .button { flex: 1 1 auto; }
- .form-grid { grid-template-columns: 1fr; }
- .field.full, .check-field.full { grid-column: 1; }
+ .modal-backdrop {
+ padding: 0;
+ align-items: stretch;
+ }
+ .modal,
+ .wide-modal {
+ width: 100vw;
+ max-height: 100dvh;
+ border-radius: 0;
+ }
+ .modal-footer .modal-spacer {
+ display: none;
+ }
+ .modal-footer .button {
+ flex: 1 1 auto;
+ }
+ .form-grid {
+ grid-template-columns: 1fr;
+ }
+ .field.full,
+ .check-field.full {
+ grid-column: 1;
+ }
}
/* ForgeFlow 0.6 recovery and DockerMan controls */
-.git-tools-grid .troubleshooting-panel { grid-column: 1 / -1; }
-.troubleshooting-summary { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; color: var(--text-muted); }
-.text-success { color: var(--success) !important; }
-.text-warning { color: var(--warning) !important; }
-.deploy-card .card-actions { flex-wrap: wrap; }
-.field small { display: block; margin-top: 5px; color: var(--text-faint); line-height: 1.35; }
+.git-tools-grid .troubleshooting-panel {
+ grid-column: 1 / -1;
+}
+.troubleshooting-summary {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ margin-bottom: 12px;
+ color: var(--text-muted);
+}
+.text-success {
+ color: var(--success) !important;
+}
+.text-warning {
+ color: var(--warning) !important;
+}
+.deploy-card .card-actions {
+ flex-wrap: wrap;
+}
+.field small {
+ display: block;
+ margin-top: 5px;
+ color: var(--text-faint);
+ line-height: 1.35;
+}
+.repo-quick-actions {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 8px;
+ margin: 0 20px 12px;
+}
+.repo-quick-actions .status-pill {
+ margin-left: auto;
+}
+@media (max-width: 760px) {
+ .repo-quick-actions {
+ margin-inline: 12px;
+ }
+ .repo-quick-actions .button {
+ flex: 1 1 145px;
+ }
+ .repo-quick-actions .status-pill {
+ width: 100%;
+ margin-left: 0;
+ justify-content: center;
+ }
+}
+
+/* ForgeFlow 0.8 premium visual system */
+:root {
+ --bg: #080b12;
+ --surface-0: #0b1019;
+ --surface-1: #101722;
+ --surface-2: #16202e;
+ --surface-3: #1c2939;
+ --surface-hover: #172434;
+ --line: rgba(148, 163, 184, 0.17);
+ --line-soft: rgba(148, 163, 184, 0.09);
+ --text: #f3f7fc;
+ --text-muted: #a8b4c5;
+ --text-faint: #718096;
+ --primary: #6ee7f9;
+ --primary-strong: #0ea5e9;
+ --primary-soft: rgba(14, 165, 233, 0.13);
+ --success: #5ee5b0;
+ --warning: #f4c56a;
+ --danger: #ff8585;
+ --shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
+ --shadow-soft: 0 10px 36px rgba(0, 0, 0, 0.2);
+ --radius: 12px;
+ --sidebar: 292px;
+ --action-panel: 368px;
+}
+
+html[data-theme="light"] {
+ --bg: #edf2f7;
+ --surface-0: #f5f8fb;
+ --surface-1: rgba(255, 255, 255, 0.94);
+ --surface-2: #f1f5f9;
+ --surface-3: #e7eef6;
+ --surface-hover: #edf4fa;
+ --line: rgba(51, 65, 85, 0.16);
+ --line-soft: rgba(51, 65, 85, 0.08);
+ --text: #101828;
+ --text-muted: #526277;
+ --text-faint: #7d899a;
+ --primary: #0284c7;
+ --primary-strong: #0369a1;
+ --primary-soft: rgba(2, 132, 199, 0.1);
+ --shadow: 0 24px 72px rgba(30, 41, 59, 0.16);
+ --shadow-soft: 0 8px 30px rgba(30, 41, 59, 0.08);
+}
+
+body {
+ letter-spacing: -0.005em;
+ background:
+ radial-gradient(
+ circle at 78% -12%,
+ rgba(14, 165, 233, 0.1),
+ transparent 34%
+ ),
+ var(--bg);
+}
+
+.app-shell {
+ grid-template-rows: 56px minmax(0, 1fr) 28px;
+ background: transparent;
+}
+
+.titlebar {
+ padding-inline: 18px 14px;
+ border-bottom-color: var(--line-soft);
+ background: color-mix(in srgb, var(--surface-1) 91%, transparent);
+ backdrop-filter: blur(18px) saturate(145%);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025);
+}
+
+.wordmark {
+ font-size: 15px;
+ font-weight: 760;
+}
+
+.brand-logo {
+ width: 34px;
+ filter: drop-shadow(0 0 14px rgba(110, 231, 249, 0.2));
+}
+
+.workspace-name {
+ color: var(--text-muted);
+ font-weight: 560;
+}
+
+.global-search,
+.repo-filter,
+.input,
+input,
+textarea,
+select {
+ border-radius: 9px;
+ border-color: var(--line);
+ transition:
+ border-color 150ms ease,
+ box-shadow 150ms ease,
+ background 150ms ease;
+}
+
+.global-search:focus,
+.repo-filter:focus,
+.input:focus,
+input:focus,
+textarea:focus,
+select:focus {
+ border-color: color-mix(in srgb, var(--primary) 58%, var(--line));
+ box-shadow: 0 0 0 3px var(--primary-soft);
+}
+
+.connection-chip {
+ min-height: 31px;
+ padding-inline: 10px;
+ border-radius: 999px;
+ background: color-mix(in srgb, var(--surface-2) 82%, transparent);
+}
+
+.sidebar {
+ border-right-color: var(--line-soft);
+ background:
+ linear-gradient(180deg, rgba(110, 231, 249, 0.025), transparent 28%),
+ color-mix(in srgb, var(--surface-1) 96%, var(--bg));
+}
+
+.primary-nav {
+ padding: 14px 10px 12px;
+ gap: 4px;
+}
+
+.primary-nav button,
+.repo-row {
+ border-radius: 9px;
+ transition:
+ color 150ms ease,
+ background 150ms ease,
+ transform 150ms ease;
+}
+
+.primary-nav button {
+ min-height: 38px;
+ padding-inline: 11px;
+}
+
+.primary-nav button.active {
+ color: var(--text);
+ background: linear-gradient(
+ 90deg,
+ rgba(14, 165, 233, 0.19),
+ rgba(14, 165, 233, 0.07)
+ );
+ box-shadow:
+ inset 2px 0 var(--primary),
+ inset 0 0 0 1px rgba(110, 231, 249, 0.08);
+}
+
+.repo-row {
+ margin: 1px 6px;
+ padding: 8px 9px;
+}
+
+.repo-row:hover {
+ transform: translateX(2px);
+}
+
+.repo-row.active {
+ background: linear-gradient(
+ 90deg,
+ rgba(14, 165, 233, 0.16),
+ rgba(14, 165, 233, 0.045)
+ );
+ box-shadow: inset 0 0 0 1px rgba(110, 231, 249, 0.1);
+}
+
+.sidebar-section > span,
+.repo-group-label,
+.eyebrow {
+ letter-spacing: 0.12em;
+ font-weight: 780;
+}
+
+.page {
+ max-width: 1640px;
+ margin-inline: auto;
+ padding: 30px 34px 48px;
+}
+
+.page-header {
+ margin-bottom: 26px;
+}
+
+.page-header h1 {
+ font-size: clamp(24px, 2vw, 30px);
+ font-weight: 735;
+ letter-spacing: -0.04em;
+}
+
+.page-header p {
+ margin-top: 8px;
+ font-size: 13px;
+ line-height: 1.6;
+}
+
+.button,
+.icon-button {
+ border-radius: 8px;
+ transition:
+ transform 140ms ease,
+ background 140ms ease,
+ border-color 140ms ease,
+ box-shadow 140ms ease,
+ color 140ms ease;
+}
+
+.button {
+ min-height: 34px;
+ padding-inline: 13px;
+ background: linear-gradient(
+ 180deg,
+ color-mix(in srgb, var(--surface-3) 82%, transparent),
+ var(--surface-2)
+ );
+ box-shadow:
+ inset 0 1px rgba(255, 255, 255, 0.035),
+ 0 1px 2px rgba(0, 0, 0, 0.14);
+}
+
+.button:hover:not(:disabled),
+.icon-button:hover:not(:disabled) {
+ transform: translateY(-1px);
+}
+
+.button.primary {
+ background: linear-gradient(135deg, #0ea5e9, #2563eb);
+ border-color: rgba(110, 231, 249, 0.34);
+ box-shadow:
+ 0 8px 24px rgba(14, 165, 233, 0.2),
+ inset 0 1px rgba(255, 255, 255, 0.18);
+}
+
+.button.primary:hover:not(:disabled) {
+ filter: brightness(1.08);
+ box-shadow:
+ 0 10px 30px rgba(14, 165, 233, 0.27),
+ inset 0 1px rgba(255, 255, 255, 0.2);
+}
+
+.summary-grid {
+ gap: 12px;
+ border: 0;
+ overflow: visible;
+ background: transparent;
+}
+
+.summary-card {
+ min-height: 130px;
+ padding: 18px;
+ border: 1px solid var(--line);
+ border-radius: var(--radius);
+ background:
+ linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 46%),
+ var(--surface-1);
+ box-shadow: var(--shadow-soft);
+ overflow: hidden;
+}
+
+.summary-card::after {
+ content: "";
+ position: absolute;
+ inset: auto -24px -42px auto;
+ width: 96px;
+ height: 96px;
+ border-radius: 50%;
+ background: currentColor;
+ opacity: 0.035;
+ filter: blur(3px);
+}
+
+.summary-card:last-child {
+ border-right: 1px solid var(--line);
+}
+
+.summary-value {
+ margin-top: 21px;
+ font-size: 34px;
+ font-weight: 760;
+}
+
+.action-queue,
+.panel {
+ border-color: var(--line);
+ box-shadow: var(--shadow-soft);
+ background: color-mix(in srgb, var(--surface-1) 96%, transparent);
+}
+
+.queue-row {
+ min-height: 68px;
+ padding: 12px 15px;
+}
+
+.queue-row:hover {
+ background: linear-gradient(
+ 90deg,
+ var(--surface-hover),
+ color-mix(in srgb, var(--surface-hover) 55%, transparent)
+ );
+}
+
+.queue-icon {
+ width: 32px;
+ height: 32px;
+ border-radius: 9px;
+}
+
+.repo-header {
+ padding: 20px 22px 16px;
+ background:
+ linear-gradient(180deg, rgba(110, 231, 249, 0.025), transparent),
+ var(--surface-1);
+}
+
+.repo-heading h1 {
+ font-size: 19px;
+ font-weight: 730;
+ letter-spacing: -0.03em;
+}
+
+.repo-quick-actions {
+ margin: 12px 22px 14px;
+ padding: 10px;
+ border: 1px solid var(--line-soft);
+ border-radius: 11px;
+ background: color-mix(in srgb, var(--surface-2) 60%, transparent);
+}
+
+.release-rail {
+ margin: 0 22px 12px;
+ border: 1px solid var(--line);
+ border-radius: 11px;
+ overflow: hidden;
+ background: var(--surface-0);
+}
+
+.tabs {
+ padding-inline: 18px;
+ background: var(--surface-1);
+}
+
+.tab.active {
+ color: var(--primary);
+ box-shadow:
+ inset 0 -2px var(--primary),
+ 0 5px 16px -12px var(--primary);
+}
+
+.status-pill {
+ border-radius: 999px;
+ padding-inline: 9px;
+}
+
+.modal-backdrop {
+ background: rgba(3, 7, 18, 0.74);
+ backdrop-filter: blur(10px) saturate(120%);
+}
+
+.modal {
+ border-color: color-mix(in srgb, var(--line) 82%, var(--primary));
+ border-radius: 16px;
+ box-shadow:
+ 0 36px 120px rgba(0, 0, 0, 0.62),
+ inset 0 1px rgba(255, 255, 255, 0.04);
+}
+
+.modal-header {
+ background:
+ linear-gradient(180deg, rgba(110, 231, 249, 0.035), transparent),
+ var(--surface-1);
+}
+
+.toast {
+ border-radius: 12px;
+ box-shadow: 0 18px 50px rgba(0, 0, 0, 0.42);
+ backdrop-filter: blur(16px);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ *,
+ *::before,
+ *::after {
+ scroll-behavior: auto !important;
+ transition-duration: 0.01ms !important;
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ }
+}
+
+@media (max-width: 1180px) {
+ :root {
+ --sidebar: 264px;
+ --action-panel: 340px;
+ }
+ .page {
+ padding-inline: 24px;
+ }
+ .summary-grid {
+ gap: 8px;
+ }
+}
diff --git a/src/shared/deployment-policy.cjs b/src/shared/deployment-policy.cjs
new file mode 100644
index 0000000..dff0f44
--- /dev/null
+++ b/src/shared/deployment-policy.cjs
@@ -0,0 +1,44 @@
+'use strict';
+
+function parseClock(value) {
+ const match = String(value || '').match(/^([01]\d|2[0-3]):([0-5]\d)$/);
+ if (!match) throw new Error('Maintenance window times must use HH:mm.');
+ return Number(match[1]) * 60 + Number(match[2]);
+}
+
+function normalizeMaintenanceWindows(windows) {
+ return (Array.isArray(windows) ? windows : []).slice(0, 20).map((window) => ({
+ days: [...new Set((Array.isArray(window?.days) ? window.days : []).map(Number).filter((day) => Number.isInteger(day) && day >= 0 && day <= 6))],
+ start: String(window?.start || '00:00'),
+ end: String(window?.end || '23:59')
+ })).map((window) => ({ ...window, startMinutes: parseClock(window.start), endMinutes: parseClock(window.end) }));
+}
+
+function isInsideWindow(window, date) {
+ const minutes = date.getHours() * 60 + date.getMinutes();
+ if (window.startMinutes <= window.endMinutes) return window.days.includes(date.getDay()) && minutes >= window.startMinutes && minutes <= window.endMinutes;
+ if (minutes >= window.startMinutes) return window.days.includes(date.getDay());
+ const previousDay = (date.getDay() + 6) % 7;
+ return minutes <= window.endMinutes && window.days.includes(previousDay);
+}
+
+function evaluateDeploymentPolicy(profile, { now = new Date(), override = false, reason = '', note = '' } = {}) {
+ const cleanReason = String(reason || '').trim();
+ const cleanNote = String(note || '').trim();
+ const policy = profile?.deploymentPolicy || {};
+ const windows = normalizeMaintenanceWindows(policy.maintenanceWindows);
+ const violations = [];
+ if (policy.frozen) violations.push(policy.freezeReason ? `Deployment frozen: ${policy.freezeReason}` : 'Deployment is frozen.');
+ if (windows.length && !windows.some((window) => isInsideWindow(window, now))) violations.push('Current time is outside the configured maintenance windows.');
+ if (policy.requireNote && !cleanNote) violations.push('A release note is required for this environment.');
+ if (violations.length && override && !cleanReason) throw new Error('An override reason is required to bypass deployment policy.');
+ if (violations.length && !override) {
+ const error = new Error(violations.join(' '));
+ error.code = 'DEPLOYMENT_POLICY_BLOCKED';
+ error.recoverable = true;
+ throw error;
+ }
+ return { allowed: true, overridden: violations.length > 0, violations, reason: cleanReason, note: cleanNote };
+}
+
+module.exports = { parseClock, normalizeMaintenanceWindows, isInsideWindow, evaluateDeploymentPolicy };
diff --git a/src/shared/validation.cjs b/src/shared/validation.cjs
index 3ca1bcd..be5c1ed 100644
--- a/src/shared/validation.cjs
+++ b/src/shared/validation.cjs
@@ -87,14 +87,15 @@ function assertDeploymentRequest(profile, sha) {
assertHttpUrl(profile.statusUrl, { label: 'Application status URL' });
}
-function assertHttpUrl(value, { optional = false, label = 'URL' } = {}) {
+function assertHttpUrl(value, { optional = false, label = 'URL', allowUnraidTemplate = false } = {}) {
const raw = String(value || '').trim();
if (!raw && optional) return '';
if (!raw) throw new Error(`${label} is required.`);
- const url = new URL(raw);
+ const validationValue = allowUnraidTemplate ? raw.replace(/\[IP\]/gi, '127.0.0.1').replace(/\[PORT(?::\d+)?\]/gi, '8080') : raw;
+ const url = new URL(validationValue);
if (!['http:', 'https:'].includes(url.protocol)) throw new Error(`${label} must use HTTP or HTTPS.`);
if (url.username || url.password) throw new Error(`${label} may not contain credentials.`);
- return url.toString();
+ return allowUnraidTemplate ? raw : url.toString();
}
function assertCloneRemote(value) {
diff --git a/tests/acceptance.test.mjs b/tests/acceptance.test.mjs
new file mode 100644
index 0000000..607f683
--- /dev/null
+++ b/tests/acceptance.test.mjs
@@ -0,0 +1,11 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { readAcceptanceConfig } from '../scripts/acceptance.mjs';
+
+test('acceptance harness requires an explicit complete environment', () => {
+ assert.throws(() => readAcceptanceConfig({}), /Missing acceptance environment variables/);
+ const config = readAcceptanceConfig({ FORGEFLOW_GITEA_URL: 'https://gitea.test/', FORGEFLOW_GITEA_TOKEN: 'token', FORGEFLOW_REPOSITORY: 'owner/app', FORGEFLOW_LOCAL_PATH: 'C:/Projects/App', FORGEFLOW_BRANCH: 'main', FORGEFLOW_STATUS_URL: 'https://app.test/status', FORGEFLOW_HEALTH_URL: 'https://app.test/health' });
+ assert.equal(config.baseUrl, 'https://gitea.test');
+ assert.equal(config.workflow, 'deploy.yml');
+ assert.throws(() => readAcceptanceConfig({ ...process.env, FORGEFLOW_GITEA_URL: 'x', FORGEFLOW_GITEA_TOKEN: 'x', FORGEFLOW_REPOSITORY: 'invalid', FORGEFLOW_LOCAL_PATH: 'x', FORGEFLOW_BRANCH: 'x', FORGEFLOW_STATUS_URL: 'x', FORGEFLOW_HEALTH_URL: 'x' }), /owner\/repository/);
+});
diff --git a/tests/audit-service.test.mjs b/tests/audit-service.test.mjs
new file mode 100644
index 0000000..9e5612d
--- /dev/null
+++ b/tests/audit-service.test.mjs
@@ -0,0 +1,25 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import os from 'node:os';
+import path from 'node:path';
+import fs from 'node:fs/promises';
+import auditModule from '../src/main/audit-service.cjs';
+
+const { AuditService } = auditModule;
+
+test('audit service appends ordered records and exports CSV', async (t) => {
+ const root = await fs.mkdtemp(path.join(os.tmpdir(), 'forgeflow-audit-'));
+ t.after(() => fs.rm(root, { recursive: true, force: true }));
+ const audit = new AuditService({ userDataPath: root, appInfo: { version: 'test' } });
+ await Promise.all([
+ audit.append('deployment.requested', { repository: 'owner/app', sha: 'a'.repeat(40), note: 'Release, wave 1' }),
+ audit.append('deployment.completed', { repository: 'owner/app', result: 'success' })
+ ]);
+ const entries = await audit.list();
+ assert.equal(entries.length, 2);
+ assert.equal(entries[0].event, 'deployment.completed');
+ const destination = path.join(root, 'audit.csv');
+ const result = await audit.exportTo(destination, 'csv');
+ assert.equal(result.count, 2);
+ assert.match(await fs.readFile(destination, 'utf8'), /"Release, wave 1"/);
+});
diff --git a/tests/configuration-backup.test.mjs b/tests/configuration-backup.test.mjs
new file mode 100644
index 0000000..0784ccd
--- /dev/null
+++ b/tests/configuration-backup.test.mjs
@@ -0,0 +1,27 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import backupModule from '../src/main/configuration-backup.cjs';
+
+const { sanitizeConfiguration, createEncryptedBackup, readEncryptedBackup } = backupModule;
+
+test('configuration backups exclude credentials and operation history', () => {
+ const clean = sanitizeConfiguration({
+ gitea: { baseUrl: 'https://gitea.test', encryptedToken: 'secret-token' },
+ servers: [{ id: 'server', host: 'unraid.test', encryptedPassword: 'password', encryptedPassphrase: 'passphrase' }],
+ operations: [{ id: 'operation', sha: 'a'.repeat(40) }],
+ preferences: { autoRefresh: true }
+ });
+ assert.equal(clean.gitea.encryptedToken, null);
+ assert.equal('encryptedPassword' in clean.servers[0], false);
+ assert.equal('encryptedPassphrase' in clean.servers[0], false);
+ assert.deepEqual(clean.operations, []);
+});
+
+test('configuration backups round-trip with authenticated encryption', () => {
+ const serialized = createEncryptedBackup({ workspaceRoots: ['C:/Projects'], gitea: { encryptedToken: 'secret' } }, 'correct horse battery staple');
+ assert.doesNotMatch(serialized, /C:\/Projects|secret/);
+ const restored = readEncryptedBackup(serialized, 'correct horse battery staple');
+ assert.deepEqual(restored.configuration.workspaceRoots, ['C:/Projects']);
+ assert.equal(restored.configuration.gitea.encryptedToken, null);
+ assert.throws(() => readEncryptedBackup(serialized, 'incorrect passphrase'), /could not be decrypted/i);
+});
diff --git a/tests/deployment-policy.test.mjs b/tests/deployment-policy.test.mjs
new file mode 100644
index 0000000..374d823
--- /dev/null
+++ b/tests/deployment-policy.test.mjs
@@ -0,0 +1,29 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import policyModule from '../src/shared/deployment-policy.cjs';
+
+const { evaluateDeploymentPolicy } = policyModule;
+
+test('deployment freeze and maintenance windows fail closed with reasoned overrides', () => {
+ const profile = { deploymentPolicy: { frozen: true, freezeReason: 'Incident', requireNote: true, maintenanceWindows: [{ days: [1], start: '09:00', end: '10:00' }] } };
+ const now = new Date(2026, 6, 28, 12, 0); // Tuesday
+ assert.throws(() => evaluateDeploymentPolicy(profile, { now, note: 'Release' }), (error) => error.code === 'DEPLOYMENT_POLICY_BLOCKED');
+ assert.throws(() => evaluateDeploymentPolicy(profile, { now, note: 'Release', override: true }), /override reason/i);
+ const result = evaluateDeploymentPolicy(profile, { now, note: 'Release', override: true, reason: 'Emergency recovery' });
+ assert.equal(result.overridden, true);
+ assert.equal(result.violations.length, 2);
+});
+
+test('deployment policy accepts an in-window release with required note', () => {
+ const now = new Date(2026, 6, 27, 9, 30); // Monday
+ const profile = { deploymentPolicy: { requireNote: true, maintenanceWindows: [{ days: [1], start: '09:00', end: '10:00' }] } };
+ assert.equal(evaluateDeploymentPolicy(profile, { now, note: 'Version 1.2' }).allowed, true);
+ assert.throws(() => evaluateDeploymentPolicy(profile, { now }), /release note/i);
+});
+
+test('overnight maintenance windows continue into the following day', () => {
+ const profile = { deploymentPolicy: { maintenanceWindows: [{ days: [1], start: '22:00', end: '02:00' }] } };
+ assert.equal(evaluateDeploymentPolicy(profile, { now: new Date(2026, 6, 27, 23, 0) }).allowed, true);
+ assert.equal(evaluateDeploymentPolicy(profile, { now: new Date(2026, 6, 28, 1, 0) }).allowed, true);
+ assert.throws(() => evaluateDeploymentPolicy(profile, { now: new Date(2026, 6, 28, 3, 0) }), /outside/);
+});
diff --git a/tests/external-tools.test.mjs b/tests/external-tools.test.mjs
new file mode 100644
index 0000000..36e9ca9
--- /dev/null
+++ b/tests/external-tools.test.mjs
@@ -0,0 +1,13 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import toolsModule from '../src/main/external-tools-service.cjs';
+
+const { normalizeTool, expandTool } = toolsModule;
+
+test('external tool templates expand as argument arrays without a shell', () => {
+ const tool = normalizeTool({ executable: 'code.exe', args: ['--goto', '{file}:{line}', '{path}'] }, {});
+ const invocation = expandTool(tool, { path: 'C:\\Projects\\App', file: 'C:\\Projects\\App\\src\\app.js', line: 12 });
+ assert.equal(invocation.executable, 'code.exe');
+ assert.deepEqual(invocation.args, ['--goto', 'C:\\Projects\\App\\src\\app.js:12', 'C:\\Projects\\App']);
+ assert.throws(() => normalizeTool({ executable: 'code.exe\ncalc.exe', args: [] }, {}), /invalid/);
+});
diff --git a/tests/git-integration.test.mjs b/tests/git-integration.test.mjs
index 252786e..b8a488e 100644
--- a/tests/git-integration.test.mjs
+++ b/tests/git-integration.test.mjs
@@ -243,3 +243,30 @@ test('repairs a diverged branch by creating a safety branch before resetting to
const backupSha = (await git(['rev-parse', repaired.backupBranch], working)).stdout.trim();
assert.equal(backupSha, localBefore);
});
+
+test('troubleshooter detects and aborts an interrupted merge without discarding committed history', async (t) => {
+ const root = await fs.mkdtemp(path.join(os.tmpdir(), 'forgeflow-interrupted-merge-'));
+ t.after(() => fs.rm(root, { recursive: true, force: true }));
+ await git(['init'], root);
+ await git(['config', 'user.name', 'ForgeFlow Test'], root);
+ await git(['config', 'user.email', 'forgeflow@example.invalid'], root);
+ await fs.writeFile(path.join(root, 'file.txt'), 'base\n');
+ await git(['add', '.'], root);
+ await git(['commit', '-m', 'Base'], root);
+ await git(['checkout', '-b', 'other'], root);
+ await fs.writeFile(path.join(root, 'file.txt'), 'other\n');
+ await git(['commit', '-am', 'Other'], root);
+ await git(['checkout', 'master'], root);
+ await fs.writeFile(path.join(root, 'file.txt'), 'main\n');
+ await git(['commit', '-am', 'Main'], root);
+ await assert.rejects(git(['merge', 'other'], root));
+
+ const service = new GitService();
+ assert.equal(await service.detectInterruptedOperation(root), 'merge');
+ const result = await service.abortInterruptedOperation(root);
+ assert.equal(result.aborted, 'merge');
+ assert.equal(await service.detectInterruptedOperation(root), null);
+ assert.equal(result.status.clean, true);
+ const subject = await git(['log', '-1', '--pretty=%s'], root);
+ assert.equal(subject.stdout.trim(), 'Main');
+});
diff --git a/tests/gitea-actions.test.mjs b/tests/gitea-actions.test.mjs
index 680d9fb..1c4dc80 100644
--- a/tests/gitea-actions.test.mjs
+++ b/tests/gitea-actions.test.mjs
@@ -88,3 +88,22 @@ test('checks repository workflow files through the contents API', async () => {
service.request = async () => { const error = new Error('missing'); error.status = 404; throw error; };
assert.equal(await service.repositoryFileExists({ owner: 'jens', repo: 'app', filePath: '.gitea/workflows/missing.yml', ref: 'main' }), false);
});
+
+test('creates controlled pull requests and reads branch protection', async () => {
+ const service = new GiteaService(makeStore());
+ const calls = [];
+ service.request = async (pathname, options = {}) => {
+ calls.push({ pathname, options });
+ if (pathname.includes('/branches/main')) return { data: { name: 'main', protected: true } };
+ if (pathname.endsWith('/branch_protections')) return { data: [{ branch_name: 'main', required_approvals: 2, require_signed_commits: true }] };
+ return { data: { number: 12, html_url: 'https://gitea.test/owner/app/pulls/12' } };
+ };
+ const protection = await service.getBranchProtection('owner', 'app', 'main');
+ assert.equal(protection.protected, true);
+ assert.equal(protection.requiredApprovals, 2);
+ const pull = await service.createPullRequest({ owner: 'owner', repo: 'app', head: 'feature', base: 'main', title: 'Release feature', body: 'Summary' });
+ assert.equal(pull.number, 12);
+ const create = calls.find((call) => call.options.method === 'POST');
+ assert.deepEqual(create.options.body, { head: 'feature', base: 'main', title: 'Release feature', body: 'Summary' });
+ await assert.rejects(() => service.createPullRequest({ owner: 'owner', repo: 'app', head: 'main', base: 'main', title: 'Invalid' }), /different/);
+});
diff --git a/tests/ipc-contract.test.mjs b/tests/ipc-contract.test.mjs
new file mode 100644
index 0000000..586d76f
--- /dev/null
+++ b/tests/ipc-contract.test.mjs
@@ -0,0 +1,51 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { readFile } from "node:fs/promises";
+
+test("every preload invoke channel has a registered IPC handler", async () => {
+ const preload = await readFile(
+ new URL("../preload.cjs", import.meta.url),
+ "utf8",
+ );
+ const ipc = await readFile(
+ new URL("../src/main/ipc.cjs", import.meta.url),
+ "utf8",
+ );
+ const invokes = [...preload.matchAll(/invoke\(\s*['"]([^'"]+)['"]/g)].map(
+ (match) => match[1],
+ );
+ const handlers = new Set(
+ [...ipc.matchAll(/register\(\s*['"]([^'"]+)['"]/g)].map(
+ (match) => match[1],
+ ),
+ );
+ assert.ok(invokes.length > 40, "expected the complete renderer API surface");
+ assert.deepEqual(
+ invokes.filter((channel) => !handlers.has(channel)),
+ [],
+ );
+});
+
+test("every renderer bridge call is exposed by the preload contract", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
+ const preload = await readFile(
+ new URL("../preload.cjs", import.meta.url),
+ "utf8",
+ );
+ const calls = new Set(
+ [...renderer.matchAll(/window\.forgeflow\.([A-Za-z0-9_]+)\s*\(/g)].map(
+ (match) => match[1],
+ ),
+ );
+ const exposed = new Set(
+ [...preload.matchAll(/^\s{2}([A-Za-z0-9_]+):/gm)].map((match) => match[1]),
+ );
+ assert.ok(calls.size > 40, "expected the complete renderer bridge surface");
+ assert.deepEqual(
+ [...calls].filter((method) => !exposed.has(method)),
+ [],
+ );
+});
diff --git a/tests/partial-staging.test.mjs b/tests/partial-staging.test.mjs
new file mode 100644
index 0000000..57fc1a8
--- /dev/null
+++ b/tests/partial-staging.test.mjs
@@ -0,0 +1,44 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import os from 'node:os';
+import path from 'node:path';
+import fs from 'node:fs/promises';
+import { execFile } from 'node:child_process';
+import { promisify } from 'node:util';
+import gitModule from '../src/main/git-service.cjs';
+
+const exec = promisify(execFile);
+const git = (args, cwd) => exec('git', args, { cwd, encoding: 'utf8' });
+const { GitService, parseUnifiedDiff } = gitModule;
+
+test('unified diff parser separates selectable hunks', () => {
+ const parsed = parseUnifiedDiff('diff --git a/a b/a\n--- a/a\n+++ b/a\n@@ -1 +1 @@\n-old\n+new\n@@ -10 +10 @@\n-x\n+y\n');
+ assert.equal(parsed.hunks.length, 2);
+ assert.equal(parsed.hunks[0].additions, 1);
+ assert.equal(parsed.hunks[1].deletions, 1);
+});
+
+test('stages only selected hunks using a server-generated patch', async (t) => {
+ const root = await fs.mkdtemp(path.join(os.tmpdir(), 'forgeflow-hunks-'));
+ t.after(() => fs.rm(root, { recursive: true, force: true }));
+ await git(['init'], root);
+ await git(['config', 'user.name', 'ForgeFlow Test'], root);
+ await git(['config', 'user.email', 'forgeflow@example.invalid'], root);
+ const original = [...Array(20)].map((_, index) => `line ${index + 1}`).join('\n') + '\n';
+ await fs.writeFile(path.join(root, 'file.txt'), original);
+ await git(['add', '.'], root); await git(['commit', '-m', 'Initial'], root);
+ const lines = original.trimEnd().split('\n'); lines[0] = 'first changed'; lines[19] = 'last changed';
+ await fs.writeFile(path.join(root, 'file.txt'), `${lines.join('\n')}\n`);
+ const service = new GitService();
+ const hunks = await service.diffHunks(root, 'file.txt');
+ assert.equal(hunks.hunks.length, 2);
+ await service.stageHunks(root, 'file.txt', [0]);
+ const staged = (await git(['diff', '--cached'], root)).stdout;
+ const unstaged = (await git(['diff'], root)).stdout;
+ assert.match(staged, /first changed/); assert.doesNotMatch(staged, /last changed/);
+ assert.match(unstaged, /last changed/); assert.doesNotMatch(unstaged, /first changed/);
+ await service.commitStaged(root, 'Commit reviewed hunk');
+ const afterCommit = (await git(['diff'], root)).stdout;
+ assert.match(afterCommit, /last changed/);
+ assert.doesNotMatch(afterCommit, /first changed/);
+});
diff --git a/tests/renderer-workflow.test.mjs b/tests/renderer-workflow.test.mjs
index 847157c..eb107fc 100644
--- a/tests/renderer-workflow.test.mjs
+++ b/tests/renderer-workflow.test.mjs
@@ -1,46 +1,81 @@
-import test from 'node:test';
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
+import test from "node:test";
+import assert from "node:assert/strict";
+import { readFile } from "node:fs/promises";
-test('changed file list has an independently scrollable bounded layout', async () => {
- const css = await readFile(new URL('../src/renderer/styles.css', import.meta.url), 'utf8');
- assert.match(css, /\.main-canvas\.repository-canvas\s*\{[^}]*overflow:\s*hidden/);
- assert.match(css, /\.file-panel\s*\{[^}]*min-height:\s*0[^}]*overflow:\s*hidden/);
- assert.match(css, /\.file-list\s*\{[^}]*flex:\s*1 1 auto[^}]*overflow-y:\s*auto/);
+test("changed file list has an independently scrollable bounded layout", async () => {
+ const css = await readFile(
+ new URL("../src/renderer/styles.css", import.meta.url),
+ "utf8",
+ );
+ assert.match(
+ css,
+ /\.main-canvas\.repository-canvas\s*\{[^}]*overflow:\s*hidden/,
+ );
+ assert.match(
+ css,
+ /\.file-panel\s*\{[^}]*min-height:\s*0[^}]*overflow:\s*hidden/,
+ );
+ assert.match(
+ css,
+ /\.file-list\s*\{[^}]*flex:\s*1 1 auto[^}]*overflow-y:\s*auto/,
+ );
});
-test('commit workflow explains every disabled prerequisite', async () => {
- const renderer = await readFile(new URL('../src/renderer/app.js', import.meta.url), 'utf8');
+test("commit workflow explains every disabled prerequisite", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
assert.match(renderer, /Commit message required/);
assert.match(renderer, /Enter a commit message to enable commit and push/);
assert.match(renderer, /ForgeFlow stages the selected files automatically/);
- assert.match(renderer, /Commit selected & push to Gitea/);
+ assert.match(renderer, /data-action="commit-push"/);
+ assert.match(renderer, /Commit staged hunks/);
});
-test('ITWorx branding is integrated into titlebar and setup', async () => {
- const renderer = await readFile(new URL('../src/renderer/app.js', import.meta.url), 'utf8');
+test("ITWorx branding is integrated into titlebar and setup", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
assert.match(renderer, /itworx-mark\.png/);
assert.match(renderer, /itworx-wordmark-(?:light|dark)\.png/);
});
-
-test('all modal content stays inside the viewport with a persistent action footer', async () => {
- const css = await readFile(new URL('../src/renderer/styles.css', import.meta.url), 'utf8');
- assert.match(css, /\.modal\s*\{[^}]*max-height:\s*calc\(100dvh[^}]*display:\s*flex[^}]*flex-direction:\s*column/);
- assert.match(css, /\.modal-body\s*\{[^}]*min-height:\s*0[^}]*overflow-y:\s*auto/);
+test("all modal content stays inside the viewport with a persistent action footer", async () => {
+ const css = await readFile(
+ new URL("../src/renderer/styles.css", import.meta.url),
+ "utf8",
+ );
+ assert.match(
+ css,
+ /\.modal\s*\{[^}]*max-height:\s*calc\(100dvh[^}]*display:\s*flex[^}]*flex-direction:\s*column/,
+ );
+ assert.match(
+ css,
+ /\.modal-body\s*\{[^}]*min-height:\s*0[^}]*overflow-y:\s*auto/,
+ );
assert.match(css, /\.modal-footer\s*\{[^}]*flex:\s*0 0 auto/);
});
-test('settings provides one-click normalization for legacy Gitea origins', async () => {
- const renderer = await readFile(new URL('../src/renderer/app.js', import.meta.url), 'utf8');
+test("settings provides one-click normalization for legacy Gitea origins", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
assert.match(renderer, /data-action="normalize-origins"/);
assert.match(renderer, /Normalize all origins/);
});
-
-test('Git mutations are serialized per repository and expose repair actions', async () => {
- const ipc = await readFile(new URL('../src/main/ipc.cjs', import.meta.url), 'utf8');
- const renderer = await readFile(new URL('../src/renderer/app.js', import.meta.url), 'utf8');
+test("Git mutations are serialized per repository and expose repair actions", async () => {
+ const ipc = await readFile(
+ new URL("../src/main/ipc.cjs", import.meta.url),
+ "utf8",
+ );
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
assert.match(ipc, /repositoryMutations = new Map/);
assert.match(ipc, /withRepositoryMutation/);
assert.match(ipc, /GIT_LOCKS_RECENT/);
@@ -51,36 +86,122 @@ test('Git mutations are serialized per repository and expose repair actions', as
assert.match(renderer, /Open guided repository repair/);
});
-
-test('SSH secrets are captured before the loading render clears password inputs', async () => {
- const renderer = await readFile(new URL('../src/renderer/app.js', import.meta.url), 'utf8');
- const passwordCapture = renderer.indexOf("const password = document.querySelector('#server-password')");
- const loading = renderer.indexOf("setLoading(true, 'Saving encrypted SSH configuration…')");
+test("SSH secrets are captured before the loading render clears password inputs", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
+ const passwordCapture = renderer.search(
+ /const password = document\.querySelector\(["']#server-password["']\)/,
+ );
+ const loading = renderer.search(
+ /setLoading\(true, ["']Saving encrypted SSH configuration/,
+ );
assert.ok(passwordCapture >= 0 && loading > passwordCapture);
});
-test('SSH deployments are polled in the background and Portfolio casing is preserved', async () => {
- const renderer = await readFile(new URL('../src/renderer/app.js', import.meta.url), 'utf8');
+test("SSH deployments are polled in the background and Portfolio casing is preserved", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
assert.match(renderer, /function startOperationPolling\(\)/);
assert.match(renderer, /startOperationPolling\(\);/);
assert.match(renderer, /Visible container name/);
assert.match(renderer, /Compose service \(internal\)/);
});
-
-test('deployment profiles expose built-in/uploaded DockerMan icons and automatic metadata repair', async () => {
- const renderer = await readFile(new URL('../src/renderer/app.js', import.meta.url), 'utf8');
+test("deployment profiles expose built-in/uploaded DockerMan icons and automatic metadata repair", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
assert.match(renderer, /Built-in high-contrast ITWorx mark/);
assert.match(renderer, /profile-icon-mode/);
assert.match(renderer, /Repair DockerMan integration/);
assert.match(renderer, /reconcile-deployment/);
});
-test('repository troubleshooting offers personalized synchronization repair actions', async () => {
- const renderer = await readFile(new URL('../src/renderer/app.js', import.meta.url), 'utf8');
- const ipc = await readFile(new URL('../src/main/ipc.cjs', import.meta.url), 'utf8');
+test("repository troubleshooting offers personalized synchronization repair actions", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
+ const ipc = await readFile(
+ new URL("../src/main/ipc.cjs", import.meta.url),
+ "utf8",
+ );
assert.match(renderer, /repair-repository-sync/);
assert.match(renderer, /safety branch/);
assert.match(ipc, /repository:repair-sync/);
});
+test("advanced Git, desktop, backup, policy and audit workflows are exposed in the renderer", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
+ const preload = await readFile(
+ new URL("../preload.cjs", import.meta.url),
+ "utf8",
+ );
+ for (const phrase of [
+ "Stage hunks",
+ "Conflict guide",
+ "Create pull request",
+ "Open pull requests",
+ "load-pull-requests",
+ "Check branch protection",
+ "Encrypted configuration backup",
+ "Deployment policy",
+ "Operational audit log",
+ ])
+ assert.match(renderer, new RegExp(phrase, "i"));
+ for (const method of [
+ "stageHunks",
+ "resolveConflict",
+ "createPullRequest",
+ "branchProtection",
+ "openEditor",
+ "openTerminal",
+ "exportConfigurationBackup",
+ "listAuditEvents",
+ ])
+ assert.match(preload, new RegExp(`${method}:`));
+});
+
+test("one-click troubleshooting excludes destructive or publishing Git actions", async () => {
+ const renderer = await readFile(
+ new URL("../src/renderer/app.js", import.meta.url),
+ "utf8",
+ );
+ const ipc = await readFile(
+ new URL("../src/main/ipc.cjs", import.meta.url),
+ "utf8",
+ );
+ assert.match(ipc, /action: 'abort-operation', safe: false/);
+ assert.match(ipc, /action: 'push', safe: false/);
+ assert.match(ipc, /const stale = lock\.ageMs >= 10_000/);
+ assert.match(ipc, /\['fast-forward', 'fetch'\]\.includes\(issue\.action\)/);
+ assert.doesNotMatch(
+ ipc,
+ /\['fast-forward', 'push', 'fetch'\]\.includes\(issue\.action\)/,
+ );
+ assert.match(
+ renderer,
+ /trouble\?\.issues\?\.some\(\(item\) => item\.repairable && item\.safe\)/,
+ );
+});
+
+test("premium repository workspace reserves separate rows for actions and release status", async () => {
+ const styles = await readFile(
+ new URL("../src/renderer/styles.css", import.meta.url),
+ "utf8",
+ );
+ assert.match(
+ styles,
+ /\.repo-workspace\s*\{[^}]*grid-template-rows:\s*auto auto auto 39px minmax\(0, 1fr\)/s,
+ );
+ assert.match(styles, /prefers-reduced-motion/);
+ assert.match(styles, /ForgeFlow 0\.8 premium visual system/);
+});
diff --git a/tests/unraid-deployment.test.mjs b/tests/unraid-deployment.test.mjs
index 5ee4efd..7f5093e 100644
--- a/tests/unraid-deployment.test.mjs
+++ b/tests/unraid-deployment.test.mjs
@@ -265,3 +265,39 @@ test('stuck deployment is cleared as superseded when a different healthy commit
assert.match(result.error, /Superseded/);
assert.equal(saved.at(-1).status, 'cancelled');
});
+
+test('existing Unraid deployment discovery derives profile values from Docker, Compose and DockerMan truth', () => {
+ const { deriveDetectedProfile } = require('../src/main/unraid-deployment-service.cjs');
+ const result = deriveDetectedProfile({
+ repository: { name: 'blockpilot-autonomous', defaultBranch: 'main', sshUrl: 'ssh://git@gitea/Jens/blockpilot-autonomous.git' },
+ server: { id: 'unraid', host: '192.168.10.150' },
+ remoteFolder: 'blockpilot-autonomous',
+ remotePath: '/mnt/user/appdata/blockpilot-autonomous',
+ payload: {
+ head: 'a'.repeat(40),
+ branch: 'main',
+ remote: 'ssh://git@gitea/Jens/blockpilot-autonomous.git',
+ composeFiles: ['compose.yml'],
+ compose: { services: { app: { image: 'blockpilot:test' } } },
+ containers: [{
+ Name: '/blockpilot',
+ State: { Running: true },
+ Config: { Image: 'blockpilot:test', Env: ['TOKEN=secret', 'MODE=prod'], Labels: { 'com.docker.compose.service': 'app', 'com.docker.compose.project': 'blockpilot' } },
+ HostConfig: { RestartPolicy: { Name: 'unless-stopped' } },
+ NetworkSettings: { Ports: { '8080/tcp': [{ HostIp: '0.0.0.0', HostPort: '1223' }] }, Networks: { bridge: {} } },
+ Mounts: [{ Type: 'bind', Source: '/mnt/user/appdata/blockpilot-autonomous/data', Destination: '/data', RW: true }]
+ }],
+ dockerManXml: 'blockpilothttp://[IP]:[PORT:1223]/https://example.test/icon.png/bin/bash'
+ }
+ });
+ assert.equal(result.profile.hostPort, 1223);
+ assert.equal(result.profile.containerPort, 8080);
+ assert.equal(result.profile.containerName, 'blockpilot');
+ assert.equal(result.profile.composeService, 'app');
+ assert.equal(result.profile.webUiUrl, 'http://[IP]:[PORT:1223]/');
+ assert.equal(result.profile.iconUrl, 'https://example.test/icon.png');
+ assert.equal(result.profile.dockerShell, '/bin/bash');
+ assert.deepEqual(result.profile.detectedMetadata.envNames, ['TOKEN', 'MODE']);
+ assert.ok(result.profile.preservePaths.includes('data'));
+ assert.equal(result.provenance.hostPort.origin, 'docker-inspect');
+});
diff --git a/tests/validation.test.mjs b/tests/validation.test.mjs
index c40e79c..e1c64fb 100644
--- a/tests/validation.test.mjs
+++ b/tests/validation.test.mjs
@@ -2,7 +2,7 @@ import test from 'node:test';
import assert from 'node:assert/strict';
import validation from '../src/shared/validation.cjs';
-const { normalizeBaseUrl, assertCommitMessage, assertDeploymentRequest } = validation;
+const { normalizeBaseUrl, assertCommitMessage, assertDeploymentRequest, assertHttpUrl } = validation;
test('normalizes Gitea base URL', () => {
assert.equal(normalizeBaseUrl('https://gitea.example.com/'), 'https://gitea.example.com');
@@ -15,3 +15,8 @@ test('rejects blank commit messages', () => {
test('requires exact SHA and workflow profile', () => {
assert.throws(() => assertDeploymentRequest({ branch: 'main', workflowFile: 'deploy.yml' }, 'nope'), /commit SHA/i);
});
+
+test('accepts Unraid DockerMan WebUI placeholders only when explicitly enabled', () => {
+ assert.equal(assertHttpUrl('http://[IP]:[PORT:1223]/', { allowUnraidTemplate: true }), 'http://[IP]:[PORT:1223]/');
+ assert.throws(() => assertHttpUrl('http://[IP]:[PORT:1223]/'));
+});
diff --git a/update-windows.ps1 b/update-windows.ps1
index f448d1d..04b884c 100644
--- a/update-windows.ps1
+++ b/update-windows.ps1
@@ -4,47 +4,32 @@ Set-Location $PSScriptRoot
function Assert-Command {
param([Parameter(Mandatory = $true)][string]$Name)
- if (-not (Get-Command $Name -ErrorAction SilentlyContinue)) {
- throw "Required command '$Name' was not found on PATH."
- }
+ if (-not (Get-Command $Name -ErrorAction SilentlyContinue)) { throw "Required command '$Name' was not found on PATH." }
}
-
function Invoke-Step {
- param(
- [Parameter(Mandatory = $true)][string]$Title,
- [Parameter(Mandatory = $true)][scriptblock]$Action
- )
+ param([Parameter(Mandatory = $true)][string]$Title, [Parameter(Mandatory = $true)][scriptblock]$Action)
Write-Host "`n$Title" -ForegroundColor Yellow
& $Action
- if ($LASTEXITCODE -ne 0) {
- throw "$Title failed with exit code $LASTEXITCODE."
- }
+ if ($LASTEXITCODE -ne 0) { throw "$Title failed with exit code $LASTEXITCODE." }
}
-Write-Host "ForgeFlow v0.4.2 source update" -ForegroundColor Cyan
-Write-Host "Your Gitea token, repository mappings and deployment profiles are stored outside this source folder and are not reset." -ForegroundColor DarkGray
+$package = Get-Content ".\package.json" -Raw | ConvertFrom-Json
+$version = [string]$package.version
+if ($package.name -ne "forgeflow" -or [string]::IsNullOrWhiteSpace($version)) { throw "This folder is not a valid ForgeFlow source release." }
+Write-Host "ForgeFlow v$version source update" -ForegroundColor Cyan
+Write-Host "Your Gitea token, repository mappings and deployment profiles are stored outside this source folder and are not reset." -ForegroundColor DarkGray
Assert-Command node
Assert-Command npm
Assert-Command git
-$package = Get-Content ".\package.json" -Raw | ConvertFrom-Json
-if ($package.version -ne "0.4.2") {
- throw "This folder does not contain ForgeFlow v0.4.2. Detected version: $($package.version)"
+Invoke-Step "Installing exact project dependencies..." {
+ if (-not (Test-Path ".\package-lock.json")) { throw "package-lock.json is required for a reproducible ForgeFlow update." }
+ npm ci --no-audit --no-fund
}
+Invoke-Step "Running the environment doctor..." { npm run doctor }
+Invoke-Step "Running source verification and automated tests..." { npm run check }
-Invoke-Step "Updating project dependencies..." {
- npm install --no-audit --no-fund
-}
-
-Invoke-Step "Running the environment doctor..." {
- npm run doctor
-}
-
-Invoke-Step "Running source verification and all automated tests..." {
- npm run check
-}
-
-Write-Host "`nForgeFlow v0.4.2 is ready." -ForegroundColor Green
+Write-Host "`nForgeFlow v$version is ready." -ForegroundColor Green
Write-Host "Starting ForgeFlow with your existing local configuration..." -ForegroundColor Green
npm start
ForgeFlowby ITWorx.tech