add fixture-invoicing example, sample-room wrap, kind cluster support

- examples/fixture-invoicing/: FastAPI + Vue + Postgres demo (4-entity invoice fixture) - cfg/sample/: wraps the fixture (managed.repos points at examples/) - ctrl/kind-{up,down,status}.sh + per-room k8s render in soleprint/ctrl/k8s/ - build.py: relative repo paths, resilient rmtree, optional k8s render hook - cfg/.gitignore: stop ignoring sample/ and standalone/ template rooms Manifests render cleanly but kind cluster has not been run end-to-end yet. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-29 05:30:52 -03:00
parent b886455431
commit 5f9cac1947
78 changed files with 3022 additions and 198 deletions
--- a/examples/fixture-invoicing/frontend/src/style.css
+++ b/examples/fixture-invoicing/frontend/src/style.css
@@ -0,0 +1,119 @@
+:root {
+  --bg: #0d1b2a;
+  --panel: #152438;
+  --panel-2: #1b2e45;
+  --text: #e5e5e5;
+  --muted: #8ca0b4;
+  --accent: #6fc3df;
+  --warn: #ffb454;
+  --danger: #ff6b6b;
+  --good: #7dd87d;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  font-family: system-ui, -apple-system, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+  min-height: 100vh;
+}
+
+#app { min-height: 100vh; display: flex; flex-direction: column; }
+
+.fixture-banner {
+  background: repeating-linear-gradient(
+    45deg, #3a1f00, #3a1f00 10px, #4a2800 10px, #4a2800 20px
+  );
+  color: var(--warn);
+  text-align: center;
+  padding: 8px;
+  font-weight: 700;
+  letter-spacing: 2px;
+  font-size: 12px;
+  border-bottom: 2px solid var(--warn);
+}
+
+header.app-nav {
+  background: var(--panel);
+  padding: 16px 24px;
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  border-bottom: 1px solid #223;
+}
+
+header.app-nav h1 {
+  font-size: 18px;
+  color: var(--accent);
+}
+
+header.app-nav nav a {
+  color: var(--muted);
+  text-decoration: none;
+  margin-right: 16px;
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+header.app-nav nav a.router-link-active {
+  color: var(--text);
+  background: var(--panel-2);
+}
+
+main.app-main {
+  flex: 1;
+  padding: 24px;
+  max-width: 1100px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+h2 { color: var(--accent); margin-bottom: 16px; font-size: 22px; }
+h3 { color: var(--text); margin: 16px 0 8px; font-size: 16px; }
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  background: var(--panel);
+  border-radius: 6px;
+  overflow: hidden;
+}
+th, td {
+  padding: 10px 12px;
+  text-align: left;
+  border-bottom: 1px solid #223;
+}
+th { background: var(--panel-2); color: var(--muted); font-weight: 500; font-size: 12px; text-transform: uppercase; }
+tr:last-child td { border-bottom: none; }
+
+.status { padding: 2px 8px; border-radius: 10px; font-size: 11px; text-transform: uppercase; }
+.status.draft { background: #334; color: var(--muted); }
+.status.sent  { background: #3a2c10; color: var(--warn); }
+.status.paid  { background: #1e3a1e; color: var(--good); }
+.status.void  { background: #3a1e1e; color: var(--danger); }
+
+.card {
+  background: var(--panel);
+  padding: 16px;
+  border-radius: 6px;
+  margin-bottom: 16px;
+}
+
+.muted { color: var(--muted); font-size: 13px; }
+
+button, .btn {
+  background: var(--accent);
+  color: #0d1b2a;
+  border: none;
+  padding: 8px 14px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-weight: 600;
+  font-size: 13px;
+}
+button.ghost { background: transparent; color: var(--muted); border: 1px solid #334; }
+
+a.link { color: var(--accent); text-decoration: none; }
+a.link:hover { text-decoration: underline; }
+
+.actions { margin-top: 12px; display: flex; gap: 8px; }