AyronSantos
12d419de7c
Applied impeccable design critique, audit, harden, layout, distill, and polish across all pages. DESIGN SYSTEM: - Created PRODUCT.md (5 design principles, WCAG 2.1 AA target) - Created DESIGN.md (34 color tokens, 6 radius scale, full component spec) - Created .impeccable/design.json (sidecar with tonal ramps, shadows, motion) ACCESSIBILITY: - 33 aria-labels across 7 pages (was ~13) - 63 <label> elements (was ~30) - 6 <main> landmarks + role=navigation on all sidebars - Esc to close modals on 4 pages - Keyboard shortcuts (Ctrl+J/K, Ctrl+F) on chat THEMING: - 216 hardcoded colors replaced with var() references - 449 !important removed from dark-mode.css - Dark mode script unified (was duplicated 9x inline) - All modals converted to .modal-overlay + .modal design system classes CHAT: - Error states for messages (.msg.erro, .msg.enviando) - Connection status indicator - Confirmation modal before finalizar - Input bar reorganized (3 visible actions, + menu) - Right panel accordions - Send button disabled when empty - Touch targets 44px on mobile CLIENT DETAIL: - Tabs/badges/sub-tabs use CSS classes instead of inline styles - 'Iniciar Conversa' button now primary action - alert() replaced with inline feedback - Modal converted to design system classes CLIENT LIST: - Modal moved inside <body> (was HTML-invalid) - alert() replaced with inline feedback - Modal uses .show pattern SETTINGS: - 4 modals converted to design system classes - 14 alert() calls replaced with inline feedback - fecharModal() uses classList instead of style.display ROUTES: - border-radius normalized, hardcoded colors fixed Score progression: Chat: 23 → 32/40 Client List: 32 → 35/40 Client Detail: 26 → 30/40 Settings: 29 → 35/40 Routes: 37 → 38/40 Audit (project): 14/20 → 17/20
76 lines
2.9 KiB
JavaScript
76 lines
2.9 KiB
JavaScript
#!/usr/bin/env node
|
|
/**
|
|
* Canonical durable completion acknowledgement for Impeccable live sessions.
|
|
*/
|
|
|
|
import { createLiveSessionStore } from './live/session-store.mjs';
|
|
import { readLiveServerInfo } from './lib/impeccable-paths.mjs';
|
|
|
|
function parseArgs(argv) {
|
|
const out = { status: 'complete' };
|
|
for (let i = 0; i < argv.length; i++) {
|
|
const arg = argv[i];
|
|
if (arg === '--id') out.id = argv[++i];
|
|
else if (arg.startsWith('--id=')) out.id = arg.slice('--id='.length);
|
|
else if (arg === '--discarded' || arg === '--discard') out.status = 'discarded';
|
|
else if (arg === '--error') { out.status = 'agent_error'; out.message = argv[++i] || 'unknown error'; }
|
|
else if (arg.startsWith('--error=')) { out.status = 'agent_error'; out.message = arg.slice('--error='.length); }
|
|
else if (arg === '--help' || arg === '-h') out.help = true;
|
|
}
|
|
return out;
|
|
}
|
|
|
|
export async function completeCli() {
|
|
const args = parseArgs(process.argv.slice(2));
|
|
if (args.help || !args.id) {
|
|
console.log(`Usage: node live-complete.mjs --id SESSION_ID [--discarded|--error MESSAGE]\n\nAppend the final durable session acknowledgement. Use after accept/discard cleanup is verified.`);
|
|
process.exit(args.help ? 0 : 1);
|
|
}
|
|
|
|
const serverInfo = readServerInfo();
|
|
const serverResult = serverInfo ? await completeThroughServer(serverInfo, args) : null;
|
|
if (serverResult?.ok) {
|
|
const store = createLiveSessionStore({ cwd: process.cwd(), sessionId: args.id });
|
|
const snapshot = store.getSnapshot(args.id, { includeCompleted: true });
|
|
console.log(JSON.stringify({ ok: true, id: args.id, phase: snapshot?.phase || args.status, snapshot }, null, 2));
|
|
return;
|
|
}
|
|
|
|
const store = createLiveSessionStore({ cwd: process.cwd(), sessionId: args.id });
|
|
const event = args.status === 'discarded'
|
|
? { type: 'discarded', id: args.id }
|
|
: args.status === 'agent_error'
|
|
? { type: 'agent_error', id: args.id, message: args.message || 'unknown error' }
|
|
: { type: 'complete', id: args.id };
|
|
const snapshot = store.appendEvent(event);
|
|
console.log(JSON.stringify({ ok: true, id: args.id, phase: snapshot.phase, snapshot }, null, 2));
|
|
}
|
|
|
|
function readServerInfo() {
|
|
return readLiveServerInfo(process.cwd())?.info || null;
|
|
}
|
|
|
|
async function completeThroughServer(info, args) {
|
|
const type = args.status === 'discarded'
|
|
? 'discarded'
|
|
: args.status === 'agent_error'
|
|
? 'error'
|
|
: 'complete';
|
|
try {
|
|
const res = await fetch(`http://localhost:${info.port}/poll`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ token: info.token, id: args.id, type, message: args.message }),
|
|
});
|
|
if (!res.ok) return null;
|
|
return await res.json();
|
|
} catch {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
const _running = process.argv[1];
|
|
if (_running?.endsWith('live-complete.mjs') || _running?.endsWith('live-complete.mjs/')) {
|
|
completeCli();
|
|
}
|