feat: complete commercial developer workflowspublish-commercial-control-plane

Add tenant-safe usage observability, prepaid billing controls, API key lifecycle management, Embeddings metering, configurable billing alerts, and resilient provider health propagation. Harden Stripe failure handling, migrations, readiness, and the authenticated control-plane UI with end-to-end verification evidence.

1 files changed, 20 insertions, 1 deletions

diff --git a/internal/adminui/assets/models.css b/internal/adminui/assets/models.css
index dc7c9c9..c373c2c 100644
--- a/internal/adminui/assets/models.css
+++ b/internal/adminui/assets/models.css
@@ -60,5 +60,24 @@ dialog::backdrop { background:rgba(16,42,58,.5); }
 .estimate-inputs { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; gap:12px; }
 .estimate-inputs output { min-height:40px; display:flex; align-items:center; justify-content:center; color:var(--good); background:#f0fbf5; border:1px solid #c7e9d9; font-weight:750; }
 .model-dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:22px; }
+.model-page { max-width:1040px; }
+.back-link { display:inline-flex; margin-bottom:22px; color:var(--accent); text-decoration:none; font-weight:700; }
+.model-page-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
+.model-page-header code { display:block; margin-top:8px; color:#486071; overflow-wrap:anywhere; }
+.model-page-description { max-width:760px; margin:22px 0; color:#526673; font-size:16px; line-height:1.6; }
+.model-page-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(250px,.7fr); gap:18px; margin-top:24px; }
+.model-specs,.model-start,.code-example { background:var(--panel); border:1px solid var(--line); }
+.model-specs { padding:22px; }
+.model-specs h2,.model-start h2,.code-examples h2 { margin:6px 0 0; font-size:20px; }
+.model-start { align-self:start; padding:22px; }
+.model-start > code { display:block; margin:18px 0; color:#486071; overflow-wrap:anywhere; }
+.model-start-actions { display:grid; gap:8px; }
+.code-examples { margin-top:34px; }
+.code-example-grid { display:grid; gap:14px; margin-top:17px; }
+.code-example header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 16px; border-bottom:1px solid var(--line); }
+.code-example header code { color:#486071; font-size:12px; }
+.code-example pre { margin:0; padding:18px; overflow:auto; background:#102a3a; color:#e9f7fb; white-space:pre-wrap; word-break:break-word; }
+.code-example pre code { font-size:12px; line-height:1.6; }
 @media (max-width:900px) { .catalog-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .search-field { grid-column:1/-1; } .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
-@media (max-width:620px) { .catalog-header { padding:12px; } .catalog-brand small { display:none; } .catalog-header .button { padding:0 11px; } main { width:calc(100% - 24px); margin-top:20px; } .catalog-intro { align-items:start; flex-direction:column; } .catalog-stats { width:100%; justify-content:space-between; } .catalog-filters,.catalog-grid,.detail-grid,.estimate-inputs { grid-template-columns:1fr; } .search-field { grid-column:auto; } .model-card > p { min-height:0; } .model-dialog { padding:20px; } .model-dialog footer { flex-direction:column; } }
+@media (max-width:760px) { .model-page-layout { grid-template-columns:1fr; } }
+@media (max-width:620px) { .catalog-header { padding:12px; } .catalog-brand small { display:none; } .catalog-header .button { padding:0 11px; } main { width:calc(100% - 24px); margin-top:20px; } .catalog-intro,.model-page-header { align-items:start; flex-direction:column; } .catalog-stats { width:100%; justify-content:space-between; } .catalog-filters,.catalog-grid,.detail-grid,.estimate-inputs { grid-template-columns:1fr; } .search-field { grid-column:auto; } .model-card > p { min-height:0; } .model-dialog { padding:20px; } .model-dialog footer { flex-direction:column; } .code-example header { align-items:flex-start; flex-direction:column; } }