@rynfar/meridian 1.73.0 → 1.75.0

package/dist/telemetry/providerPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerPage.d.ts","sourceRoot":"","sources":["../../src/telemetry/providerPage.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAkCL,CAAA"}

package/dist/telemetry/providerSetup.d.ts

@@ -0,0 +1,5 @@
+/** Pure command generation, shared by the browser dashboard and desktop renderer. */
+export declare function providerSetupCommand(serviceUrl: string, route: string, client: string, model: string, keyEnv?: string, setDefault?: boolean): string;
+export declare function providerSetupHtml(models: string[] | undefined, route: string): string;
+export declare const providerSetupJs: string;
+//# sourceMappingURL=providerSetup.d.ts.map

package/dist/telemetry/providerSetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerSetup.d.ts","sourceRoot":"","sources":["../../src/telemetry/providerSetup.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAK,EAAE,UAAU,UAAQ,GAAG,MAAM,CAU9I;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAerF;AAID,eAAO,MAAM,eAAe,QAqB3B,CAAA"}

package/dist/telemetry/providerView.d.ts

@@ -0,0 +1,45 @@
+/** Shared provider presentation for the web dashboard and native desktop renderer. */
+export interface ProviderUsage {
+    id: 'claude' | 'antigravity';
+    name: string;
+    enabled: boolean;
+    status: string;
+    endpoint: string;
+    error?: string;
+    models?: string[];
+    observedSince?: number;
+    capabilities?: Array<{
+        name: string;
+        status: string;
+        detail: string;
+    }>;
+    activity?: {
+        requests: number;
+        errors: number;
+        inputTokens: number;
+        outputTokens: number;
+        cacheReadTokens: number;
+    };
+    accounts: Array<{
+        id: string;
+        active?: boolean;
+        fetchedAt?: number;
+        error?: string;
+        windows: Array<{
+            type: string;
+            group?: string;
+            utilization: number;
+            resetsAt: number;
+        }>;
+    }>;
+}
+export interface ProviderSnapshot {
+    providers: ProviderUsage[];
+    fetchedAt: number;
+}
+export type ProviderFilter = 'all' | 'claude' | 'antigravity';
+/** Dependency-free validation: desktop builds independently of proxy packages. */
+export declare function parseProviderSnapshot(value: unknown): ProviderSnapshot;
+export declare function providerOverview(data: ProviderSnapshot, filter?: ProviderFilter): string;
+export declare const providerViewCss = "\n.provider-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);margin-bottom:24px}.provider-tabs button{border:0;border-radius:0;background:transparent;padding:12px 0;color:var(--muted);font:inherit;cursor:pointer}.provider-tabs button[aria-pressed=\"true\"]{color:var(--accent);border-bottom:2px solid var(--accent)}\n.provider-totals{display:flex;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.provider-totals>div{flex:1;padding:18px 20px}.provider-totals>div+div{border-left:1px solid var(--border)}.provider-totals span,.provider-eyebrow{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.provider-totals strong{display:block;font-size:24px;font-weight:600;margin-top:8px;font-variant-numeric:tabular-nums}\n.provider-caption{color:var(--muted);font-size:12px;line-height:1.6}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:24px 0}.provider-card{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}.provider-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;position:static;height:auto}.provider-card h2{font-size:20px;margin:6px 0}.provider-state{font-size:11px;color:var(--muted)}.provider-state.good{color:var(--green)}.provider-endpoint{font:12px 'SF Mono',monospace;color:var(--accent2);overflow-wrap:anywhere}.provider-activity{display:flex;gap:24px;margin:20px 0;color:var(--muted);font-size:12px}.provider-activity strong{color:var(--text);font-variant-numeric:tabular-nums}.provider-account{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.provider-account h3{font-size:13px;font-weight:600;margin:0 0 16px}.provider-quota{margin:16px 0}.provider-quota>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.provider-quota strong{font-variant-numeric:tabular-nums;white-space:nowrap}.provider-quota small{font-size:11px;color:var(--muted)}.provider-quota progress{display:block;width:100%;height:6px;margin:8px 0;appearance:none;border:0;border-radius:4px;background:var(--surface2);accent-color:var(--green)}.provider-quota progress::-webkit-progress-bar{background:var(--surface2);border-radius:4px}.provider-quota progress::-webkit-progress-value{background:var(--green);border-radius:4px}.provider-quota progress.warning::-webkit-progress-value{background:var(--yellow)}.provider-quota progress.danger::-webkit-progress-value{background:var(--red)}.provider-quota progress.stale::-webkit-progress-value{background:var(--muted)}.provider-warning{font-size:12px;line-height:1.5;color:var(--yellow);overflow-wrap:anywhere}.provider-models{font:12px 'SF Mono',monospace;color:var(--accent2);line-height:1.8;overflow-wrap:anywhere;padding-left:18px}.provider-card summary{cursor:pointer;color:var(--accent);font-size:12px;margin-top:20px}.provider-link{display:inline-block;color:var(--accent);font-size:12px;margin-top:20px;text-decoration:none}\n.provider-capabilities dl{margin:12px 0}.provider-capabilities dl>div{display:block;padding:8px 0}.provider-capabilities dt{color:var(--text);font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:12px}.provider-capabilities dt span{font-weight:400;color:var(--accent2)}.provider-capabilities dd{text-align:left;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}\n.provider-setup{border-top:1px solid var(--border);margin-top:20px}.provider-client-setup{margin-top:16px}.provider-setup-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}.provider-client-setup label{display:block;color:var(--text);font-size:12px;line-height:1.6}.provider-client-setup select,.provider-client-setup input:not([type=checkbox]),.provider-client-setup textarea{display:block;width:100%;min-width:0;margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text);font:inherit;box-sizing:border-box}.provider-client-setup select{min-height:44px}.provider-client-setup input:focus-visible,.provider-client-setup select:focus-visible,.provider-client-setup textarea:focus-visible,.provider-client-setup button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.provider-client-setup .provider-setup-default{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:8px}.provider-client-setup .provider-setup-default input{width:16px;min-width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:var(--accent)}.provider-client-setup details>label{margin-top:12px}.provider-client-setup label span{color:var(--muted)}.provider-client-setup .provider-setup-command{margin-top:20px}.provider-client-setup textarea{font:12px/1.6 'SF Mono',monospace;color:var(--accent2);resize:vertical;overflow-wrap:anywhere}.provider-setup-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.provider-setup-actions button{min-height:44px;padding:10px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--accent);font:inherit;font-size:12px;cursor:pointer}.provider-setup-actions button:hover{border-color:var(--accent)}.provider-setup-actions button:active{background:var(--surface)}.provider-setup-actions button:disabled{opacity:.5;cursor:default}.provider-setup-actions span{color:var(--muted);font-size:12px}.provider-client-setup .provider-caption{margin-bottom:0}\n@media(max-width:600px){.provider-setup-fields{grid-template-columns:1fr}}\n@media(max-width:600px){.provider-grid{grid-template-columns:1fr}.provider-totals>div{padding:14px 10px}.provider-totals strong{font-size:20px}.provider-tabs{gap:16px}.provider-card{padding:16px}}\n";
+//# sourceMappingURL=providerView.d.ts.map

package/dist/telemetry/providerView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerView.d.ts","sourceRoot":"","sources":["../../src/telemetry/providerView.ts"],"names":[],"mappings":"AACA,sFAAsF;AACtF,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,QAAQ,GAAG,aAAa,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC1D,YAAY,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAA;KAAE,CAAC;IACpH,QAAQ,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,WAAW,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CAChL;AACD,MAAM,WAAW,gBAAgB;IAAG,SAAS,EAAE,aAAa,EAAE,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE;AACnF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,CAAA;AAC7D,kFAAkF;AAClF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,gBAAgB,CA2BtE;AACD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,GAAE,cAAsB,GAAG,MAAM,CAuB/F;AACD,eAAO,MAAM,eAAe,koLAQ3B,CAAA"}

package/dist/telemetry/settingsPage.d.ts

@@ -2,5 +2,5 @@
  * SDK Features settings page — per-adapter toggle UI.
  * Same dark theme as the telemetry dashboard. No framework, no CDN.
  */
-export declare const settingsPageHtml = "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Meridian \u2014 SDK Features</title>\n<link rel=\"icon\" type=\"image/svg+xml\" href=\"/telemetry/icon.svg\">\n<style>\n  \n  :root {\n    /* Cool-gray neutral palette. High contrast, surface/border separation,\n       no color cast muddying the text. Blue is the primary accent; violet\n       is the fixed secondary \u2014 used together in the brand gradient and\n       individually for hover states and a handful of telemetry badges. */\n    --bg:        #0d1117;\n    --surface:   #161b22;\n    --surface2:  #1c2128;\n    --border:    #30363d;\n    /* Text */\n    --text:      #e6edf3;\n    --muted:     #8b949e;\n    /* Brand \u2014 blue primary, violet secondary */\n    --accent:    #58a6ff;\n    --accent2:   #bc8cff;\n    --violet:    #bc8cff;\n    --lavender:  #d2a8ff;\n    /* Semantic */\n    --green:     #3fb950;\n    --yellow:    #d29922;\n    --red:       #f85149;\n    /* Telemetry-specific aliases (waterfall + lineage badges) */\n    --blue:      #58a6ff;\n    --purple:    #bc8cff;\n    --queue:     #d29922;\n    --ttfb:      #58a6ff;\n    --upstream:  #3fb950;\n  }\n  /* Banner backsplash \u2014 the brand look: a gentle diagonal wash with soft\n     blue (top-left) and violet (bottom-right) glows. Pages must not set\n     their own body background so this shows through everywhere. */\n  body {\n    background:\n      radial-gradient(1200px 800px at 12% -8%, rgba(88,166,255,0.07), transparent 60%),\n      radial-gradient(1100px 800px at 92% 108%, rgba(188,140,255,0.06), transparent 60%),\n      linear-gradient(135deg, #0d1117 0%, #10151d 55%, #161b22 100%);\n    background-attachment: fixed;\n    background-color: var(--bg);\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;\n         color: var(--text); padding: 0; line-height: 1.5; }\n  \n  .meridian-header {\n    position: sticky; top: 0; z-index: 100;\n    display: flex; align-items: center; gap: 20px;\n    padding: 10px 24px;\n    background: rgba(13, 17, 23, 0.92);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid var(--border, #30363d);\n  }\n  .meridian-header .mh-brand {\n    display: flex; align-items: center; gap: 10px;\n    text-decoration: none; color: var(--text, #e6edf3);\n  }\n  .meridian-header .mh-logo { display: block; }\n  .meridian-header .mh-name {\n    font-size: 15px; font-weight: 700; letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n  .meridian-header .mh-nav { display: flex; align-items: center; gap: 2px; }\n  .meridian-header .mh-nav a {\n    color: var(--muted, #8b949e); text-decoration: none; font-size: 12px;\n    font-weight: 500; padding: 5px 10px; border-radius: 6px;\n    transition: color 0.15s, background 0.15s;\n  }\n  .meridian-header .mh-nav a:hover { color: var(--text, #e6edf3); background: var(--surface, #161b22); }\n  .meridian-header .mh-nav a.active { color: var(--accent, #58a6ff); background: var(--surface, #161b22); }\n  .meridian-header .mh-right {\n    margin-left: auto; display: flex; align-items: center; gap: 10px;\n  }\n  .meridian-header .mh-profile {\n    display: none; align-items: center; gap: 6px;\n    font-size: 11px; font-weight: 500; color: var(--text, #e6edf3);\n    padding: 3px 10px; border-radius: 20px;\n    background: var(--surface, #161b22); border: 1px solid var(--border, #30363d);\n    text-decoration: none; transition: border-color 0.15s;\n  }\n  .meridian-header .mh-profile:hover { border-color: var(--accent, #58a6ff); }\n  .meridian-header .mh-profile.visible { display: inline-flex; }\n  .meridian-header .mh-profile .mh-profile-type {\n    color: var(--muted, #8b949e); font-size: 10px;\n  }\n  /* Build chip \u2014 two mutually exclusive states, and the colour is not a\n     style choice: \"update available\" is a link to the releases page, so it\n     is blue (interactive); \"local/dev build\" is a meta annotation with no\n     href, so it is violet. Swapping them would break the DESIGN.md rule. */\n  .meridian-header .mh-build {\n    display: none; align-items: center; gap: 6px;\n    font-size: 11px; font-weight: 500; white-space: nowrap;\n    padding: 3px 10px; border-radius: 20px; text-decoration: none;\n    transition: background 0.15s;\n  }\n  .meridian-header .mh-build.visible { display: inline-flex; }\n  .meridian-header .mh-build.update {\n    color: var(--accent, #58a6ff);\n    background: rgba(88,166,255,0.12);\n    border: 1px solid rgba(88,166,255,0.35);\n  }\n  .meridian-header .mh-build.update:hover { background: rgba(88,166,255,0.18); }\n  .meridian-header .mh-build.provenance {\n    color: var(--accent2, #bc8cff);\n    background: rgba(188,140,255,0.12);\n    border: 1px solid rgba(188,140,255,0.35);\n    cursor: default;\n    .meridian-header .mh-profile.following { border-color: var(--accent2, #bc8cff); }\n  .meridian-header .mh-profile .mh-profile-follow {\n    color: var(--accent2, #bc8cff); font-size: 10px;  }\n  .meridian-header .mh-status {\n    display: inline-flex; align-items: center; gap: 6px;\n    font-size: 11px; color: var(--muted, #8b949e); white-space: nowrap;\n  }\n  .meridian-header .mh-dot {\n    width: 8px; height: 8px; border-radius: 50%;\n    background: var(--muted, #8b949e); flex-shrink: 0;\n  }\n  .meridian-header .mh-dot.healthy { background: var(--green, #3fb950); box-shadow: 0 0 6px rgba(63,185,80,0.5); }\n  .meridian-header .mh-dot.degraded { background: var(--yellow, #d29922); }\n  .meridian-header .mh-dot.unhealthy { background: var(--red, #f85149); }\n  @media (max-width: 720px) {\n    .meridian-header { gap: 10px; padding: 10px 16px; flex-wrap: wrap; }\n    .meridian-header .mh-name { display: none; }\n    .meridian-header .mh-status .mh-status-text { display: none; }\n  }\n\n  .content { max-width: 900px; margin: 0 auto; padding: 24px; }\n  h1 { font-size: 20px; font-weight: 600; margin-bottom: 4px; }\n  .subtitle { color: var(--muted); font-size: 13px; margin-bottom: 24px; }\n  .nav { display: flex; gap: 16px; margin-bottom: 24px; font-size: 13px; }\n  .nav a { color: var(--muted); text-decoration: none; }\n  .nav a:hover { color: var(--accent); }\n  .nav a.active { color: var(--accent); }\n\n  /* Harness tabs \u2014 dashboard.ts's tab rules, kept identical on purpose; wraps\n     because there are more harnesses than the dashboard's three panels. */\n  .tabs { display: flex; flex-wrap: wrap; gap: 0; margin-bottom: 20px; border-bottom: 1px solid var(--border); }\n  .tab { padding: 10px 20px; font-size: 13px; font-weight: 500; color: var(--muted); cursor: pointer;\n         border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color 0.15s, border-color 0.15s;\n         user-select: none; }\n  .tab:hover { color: var(--text); }\n  .tab.active { color: var(--accent); border-bottom-color: var(--accent); }\n  .tab-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-left: 7px;\n             vertical-align: middle; background: var(--green); }\n\n  .adapter-card {\n    background: var(--surface); border: 1px solid var(--border); border-radius: 8px;\n    padding: 20px; margin-bottom: 16px;\n  }\n  .adapter-header {\n    display: flex; align-items: center; justify-content: space-between;\n    margin-bottom: 16px;\n  }\n  .adapter-name { font-size: 16px; font-weight: 600; }\n  .adapter-badge {\n    font-size: 10px; padding: 2px 8px; border-radius: 10px;\n    text-transform: uppercase; letter-spacing: 0.5px;\n  }\n  .badge-active { background: rgba(63, 185, 80, 0.15); color: var(--green); }\n  .badge-inactive { background: rgba(139, 148, 158, 0.15); color: var(--muted); }\n\n  .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n  @media (max-width: 600px) { .feature-grid { grid-template-columns: 1fr; } }\n\n  .feature-row {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 10px 14px; border-radius: 6px;\n    background: var(--bg); border: 1px solid var(--border);\n  }\n  .feature-info { display: flex; flex-direction: column; }\n  .feature-label { font-size: 13px; font-weight: 500; }\n  .feature-desc { font-size: 11px; color: var(--muted); margin-top: 2px; }\n\n  /* Toggle switch */\n  .toggle { position: relative; width: 36px; height: 20px; flex-shrink: 0; }\n  .toggle input { opacity: 0; width: 0; height: 0; }\n  .toggle-track {\n    position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;\n    background: var(--border); border-radius: 10px; transition: background 0.2s;\n  }\n  .toggle-track::after {\n    content: \"\"; position: absolute; height: 14px; width: 14px;\n    left: 3px; bottom: 3px; background: var(--muted); border-radius: 50%;\n    transition: transform 0.2s, background 0.2s;\n  }\n  .toggle input:checked + .toggle-track { background: var(--accent); }\n  .toggle input:checked + .toggle-track::after {\n    transform: translateX(16px); background: var(--text);\n  }\n\n  /* Select dropdown */\n  .feature-select {\n    background: var(--surface); color: var(--text); border: 1px solid var(--border);\n    border-radius: 6px; padding: 4px 8px; font-size: 12px; cursor: pointer;\n  }\n\n  .save-indicator {\n    position: fixed; bottom: 24px; right: 24px;\n    background: var(--green); color: #000; padding: 8px 16px;\n    border-radius: 6px; font-size: 13px; font-weight: 500;\n    opacity: 0; transition: opacity 0.3s; pointer-events: none;\n  }\n  .save-indicator.visible { opacity: 1; }\n\n  .reset-btn {\n    background: none; border: 1px solid var(--border); color: var(--muted);\n    border-radius: 6px; padding: 4px 12px; font-size: 11px; cursor: pointer;\n  }\n  .reset-btn:hover { border-color: var(--red); color: var(--red); }\n\n  /* Model pricing */\n  .pricing-table { width: 100%; border-collapse: collapse; font-size: 12px; }\n  .pricing-table th { text-align: left; padding: 8px 10px; color: var(--muted); font-weight: 500;\n    font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--border); }\n  .pricing-table td { padding: 6px 10px; border-bottom: 1px solid var(--border); }\n  .pricing-table tr:last-child td { border-bottom: none; }\n  .pricing-model { font-family: 'SF Mono', SFMono-Regular, Consolas, monospace; font-size: 12px; word-break: break-all; }\n  .pricing-input { background: var(--bg); color: var(--text); border: 1px solid var(--border);\n    border-radius: 6px; padding: 4px 8px; font-size: 12px; width: 84px; text-align: right;\n    font-variant-numeric: tabular-nums; }\n  .pricing-input:focus { border-color: var(--accent); outline: none; }\n  .pricing-badge { font-size: 10px; padding: 2px 8px; border-radius: 10px;\n    text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }\n  .badge-override { background: rgba(210, 153, 34, 0.15); color: var(--yellow); }\n  .badge-builtin { background: rgba(139, 148, 158, 0.15); color: var(--muted); }\n  .pricing-add { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 14px;\n    padding-top: 14px; border-top: 1px solid var(--border); }\n  .pricing-add input[type=\"text\"] { width: 240px; text-align: left; }\n  .add-btn { background: var(--accent); border: none; color: #fff; border-radius: 6px;\n    padding: 5px 14px; font-size: 12px; font-weight: 500; cursor: pointer; }\n  .pricing-note { font-size: 11px; color: var(--muted); margin-top: 12px; line-height: 1.6; }\n</style>\n</head>\n<body>\n\n<header class=\"meridian-header\" id=\"meridianHeader\">\n  <a class=\"mh-brand\" href=\"/\">\n    <svg class=\"mh-logo\" width=\"24\" height=\"24\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n  <defs>\n    <linearGradient id=\"mhGrad\" x1=\"32\" y1=\"4\" x2=\"32\" y2=\"60\" gradientUnits=\"userSpaceOnUse\">\n      <stop stop-color=\"#58a6ff\"/>\n      <stop offset=\"1\" stop-color=\"#bc8cff\"/>\n    </linearGradient>\n  </defs>\n  <circle cx=\"32\" cy=\"32\" r=\"25\" stroke=\"url(#mhGrad)\" stroke-width=\"3.5\"/>\n  <ellipse cx=\"32\" cy=\"32\" rx=\"10.5\" ry=\"25\" stroke=\"url(#mhGrad)\" stroke-width=\"2.5\" opacity=\"0.8\"/>\n  <path d=\"M7 32h50\" stroke=\"url(#mhGrad)\" stroke-width=\"2\" opacity=\"0.4\"/>\n  <circle cx=\"32\" cy=\"7\" r=\"4.5\" fill=\"#58a6ff\"/>\n  <circle cx=\"32\" cy=\"57\" r=\"4.5\" fill=\"#bc8cff\"/>\n</svg>\n    <span class=\"mh-name\">Meridian</span>\n  </a>\n  <nav class=\"mh-nav\">\n    <a href=\"/\" id=\"nav-home\">Home</a>\n    <a href=\"/telemetry\" id=\"nav-telemetry\">Telemetry</a>\n    <a href=\"/profiles\" id=\"nav-profiles\">Profiles</a>\n    <a href=\"/settings\" id=\"nav-settings\">Settings</a>\n    <a href=\"/plugins\" id=\"nav-plugins\">Plugins</a>\n  </nav>\n  <div class=\"mh-right\">\n    <a class=\"mh-build\" id=\"mhBuild\" target=\"_blank\" rel=\"noopener\"></a>\n    <a class=\"mh-profile\" id=\"mhProfile\" href=\"/\" title=\"Active profile \u2014 switch from the home page\"></a>\n    <span class=\"mh-status\" id=\"mhStatus\"><span class=\"mh-dot\" id=\"mhDot\"></span><span class=\"mh-status-text\" id=\"mhStatusText\"></span></span>\n  </div>\n</header>\n\n<div class=\"content\">\n  <h1>Routing</h1>\n  <p class=\"subtitle\" style=\"max-width:720px;line-height:1.6\">\n    How unpinned requests choose an account. <strong style=\"color:var(--text)\">Active</strong> uses the manually\n    selected profile. <strong style=\"color:var(--text)\">Sticky</strong> distributes sessions across profiles evenly\n    (cache-affine). <strong style=\"color:var(--text)\">Priority</strong> drains the pool in order \u2014 highest first \u2014\n    and fails over per request when an account runs out; conversations keep their account, and new sessions\n    return to the preferred account after its window resets.\n    <strong style=\"color:var(--text)\">Active+priority</strong> keeps you in charge - every request goes to the\n    profile you selected - but the moment that account is refused, the request is re-sent to the next healthy\n    account in the pool order and answered from there, so the client never sees the error. Switching the active\n    profile moves running conversations too, which is the difference from priority. It reuses the same pool\n    order below; the active profile always goes first, wherever it sits in that list.\n    An explicit <code>x-meridian-profile</code> header\n    always overrides. Changes apply to the next request \u2014 no restart needed.\n  </p>\n  <div class=\"adapter-card\" id=\"routing-card\">\n    <div id=\"routing-body\">Loading\u2026</div>\n  </div>\n\n  <h1 style=\"margin-top:40px\">SDK Features <span style=\"font-size:11px;padding:2px 8px;border-radius:10px;background:rgba(210,153,34,0.15);color:var(--yellow);vertical-align:middle;margin-left:8px\">Experimental</span></h1>\n  <p class=\"subtitle\" style=\"max-width:720px;line-height:1.6\">\n    Unlock Claude Code features for any connected agent. Capabilities like auto-memory, dreaming, and CLAUDE.md \u2014 normally\n    exclusive to Claude Code \u2014 become available to OpenCode, Crush, Droid, and any other harness routed through Meridian.\n    Each agent keeps its own toolchain while gaining access to these additional features.<br><br>\n    <strong style=\"color:var(--text)\">System prompts:</strong> For these features to work correctly, both the Claude Code prompt and your client prompt\n    should be enabled. When both are active, they are appended together \u2014 Claude Code's base instructions come first,\n    followed by your agent's specific instructions.\n  </p>\n\n  <div class=\"tabs\" id=\"adapterTabs\"></div>\n  <div id=\"adapters\"></div>\n\n  <h1 style=\"margin-top:40px\">Model Pricing</h1>\n  <p class=\"subtitle\" style=\"max-width:720px;line-height:1.6\">\n    Rates used by the telemetry cost estimate, in USD per million tokens. Edit a value to override the\n    built-in rate, or add models the built-in table doesn't know about (they show as \"no pricing\" on the\n    dashboard until defined here). Changes apply on the next dashboard refresh.\n  </p>\n  <div class=\"adapter-card\">\n    <table class=\"pricing-table\">\n      <thead><tr><th>Model</th><th>Input</th><th>Output</th><th>Cache Read</th><th>Cache Write</th><th>Source</th><th></th></tr></thead>\n      <tbody id=\"pricingRows\"></tbody>\n    </table>\n    <div class=\"pricing-add\">\n      <input type=\"text\" class=\"pricing-input\" id=\"newModelName\" placeholder=\"model id (e.g. claude-opus-9)\">\n      <input type=\"number\" class=\"pricing-input\" id=\"newModelInput\" placeholder=\"input\" min=\"0\" step=\"0.01\">\n      <input type=\"number\" class=\"pricing-input\" id=\"newModelOutput\" placeholder=\"output\" min=\"0\" step=\"0.01\">\n      <input type=\"number\" class=\"pricing-input\" id=\"newModelCacheRead\" placeholder=\"cache read\" min=\"0\" step=\"0.01\">\n      <input type=\"number\" class=\"pricing-input\" id=\"newModelCacheWrite\" placeholder=\"cache write\" min=\"0\" step=\"0.01\">\n      <button class=\"add-btn\" onclick=\"addPricingModel()\">Add Model</button>\n    </div>\n    <div class=\"pricing-note\">\n      Cache read and cache write are optional; when left blank they default to 0.1x and 1.25x of the\n      input rate (the 5-minute cache TTL multipliers). Verify current list prices at\n      <a href=\"https://claude.com/pricing\" target=\"_blank\" rel=\"noreferrer\" style=\"color:var(--accent)\">claude.com/pricing</a>.\n    </div>\n  </div>\n\n  <h1 style=\"margin-top:40px\">Telemetry Storage</h1>\n  <p class=\"subtitle\" style=\"max-width:720px;line-height:1.6\">\n    What <a href=\"/telemetry\" style=\"color:var(--accent)\">/telemetry</a> remembers, and for how long. By default\n    telemetry lives in a fixed-size ring in memory: fast, free, and gone the moment the proxy restarts \u2014 which is\n    also why a window longer than an hour or so usually shows less than it names. Persisting moves it to SQLite,\n    where rows survive a restart and are deleted by age instead of by count.\n    <strong style=\"color:var(--text)\">These settings apply on the next start, not to the running proxy.</strong>\n    The stores are built once at startup and cannot be swapped out from under requests already in flight.\n  </p>\n  <div class=\"adapter-card\" id=\"telemetry-card\">\n    <div id=\"telemetry-body\">Loading\u2026</div>\n  </div>\n</div>\n\n<div class=\"save-indicator\" id=\"saveIndicator\">Saved</div>\n\n<script>\nconst FEATURES = [\n  { key: 'codeSystemPrompt', label: 'Claude Code Prompt', desc: 'Include the built-in Claude Code system prompt (tool usage rules, safety guidelines, coding best practices)', type: 'toggle' },\n  { key: 'clientSystemPrompt', label: 'Client Prompt', desc: 'Include the system prompt sent by the connecting agent (e.g. OpenCode or Crush instructions)', type: 'toggle' },\n  { key: 'claudeMd', label: 'CLAUDE.md', desc: 'Load CLAUDE.md instruction files \u2014 Off: none, Project: ./CLAUDE.md only, Full: ~/.claude/CLAUDE.md + ./CLAUDE.md', type: 'select', options: ['off', 'project', 'full'] },\n  { key: 'memory', label: 'Memory', desc: 'Read and write memories across sessions', type: 'toggle' },\n  { key: 'dreaming', label: 'Auto-Dream', desc: 'Background memory consolidation', type: 'toggle' },\n  { key: 'thinking', label: 'Thinking', desc: 'Extended thinking mode', type: 'select', options: ['disabled', 'adaptive', 'enabled'] },\n  { key: 'thinkingPassthrough', label: 'Thinking Passthrough', desc: 'Forward thinking blocks to the client', type: 'toggle' },\n  { key: 'sharedMemory', label: 'Shared Memory', desc: 'Share memory with Claude Code (~/.claude) instead of isolated storage', type: 'toggle' },\n  { key: 'webFetchPreflight', label: 'WebFetch Preflight', desc: 'Check each WebFetch hostname against the Anthropic blocklist before fetching \u2014 off keeps hostnames local but fetches any URL unchecked. Only affects Cherry Studio; other adapters never run the SDK\\'s built-in WebFetch', type: 'toggle' },\n  { key: 'claudeAiConnectors', label: 'claude.ai Connectors', desc: 'Load the MCP connectors attached to your claude.ai account (Drive, Gmail, Calendar). Off by default; always off in passthrough mode', type: 'toggle' },\n  { key: 'maxBudgetUsd', label: 'Max Budget (USD)', desc: 'Per-request cost cap \u2014 query aborts if exceeded (0 = disabled)', type: 'number' },\n  { key: 'fallbackModel', label: 'Fallback Model', desc: 'Auto-fallback model if primary fails', type: 'select', options: ['', 'sonnet', 'opus', 'haiku', 'sonnet[1m]', 'opus[1m]'] },\n  { key: 'sdkDebug', label: 'SDK Debug Logging', desc: 'Enable verbose SDK debug output to proxy stderr', type: 'toggle' },\n  { key: 'additionalDirectories', label: 'Additional Directories', desc: 'Comma-separated extra paths Claude can access (monorepo libs, etc.)', type: 'text' },\n];\n\n// Display names only \u2014 NOT the list of adapters to render. The page renders\n// whatever /settings/api/features returns, so a new adapter shows up here the\n// moment it exists, using its raw name until someone gives it a pretty one.\n// A hardcoded list is what hid codex and cherry from this page entirely.\nconst ADAPTER_LABELS = {\n  opencode: 'OpenCode',\n  openai: 'OpenAI (/v1/chat/completions)',\n  crush: 'Crush',\n  forgecode: 'ForgeCode',\n  pi: 'Pi',\n  droid: 'Droid',\n  passthrough: 'LiteLLM / Passthrough',\n  codex: 'Codex CLI (/v1/responses)',\n  cherry: 'Cherry Studio',\n  'claude-code': 'Claude Code',\n};\n\nlet currentConfig = {};\nlet selectedAdapter = null;\n\nasync function loadConfig() {\n  const res = await fetch('/settings/api/features');\n  currentConfig = await res.json();\n  render();\n}\n\nasync function saveFeature(adapter, key, value) {\n  const patch = {};\n  patch[key] = value;\n  await fetch('/settings/api/features/' + adapter, {\n    method: 'PATCH',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(patch),\n  });\n  currentConfig[adapter][key] = value;\n  showSaved();\n}\n\nasync function resetAdapter(adapter) {\n  await fetch('/settings/api/features/' + adapter, { method: 'DELETE' });\n  await loadConfig();\n  showSaved();\n}\n\nfunction showSaved() {\n  const el = document.getElementById('saveIndicator');\n  el.classList.add('visible');\n  setTimeout(() => el.classList.remove('visible'), 1500);\n}\n\nfunction hasAnyEnabled(features) {\n  return features.codeSystemPrompt || !features.clientSystemPrompt || features.claudeMd !== 'off' || features.memory || features.dreaming ||\n         features.thinking !== 'disabled' || features.thinkingPassthrough ||\n         features.sharedMemory || features.webFetchPreflight === false ||\n         features.claudeAiConnectors || features.maxBudgetUsd > 0 ||\n         features.fallbackModel || features.sdkDebug ||\n         features.additionalDirectories;\n}\n\nfunction selectAdapter(adapter) {\n  selectedAdapter = adapter;\n  render();\n}\n\nfunction renderTabs() {\n  const tabs = document.getElementById('adapterTabs');\n  tabs.innerHTML = '';\n\n  for (const adapter of Object.keys(currentConfig)) {\n    const tabLabel = ADAPTER_LABELS[adapter] || adapter;\n    const tab = document.createElement('div');\n    tab.className = 'tab' + (adapter === selectedAdapter ? ' active' : '');\n    tab.dataset.adapter = adapter;\n    tab.textContent = tabLabel;\n    // Stacked cards showed every harness's state at once and one body at a\n    // time cannot, so a harness that is off its defaults says so on its tab.\n    if (hasAnyEnabled(currentConfig[adapter] || {})) {\n      const dot = document.createElement('span');\n      dot.className = 'tab-dot';\n      dot.title = 'Customized \u2014 not on defaults';\n      tab.appendChild(dot);\n    }\n    tab.addEventListener('click', function () { selectAdapter(adapter); });\n    tabs.appendChild(tab);\n  }\n}\n\nfunction adapterCard(adapter) {\n  const label = ADAPTER_LABELS[adapter] || adapter;\n  const features = currentConfig[adapter] || {};\n  const active = hasAnyEnabled(features);\n\n  const card = document.createElement('div');\n  card.className = 'adapter-card';\n  card.innerHTML = '<div class=\"adapter-header\">' +\n    '<span class=\"adapter-name\">' + label + '</span>' +\n    '<div style=\"display:flex;gap:8px;align-items:center\">' +\n      '<span class=\"adapter-badge ' + (active ? 'badge-active' : 'badge-inactive') + '\">' +\n        (active ? 'Active' : 'Default') +\n      '</span>' +\n      '<button class=\"reset-btn\" onclick=\"resetAdapter(\\''+adapter+'\\')\">Reset</button>' +\n    '</div>' +\n  '</div>';\n\n  const grid = document.createElement('div');\n  grid.className = 'feature-grid';\n\n  for (const feat of FEATURES) {\n    const row = document.createElement('div');\n    row.className = 'feature-row';\n\n    const info = '<div class=\"feature-info\"><span class=\"feature-label\">' +\n      feat.label + '</span><span class=\"feature-desc\">' + feat.desc + '</span></div>';\n\n    if (feat.type === 'toggle') {\n      const checked = features[feat.key] ? 'checked' : '';\n      row.innerHTML = info +\n        '<label class=\"toggle\"><input type=\"checkbox\" ' + checked +\n        ' onchange=\"saveFeature(\\''+adapter+'\\', \\''+feat.key+'\\', this.checked)\">' +\n        '<span class=\"toggle-track\"></span></label>';\n    } else if (feat.type === 'select') {\n      const options = feat.options.map(o => {\n        const label = o === '' ? '(None)' : o.charAt(0).toUpperCase()+o.slice(1);\n        return '<option value=\"'+o+'\"'+(features[feat.key]===o?' selected':'')+'>'+label+'</option>';\n      }).join('');\n      row.innerHTML = info +\n        '<select class=\"feature-select\" onchange=\"saveFeature(\\''+adapter+'\\', \\''+feat.key+'\\', this.value)\">' +\n        options + '</select>';\n    } else if (feat.type === 'number') {\n      const value = features[feat.key] ?? 0;\n      row.innerHTML = info +\n        '<input type=\"number\" class=\"feature-select\" style=\"width:80px;text-align:right\" min=\"0\" step=\"0.01\" value=\"'+value+'\"' +\n        ' onchange=\"saveFeature(\\''+adapter+'\\', \\''+feat.key+'\\', parseFloat(this.value)||0)\">';\n    } else if (feat.type === 'text') {\n      const value = (features[feat.key] ?? '').toString().replace(/\"/g, '&quot;');\n      row.innerHTML = info +\n        '<input type=\"text\" class=\"feature-select\" style=\"width:180px\" value=\"'+value+'\"' +\n        ' onchange=\"saveFeature(\\''+adapter+'\\', \\''+feat.key+'\\', this.value)\">';\n    }\n\n    grid.appendChild(row);\n  }\n\n  card.appendChild(grid);\n  return card;\n}\n\nfunction render() {\n  const names = Object.keys(currentConfig);\n  if (names.indexOf(selectedAdapter) === -1) selectedAdapter = names[0] || null;\n\n  renderTabs();\n\n  const container = document.getElementById('adapters');\n  container.innerHTML = '';\n  if (selectedAdapter) container.appendChild(adapterCard(selectedAdapter));\n}\n\n// ---- Model pricing (telemetry cost estimate) ----\nlet pricingData = { builtin: {}, overrides: {} };\n\nfunction fmtRate(v) { return String(Math.round(v * 10000) / 10000); }\n\nasync function loadPricing() {\n  const res = await fetch('/settings/api/pricing');\n  pricingData = await res.json();\n  renderPricing();\n}\n\nasync function putPricing(model, rates) {\n  const res = await fetch('/settings/api/pricing/' + encodeURIComponent(model), {\n    method: 'PUT',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(rates),\n  });\n  if (!res.ok) {\n    const err = await res.json().catch(function () { return {}; });\n    alert('Could not save pricing: ' + (err.error || ('HTTP ' + res.status)));\n    return false;\n  }\n  showSaved();\n  return true;\n}\n\nasync function removePricing(model) {\n  await fetch('/settings/api/pricing/' + encodeURIComponent(model), { method: 'DELETE' });\n  showSaved();\n  await loadPricing();\n}\n\nfunction rateCell(value, onCommit) {\n  const td = document.createElement('td');\n  const input = document.createElement('input');\n  input.type = 'number';\n  input.min = '0';\n  input.step = '0.01';\n  input.className = 'pricing-input';\n  input.value = fmtRate(value);\n  input.addEventListener('change', onCommit);\n  td.appendChild(input);\n  return { td: td, input: input };\n}\n\nfunction renderPricing() {\n  const tbody = document.getElementById('pricingRows');\n  tbody.innerHTML = '';\n  const models = Array.from(new Set(\n    Object.keys(pricingData.builtin).concat(Object.keys(pricingData.overrides))\n  )).sort();\n\n  for (const model of models) {\n    const override = pricingData.overrides[model];\n    const effective = override || pricingData.builtin[model];\n    const tr = document.createElement('tr');\n\n    const nameTd = document.createElement('td');\n    nameTd.className = 'pricing-model';\n    nameTd.textContent = model;\n    tr.appendChild(nameTd);\n\n    const cells = [];\n    const commit = async function () {\n      const rates = {\n        inputPerMTok: parseFloat(cells[0].input.value),\n        outputPerMTok: parseFloat(cells[1].input.value),\n        cacheReadPerMTok: parseFloat(cells[2].input.value),\n        cacheWritePerMTok: parseFloat(cells[3].input.value),\n      };\n      for (const k in rates) { if (!isFinite(rates[k]) || rates[k] < 0) return; }\n      if (await putPricing(model, rates)) await loadPricing();\n    };\n    ['inputPerMTok', 'outputPerMTok', 'cacheReadPerMTok', 'cacheWritePerMTok'].forEach(function (key) {\n      const cell = rateCell(effective[key], commit);\n      cells.push(cell);\n      tr.appendChild(cell.td);\n    });\n\n    const badgeTd = document.createElement('td');\n    const badge = document.createElement('span');\n    badge.className = 'pricing-badge ' + (override ? 'badge-override' : 'badge-builtin');\n    badge.textContent = override ? 'Override' : 'Built-in';\n    badgeTd.appendChild(badge);\n    tr.appendChild(badgeTd);\n\n    const actionTd = document.createElement('td');\n    if (override) {\n      const btn = document.createElement('button');\n      btn.className = 'reset-btn';\n      btn.textContent = pricingData.builtin[model] ? 'Reset' : 'Remove';\n      btn.addEventListener('click', function () { removePricing(model); });\n      actionTd.appendChild(btn);\n    }\n    tr.appendChild(actionTd);\n\n    tbody.appendChild(tr);\n  }\n}\n\nasync function addPricingModel() {\n  const name = document.getElementById('newModelName').value.trim();\n  const inputRate = parseFloat(document.getElementById('newModelInput').value);\n  const outputRate = parseFloat(document.getElementById('newModelOutput').value);\n  if (!name) { alert('Enter a model id'); return; }\n  if (!isFinite(inputRate) || !isFinite(outputRate)) { alert('Enter input and output rates (USD per million tokens)'); return; }\n  const rates = { inputPerMTok: inputRate, outputPerMTok: outputRate };\n  const cacheRead = parseFloat(document.getElementById('newModelCacheRead').value);\n  const cacheWrite = parseFloat(document.getElementById('newModelCacheWrite').value);\n  if (isFinite(cacheRead)) rates.cacheReadPerMTok = cacheRead;\n  if (isFinite(cacheWrite)) rates.cacheWritePerMTok = cacheWrite;\n  if (await putPricing(name, rates)) {\n    ['newModelName', 'newModelInput', 'newModelOutput', 'newModelCacheRead', 'newModelCacheWrite'].forEach(function (id) {\n      document.getElementById(id).value = '';\n    });\n    await loadPricing();\n  }\n}\n\nasync function loadRouting() {\n  const res = await fetch('/settings/api/routing');\n  const cfg = await res.json();\n  const el = document.getElementById('routing-body');\n  const envNote = (on) => on ? ' <span style=\"font-size:11px;color:var(--yellow)\">(env override active \u2014 setting saved but env wins)</span>' : '';\n  let h = '<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:14px\">'\n    + '<label style=\"color:var(--muted);font-size:13px;width:90px\">Mode</label>'\n    + '<select id=\"routing-mode\" style=\"background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px\">'\n    + (cfg.modes || ['active','sticky','priority']).map(m => '<option value=\"'+m+'\"'+(cfg.routing===m?' selected':'')+'>'+m+'</option>').join('')\n    + '</select>' + envNote(cfg.envOverride.routing) + '</div>';\n  var usesPool = cfg.routing === 'priority' || cfg.routing === 'active+priority';\n  h += '<div id=\"routing-order-wrap\" style=\"'+(usesPool?'':'display:none')+'\">'\n    + '<div style=\"color:var(--muted);font-size:13px;margin-bottom:8px\">'\n    + (cfg.routing === 'active+priority'\n        ? 'Fallback order - used when the active profile runs out. The active profile always goes first, wherever it sits in this list.'\n        : 'Pool order \u2014 highest priority first. Drained top to bottom.')\n    + envNote(cfg.envOverride.profileOrder) + '</div>'\n    + '<ol id=\"routing-order\" style=\"margin:0;padding-left:22px\">'\n    + cfg.profileOrder.map((id, i) =>\n        '<li style=\"padding:4px 0;color:var(--text)\">'\n        + '<span style=\"font-family:var(--mono, monospace)\">'+id+'</span>'\n        + ' <button data-move=\"up\" data-i=\"'+i+'\" style=\"margin-left:10px;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 8px;cursor:pointer\"'+(i===0?' disabled':'')+'>&uarr;</button>'\n        + ' <button data-move=\"down\" data-i=\"'+i+'\" style=\"background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 8px;cursor:pointer\"'+(i===cfg.profileOrder.length-1?' disabled':'')+'>&darr;</button>'\n        + '</li>').join('')\n    + '</ol></div>';\n  el.innerHTML = h;\n  document.getElementById('routing-mode').addEventListener('change', async (e) => {\n    await fetch('/settings/api/routing', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ routing: e.target.value }) });\n    await loadRouting();\n  });\n  el.querySelectorAll('button[data-move]').forEach(btn => btn.addEventListener('click', async () => {\n    const i = Number(btn.dataset.i);\n    const j = btn.dataset.move === 'up' ? i - 1 : i + 1;\n    const order = cfg.profileOrder.slice();\n    const tmp = order[i]; order[i] = order[j]; order[j] = tmp;\n    await fetch('/settings/api/routing', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ profileOrder: order }) });\n    await loadRouting();\n  }));\n}\n\nfunction telemetryBytes(n) {\n  if (n == null) return null;\n  if (n < 1024) return n + ' B';\n  if (n < 1024 * 1024) return (n / 1024).toFixed(0) + ' KB';\n  if (n < 1024 * 1024 * 1024) return (n / (1024 * 1024)).toFixed(1) + ' MB';\n  return (n / (1024 * 1024 * 1024)).toFixed(1) + ' GB';\n}\n\nfunction telemetryEsc(s) {\n  return String(s).replace(/[&<>\"']/g, function (ch) {\n    return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' }[ch];\n  });\n}\n\n// The saved value drives the form; the EFFECTIVE one is what the proxy is\n// actually doing. Rendering only the former is the failure mode this whole card\n// exists to avoid \u2014 a form that reads back what you typed and implies it landed.\nfunction telemetryRow(label, control, effective, note) {\n  return '<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap\">'\n    + '<label style=\"color:var(--muted);font-size:13px;width:150px\">' + label + '</label>'\n    + control\n    + '<span style=\"color:var(--muted);font-size:12px\">now: ' + effective + '</span>'\n    + (note || '')\n    + '</div>';\n}\n\nasync function loadTelemetry() {\n  const res = await fetch('/settings/api/telemetry');\n  const cfg = await res.json();\n  const el = document.getElementById('telemetry-body');\n  const live = cfg.effective || {};\n  const lim = cfg.limits || {};\n  const envNote = (on) => on ? ' <span style=\"font-size:11px;color:var(--yellow)\">(env override active \u2014 setting saved but env wins)</span>' : '';\n  const persisting = live.kind === 'sqlite';\n\n  const num = (key, value, suffix) => {\n    const l = lim[key] || { min: 1, max: 1000000 };\n    return '<input type=\"number\" id=\"tel-' + key + '\" value=\"' + (value == null ? '' : value) + '\"'\n      + ' min=\"' + l.min + '\" max=\"' + l.max + '\" step=\"1\" placeholder=\"default\"'\n      + ' style=\"width:110px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px\">'\n      + (suffix ? ' <span style=\"color:var(--muted);font-size:12px\">' + suffix + '</span>' : '');\n  };\n\n  let h = telemetryRow('Persist to SQLite',\n    '<input type=\"checkbox\" id=\"tel-persist\"' + (cfg.wanted.persist ? ' checked' : '') + '>',\n    persisting ? 'SQLite' : 'memory',\n    envNote(cfg.envOverride.telemetryPersist));\n\n  h += telemetryRow('Retention',\n    num('telemetryRetentionDays', cfg.saved.telemetryRetentionDays, 'days'),\n    persisting ? (live.retentionDays + 'd') : 'n/a while in memory',\n    envNote(cfg.envOverride.telemetryRetentionDays));\n\n  h += telemetryRow('Request ring size',\n    num('telemetrySize', cfg.saved.telemetrySize, 'rows'),\n    persisting ? 'n/a while persisting' : (live.capacity == null ? '\u2014' : live.capacity.toLocaleString()),\n    envNote(cfg.envOverride.telemetrySize));\n\n  h += telemetryRow('Diagnostic log size',\n    num('diagnosticLogSize', cfg.saved.diagnosticLogSize, 'entries'),\n    persisting ? 'n/a while persisting' : (live.diagnosticLogCapacity == null ? '\u2014' : live.diagnosticLogCapacity.toLocaleString()),\n    envNote(cfg.envOverride.diagnosticLogSize));\n\n  const held = (live.held == null ? 0 : live.held).toLocaleString();\n  let state = 'Holding ' + held + ' request' + (live.held === 1 ? '' : 's');\n  if (persisting) {\n    state += ' in ' + telemetryEsc(live.dbPath || 'SQLite');\n    const size = telemetryBytes(live.dbBytes);\n    if (size) state += ' (' + size + ')';\n  } else {\n    state += ' in memory \u2014 lost on restart';\n  }\n  h += '<div class=\"pricing-note\" style=\"margin-top:4px\">' + state + '</div>';\n\n  // The only honest thing a page can offer for a restart-scoped setting: name\n  // the exact command for how THIS proxy was started. Guessing systemctl at a\n  // process started by hand sends someone chasing a unit that does not exist.\n  if (cfg.pendingRestart && cfg.pendingRestart.length > 0) {\n    const sup = cfg.supervision || {};\n    h += '<div class=\"pricing-note\" style=\"margin-top:10px;color:var(--yellow)\">'\n      + 'Saved, but not in effect: <strong>' + cfg.pendingRestart.map(telemetryEsc).join('</strong>, <strong>') + '</strong>. '\n      + (sup.restartCommand\n          ? 'Restart to apply: <code style=\"color:var(--text)\">' + telemetryEsc(sup.restartCommand) + '</code>'\n          : 'Restart Meridian to apply.')\n      + '</div>';\n  }\n\n  h += '<div class=\"pricing-note\" style=\"margin-top:10px\">'\n    + 'Leave a number blank to use the default. The database path is set with '\n    + '<code>MERIDIAN_TELEMETRY_DB</code> and is deliberately not editable here.'\n    + '</div>';\n\n  el.innerHTML = h;\n\n  document.getElementById('tel-persist').addEventListener('change', async (e) => {\n    await putTelemetry({ telemetryPersist: e.target.checked });\n  });\n  ['telemetryRetentionDays', 'telemetrySize', 'diagnosticLogSize'].forEach((key) => {\n    const input = document.getElementById('tel-' + key);\n    if (!input) return;\n    input.addEventListener('change', async () => {\n      const raw = input.value.trim();\n      const body = {};\n      body[key] = raw === '' ? null : Number(raw);\n      await putTelemetry(body);\n    });\n  });\n}\n\nasync function putTelemetry(body) {\n  const res = await fetch('/settings/api/telemetry', {\n    method: 'PUT',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  });\n  if (!res.ok) {\n    const err = await res.json().catch(() => ({}));\n    alert(err.error || 'Failed to save telemetry settings');\n  } else {\n    showSaved();\n  }\n  await loadTelemetry();\n}\n\nloadConfig();\nloadPricing();\nloadRouting();\nloadTelemetry();\n\n(function() {\n  var profileChip = document.getElementById('mhProfile');\n  var buildChip = document.getElementById('mhBuild');\n  var statusDot = document.getElementById('mhDot');\n  var statusText = document.getElementById('mhStatusText');\n\n  // Highlight active nav link\n  var path = location.pathname;\n  var navLinks = document.querySelectorAll('.mh-nav a');\n  navLinks.forEach(function(a) {\n    if (a.getAttribute('href') === path || (path === '/telemetry' && a.id === 'nav-telemetry') || (path === '/' && a.id === 'nav-home')) {\n      a.classList.add('active');\n    }\n  });\n\n  function esc(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }\n\n  // Build provenance chip. Hidden entirely for a current npm install, which\n  // is the case that needs no comment.\n  function renderBuild(build) {\n    if (!buildChip) return;\n    if (!build) { buildChip.className = 'mh-build'; return; }\n    if (build.source !== 'npm') {\n      buildChip.textContent = (build.source === 'dev' ? 'dev build' : 'local build') + (build.dirty ? ' *' : '');\n      buildChip.removeAttribute('href');\n      buildChip.title = 'Not an npm release \u2014 the reported version ' + build.version +\n        ' is the tree\\'s last release, not proof of what is running' +\n        (build.branch ? '\\nbranch: ' + build.branch : '') +\n        (build.sha ? '\\ncommit: ' + build.sha.slice(0, 8) : '') +\n        (build.dirty ? '\\nuncommitted changes present' : '');\n      buildChip.className = 'mh-build provenance visible';\n      return;\n    }\n    if (build.updateAvailable) {\n      buildChip.textContent = build.latest + ' available';\n      buildChip.href = 'https://github.com/rynfar/meridian/releases';\n      buildChip.title = 'Running ' + build.version + ' \u2014 update with:\\nnpm install -g @rynfar/meridian@latest';\n      buildChip.className = 'mh-build update visible';\n      return;\n    }\n    buildChip.className = 'mh-build';\n  }\n\n  function loadHeader() {\n    fetch('/health').then(function(r) { return r.json(); }).then(function(h) {\n      var st = h.status === 'healthy' ? 'healthy' : h.status === 'degraded' ? 'degraded' : 'unhealthy';\n      statusDot.className = 'mh-dot ' + st;\n      statusText.textContent = st === 'healthy' ? 'Operational' : st === 'degraded' ? 'Degraded' : 'Offline';\n      renderBuild(h.build);\n    }).catch(function() {\n      statusDot.className = 'mh-dot unhealthy';\n      statusText.textContent = 'Offline';\n    });\n\n    fetch('/profiles/list').then(function(r) { return r.json(); }).then(function(data) {\n      var current = (data.profiles || []).find(function(p) { return p.isActive; });\n      if (!current) { profileChip.classList.remove('visible'); return; }\n      // Follow mode: say so on every page. An instance quietly taking its\n      // active profile from another one, with a picker that won't stick, is\n      // otherwise an hour of confusion.\n      var follow = data.follow;\n      var followLabel = follow ? (follow.activeProfile ? 'following' : 'follow: local') : '';\n      if (follow && follow.stale) followLabel += ' (stale)';\n      profileChip.innerHTML = esc(current.id) + ' <span class=\"mh-profile-type\">' + esc(current.type || '') + '</span>'\n        + (follow ? ' <span class=\"mh-profile-follow\">' + esc(followLabel) + '</span>' : '');\n      profileChip.classList.toggle('following', !!follow);\n      profileChip.title = follow\n        ? 'Active profile follows ' + follow.url + ' (MERIDIAN_FOLLOW_ACTIVE)'\n          + (follow.activeProfile ? '' : ' \u2014 no usable value from it, using the local profile')\n          + '. Switching here is refused; switch on the followed instance.'\n        : 'Active profile \u2014 switch from the home page';\n      profileChip.classList.add('visible');\n    }).catch(function() {});\n  }\n\n  loadHeader();\n  setInterval(loadHeader, 10000);\n  // Pages call this after mutating state (e.g. switching the active profile)\n  // so the header chip updates immediately instead of on the next poll.\n  window.meridianHeaderRefresh = loadHeader;\n})();\n\n</script>\n</body>\n</html>";
+export declare const settingsPageHtml = "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Meridian \u2014 SDK Features</title>\n<link rel=\"icon\" type=\"image/svg+xml\" href=\"/telemetry/icon.svg\">\n<style>\n  \n  :root {\n    /* Cool-gray neutral palette. High contrast, surface/border separation,\n       no color cast muddying the text. Blue is the primary accent; violet\n       is the fixed secondary \u2014 used together in the brand gradient and\n       individually for hover states and a handful of telemetry badges. */\n    --bg:        #0d1117;\n    --surface:   #161b22;\n    --surface2:  #1c2128;\n    --border:    #30363d;\n    /* Text */\n    --text:      #e6edf3;\n    --muted:     #8b949e;\n    /* Brand \u2014 blue primary, violet secondary */\n    --accent:    #58a6ff;\n    --accent2:   #bc8cff;\n    --violet:    #bc8cff;\n    --lavender:  #d2a8ff;\n    /* Semantic */\n    --green:     #3fb950;\n    --yellow:    #d29922;\n    --red:       #f85149;\n    /* Telemetry-specific aliases (waterfall + lineage badges) */\n    --blue:      #58a6ff;\n    --purple:    #bc8cff;\n    --queue:     #d29922;\n    --ttfb:      #58a6ff;\n    --upstream:  #3fb950;\n  }\n  /* Banner backsplash \u2014 the brand look: a gentle diagonal wash with soft\n     blue (top-left) and violet (bottom-right) glows. Pages must not set\n     their own body background so this shows through everywhere. */\n  body {\n    background:\n      radial-gradient(1200px 800px at 12% -8%, rgba(88,166,255,0.07), transparent 60%),\n      radial-gradient(1100px 800px at 92% 108%, rgba(188,140,255,0.06), transparent 60%),\n      linear-gradient(135deg, #0d1117 0%, #10151d 55%, #161b22 100%);\n    background-attachment: fixed;\n    background-color: var(--bg);\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;\n         color: var(--text); padding: 0; line-height: 1.5; }\n  \n  .meridian-header {\n    position: sticky; top: 0; z-index: 100;\n    display: flex; align-items: center; gap: 20px;\n    padding: 10px 24px;\n    background: rgba(13, 17, 23, 0.92);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid var(--border, #30363d);\n  }\n  .meridian-header .mh-brand {\n    display: flex; align-items: center; gap: 10px;\n    text-decoration: none; color: var(--text, #e6edf3);\n  }\n  .meridian-header .mh-logo { display: block; }\n  .meridian-header .mh-name {\n    font-size: 15px; font-weight: 700; letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n  .meridian-header .mh-nav { display: flex; align-items: center; gap: 2px; }\n  .meridian-header .mh-nav a {\n    color: var(--muted, #8b949e); text-decoration: none; font-size: 12px;\n    font-weight: 500; padding: 5px 10px; border-radius: 6px;\n    transition: color 0.15s, background 0.15s;\n  }\n  .meridian-header .mh-nav a:hover { color: var(--text, #e6edf3); background: var(--surface, #161b22); }\n  .meridian-header .mh-nav a.active { color: var(--accent, #58a6ff); background: var(--surface, #161b22); }\n  .meridian-header .mh-right {\n    margin-left: auto; display: flex; align-items: center; gap: 10px;\n  }\n  .meridian-header .mh-profile {\n    display: none; align-items: center; gap: 6px;\n    font-size: 11px; font-weight: 500; color: var(--text, #e6edf3);\n    padding: 3px 10px; border-radius: 20px;\n    background: var(--surface, #161b22); border: 1px solid var(--border, #30363d);\n    text-decoration: none; transition: border-color 0.15s;\n  }\n  .meridian-header .mh-profile:hover { border-color: var(--accent, #58a6ff); }\n  .meridian-header .mh-profile.visible { display: inline-flex; }\n  .meridian-header .mh-profile .mh-profile-type {\n    color: var(--muted, #8b949e); font-size: 10px;\n  }\n  /* Build chip \u2014 two mutually exclusive states, and the colour is not a\n     style choice: \"update available\" is a link to the releases page, so it\n     is blue (interactive); \"local/dev build\" is a meta annotation with no\n     href, so it is violet. Swapping them would break the DESIGN.md rule. */\n  .meridian-header .mh-build {\n    display: none; align-items: center; gap: 6px;\n    font-size: 11px; font-weight: 500; white-space: nowrap;\n    padding: 3px 10px; border-radius: 20px; text-decoration: none;\n    transition: background 0.15s;\n  }\n  .meridian-header .mh-build.visible { display: inline-flex; }\n  .meridian-header .mh-build.update {\n    color: var(--accent, #58a6ff);\n    background: rgba(88,166,255,0.12);\n    border: 1px solid rgba(88,166,255,0.35);\n  }\n  .meridian-header .mh-build.update:hover { background: rgba(88,166,255,0.18); }\n  .meridian-header .mh-build.provenance {\n    color: var(--accent2, #bc8cff);\n    background: rgba(188,140,255,0.12);\n    border: 1px solid rgba(188,140,255,0.35);\n    cursor: default;\n  }\n  .meridian-header .mh-profile.following { border-color: var(--accent2, #bc8cff); }\n  .meridian-header .mh-profile .mh-profile-follow {\n    color: var(--accent2, #bc8cff); font-size: 10px;\n  }\n  .meridian-header .mh-status {\n    display: inline-flex; align-items: center; gap: 6px;\n    font-size: 11px; color: var(--muted, #8b949e); white-space: nowrap;\n  }\n  .meridian-header .mh-dot {\n    width: 8px; height: 8px; border-radius: 50%;\n    background: var(--muted, #8b949e); flex-shrink: 0;\n  }\n  .meridian-header .mh-dot.healthy { background: var(--green, #3fb950); box-shadow: 0 0 6px rgba(63,185,80,0.5); }\n  .meridian-header .mh-dot.degraded { background: var(--yellow, #d29922); }\n  .meridian-header .mh-dot.unhealthy { background: var(--red, #f85149); }\n  @media (max-width: 720px) {\n    .meridian-header { gap: 10px; padding: 10px 16px; flex-wrap: wrap; }\n    .meridian-header .mh-name { display: none; }\n    .meridian-header .mh-nav { order: 3; flex-basis: 100%; min-width: 0; overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--border) transparent; }\n    .meridian-header .mh-nav a { flex-shrink: 0; }\n    .meridian-header .mh-status .mh-status-text { display: none; }\n  }\n\n  .content { max-width: 900px; margin: 0 auto; padding: 24px; }\n  h1 { font-size: 20px; font-weight: 600; margin-bottom: 4px; }\n  .subtitle { color: var(--muted); font-size: 13px; margin-bottom: 24px; }\n  .nav { display: flex; gap: 16px; margin-bottom: 24px; font-size: 13px; }\n  .nav a { color: var(--muted); text-decoration: none; }\n  .nav a:hover { color: var(--accent); }\n  .nav a.active { color: var(--accent); }\n\n  /* Harness tabs \u2014 dashboard.ts's tab rules, kept identical on purpose; wraps\n     because there are more harnesses than the dashboard's three panels. */\n  .tabs { display: flex; flex-wrap: wrap; gap: 0; margin-bottom: 20px; border-bottom: 1px solid var(--border); }\n  .tab { padding: 10px 20px; font-size: 13px; font-weight: 500; color: var(--muted); cursor: pointer;\n         border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color 0.15s, border-color 0.15s;\n         user-select: none; }\n  .tab:hover { color: var(--text); }\n  .tab.active { color: var(--accent); border-bottom-color: var(--accent); }\n  .tab-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-left: 7px;\n             vertical-align: middle; background: var(--green); }\n\n  .adapter-card {\n    background: var(--surface); border: 1px solid var(--border); border-radius: 8px;\n    padding: 20px; margin-bottom: 16px;\n  }\n  .adapter-header {\n    display: flex; align-items: center; justify-content: space-between;\n    margin-bottom: 16px;\n  }\n  .adapter-name { font-size: 16px; font-weight: 600; }\n  .adapter-badge {\n    font-size: 10px; padding: 2px 8px; border-radius: 10px;\n    text-transform: uppercase; letter-spacing: 0.5px;\n  }\n  .badge-active { background: rgba(63, 185, 80, 0.15); color: var(--green); }\n  .badge-inactive { background: rgba(139, 148, 158, 0.15); color: var(--muted); }\n\n  .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n  @media (max-width: 600px) { .feature-grid { grid-template-columns: 1fr; } }\n\n  .feature-row {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 10px 14px; border-radius: 6px;\n    background: var(--bg); border: 1px solid var(--border);\n  }\n  .feature-info { display: flex; flex-direction: column; }\n  .feature-label { font-size: 13px; font-weight: 500; }\n  .feature-desc { font-size: 11px; color: var(--muted); margin-top: 2px; }\n\n  /* Toggle switch */\n  .toggle { position: relative; width: 36px; height: 20px; flex-shrink: 0; }\n  .toggle input { opacity: 0; width: 0; height: 0; }\n  .toggle-track {\n    position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;\n    background: var(--border); border-radius: 10px; transition: background 0.2s;\n  }\n  .toggle-track::after {\n    content: \"\"; position: absolute; height: 14px; width: 14px;\n    left: 3px; bottom: 3px; background: var(--muted); border-radius: 50%;\n    transition: transform 0.2s, background 0.2s;\n  }\n  .toggle input:checked + .toggle-track { background: var(--accent); }\n  .toggle input:checked + .toggle-track::after {\n    transform: translateX(16px); background: var(--text);\n  }\n\n  /* Select dropdown */\n  .feature-select {\n    background: var(--surface); color: var(--text); border: 1px solid var(--border);\n    border-radius: 6px; padding: 4px 8px; font-size: 12px; cursor: pointer;\n  }\n\n  .save-indicator {\n    position: fixed; bottom: 24px; right: 24px;\n    background: var(--green); color: #000; padding: 8px 16px;\n    border-radius: 6px; font-size: 13px; font-weight: 500;\n    opacity: 0; transition: opacity 0.3s; pointer-events: none;\n  }\n  .save-indicator.visible { opacity: 1; }\n\n  .reset-btn {\n    background: none; border: 1px solid var(--border); color: var(--muted);\n    border-radius: 6px; padding: 4px 12px; font-size: 11px; cursor: pointer;\n  }\n  .reset-btn:hover { border-color: var(--red); color: var(--red); }\n\n  /* Model pricing */\n  .pricing-table { width: 100%; border-collapse: collapse; font-size: 12px; }\n  .pricing-table th { text-align: left; padding: 8px 10px; color: var(--muted); font-weight: 500;\n    font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--border); }\n  .pricing-table td { padding: 6px 10px; border-bottom: 1px solid var(--border); }\n  .pricing-table tr:last-child td { border-bottom: none; }\n  .pricing-model { font-family: 'SF Mono', SFMono-Regular, Consolas, monospace; font-size: 12px; word-break: break-all; }\n  .pricing-input { background: var(--bg); color: var(--text); border: 1px solid var(--border);\n    border-radius: 6px; padding: 4px 8px; font-size: 12px; width: 84px; text-align: right;\n    font-variant-numeric: tabular-nums; }\n  .pricing-input:focus { border-color: var(--accent); outline: none; }\n  .pricing-badge { font-size: 10px; padding: 2px 8px; border-radius: 10px;\n    text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }\n  .badge-override { background: rgba(210, 153, 34, 0.15); color: var(--yellow); }\n  .badge-builtin { background: rgba(139, 148, 158, 0.15); color: var(--muted); }\n  .pricing-add { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 14px;\n    padding-top: 14px; border-top: 1px solid var(--border); }\n  .pricing-add input[type=\"text\"] { width: 240px; text-align: left; }\n  .add-btn { background: var(--accent); border: none; color: #fff; border-radius: 6px;\n    padding: 5px 14px; font-size: 12px; font-weight: 500; cursor: pointer; }\n  .pricing-note { font-size: 11px; color: var(--muted); margin-top: 12px; line-height: 1.6; }\n</style>\n</head>\n<body>\n\n<header class=\"meridian-header\" id=\"meridianHeader\">\n  <a class=\"mh-brand\" href=\"/\" aria-label=\"Meridian home\">\n    <svg class=\"mh-logo\" width=\"24\" height=\"24\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n  <defs>\n    <linearGradient id=\"mhGrad\" x1=\"32\" y1=\"4\" x2=\"32\" y2=\"60\" gradientUnits=\"userSpaceOnUse\">\n      <stop stop-color=\"#58a6ff\"/>\n      <stop offset=\"1\" stop-color=\"#bc8cff\"/>\n    </linearGradient>\n  </defs>\n  <circle cx=\"32\" cy=\"32\" r=\"25\" stroke=\"url(#mhGrad)\" stroke-width=\"3.5\"/>\n  <ellipse cx=\"32\" cy=\"32\" rx=\"10.5\" ry=\"25\" stroke=\"url(#mhGrad)\" stroke-width=\"2.5\" opacity=\"0.8\"/>\n  <path d=\"M7 32h50\" stroke=\"url(#mhGrad)\" stroke-width=\"2\" opacity=\"0.4\"/>\n  <circle cx=\"32\" cy=\"7\" r=\"4.5\" fill=\"#58a6ff\"/>\n  <circle cx=\"32\" cy=\"57\" r=\"4.5\" fill=\"#bc8cff\"/>\n</svg>\n    <span class=\"mh-name\">Meridian</span>\n  </a>\n  <nav class=\"mh-nav\">\n    <a href=\"/\" id=\"nav-home\">Home</a>\n    <a href=\"/providers\" id=\"nav-providers\">Providers</a>\n    <a href=\"/telemetry\" id=\"nav-telemetry\">Telemetry</a>\n    <a href=\"/profiles\" id=\"nav-profiles\">Profiles</a>\n    <a href=\"/settings\" id=\"nav-settings\">Settings</a>\n    <a href=\"/plugins\" id=\"nav-plugins\">Plugins</a>\n  </nav>\n  <div class=\"mh-right\">\n    <a class=\"mh-build\" id=\"mhBuild\" target=\"_blank\" rel=\"noopener\"></a>\n    <a class=\"mh-profile\" id=\"mhProfile\" href=\"/\" title=\"Active profile \u2014 switch from the home page\"></a>\n    <span class=\"mh-status\" id=\"mhStatus\"><span class=\"mh-dot\" id=\"mhDot\"></span><span class=\"mh-status-text\" id=\"mhStatusText\"></span></span>\n  </div>\n</header>\n\n<div class=\"content\">\n  <h1>Routing</h1>\n  <p class=\"subtitle\" style=\"max-width:720px;line-height:1.6\">\n    How unpinned requests choose an account. <strong style=\"color:var(--text)\">Active</strong> uses the manually\n    selected profile. <strong style=\"color:var(--text)\">Sticky</strong> distributes sessions across profiles evenly\n    (cache-affine). <strong style=\"color:var(--text)\">Priority</strong> drains the pool in order \u2014 highest first \u2014\n    and fails over per request when an account runs out; conversations keep their account, and new sessions\n    return to the preferred account after its window resets.\n    <strong style=\"color:var(--text)\">Active+priority</strong> keeps you in charge - every request goes to the\n    profile you selected - but the moment that account is refused, the request is re-sent to the next healthy\n    account in the pool order and answered from there, so the client never sees the error. Switching the active\n    profile moves running conversations too, which is the difference from priority. It reuses the same pool\n    order below; the active profile always goes first, wherever it sits in that list.\n    An explicit <code>x-meridian-profile</code> header\n    always overrides. Changes apply to the next request \u2014 no restart needed.\n  </p>\n  <div class=\"adapter-card\" id=\"routing-card\">\n    <div id=\"routing-body\">Loading\u2026</div>\n  </div>\n\n  <h1 style=\"margin-top:40px\">SDK Features <span style=\"font-size:11px;padding:2px 8px;border-radius:10px;background:rgba(210,153,34,0.15);color:var(--yellow);vertical-align:middle;margin-left:8px\">Experimental</span></h1>\n  <p class=\"subtitle\" style=\"max-width:720px;line-height:1.6\">\n    Unlock Claude Code features for any connected agent. Capabilities like auto-memory, dreaming, and CLAUDE.md \u2014 normally\n    exclusive to Claude Code \u2014 become available to OpenCode, Crush, Droid, and any other harness routed through Meridian.\n    Each agent keeps its own toolchain while gaining access to these additional features.<br><br>\n    <strong style=\"color:var(--text)\">System prompts:</strong> For these features to work correctly, both the Claude Code prompt and your client prompt\n    should be enabled. When both are active, they are appended together \u2014 Claude Code's base instructions come first,\n    followed by your agent's specific instructions.\n  </p>\n\n  <div class=\"tabs\" id=\"adapterTabs\"></div>\n  <div id=\"adapters\"></div>\n\n  <h1 style=\"margin-top:40px\">Model Pricing</h1>\n  <p class=\"subtitle\" style=\"max-width:720px;line-height:1.6\">\n    Rates used by the telemetry cost estimate, in USD per million tokens. Edit a value to override the\n    built-in rate, or add models the built-in table doesn't know about (they show as \"no pricing\" on the\n    dashboard until defined here). Changes apply on the next dashboard refresh.\n  </p>\n  <div class=\"adapter-card\">\n    <table class=\"pricing-table\">\n      <thead><tr><th>Model</th><th>Input</th><th>Output</th><th>Cache Read</th><th>Cache Write</th><th>Source</th><th></th></tr></thead>\n      <tbody id=\"pricingRows\"></tbody>\n    </table>\n    <div class=\"pricing-add\">\n      <input type=\"text\" class=\"pricing-input\" id=\"newModelName\" placeholder=\"model id (e.g. claude-opus-9)\">\n      <input type=\"number\" class=\"pricing-input\" id=\"newModelInput\" placeholder=\"input\" min=\"0\" step=\"0.01\">\n      <input type=\"number\" class=\"pricing-input\" id=\"newModelOutput\" placeholder=\"output\" min=\"0\" step=\"0.01\">\n      <input type=\"number\" class=\"pricing-input\" id=\"newModelCacheRead\" placeholder=\"cache read\" min=\"0\" step=\"0.01\">\n      <input type=\"number\" class=\"pricing-input\" id=\"newModelCacheWrite\" placeholder=\"cache write\" min=\"0\" step=\"0.01\">\n      <button class=\"add-btn\" onclick=\"addPricingModel()\">Add Model</button>\n    </div>\n    <div class=\"pricing-note\">\n      Cache read and cache write are optional; when left blank they default to 0.1x and 1.25x of the\n      input rate (the 5-minute cache TTL multipliers). Verify current list prices at\n      <a href=\"https://claude.com/pricing\" target=\"_blank\" rel=\"noreferrer\" style=\"color:var(--accent)\">claude.com/pricing</a>.\n    </div>\n  </div>\n\n  <h1 style=\"margin-top:40px\">Telemetry Storage</h1>\n  <p class=\"subtitle\" style=\"max-width:720px;line-height:1.6\">\n    What <a href=\"/telemetry\" style=\"color:var(--accent)\">/telemetry</a> remembers, and for how long. By default\n    telemetry lives in a fixed-size ring in memory: fast, free, and gone the moment the proxy restarts \u2014 which is\n    also why a window longer than an hour or so usually shows less than it names. Persisting moves it to SQLite,\n    where rows survive a restart and are deleted by age instead of by count.\n    <strong style=\"color:var(--text)\">These settings apply on the next start, not to the running proxy.</strong>\n    The stores are built once at startup and cannot be swapped out from under requests already in flight.\n  </p>\n  <div class=\"adapter-card\" id=\"telemetry-card\">\n    <div id=\"telemetry-body\">Loading\u2026</div>\n  </div>\n</div>\n\n<div class=\"save-indicator\" id=\"saveIndicator\">Saved</div>\n\n<script>\nconst FEATURES = [\n  { key: 'codeSystemPrompt', label: 'Claude Code Prompt', desc: 'Include the built-in Claude Code system prompt (tool usage rules, safety guidelines, coding best practices)', type: 'toggle' },\n  { key: 'clientSystemPrompt', label: 'Client Prompt', desc: 'Include the system prompt sent by the connecting agent (e.g. OpenCode or Crush instructions)', type: 'toggle' },\n  { key: 'claudeMd', label: 'CLAUDE.md', desc: 'Load CLAUDE.md instruction files \u2014 Off: none, Project: ./CLAUDE.md only, Full: ~/.claude/CLAUDE.md + ./CLAUDE.md', type: 'select', options: ['off', 'project', 'full'] },\n  { key: 'memory', label: 'Memory', desc: 'Read and write memories across sessions', type: 'toggle' },\n  { key: 'dreaming', label: 'Auto-Dream', desc: 'Background memory consolidation', type: 'toggle' },\n  { key: 'thinking', label: 'Thinking', desc: 'Extended thinking mode', type: 'select', options: ['disabled', 'adaptive', 'enabled'] },\n  { key: 'thinkingPassthrough', label: 'Thinking Passthrough', desc: 'Forward thinking blocks to the client', type: 'toggle' },\n  { key: 'sharedMemory', label: 'Shared Memory', desc: 'Share memory with Claude Code (~/.claude) instead of isolated storage', type: 'toggle' },\n  { key: 'webFetchPreflight', label: 'WebFetch Preflight', desc: 'Check each WebFetch hostname against the Anthropic blocklist before fetching \u2014 off keeps hostnames local but fetches any URL unchecked. Only affects Cherry Studio; other adapters never run the SDK\\'s built-in WebFetch', type: 'toggle' },\n  { key: 'claudeAiConnectors', label: 'claude.ai Connectors', desc: 'Load the MCP connectors attached to your claude.ai account (Drive, Gmail, Calendar). Off by default; always off in passthrough mode', type: 'toggle' },\n  { key: 'maxBudgetUsd', label: 'Max Budget (USD)', desc: 'Per-request cost cap \u2014 query aborts if exceeded (0 = disabled)', type: 'number' },\n  { key: 'fallbackModel', label: 'Fallback Model', desc: 'Auto-fallback model if primary fails', type: 'select', options: ['', 'sonnet', 'opus', 'haiku', 'sonnet[1m]', 'opus[1m]'] },\n  { key: 'sdkDebug', label: 'SDK Debug Logging', desc: 'Enable verbose SDK debug output to proxy stderr', type: 'toggle' },\n  { key: 'additionalDirectories', label: 'Additional Directories', desc: 'Comma-separated extra paths Claude can access (monorepo libs, etc.)', type: 'text' },\n];\n\n// Display names only \u2014 NOT the list of adapters to render. The page renders\n// whatever /settings/api/features returns, so a new adapter shows up here the\n// moment it exists, using its raw name until someone gives it a pretty one.\n// A hardcoded list is what hid codex and cherry from this page entirely.\nconst ADAPTER_LABELS = {\n  opencode: 'OpenCode',\n  openai: 'OpenAI (/v1/chat/completions)',\n  crush: 'Crush',\n  forgecode: 'ForgeCode',\n  pi: 'Pi',\n  droid: 'Droid',\n  passthrough: 'LiteLLM / Passthrough',\n  codex: 'Codex CLI (/v1/responses)',\n  cherry: 'Cherry Studio',\n  'claude-code': 'Claude Code',\n};\n\nlet currentConfig = {};\nlet selectedAdapter = null;\n\nasync function loadConfig() {\n  const res = await fetch('/settings/api/features');\n  currentConfig = await res.json();\n  render();\n}\n\nasync function saveFeature(adapter, key, value) {\n  const patch = {};\n  patch[key] = value;\n  await fetch('/settings/api/features/' + adapter, {\n    method: 'PATCH',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(patch),\n  });\n  currentConfig[adapter][key] = value;\n  showSaved();\n}\n\nasync function resetAdapter(adapter) {\n  await fetch('/settings/api/features/' + adapter, { method: 'DELETE' });\n  await loadConfig();\n  showSaved();\n}\n\nfunction showSaved() {\n  const el = document.getElementById('saveIndicator');\n  el.classList.add('visible');\n  setTimeout(() => el.classList.remove('visible'), 1500);\n}\n\nfunction hasAnyEnabled(features) {\n  return features.codeSystemPrompt || !features.clientSystemPrompt || features.claudeMd !== 'off' || features.memory || features.dreaming ||\n         features.thinking !== 'disabled' || features.thinkingPassthrough ||\n         features.sharedMemory || features.webFetchPreflight === false ||\n         features.claudeAiConnectors || features.maxBudgetUsd > 0 ||\n         features.fallbackModel || features.sdkDebug ||\n         features.additionalDirectories;\n}\n\nfunction selectAdapter(adapter) {\n  selectedAdapter = adapter;\n  render();\n}\n\nfunction renderTabs() {\n  const tabs = document.getElementById('adapterTabs');\n  tabs.innerHTML = '';\n\n  for (const adapter of Object.keys(currentConfig)) {\n    const tabLabel = ADAPTER_LABELS[adapter] || adapter;\n    const tab = document.createElement('div');\n    tab.className = 'tab' + (adapter === selectedAdapter ? ' active' : '');\n    tab.dataset.adapter = adapter;\n    tab.textContent = tabLabel;\n    // Stacked cards showed every harness's state at once and one body at a\n    // time cannot, so a harness that is off its defaults says so on its tab.\n    if (hasAnyEnabled(currentConfig[adapter] || {})) {\n      const dot = document.createElement('span');\n      dot.className = 'tab-dot';\n      dot.title = 'Customized \u2014 not on defaults';\n      tab.appendChild(dot);\n    }\n    tab.addEventListener('click', function () { selectAdapter(adapter); });\n    tabs.appendChild(tab);\n  }\n}\n\nfunction adapterCard(adapter) {\n  const label = ADAPTER_LABELS[adapter] || adapter;\n  const features = currentConfig[adapter] || {};\n  const active = hasAnyEnabled(features);\n\n  const card = document.createElement('div');\n  card.className = 'adapter-card';\n  card.innerHTML = '<div class=\"adapter-header\">' +\n    '<span class=\"adapter-name\">' + label + '</span>' +\n    '<div style=\"display:flex;gap:8px;align-items:center\">' +\n      '<span class=\"adapter-badge ' + (active ? 'badge-active' : 'badge-inactive') + '\">' +\n        (active ? 'Active' : 'Default') +\n      '</span>' +\n      '<button class=\"reset-btn\" onclick=\"resetAdapter(\\''+adapter+'\\')\">Reset</button>' +\n    '</div>' +\n  '</div>';\n\n  const grid = document.createElement('div');\n  grid.className = 'feature-grid';\n\n  for (const feat of FEATURES) {\n    const row = document.createElement('div');\n    row.className = 'feature-row';\n\n    const info = '<div class=\"feature-info\"><span class=\"feature-label\">' +\n      feat.label + '</span><span class=\"feature-desc\">' + feat.desc + '</span></div>';\n\n    if (feat.type === 'toggle') {\n      const checked = features[feat.key] ? 'checked' : '';\n      row.innerHTML = info +\n        '<label class=\"toggle\"><input type=\"checkbox\" ' + checked +\n        ' onchange=\"saveFeature(\\''+adapter+'\\', \\''+feat.key+'\\', this.checked)\">' +\n        '<span class=\"toggle-track\"></span></label>';\n    } else if (feat.type === 'select') {\n      const options = feat.options.map(o => {\n        const label = o === '' ? '(None)' : o.charAt(0).toUpperCase()+o.slice(1);\n        return '<option value=\"'+o+'\"'+(features[feat.key]===o?' selected':'')+'>'+label+'</option>';\n      }).join('');\n      row.innerHTML = info +\n        '<select class=\"feature-select\" onchange=\"saveFeature(\\''+adapter+'\\', \\''+feat.key+'\\', this.value)\">' +\n        options + '</select>';\n    } else if (feat.type === 'number') {\n      const value = features[feat.key] ?? 0;\n      row.innerHTML = info +\n        '<input type=\"number\" class=\"feature-select\" style=\"width:80px;text-align:right\" min=\"0\" step=\"0.01\" value=\"'+value+'\"' +\n        ' onchange=\"saveFeature(\\''+adapter+'\\', \\''+feat.key+'\\', parseFloat(this.value)||0)\">';\n    } else if (feat.type === 'text') {\n      const value = (features[feat.key] ?? '').toString().replace(/\"/g, '&quot;');\n      row.innerHTML = info +\n        '<input type=\"text\" class=\"feature-select\" style=\"width:180px\" value=\"'+value+'\"' +\n        ' onchange=\"saveFeature(\\''+adapter+'\\', \\''+feat.key+'\\', this.value)\">';\n    }\n\n    grid.appendChild(row);\n  }\n\n  card.appendChild(grid);\n  return card;\n}\n\nfunction render() {\n  const names = Object.keys(currentConfig);\n  if (names.indexOf(selectedAdapter) === -1) selectedAdapter = names[0] || null;\n\n  renderTabs();\n\n  const container = document.getElementById('adapters');\n  container.innerHTML = '';\n  if (selectedAdapter) container.appendChild(adapterCard(selectedAdapter));\n}\n\n// ---- Model pricing (telemetry cost estimate) ----\nlet pricingData = { builtin: {}, overrides: {} };\n\nfunction fmtRate(v) { return String(Math.round(v * 10000) / 10000); }\n\nasync function loadPricing() {\n  const res = await fetch('/settings/api/pricing');\n  pricingData = await res.json();\n  renderPricing();\n}\n\nasync function putPricing(model, rates) {\n  const res = await fetch('/settings/api/pricing/' + encodeURIComponent(model), {\n    method: 'PUT',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(rates),\n  });\n  if (!res.ok) {\n    const err = await res.json().catch(function () { return {}; });\n    alert('Could not save pricing: ' + (err.error || ('HTTP ' + res.status)));\n    return false;\n  }\n  showSaved();\n  return true;\n}\n\nasync function removePricing(model) {\n  await fetch('/settings/api/pricing/' + encodeURIComponent(model), { method: 'DELETE' });\n  showSaved();\n  await loadPricing();\n}\n\nfunction rateCell(value, onCommit) {\n  const td = document.createElement('td');\n  const input = document.createElement('input');\n  input.type = 'number';\n  input.min = '0';\n  input.step = '0.01';\n  input.className = 'pricing-input';\n  input.value = fmtRate(value);\n  input.addEventListener('change', onCommit);\n  td.appendChild(input);\n  return { td: td, input: input };\n}\n\nfunction renderPricing() {\n  const tbody = document.getElementById('pricingRows');\n  tbody.innerHTML = '';\n  const models = Array.from(new Set(\n    Object.keys(pricingData.builtin).concat(Object.keys(pricingData.overrides))\n  )).sort();\n\n  for (const model of models) {\n    const override = pricingData.overrides[model];\n    const effective = override || pricingData.builtin[model];\n    const tr = document.createElement('tr');\n\n    const nameTd = document.createElement('td');\n    nameTd.className = 'pricing-model';\n    nameTd.textContent = model;\n    tr.appendChild(nameTd);\n\n    const cells = [];\n    const commit = async function () {\n      const rates = {\n        inputPerMTok: parseFloat(cells[0].input.value),\n        outputPerMTok: parseFloat(cells[1].input.value),\n        cacheReadPerMTok: parseFloat(cells[2].input.value),\n        cacheWritePerMTok: parseFloat(cells[3].input.value),\n      };\n      for (const k in rates) { if (!isFinite(rates[k]) || rates[k] < 0) return; }\n      if (await putPricing(model, rates)) await loadPricing();\n    };\n    ['inputPerMTok', 'outputPerMTok', 'cacheReadPerMTok', 'cacheWritePerMTok'].forEach(function (key) {\n      const cell = rateCell(effective[key], commit);\n      cells.push(cell);\n      tr.appendChild(cell.td);\n    });\n\n    const badgeTd = document.createElement('td');\n    const badge = document.createElement('span');\n    badge.className = 'pricing-badge ' + (override ? 'badge-override' : 'badge-builtin');\n    badge.textContent = override ? 'Override' : 'Built-in';\n    badgeTd.appendChild(badge);\n    tr.appendChild(badgeTd);\n\n    const actionTd = document.createElement('td');\n    if (override) {\n      const btn = document.createElement('button');\n      btn.className = 'reset-btn';\n      btn.textContent = pricingData.builtin[model] ? 'Reset' : 'Remove';\n      btn.addEventListener('click', function () { removePricing(model); });\n      actionTd.appendChild(btn);\n    }\n    tr.appendChild(actionTd);\n\n    tbody.appendChild(tr);\n  }\n}\n\nasync function addPricingModel() {\n  const name = document.getElementById('newModelName').value.trim();\n  const inputRate = parseFloat(document.getElementById('newModelInput').value);\n  const outputRate = parseFloat(document.getElementById('newModelOutput').value);\n  if (!name) { alert('Enter a model id'); return; }\n  if (!isFinite(inputRate) || !isFinite(outputRate)) { alert('Enter input and output rates (USD per million tokens)'); return; }\n  const rates = { inputPerMTok: inputRate, outputPerMTok: outputRate };\n  const cacheRead = parseFloat(document.getElementById('newModelCacheRead').value);\n  const cacheWrite = parseFloat(document.getElementById('newModelCacheWrite').value);\n  if (isFinite(cacheRead)) rates.cacheReadPerMTok = cacheRead;\n  if (isFinite(cacheWrite)) rates.cacheWritePerMTok = cacheWrite;\n  if (await putPricing(name, rates)) {\n    ['newModelName', 'newModelInput', 'newModelOutput', 'newModelCacheRead', 'newModelCacheWrite'].forEach(function (id) {\n      document.getElementById(id).value = '';\n    });\n    await loadPricing();\n  }\n}\n\nasync function loadRouting() {\n  const res = await fetch('/settings/api/routing');\n  const cfg = await res.json();\n  const el = document.getElementById('routing-body');\n  const envNote = (on) => on ? ' <span style=\"font-size:11px;color:var(--yellow)\">(env override active \u2014 setting saved but env wins)</span>' : '';\n  let h = '<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:14px\">'\n    + '<label style=\"color:var(--muted);font-size:13px;width:90px\">Mode</label>'\n    + '<select id=\"routing-mode\" style=\"background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px\">'\n    + (cfg.modes || ['active','sticky','priority']).map(m => '<option value=\"'+m+'\"'+(cfg.routing===m?' selected':'')+'>'+m+'</option>').join('')\n    + '</select>' + envNote(cfg.envOverride.routing) + '</div>';\n  var usesPool = cfg.routing === 'priority' || cfg.routing === 'active+priority';\n  h += '<div id=\"routing-order-wrap\" style=\"'+(usesPool?'':'display:none')+'\">'\n    + '<div style=\"color:var(--muted);font-size:13px;margin-bottom:8px\">'\n    + (cfg.routing === 'active+priority'\n        ? 'Fallback order - used when the active profile runs out. The active profile always goes first, wherever it sits in this list.'\n        : 'Pool order \u2014 highest priority first. Drained top to bottom.')\n    + envNote(cfg.envOverride.profileOrder) + '</div>'\n    + '<ol id=\"routing-order\" style=\"margin:0;padding-left:22px\">'\n    + cfg.profileOrder.map((id, i) =>\n        '<li style=\"padding:4px 0;color:var(--text)\">'\n        + '<span style=\"font-family:var(--mono, monospace)\">'+id+'</span>'\n        + ' <button data-move=\"up\" data-i=\"'+i+'\" style=\"margin-left:10px;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 8px;cursor:pointer\"'+(i===0?' disabled':'')+'>&uarr;</button>'\n        + ' <button data-move=\"down\" data-i=\"'+i+'\" style=\"background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 8px;cursor:pointer\"'+(i===cfg.profileOrder.length-1?' disabled':'')+'>&darr;</button>'\n        + '</li>').join('')\n    + '</ol></div>';\n  el.innerHTML = h;\n  document.getElementById('routing-mode').addEventListener('change', async (e) => {\n    await fetch('/settings/api/routing', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ routing: e.target.value }) });\n    await loadRouting();\n  });\n  el.querySelectorAll('button[data-move]').forEach(btn => btn.addEventListener('click', async () => {\n    const i = Number(btn.dataset.i);\n    const j = btn.dataset.move === 'up' ? i - 1 : i + 1;\n    const order = cfg.profileOrder.slice();\n    const tmp = order[i]; order[i] = order[j]; order[j] = tmp;\n    await fetch('/settings/api/routing', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ profileOrder: order }) });\n    await loadRouting();\n  }));\n}\n\nfunction telemetryBytes(n) {\n  if (n == null) return null;\n  if (n < 1024) return n + ' B';\n  if (n < 1024 * 1024) return (n / 1024).toFixed(0) + ' KB';\n  if (n < 1024 * 1024 * 1024) return (n / (1024 * 1024)).toFixed(1) + ' MB';\n  return (n / (1024 * 1024 * 1024)).toFixed(1) + ' GB';\n}\n\nfunction telemetryEsc(s) {\n  return String(s).replace(/[&<>\"']/g, function (ch) {\n    return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' }[ch];\n  });\n}\n\n// The saved value drives the form; the EFFECTIVE one is what the proxy is\n// actually doing. Rendering only the former is the failure mode this whole card\n// exists to avoid \u2014 a form that reads back what you typed and implies it landed.\nfunction telemetryRow(label, control, effective, note) {\n  return '<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap\">'\n    + '<label style=\"color:var(--muted);font-size:13px;width:150px\">' + label + '</label>'\n    + control\n    + '<span style=\"color:var(--muted);font-size:12px\">now: ' + effective + '</span>'\n    + (note || '')\n    + '</div>';\n}\n\nasync function loadTelemetry() {\n  const res = await fetch('/settings/api/telemetry');\n  const cfg = await res.json();\n  const el = document.getElementById('telemetry-body');\n  const live = cfg.effective || {};\n  const lim = cfg.limits || {};\n  const envNote = (on) => on ? ' <span style=\"font-size:11px;color:var(--yellow)\">(env override active \u2014 setting saved but env wins)</span>' : '';\n  const persisting = live.kind === 'sqlite';\n\n  const num = (key, value, suffix) => {\n    const l = lim[key] || { min: 1, max: 1000000 };\n    return '<input type=\"number\" id=\"tel-' + key + '\" value=\"' + (value == null ? '' : value) + '\"'\n      + ' min=\"' + l.min + '\" max=\"' + l.max + '\" step=\"1\" placeholder=\"default\"'\n      + ' style=\"width:110px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px\">'\n      + (suffix ? ' <span style=\"color:var(--muted);font-size:12px\">' + suffix + '</span>' : '');\n  };\n\n  let h = telemetryRow('Persist to SQLite',\n    '<input type=\"checkbox\" id=\"tel-persist\"' + (cfg.wanted.persist ? ' checked' : '') + '>',\n    persisting ? 'SQLite' : 'memory',\n    envNote(cfg.envOverride.telemetryPersist));\n\n  h += telemetryRow('Retention',\n    num('telemetryRetentionDays', cfg.saved.telemetryRetentionDays, 'days'),\n    persisting ? (live.retentionDays + 'd') : 'n/a while in memory',\n    envNote(cfg.envOverride.telemetryRetentionDays));\n\n  h += telemetryRow('Request ring size',\n    num('telemetrySize', cfg.saved.telemetrySize, 'rows'),\n    persisting ? 'n/a while persisting' : (live.capacity == null ? '\u2014' : live.capacity.toLocaleString()),\n    envNote(cfg.envOverride.telemetrySize));\n\n  h += telemetryRow('Diagnostic log size',\n    num('diagnosticLogSize', cfg.saved.diagnosticLogSize, 'entries'),\n    persisting ? 'n/a while persisting' : (live.diagnosticLogCapacity == null ? '\u2014' : live.diagnosticLogCapacity.toLocaleString()),\n    envNote(cfg.envOverride.diagnosticLogSize));\n\n  const held = (live.held == null ? 0 : live.held).toLocaleString();\n  let state = 'Holding ' + held + ' request' + (live.held === 1 ? '' : 's');\n  if (persisting) {\n    state += ' in ' + telemetryEsc(live.dbPath || 'SQLite');\n    const size = telemetryBytes(live.dbBytes);\n    if (size) state += ' (' + size + ')';\n  } else {\n    state += ' in memory \u2014 lost on restart';\n  }\n  h += '<div class=\"pricing-note\" style=\"margin-top:4px\">' + state + '</div>';\n\n  // The only honest thing a page can offer for a restart-scoped setting: name\n  // the exact command for how THIS proxy was started. Guessing systemctl at a\n  // process started by hand sends someone chasing a unit that does not exist.\n  if (cfg.pendingRestart && cfg.pendingRestart.length > 0) {\n    const sup = cfg.supervision || {};\n    h += '<div class=\"pricing-note\" style=\"margin-top:10px;color:var(--yellow)\">'\n      + 'Saved, but not in effect: <strong>' + cfg.pendingRestart.map(telemetryEsc).join('</strong>, <strong>') + '</strong>. '\n      + (sup.restartCommand\n          ? 'Restart to apply: <code style=\"color:var(--text)\">' + telemetryEsc(sup.restartCommand) + '</code>'\n          : 'Restart Meridian to apply.')\n      + '</div>';\n  }\n\n  h += '<div class=\"pricing-note\" style=\"margin-top:10px\">'\n    + 'Leave a number blank to use the default. The database path is set with '\n    + '<code>MERIDIAN_TELEMETRY_DB</code> and is deliberately not editable here.'\n    + '</div>';\n\n  el.innerHTML = h;\n\n  document.getElementById('tel-persist').addEventListener('change', async (e) => {\n    await putTelemetry({ telemetryPersist: e.target.checked });\n  });\n  ['telemetryRetentionDays', 'telemetrySize', 'diagnosticLogSize'].forEach((key) => {\n    const input = document.getElementById('tel-' + key);\n    if (!input) return;\n    input.addEventListener('change', async () => {\n      const raw = input.value.trim();\n      const body = {};\n      body[key] = raw === '' ? null : Number(raw);\n      await putTelemetry(body);\n    });\n  });\n}\n\nasync function putTelemetry(body) {\n  const res = await fetch('/settings/api/telemetry', {\n    method: 'PUT',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  });\n  if (!res.ok) {\n    const err = await res.json().catch(() => ({}));\n    alert(err.error || 'Failed to save telemetry settings');\n  } else {\n    showSaved();\n  }\n  await loadTelemetry();\n}\n\nloadConfig();\nloadPricing();\nloadRouting();\nloadTelemetry();\n\n(function() {\n  var profileChip = document.getElementById('mhProfile');\n  var buildChip = document.getElementById('mhBuild');\n  var statusDot = document.getElementById('mhDot');\n  var statusText = document.getElementById('mhStatusText');\n\n  // Highlight active nav link\n  var path = location.pathname;\n  var navLinks = document.querySelectorAll('.mh-nav a');\n  navLinks.forEach(function(a) {\n    if (a.getAttribute('href') === path || (path === '/telemetry' && a.id === 'nav-telemetry') || (path === '/' && a.id === 'nav-home')) {\n      a.classList.add('active');\n    }\n  });\n\n  function esc(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }\n\n  // Build provenance chip. Hidden entirely for a current npm install, which\n  // is the case that needs no comment.\n  function renderBuild(build) {\n    if (!buildChip) return;\n    if (!build) { buildChip.className = 'mh-build'; return; }\n    if (build.source !== 'npm') {\n      buildChip.textContent = (build.source === 'dev' ? 'dev build' : 'local build') + (build.dirty ? ' *' : '');\n      buildChip.removeAttribute('href');\n      buildChip.title = 'Not an npm release \u2014 the reported version ' + build.version +\n        ' is the tree\\'s last release, not proof of what is running' +\n        (build.branch ? '\\nbranch: ' + build.branch : '') +\n        (build.sha ? '\\ncommit: ' + build.sha.slice(0, 8) : '') +\n        (build.dirty ? '\\nuncommitted changes present' : '');\n      buildChip.className = 'mh-build provenance visible';\n      return;\n    }\n    if (build.updateAvailable) {\n      buildChip.textContent = build.latest + ' available';\n      buildChip.href = 'https://github.com/rynfar/meridian/releases';\n      buildChip.title = 'Running ' + build.version + ' \u2014 update with:\\nnpm install -g @rynfar/meridian@latest';\n      buildChip.className = 'mh-build update visible';\n      return;\n    }\n    buildChip.className = 'mh-build';\n  }\n\n  function loadHeader() {\n    fetch('/health').then(function(r) { return r.json(); }).then(function(h) {\n      var st = h.status === 'healthy' ? 'healthy' : h.status === 'degraded' ? 'degraded' : 'unhealthy';\n      statusDot.className = 'mh-dot ' + st;\n      statusText.textContent = st === 'healthy' ? 'Operational' : st === 'degraded' ? 'Degraded' : 'Offline';\n      renderBuild(h.build);\n      if (h.backend === 'antigravity') {\n        ['nav-telemetry','nav-profiles','nav-settings','nav-plugins'].forEach(function(id) { document.getElementById(id).hidden = true; });\n        profileChip.removeAttribute('href');\n      }\n    }).catch(function() {\n      statusDot.className = 'mh-dot unhealthy';\n      statusText.textContent = 'Offline';\n    });\n\n    fetch('/profiles/list').then(function(r) { return r.json(); }).then(function(data) {\n      var current = (data.profiles || []).find(function(p) { return p.isActive; });\n      if (!current) { profileChip.classList.remove('visible'); return; }\n      // Follow mode: say so on every page. An instance quietly taking its\n      // active profile from another one, with a picker that won't stick, is\n      // otherwise an hour of confusion.\n      var follow = data.follow;\n      var followLabel = follow ? (follow.activeProfile ? 'following' : 'follow: local') : '';\n      if (follow && follow.stale) followLabel += ' (stale)';\n      profileChip.innerHTML = esc(current.id) + ' <span class=\"mh-profile-type\">' + esc(current.type || '') + '</span>'\n        + (follow ? ' <span class=\"mh-profile-follow\">' + esc(followLabel) + '</span>' : '');\n      profileChip.classList.toggle('following', !!follow);\n      profileChip.title = follow\n        ? 'Active profile follows ' + follow.url + ' (MERIDIAN_FOLLOW_ACTIVE)'\n          + (follow.activeProfile ? '' : ' \u2014 no usable value from it, using the local profile')\n          + '. Switching here is refused; switch on the followed instance.'\n        : 'Active profile \u2014 switch from the home page';\n      profileChip.classList.add('visible');\n    }).catch(function() {});\n  }\n\n  loadHeader();\n  setInterval(loadHeader, 10000);\n  // Pages call this after mutating state (e.g. switching the active profile)\n  // so the header chip updates immediately instead of on the next poll.\n  window.meridianHeaderRefresh = loadHeader;\n})();\n\n</script>\n</body>\n</html>";
 //# sourceMappingURL=settingsPage.d.ts.map

package/dist/telemetry/settingsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settingsPage.d.ts","sourceRoot":"","sources":["../../src/telemetry/settingsPage.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,gBAAgB,692CAupBrB,CAAA"}
+{"version":3,"file":"settingsPage.d.ts","sourceRoot":"","sources":["../../src/telemetry/settingsPage.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,gBAAgB,ig4CAupBrB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rynfar/meridian",
-  "version": "1.73.0",
-  "description": "Local Anthropic API powered by your Claude Max subscription. One subscription, every agent.",
+  "version": "1.75.0",
+  "description": "Use Claude and Antigravity subscriptions with Pi, OpenCode and other coding clients. Local API bridge, usage dashboard and optional Mac app.",
   "type": "module",
   "main": "./dist/server.js",
   "types": "./dist/proxy/server.d.ts",
@@ -26,14 +26,16 @@
     "postinstall": "node -e \"try{require('child_process').spawnSync(process.execPath,[require.resolve('@anthropic-ai/claude-code/install.cjs')],{stdio:'inherit'})}catch(e){console.error('[meridian] claude-code postinstall skipped:',e.message)}\"",
     "prepublishOnly": "bun run build",
     "pretest": "tsc --noEmit",
-    "test": "bun test --timeout 30000 --path-ignore-patterns '**/*session-store*' --path-ignore-patterns '**/*session-fingerprint-context*' --path-ignore-patterns '**/*priority-routing-integration*' --path-ignore-patterns '**/*proxy-async-ops*' --path-ignore-patterns '**/*models-auth-status*' --path-ignore-patterns '**/*proxy-context-usage-store*' --path-ignore-patterns '**/*proxy-passthrough-thinking*' --path-ignore-patterns '**/*proxy-thinking-setting*' --path-ignore-patterns '**/*session-recovery*' --path-ignore-patterns '**/*models.test*' --path-ignore-patterns '**/*proxy-health-build*' && bun test --timeout 30000 src/__tests__/proxy-async-ops.test.ts && bun test --timeout 30000 src/__tests__/proxy-session-store.test.ts && bun test --timeout 30000 src/__tests__/session-store-pruning.test.ts && bun test --timeout 30000 src/__tests__/proxy-session-store-locking.test.ts && bun test --timeout 30000 src/__tests__/session-fingerprint-context.test.ts && bun test --timeout 30000 src/__tests__/proxy-context-usage-store.test.ts && bun test --timeout 30000 src/__tests__/models-auth-status.test.ts && bun test --timeout 30000 src/__tests__/proxy-passthrough-thinking.test.ts && bun test --timeout 30000 src/__tests__/proxy-session-recovery.test.ts && bun test --timeout 30000 src/__tests__/proxy-thinking-setting.test.ts && bun test --timeout 30000 src/__tests__/models.test.ts && bun test --timeout 30000 src/__tests__/proxy-health-build.test.ts && bun test --timeout 30000 src/__tests__/priority-routing-integration.test.ts",
+    "test": "bun test --timeout 30000 --path-ignore-patterns '**/*session-store*' --path-ignore-patterns '**/*session-fingerprint-context*' --path-ignore-patterns '**/*priority-routing-integration*' --path-ignore-patterns '**/*proxy-async-ops*' --path-ignore-patterns '**/*models-auth-status*' --path-ignore-patterns '**/*proxy-context-usage-store*' --path-ignore-patterns '**/*proxy-passthrough-thinking*' --path-ignore-patterns '**/*proxy-thinking-setting*' --path-ignore-patterns '**/*session-recovery*' --path-ignore-patterns '**/*models.test*' --path-ignore-patterns '**/*proxy-health-build*' --path-ignore-patterns '**/*follow-active-integration*' && bun test --timeout 30000 src/__tests__/proxy-async-ops.test.ts && bun test --timeout 30000 src/__tests__/proxy-session-store.test.ts && bun test --timeout 30000 src/__tests__/session-store-pruning.test.ts && bun test --timeout 30000 src/__tests__/proxy-session-store-locking.test.ts && bun test --timeout 30000 src/__tests__/session-fingerprint-context.test.ts && bun test --timeout 30000 src/__tests__/proxy-context-usage-store.test.ts && bun test --timeout 30000 src/__tests__/models-auth-status.test.ts && bun test --timeout 30000 src/__tests__/proxy-passthrough-thinking.test.ts && bun test --timeout 30000 src/__tests__/proxy-session-recovery.test.ts && bun test --timeout 30000 src/__tests__/proxy-thinking-setting.test.ts && bun test --timeout 30000 src/__tests__/models.test.ts && bun test --timeout 30000 src/__tests__/proxy-health-build.test.ts && bun test --timeout 30000 src/__tests__/priority-routing-integration.test.ts && bun test --timeout 30000 src/__tests__/follow-active-integration.test.ts",
     "nix:lock": "bun2nix -o bun.nix",
     "typecheck": "tsc --noEmit",
     "proxy:direct": "bun run ./bin/cli.ts"
   },
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.2.141",
-    "@anthropic-ai/claude-code": "^2.1.257",
+    "@anthropic-ai/claude-code": "^2.1.280",
+    "ajv": "^8.20.0",
+    "ajv-formats": "^3.0.1",
     "cross-spawn": "7.0.6",
     "jsonc-parser": "^3.3.1",
     "libsql": "^0.5.29",
@@ -79,7 +81,12 @@
     "open-webui",
     "llm",
     "coding-assistant",
-    "opencode-claude-max-proxy"
+    "opencode-claude-max-proxy",
+    "antigravity",
+    "google-antigravity",
+    "gemini",
+    "openai-compatible",
+    "ai-agents"
   ],
   "repository": {
     "type": "git",