feat: comprehensive design system overhaul

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
This commit is contained in:
2026-06-23 16:58:12 +00:00
parent cf720c37a1
commit 12d419de7c
113 changed files with 52423 additions and 951 deletions
@@ -0,0 +1,51 @@
#!/usr/bin/env node
/**
* CLI helper: discard pending manual edits from the buffer without applying.
*
* Reads .impeccable/live/pending-manual-edits.json, drops entries, writes back.
* No source-file writes. Use this when the user wants to throw away unsaved
* manual edits.
*
* Trigger: only when the user explicitly asks the AI to discard / throw away /
* clear pending manual edits.
*
* Usage:
* node live-discard-manual-edits.mjs # discard all pending
* node live-discard-manual-edits.mjs --page-url=/ # discard only entries for "/"
*
* Output JSON: { discarded: N, entries: [...discardedEntries], totalCount: N }
*/
import { readBuffer, removeEntries, truncateBuffer } from './live/manual-edits-buffer.mjs';
function argVal(args, name) {
const prefix = name + '=';
for (const a of args) {
if (a === name) return true;
if (a.startsWith(prefix)) return a.slice(prefix.length);
}
return null;
}
const args = process.argv.slice(2);
if (args.includes('--help') || args.includes('-h')) {
console.log('Usage: node live-discard-manual-edits.mjs [--page-url=<url>]');
process.exit(0);
}
const pageUrlFilter = argVal(args, '--page-url');
const cwd = process.cwd();
let discarded;
let entries;
const buffer = readBuffer(cwd);
if (pageUrlFilter) {
entries = buffer.entries.filter((entry) => entry.pageUrl === pageUrlFilter);
discarded = removeEntries(cwd, (entry) => entry.pageUrl === pageUrlFilter);
} else {
entries = buffer.entries;
discarded = truncateBuffer(cwd);
}
const remaining = readBuffer(cwd).entries.reduce((n, e) => n + e.ops.length, 0);
console.log(JSON.stringify({ discarded, entries, totalCount: remaining }));