@chisquare-tech/origine-ngx-apps-services 0.1.1 → 0.2.0

package/fesm2022/chisquare-tech-origine-ngx-apps-services.mjs

@@ -1,5 +1,6 @@
+import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, computed, effect, untracked, DestroyRef, ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { inject, Injectable, signal, computed, effect, untracked, DestroyRef, ChangeDetectionStrategy, Component, input, output } from '@angular/core';
 import { ApiService } from '@thescaffold/ngx-core';
 import { map, forkJoin, of } from 'rxjs';
 import { Router, ActivatedRoute, RouterLink } from '@angular/router';
@@ -24,6 +25,7 @@ function apiMessage(err, fallback = 'Something went wrong. Try again.') {
 class ServicesApi {
     constructor() {
         this.api = inject(ApiService);
+        this.http = inject(HttpClient);
     }
     i(project, id = '', path = '') {
         return `${S}/project/${enc(project)}/instance${id ? '/' + enc(id) : ''}${path ? '/' + path : ''}`;
@@ -94,6 +96,45 @@ class ServicesApi {
     logs(project, id, kind, limit = 200) {
         return this.api.get(this.i(project, id, 'logs'), { kind, limit }).pipe(map((r) => data(r)));
     }
+    // ---- v1 ----
+    addStream(project, id, s) {
+        return this.api.post(this.i(project, id, 'stream'), s).pipe(map((r) => data(r)));
+    }
+    removeStream(project, id, name) {
+        return this.api.delete(this.i(project, id, 'stream/' + enc(name)));
+    }
+    addVhost(project, id, name) {
+        return this.api.post(this.i(project, id, 'vhost'), { name }).pipe(map((r) => data(r)));
+    }
+    removeVhost(project, id, name) {
+        return this.api.delete(this.i(project, id, 'vhost/' + enc(name)));
+    }
+    fork(project, id, body) {
+        return this.api.post(this.i(project, id, 'fork'), body).pipe(map((r) => data(r)));
+    }
+    exportDump(project, id, database = '') {
+        return this.api.post(this.i(project, id, 'dump'), { database }).pipe(map((r) => data(r)));
+    }
+    importRemote(project, id, database, remote) {
+        return this.api.post(this.i(project, id, 'dump/import'), { database, remote }).pipe(map((r) => data(r)));
+    }
+    deleteDump(project, id, dump) {
+        return this.api.delete(this.i(project, id, 'dump/' + enc(dump)));
+    }
+    /** Streams an uploaded dump to the cell (outside the JSON API: /x/services/…). */
+    importUpload(project, id, database, file) {
+        return this.http.put(`/x/services/${enc(project)}/${enc(id)}/dump`, file, { params: { database, file: file.name }, headers: { 'content-type': 'application/octet-stream' } })
+            .pipe(map((r) => data(r)));
+    }
+    downloadDump(project, id, dump) {
+        return this.http.get(`/x/services/${enc(project)}/${enc(id)}/dump/${enc(dump)}`, { responseType: 'blob' });
+    }
+    query(project, id, body) {
+        return this.api.post(this.i(project, id, 'query'), body).pipe(map((r) => data(r)));
+    }
+    inspect(project, id, body) {
+        return this.api.post(this.i(project, id, 'inspect'), body).pipe(map((r) => data(r)));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ServicesApi, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ServicesApi, providedIn: 'root' }); }
 }
@@ -354,8 +395,8 @@ class ServicesListPage {
         </div>
       </div>
       <div class="o-g2">
-        <div class="o-card o-cb o-flex"><span class="o-sq" style="background:var(--o-ok)"></span><div class="o-col" style="gap:2px"><b>NATS with JetStream</b><span class="o-faint o-sm">Streams, consumers, KV buckets · 3-node cluster</span></div><b class="o-ph-tag o-ga o-r">GA</b></div>
-        <div class="o-card o-cb o-flex"><span class="o-sq" style="background:var(--o-run)"></span><div class="o-col" style="gap:2px"><b>RabbitMQ</b><span class="o-faint o-sm">Quorum queues · management UI through Origine</span></div><b class="o-ph-tag o-ga o-r">GA</b></div>
+        <a class="o-card o-cb o-flex" [routerLink]="host.link('services/new')" [queryParams]="{ engine: 'nats' }" data-testid="svc-new-nats"><span class="o-sq" style="background:var(--o-ok)"></span><div class="o-col" style="gap:2px"><b>NATS with JetStream</b><span class="o-faint o-sm">Streams, consumers, KV buckets · 3-node cluster</span></div><span class="o-r o-faint o-sm">Create →</span></a>
+        <a class="o-card o-cb o-flex" [routerLink]="host.link('services/new')" [queryParams]="{ engine: 'rabbitmq' }" data-testid="svc-new-rabbitmq"><span class="o-sq" style="background:var(--o-run)"></span><div class="o-col" style="gap:2px"><b>RabbitMQ</b><span class="o-faint o-sm">Quorum queues · inspected in the console</span></div><span class="o-r o-faint o-sm">Create →</span></a>
       </div>
       <span class="o-faint o-sm">Lifecycle states: {{ lifecycle }}. Open-source engines only.</span>
     </div>
@@ -404,8 +445,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         </div>
       </div>
       <div class="o-g2">
-        <div class="o-card o-cb o-flex"><span class="o-sq" style="background:var(--o-ok)"></span><div class="o-col" style="gap:2px"><b>NATS with JetStream</b><span class="o-faint o-sm">Streams, consumers, KV buckets · 3-node cluster</span></div><b class="o-ph-tag o-ga o-r">GA</b></div>
-        <div class="o-card o-cb o-flex"><span class="o-sq" style="background:var(--o-run)"></span><div class="o-col" style="gap:2px"><b>RabbitMQ</b><span class="o-faint o-sm">Quorum queues · management UI through Origine</span></div><b class="o-ph-tag o-ga o-r">GA</b></div>
+        <a class="o-card o-cb o-flex" [routerLink]="host.link('services/new')" [queryParams]="{ engine: 'nats' }" data-testid="svc-new-nats"><span class="o-sq" style="background:var(--o-ok)"></span><div class="o-col" style="gap:2px"><b>NATS with JetStream</b><span class="o-faint o-sm">Streams, consumers, KV buckets · 3-node cluster</span></div><span class="o-r o-faint o-sm">Create →</span></a>
+        <a class="o-card o-cb o-flex" [routerLink]="host.link('services/new')" [queryParams]="{ engine: 'rabbitmq' }" data-testid="svc-new-rabbitmq"><span class="o-sq" style="background:var(--o-run)"></span><div class="o-col" style="gap:2px"><b>RabbitMQ</b><span class="o-faint o-sm">Quorum queues · inspected in the console</span></div><span class="o-r o-faint o-sm">Create →</span></a>
       </div>
       <span class="o-faint o-sm">Lifecycle states: {{ lifecycle }}. Open-source engines only.</span>
     </div>
@@ -414,7 +455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         }], ctorParameters: () => [] });
 
 const NAME = /^[a-z]([-a-z0-9]{0,28}[a-z0-9])?$/;
-const DEFAULT_NAME = { postgres: 'orders-db', mysql: 'ledger-mysql', valkey: 'cache' };
+const DEFAULT_NAME = { postgres: 'orders-db', mysql: 'ledger-mysql', valkey: 'cache', nats: 'events', rabbitmq: 'jobs-mq' };
 // /{org}/{project}/services/new (prototype "services_new"): engine and version, size and region,
 // name and environment, with the summary and price beside it (SVC-02…05). Creating returns to the
 // list, where the instance shows Provisioning until the cell reports it Running.
@@ -422,6 +463,7 @@ class ServicesNewPage {
     constructor() {
         this.host = inject(ServicesHost);
         this.api = inject(ServicesApi);
+        this.route = inject(ActivatedRoute);
         this.router = inject(Router);
         this.steps = [{ n: 1, label: 'Engine and version' }, { n: 2, label: 'Size and region' }, { n: 3, label: 'Name and environment' }];
         this.hours = Array.from({ length: 24 }, (_, i) => (i + 3) % 24);
@@ -440,6 +482,16 @@ class ServicesNewPage {
         this.env = signal('production', ...(ngDevMode ? [{ debugName: "env" }] : /* istanbul ignore next */ []));
         this.attach = signal('', ...(ngDevMode ? [{ debugName: "attach" }] : /* istanbul ignore next */ []));
         this.hour = signal(3, ...(ngDevMode ? [{ debugName: "hour" }] : /* istanbul ignore next */ []));
+        this.ha = signal(false, ...(ngDevMode ? [{ debugName: "ha" }] : /* istanbul ignore next */ []));
+        this.nodes = computed(() => (!this.ha() ? 1 : this.engine()?.ha === 'cluster' ? 3 : this.engine()?.id === 'mysql' ? 3 : 2), ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
+        this.haLabel = computed(() => {
+            const e = this.engine();
+            if (e?.ha === 'cluster')
+                return '3-node cluster';
+            if (e?.ha === 'standby')
+                return e.id === 'mysql' ? 'Standby with automatic failover (3 nodes: MOCO runs 1, 3 or 5)' : 'Standby node with automatic failover';
+            return `${e?.name ?? 'This engine'} runs one node for now`;
+        }, ...(ngDevMode ? [{ debugName: "haLabel" }] : /* istanbul ignore next */ []));
         this.keep = signal(7, ...(ngDevMode ? [{ debugName: "keep" }] : /* istanbul ignore next */ []));
         this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
         this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
@@ -486,7 +538,8 @@ class ServicesNewPage {
                 this.catalog.set(catalog);
                 this.quota.set(list.quota ?? null);
                 this.apps.set(apps);
-                const first = catalog.engines.find((e) => e.available) ?? null;
+                const want = this.route.snapshot.queryParamMap.get('engine');
+                const first = catalog.engines.find((e) => e.id === want && e.available) ?? catalog.engines.find((e) => e.available) ?? null;
                 if (first)
                     this.pickEngine(first);
                 this.plan.set(catalog.plans.find((p) => p.id === (list.quota?.onlyPlan || catalog.plans[0]?.id)) ?? catalog.plans[0] ?? null);
@@ -510,6 +563,8 @@ class ServicesNewPage {
         this.error.set('');
         const before = this.engine()?.id;
         this.engine.set(e);
+        if (!e.ha)
+            this.ha.set(false);
         this.version.set((e.versions.find((v) => v.default) ?? e.versions[0])?.id ?? '');
         // Follow the engine with a fitting default name until the person types one.
         if (!this.nameTouched() || this.name() === DEFAULT_NAME[before ?? ''])
@@ -544,7 +599,7 @@ class ServicesNewPage {
         this.api
             .create(this.key, {
             name: this.name(), engine: e.id, version: this.version(), plan: p.id, environment: env, backupHour: this.hour(), retentionDays: this.keep(),
-            attach: attach ? { app: attach, environment: env || 'production' } : undefined,
+            attach: attach ? { app: attach, environment: env || 'production' } : undefined, standby: this.ha() && !!e.ha,
         })
             .subscribe({
             next: (d) => {
@@ -606,7 +661,11 @@ class ServicesNewPage {
             @if (quota()?.onlyPlan) {<span class="o-hint">The {{ quota()?.plan }} plan includes one {{ quota()?.onlyPlan }}. Upgrade in Billing for larger plans.</span>}
             <div class="o-g2">
               <div class="o-fld"><label>Region</label><input class="o-in" [value]="region()" readonly aria-label="Region" /></div>
-              <div class="o-fld"><label>High availability <b class="o-ph-tag o-ga">GA</b></label><div class="o-flex"><button type="button" class="o-tog" disabled aria-label="High availability (GA)"></button><span class="o-sm">Standby node with automatic failover</span></div></div>
+              <div class="o-fld"><label>High availability</label><div class="o-flex">
+                @if (engine()?.ha) {<button type="button" class="o-tog" [class.o-on]="ha()" (click)="ha.set(!ha())" [disabled]="!!quota()?.onlyPlan" aria-label="High availability" data-testid="svc-ha"></button>}
+                @else {<button type="button" class="o-tog" disabled aria-label="High availability"></button>}
+                <span class="o-sm">{{ haLabel() }}</span></div>
+                @if (quota()?.onlyPlan && engine()?.ha) {<span class="o-hint">{{ quota()!.plan }} includes one node.</span>}</div>
             </div>
           }
           @if (step() === 3) {
@@ -662,9 +721,10 @@ class ServicesNewPage {
             <span class="o-k">Size</span><span>{{ plan() ? plan()!.cpu + ' vCPU · ' + ram(plan()!) + ' · ' + plan()!.diskGb + ' GB' : '' }}</span>
             <span class="o-k">Region</span><span>{{ region() }}</span>
             <span class="o-k">Network</span><span>Private · TLS</span>
-            <span class="o-k">Backups</span><span>{{ engine()?.id === 'mysql' ? 'Hourly' : 'Daily' }}{{ engine()?.pitr ? ' + PITR' : ' RDB snapshot' }}</span>
+            @if (nodes() > 1) {<span class="o-k">Nodes</span><span data-testid="svc-nodes">{{ nodes() }} · {{ engine()?.ha === 'cluster' ? 'cluster' : 'automatic failover' }}</span>}
+            <span class="o-k">Backups</span><span>{{ engine()?.id === 'mysql' ? 'Hourly' : 'Daily' }}{{ engine()?.pitr ? ' + PITR' : engine()?.id === 'nats' ? ' stream snapshot' : engine()?.id === 'rabbitmq' ? ' definitions' : ' RDB snapshot' }}</span>
           </div>
-          <div class="o-flex" style="border-top:1px solid var(--o-line-soft);padding-top:10px"><span class="o-mut">Monthly</span><b class="o-r o-mono o-md">{{ plan() ? price(plan()!.priceCents) + '/mo' : '' }}</b></div>
+          <div class="o-flex" style="border-top:1px solid var(--o-line-soft);padding-top:10px"><span class="o-mut">Monthly</span><b class="o-r o-mono o-md" data-testid="svc-monthly">{{ plan() ? price(plan()!.priceCents * nodes()) + '/mo' : '' }}</b></div>
           <span class="o-hint">Billed by instance hour. Free plan: one {{ catalog()?.freePlan || 'db-s-1' }}, hard limit.</span>
         </div>
       </div>
@@ -725,7 +785,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             @if (quota()?.onlyPlan) {<span class="o-hint">The {{ quota()?.plan }} plan includes one {{ quota()?.onlyPlan }}. Upgrade in Billing for larger plans.</span>}
             <div class="o-g2">
               <div class="o-fld"><label>Region</label><input class="o-in" [value]="region()" readonly aria-label="Region" /></div>
-              <div class="o-fld"><label>High availability <b class="o-ph-tag o-ga">GA</b></label><div class="o-flex"><button type="button" class="o-tog" disabled aria-label="High availability (GA)"></button><span class="o-sm">Standby node with automatic failover</span></div></div>
+              <div class="o-fld"><label>High availability</label><div class="o-flex">
+                @if (engine()?.ha) {<button type="button" class="o-tog" [class.o-on]="ha()" (click)="ha.set(!ha())" [disabled]="!!quota()?.onlyPlan" aria-label="High availability" data-testid="svc-ha"></button>}
+                @else {<button type="button" class="o-tog" disabled aria-label="High availability"></button>}
+                <span class="o-sm">{{ haLabel() }}</span></div>
+                @if (quota()?.onlyPlan && engine()?.ha) {<span class="o-hint">{{ quota()!.plan }} includes one node.</span>}</div>
             </div>
           }
           @if (step() === 3) {
@@ -781,9 +845,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             <span class="o-k">Size</span><span>{{ plan() ? plan()!.cpu + ' vCPU · ' + ram(plan()!) + ' · ' + plan()!.diskGb + ' GB' : '' }}</span>
             <span class="o-k">Region</span><span>{{ region() }}</span>
             <span class="o-k">Network</span><span>Private · TLS</span>
-            <span class="o-k">Backups</span><span>{{ engine()?.id === 'mysql' ? 'Hourly' : 'Daily' }}{{ engine()?.pitr ? ' + PITR' : ' RDB snapshot' }}</span>
+            @if (nodes() > 1) {<span class="o-k">Nodes</span><span data-testid="svc-nodes">{{ nodes() }} · {{ engine()?.ha === 'cluster' ? 'cluster' : 'automatic failover' }}</span>}
+            <span class="o-k">Backups</span><span>{{ engine()?.id === 'mysql' ? 'Hourly' : 'Daily' }}{{ engine()?.pitr ? ' + PITR' : engine()?.id === 'nats' ? ' stream snapshot' : engine()?.id === 'rabbitmq' ? ' definitions' : ' RDB snapshot' }}</span>
           </div>
-          <div class="o-flex" style="border-top:1px solid var(--o-line-soft);padding-top:10px"><span class="o-mut">Monthly</span><b class="o-r o-mono o-md">{{ plan() ? price(plan()!.priceCents) + '/mo' : '' }}</b></div>
+          <div class="o-flex" style="border-top:1px solid var(--o-line-soft);padding-top:10px"><span class="o-mut">Monthly</span><b class="o-r o-mono o-md" data-testid="svc-monthly">{{ plan() ? price(plan()!.priceCents * nodes()) + '/mo' : '' }}</b></div>
           <span class="o-hint">Billed by instance hour. Free plan: one {{ catalog()?.freePlan || 'db-s-1' }}, hard limit.</span>
         </div>
       </div>
@@ -792,6 +857,396 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+// The browser console (SVC-17; prototype "services" › Console): SQL for Postgres and MySQL, run
+// as the owner in a read-only transaction unless "Allow writes" is on, with the 1,000-row limit
+// and 5 s statement timeout; an inspector for Valkey keys, NATS streams and RabbitMQ queues.
+// Everything run here is in the audit log.
+class ServiceConsoleTab {
+    constructor() {
+        this.api = inject(ServicesApi);
+        this.d = input.required(...(ngDevMode ? [{ debugName: "d" }] : /* istanbul ignore next */ []));
+        this.projectKey = input.required(...(ngDevMode ? [{ debugName: "projectKey" }] : /* istanbul ignore next */ []));
+        this.kind = input('sql', ...(ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []));
+        this.sql = computed(() => this.kind() === 'sql', ...(ngDevMode ? [{ debugName: "sql" }] : /* istanbul ignore next */ []));
+        this.running = computed(() => ['Running', 'Updating', 'Degraded'].includes(this.d().state), ...(ngDevMode ? [{ debugName: "running" }] : /* istanbul ignore next */ []));
+        this.runsAs = computed(() => this.result()?.runsAs || this.d().connection?.user || 'the owner', ...(ngDevMode ? [{ debugName: "runsAs" }] : /* istanbul ignore next */ []));
+        this.stmt = signal('SELECT now();', ...(ngDevMode ? [{ debugName: "stmt" }] : /* istanbul ignore next */ []));
+        this.db = signal('', ...(ngDevMode ? [{ debugName: "db" }] : /* istanbul ignore next */ []));
+        this.write = signal(false, ...(ngDevMode ? [{ debugName: "write" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.result = signal(null, ...(ngDevMode ? [{ debugName: "result" }] : /* istanbul ignore next */ []));
+        this.pattern = signal('', ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+        this.list = signal(null, ...(ngDevMode ? [{ debugName: "list" }] : /* istanbul ignore next */ []));
+        this.last = '';
+    }
+    inspectorLine() {
+        return this.kind() === 'keys' ? 'Keys by SCAN, values up to 100 items' : this.kind() === 'streams' ? 'Streams, consumers and the last 20 messages' : 'Queues with depth, unacknowledged and consumers';
+    }
+    runSql() {
+        const statement = this.stmt().trim();
+        if (!statement || this.busy())
+            return;
+        this.busy.set(true);
+        this.error.set('');
+        this.api.query(this.projectKey(), this.d().id, { database: this.db() || this.d().databases[0]?.name, statement, write: this.write() }).subscribe({
+            next: (r) => {
+                this.busy.set(false);
+                this.result.set(r);
+            },
+            error: (e) => {
+                this.busy.set(false);
+                this.result.set(null);
+                this.error.set(apiMessage(e, 'The statement could not run.'));
+            },
+        });
+    }
+    resultLine(r) {
+        const n = r.rows.length;
+        const rows = r.columns.length ? `${n.toLocaleString()} row${n === 1 ? '' : 's'}${r.truncated ? ' (limit reached)' : ''}` : `${r.command || 'OK'}${r.rowsAffected ? ' · ' + r.rowsAffected + ' rows' : ''}`;
+        return `${rows} · ${r.ms} ms · ${r.readOnly ? 'read-only' : 'committed'}`;
+    }
+    inspect(cursor = '', item = '') {
+        if (this.busy())
+            return;
+        this.busy.set(true);
+        this.error.set('');
+        this.api.inspect(this.projectKey(), this.d().id, { pattern: this.pattern(), cursor, item }).subscribe({
+            next: (r) => {
+                this.busy.set(false);
+                if (item) {
+                    this.list.update((l) => (l ? { ...l, detail: r.detail } : r));
+                }
+                else if (cursor) {
+                    this.list.update((l) => ({ ...r, items: [...(l?.items ?? []), ...r.items] }));
+                }
+                else {
+                    this.list.set(r);
+                }
+            },
+            error: (e) => {
+                this.busy.set(false);
+                this.error.set(apiMessage(e, 'The inspector could not read the service.'));
+            },
+        });
+    }
+    open(it) {
+        const k = this.kind();
+        this.last = k === 'keys' ? it['key'] : k === 'streams' ? it['name'] : `${it['vhost'] ?? '/'}/${it['name']}`;
+        this.inspect('', this.last);
+    }
+    label(it) {
+        return String(this.kind() === 'keys' ? it['key'] : it['name']);
+    }
+    note(it) {
+        switch (this.kind()) {
+            case 'keys':
+                return `${it['type']}${it['ttl'] > 0 ? ' · ttl ' + it['ttl'] + ' s' : ''}`;
+            case 'streams':
+                return `${Number(it['messages'] ?? 0).toLocaleString()} msgs · ${it['consumers'] ?? 0} consumers${it['kv'] ? ' · KV' : ''}`;
+        }
+        return `${it['vhost'] ?? '/'} · ${Number(it['messages'] ?? 0).toLocaleString()} msgs · ${it['messages_unacknowledged'] ?? 0} unacked`;
+    }
+    pretty(v) {
+        return JSON.stringify(v, null, 2);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ServiceConsoleTab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ServiceConsoleTab, isStandalone: true, selector: "o-svc-console", inputs: { d: { classPropertyName: "d", publicName: "d", isSignal: true, isRequired: true, transformFunction: null }, projectKey: { classPropertyName: "projectKey", publicName: "projectKey", isSignal: true, isRequired: true, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (sql()) {
+      <div class="o-flex o-wrap">
+        <span class="o-chip" [class.o-grn]="!write()" [class.o-amb]="write()" data-testid="svc-console-mode">{{ write() ? 'Read-write' : 'Read-only' }}</span>
+        <span class="o-faint o-sm">1,000-row limit · 5 s statement timeout · runs as {{ runsAs() }} · audited</span>
+        <span class="o-r"></span>
+        @if (d().canManage) {<label class="o-flex o-sm" style="gap:6px"><input type="checkbox" [ngModel]="write()" (ngModelChange)="write.set($event)" data-testid="svc-console-write" /> Allow writes</label>}
+        @if (d().databases.length) {
+          <select class="o-in o-sm" style="width:auto" aria-label="Database" [ngModel]="db()" (ngModelChange)="db.set($event)" data-testid="svc-console-db">
+            @for (x of d().databases; track x.name) {<option [value]="x.name">{{ x.name }}</option>}
+          </select>
+        }
+      </div>
+      <div class="o-card">
+        <textarea class="o-in o-mono" style="border:none;box-shadow:none;font-size:12.5px" rows="4" aria-label="Query" [ngModel]="stmt()" (ngModelChange)="stmt.set($event)" (keydown.meta.enter)="runSql()" (keydown.control.enter)="runSql()" data-testid="svc-console-sql"></textarea>
+        <div class="o-cf"><span class="o-kbd">⌘</span><span class="o-kbd">↵</span> to run<button type="button" class="o-btn o-sm o-dark o-r" (click)="runSql()" [disabled]="busy() || !stmt().trim() || !running()" data-testid="svc-console-run">Run</button></div>
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert" data-testid="svc-console-error">{{ error() }}</div>}
+      @if (result(); as r) {
+        <div class="o-card" style="overflow-x:auto" data-testid="svc-console-result">
+          @if (r.columns.length) {
+            <div class="o-tbl"><div class="o-thead"><div class="o-tr">@for (c of r.columns; track $index) {<div class="o-th">{{ c }}</div>}</div></div><div class="o-tbody">
+              @for (row of r.rows; track $index) {<div class="o-tr">@for (v of row; track $index) {<div class="o-td o-mono o-sm" [class.o-faint]="v === 'NULL'">{{ v }}</div>}</div>}
+            </div></div>
+          }
+          <div class="o-cf">{{ resultLine(r) }}</div>
+        </div>
+      }
+    } @else {
+      <div class="o-flex o-wrap">
+        <span class="o-chip o-grn">Read-only</span>
+        <span class="o-faint o-sm">{{ inspectorLine() }} · audited</span>
+        <span class="o-r"></span>
+        @if (kind() !== 'streams') {<input class="o-in o-sm o-mono" style="width:200px" [placeholder]="kind() === 'keys' ? 'pattern, e.g. session:*' : 'filter by name'" aria-label="Filter" [ngModel]="pattern()" (ngModelChange)="pattern.set($event)" (keydown.enter)="inspect()" data-testid="svc-inspect-pattern" />}
+        <button type="button" class="o-btn o-sm o-dark" (click)="inspect()" [disabled]="busy() || !running()" data-testid="svc-inspect-run">{{ list() ? 'Refresh' : 'Inspect' }}</button>
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert" data-testid="svc-console-error">{{ error() }}</div>}
+      @if (list(); as l) {
+        <div class="o-split o-w340">
+          <div class="o-card" data-testid="svc-inspect-list">
+            @for (it of l.items; track $index) {
+              <button type="button" class="o-row o-click" style="width:100%;text-align:left;border:none;background:none" (click)="open(it)">
+                <span class="o-mono o-b5 o-ell">{{ label(it) }}</span><span class="o-r o-faint o-sm">{{ note(it) }}</span>
+              </button>
+            } @empty {<div class="o-empty">{{ kind() === 'keys' ? 'No keys match.' : kind() === 'streams' ? 'No streams yet.' : 'No queues yet.' }}</div>}
+            @if (l.cursor) {<div class="o-cf"><button type="button" class="o-lnk" (click)="inspect(l.cursor)">More</button></div>}
+          </div>
+          <div class="o-card o-cb" data-testid="svc-inspect-detail">
+            @if (l.detail; as det) {<pre class="o-mono o-sm" style="margin:0;white-space:pre-wrap;word-break:break-all">{{ pretty(det) }}</pre>}
+            @else {<span class="o-faint o-sm">Pick {{ kind() === 'keys' ? 'a key' : kind() === 'streams' ? 'a stream' : 'a queue' }} to see {{ kind() === 'streams' ? 'its consumers and recent messages' : 'its contents' }}.</span>}
+          </div>
+        </div>
+      }
+    }
+    @if (!running()) {<span class="o-faint o-sm">The console opens once {{ d().name }} is running.</span>}
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ServiceConsoleTab, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'o-svc-console',
+                    imports: [FormsModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (sql()) {
+      <div class="o-flex o-wrap">
+        <span class="o-chip" [class.o-grn]="!write()" [class.o-amb]="write()" data-testid="svc-console-mode">{{ write() ? 'Read-write' : 'Read-only' }}</span>
+        <span class="o-faint o-sm">1,000-row limit · 5 s statement timeout · runs as {{ runsAs() }} · audited</span>
+        <span class="o-r"></span>
+        @if (d().canManage) {<label class="o-flex o-sm" style="gap:6px"><input type="checkbox" [ngModel]="write()" (ngModelChange)="write.set($event)" data-testid="svc-console-write" /> Allow writes</label>}
+        @if (d().databases.length) {
+          <select class="o-in o-sm" style="width:auto" aria-label="Database" [ngModel]="db()" (ngModelChange)="db.set($event)" data-testid="svc-console-db">
+            @for (x of d().databases; track x.name) {<option [value]="x.name">{{ x.name }}</option>}
+          </select>
+        }
+      </div>
+      <div class="o-card">
+        <textarea class="o-in o-mono" style="border:none;box-shadow:none;font-size:12.5px" rows="4" aria-label="Query" [ngModel]="stmt()" (ngModelChange)="stmt.set($event)" (keydown.meta.enter)="runSql()" (keydown.control.enter)="runSql()" data-testid="svc-console-sql"></textarea>
+        <div class="o-cf"><span class="o-kbd">⌘</span><span class="o-kbd">↵</span> to run<button type="button" class="o-btn o-sm o-dark o-r" (click)="runSql()" [disabled]="busy() || !stmt().trim() || !running()" data-testid="svc-console-run">Run</button></div>
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert" data-testid="svc-console-error">{{ error() }}</div>}
+      @if (result(); as r) {
+        <div class="o-card" style="overflow-x:auto" data-testid="svc-console-result">
+          @if (r.columns.length) {
+            <div class="o-tbl"><div class="o-thead"><div class="o-tr">@for (c of r.columns; track $index) {<div class="o-th">{{ c }}</div>}</div></div><div class="o-tbody">
+              @for (row of r.rows; track $index) {<div class="o-tr">@for (v of row; track $index) {<div class="o-td o-mono o-sm" [class.o-faint]="v === 'NULL'">{{ v }}</div>}</div>}
+            </div></div>
+          }
+          <div class="o-cf">{{ resultLine(r) }}</div>
+        </div>
+      }
+    } @else {
+      <div class="o-flex o-wrap">
+        <span class="o-chip o-grn">Read-only</span>
+        <span class="o-faint o-sm">{{ inspectorLine() }} · audited</span>
+        <span class="o-r"></span>
+        @if (kind() !== 'streams') {<input class="o-in o-sm o-mono" style="width:200px" [placeholder]="kind() === 'keys' ? 'pattern, e.g. session:*' : 'filter by name'" aria-label="Filter" [ngModel]="pattern()" (ngModelChange)="pattern.set($event)" (keydown.enter)="inspect()" data-testid="svc-inspect-pattern" />}
+        <button type="button" class="o-btn o-sm o-dark" (click)="inspect()" [disabled]="busy() || !running()" data-testid="svc-inspect-run">{{ list() ? 'Refresh' : 'Inspect' }}</button>
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert" data-testid="svc-console-error">{{ error() }}</div>}
+      @if (list(); as l) {
+        <div class="o-split o-w340">
+          <div class="o-card" data-testid="svc-inspect-list">
+            @for (it of l.items; track $index) {
+              <button type="button" class="o-row o-click" style="width:100%;text-align:left;border:none;background:none" (click)="open(it)">
+                <span class="o-mono o-b5 o-ell">{{ label(it) }}</span><span class="o-r o-faint o-sm">{{ note(it) }}</span>
+              </button>
+            } @empty {<div class="o-empty">{{ kind() === 'keys' ? 'No keys match.' : kind() === 'streams' ? 'No streams yet.' : 'No queues yet.' }}</div>}
+            @if (l.cursor) {<div class="o-cf"><button type="button" class="o-lnk" (click)="inspect(l.cursor)">More</button></div>}
+          </div>
+          <div class="o-card o-cb" data-testid="svc-inspect-detail">
+            @if (l.detail; as det) {<pre class="o-mono o-sm" style="margin:0;white-space:pre-wrap;word-break:break-all">{{ pretty(det) }}</pre>}
+            @else {<span class="o-faint o-sm">Pick {{ kind() === 'keys' ? 'a key' : kind() === 'streams' ? 'a stream' : 'a queue' }} to see {{ kind() === 'streams' ? 'its consumers and recent messages' : 'its contents' }}.</span>}
+          </div>
+        </div>
+      }
+    }
+    @if (!running()) {<span class="o-faint o-sm">The console opens once {{ d().name }} is running.</span>}
+  `,
+                }]
+        }], propDecorators: { d: [{ type: i0.Input, args: [{ isSignal: true, alias: "d", required: true }] }], projectKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "projectKey", required: true }] }], kind: [{ type: i0.Input, args: [{ isSignal: true, alias: "kind", required: false }] }] } });
+
+// Backups › Fork and dumps (SVC-23, SVC-25): fork from the latest backup into another
+// environment; export a logical dump (pg_dump custom format, mysqldump SQL) and download it;
+// import a dump file or another server's database by connection string.
+class ServiceDumpsCard {
+    constructor() {
+        this.api = inject(ServicesApi);
+        this.host = inject(ServicesHost);
+        this.router = inject(Router);
+        this.d = input.required(...(ngDevMode ? [{ debugName: "d" }] : /* istanbul ignore next */ []));
+        this.projectKey = input.required(...(ngDevMode ? [{ debugName: "projectKey" }] : /* istanbul ignore next */ []));
+        this.dumps = input(false, ...(ngDevMode ? [{ debugName: "dumps" }] : /* istanbul ignore next */ []));
+        this.done = output();
+        this.failed = output();
+        this.envs = ['staging', 'development', 'production'];
+        this.env = signal('staging', ...(ngDevMode ? [{ debugName: "env" }] : /* istanbul ignore next */ []));
+        this.remote = signal('', ...(ngDevMode ? [{ debugName: "remote" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.size = bytes;
+        this.when = (s) => when(s);
+    }
+    hasBackup() {
+        return (this.d().backups ?? []).some((b) => b.phase === 'completed');
+    }
+    tool() {
+        return this.d().engine === 'mysql' ? 'mysqldump' : 'pg_dump';
+    }
+    dot(x) {
+        return x.phase === 'failed' ? 'o-red' : x.phase === 'completed' ? 'o-grn' : 'o-blu';
+    }
+    go(obs, ok, fail) {
+        this.busy.set(true);
+        obs.subscribe({
+            next: (v) => {
+                this.busy.set(false);
+                ok(v);
+            },
+            error: (e) => {
+                this.busy.set(false);
+                this.failed.emit(apiMessage(e, fail));
+            },
+        });
+    }
+    fork() {
+        this.go(this.api.fork(this.projectKey(), this.d().id, { environment: this.env() }), (f) => this.router.navigate(this.host.link('services/' + f.name)), 'The fork could not be started.');
+    }
+    exportDump() {
+        this.go(this.api.exportDump(this.projectKey(), this.d().id), () => this.done.emit(`Exporting ${this.d().databases[0]?.name} with ${this.tool()}; it appears here to download when done.`), 'The export could not be started.');
+    }
+    importRemote() {
+        this.go(this.api.importRemote(this.projectKey(), this.d().id, '', this.remote().trim()), (x) => {
+            this.remote.set('');
+            this.done.emit(`Importing ${x.database} from ${x.remote}.`);
+        }, 'The import could not be started.');
+    }
+    upload(ev) {
+        const el = ev.target;
+        const file = el.files?.[0];
+        el.value = '';
+        if (!file)
+            return;
+        this.go(this.api.importUpload(this.projectKey(), this.d().id, '', file), (x) => this.done.emit(`${file.name} uploaded; importing into ${x.database}.`), 'The dump could not be uploaded.');
+    }
+    download(x) {
+        this.go(this.api.downloadDump(this.projectKey(), this.d().id, x.id), (blob) => {
+            const a = document.createElement('a');
+            a.href = URL.createObjectURL(blob);
+            a.download = `${this.d().name}-${x.database}-${x.id}${this.d().engine === 'mysql' ? '.sql' : '.dump'}`;
+            a.click();
+            setTimeout(() => URL.revokeObjectURL(a.href), 5000);
+            this.done.emit('Download recorded in the audit log.');
+        }, 'The dump could not be downloaded.');
+    }
+    remove(x) {
+        this.go(this.api.deleteDump(this.projectKey(), this.d().id, x.id), () => this.done.emit('Dump deleted.'), 'The dump could not be deleted.');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ServiceDumpsCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ServiceDumpsCard, isStandalone: true, selector: "o-svc-dumps", inputs: { d: { classPropertyName: "d", publicName: "d", isSignal: true, isRequired: true, transformFunction: null }, projectKey: { classPropertyName: "projectKey", publicName: "projectKey", isSignal: true, isRequired: true, transformFunction: null }, dumps: { classPropertyName: "dumps", publicName: "dumps", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { done: "done", failed: "failed" }, ngImport: i0, template: `
+    <div class="o-card o-cb o-col" style="gap:8px" data-testid="svc-fork-card">
+      <b>Fork for staging</b>
+      <span class="o-hint">Copy from the latest backup into a new instance. {{ d().name }} keeps running untouched.</span>
+      @if (d().canManage) {
+        <div class="o-flex o-wrap">
+          <select class="o-in o-sm" style="width:auto" aria-label="Environment" [ngModel]="env()" (ngModelChange)="env.set($event)" data-testid="svc-fork-env">
+            @for (e of envs; track e) {<option [value]="e">{{ e }}</option>}
+          </select>
+          <button type="button" class="o-btn o-sm o-r" (click)="fork()" [disabled]="busy() || !hasBackup()" data-testid="svc-fork">Fork</button>
+        </div>
+        @if (!hasBackup()) {<span class="o-faint o-xs">Available after the first completed backup.</span>}
+      }
+    </div>
+    @if (dumps()) {
+      <div class="o-card" data-testid="svc-dumps">
+        <div class="o-ch"><b>Dumps</b>@if (d().canManage) {<button type="button" class="o-btn o-xs o-r" (click)="exportDump()" [disabled]="busy() || d().state !== 'Running'" data-testid="svc-export">{{ tool() }}</button>}</div>
+        @for (x of d().dumps; track x.id) {
+          <div class="o-row" [attr.data-testid]="'svc-dump-' + x.id">
+            <span [class]="'o-dot ' + dot(x)"></span>
+            <span class="o-sm o-ell" style="flex:1">{{ x.kind === 'export' ? 'Export of ' + x.database : 'Import into ' + x.database + (x.remote ? ' from ' + x.remote : x.fileName ? ' from ' + x.fileName : '') }}</span>
+            <span class="o-faint o-xs">{{ x.phase === 'completed' ? (x.bytes ? size(x.bytes) + ' · ' : '') + when(x.stoppedAt || x.createdAt) : x.phase }}</span>
+            @if (x.kind === 'export' && x.phase === 'completed') {<button type="button" class="o-lnk" (click)="download(x)" [disabled]="busy()" data-testid="svc-dump-download">Download</button>}
+            @if (d().canManage && x.phase !== 'running') {<button type="button" class="o-lnk o-faint" (click)="remove(x)" [attr.aria-label]="'Delete dump ' + x.id" [disabled]="busy()">×</button>}
+          </div>
+          @if (x.error) {<div class="o-row o-sm" style="color:var(--o-bad-tx)">{{ x.error }}</div>}
+        } @empty {<div class="o-empty">No dumps yet. Export one to download it, or import a dump into {{ d().name }}.</div>}
+        @if (d().canManage) {
+          <div class="o-cb o-col" style="gap:8px;border-top:1px solid var(--o-line-2)">
+            <b class="o-sm">Import</b>
+            <div class="o-flex o-wrap">
+              <label class="o-btn o-sm" style="cursor:pointer">Upload a dump…<input type="file" style="display:none" (change)="upload($event)" data-testid="svc-import-file" /></label>
+              <span class="o-faint o-xs">{{ d().engine === 'mysql' ? 'SQL' : 'pg_dump custom format or SQL' }}, gzipped or not, up to 5 GB</span>
+            </div>
+            <div class="o-flex o-wrap">
+              <input class="o-in o-sm o-mono" style="flex:1;min-width:220px" [placeholder]="d().engine === 'mysql' ? 'mysql://user:password@host:3306/db' : 'postgresql://user:password@host:5432/db'" aria-label="Connection string" [ngModel]="remote()" (ngModelChange)="remote.set($event)" data-testid="svc-import-remote" />
+              <button type="button" class="o-btn o-sm" (click)="importRemote()" [disabled]="busy() || !remote().trim() || d().state !== 'Running'" data-testid="svc-import-go">Import</button>
+            </div>
+            <span class="o-faint o-xs">Loads into {{ d().databases[0]?.name }} as its owner. The connection string is sealed and only reaches the cell while the import runs.</span>
+          </div>
+        }
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ServiceDumpsCard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'o-svc-dumps',
+                    imports: [FormsModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="o-card o-cb o-col" style="gap:8px" data-testid="svc-fork-card">
+      <b>Fork for staging</b>
+      <span class="o-hint">Copy from the latest backup into a new instance. {{ d().name }} keeps running untouched.</span>
+      @if (d().canManage) {
+        <div class="o-flex o-wrap">
+          <select class="o-in o-sm" style="width:auto" aria-label="Environment" [ngModel]="env()" (ngModelChange)="env.set($event)" data-testid="svc-fork-env">
+            @for (e of envs; track e) {<option [value]="e">{{ e }}</option>}
+          </select>
+          <button type="button" class="o-btn o-sm o-r" (click)="fork()" [disabled]="busy() || !hasBackup()" data-testid="svc-fork">Fork</button>
+        </div>
+        @if (!hasBackup()) {<span class="o-faint o-xs">Available after the first completed backup.</span>}
+      }
+    </div>
+    @if (dumps()) {
+      <div class="o-card" data-testid="svc-dumps">
+        <div class="o-ch"><b>Dumps</b>@if (d().canManage) {<button type="button" class="o-btn o-xs o-r" (click)="exportDump()" [disabled]="busy() || d().state !== 'Running'" data-testid="svc-export">{{ tool() }}</button>}</div>
+        @for (x of d().dumps; track x.id) {
+          <div class="o-row" [attr.data-testid]="'svc-dump-' + x.id">
+            <span [class]="'o-dot ' + dot(x)"></span>
+            <span class="o-sm o-ell" style="flex:1">{{ x.kind === 'export' ? 'Export of ' + x.database : 'Import into ' + x.database + (x.remote ? ' from ' + x.remote : x.fileName ? ' from ' + x.fileName : '') }}</span>
+            <span class="o-faint o-xs">{{ x.phase === 'completed' ? (x.bytes ? size(x.bytes) + ' · ' : '') + when(x.stoppedAt || x.createdAt) : x.phase }}</span>
+            @if (x.kind === 'export' && x.phase === 'completed') {<button type="button" class="o-lnk" (click)="download(x)" [disabled]="busy()" data-testid="svc-dump-download">Download</button>}
+            @if (d().canManage && x.phase !== 'running') {<button type="button" class="o-lnk o-faint" (click)="remove(x)" [attr.aria-label]="'Delete dump ' + x.id" [disabled]="busy()">×</button>}
+          </div>
+          @if (x.error) {<div class="o-row o-sm" style="color:var(--o-bad-tx)">{{ x.error }}</div>}
+        } @empty {<div class="o-empty">No dumps yet. Export one to download it, or import a dump into {{ d().name }}.</div>}
+        @if (d().canManage) {
+          <div class="o-cb o-col" style="gap:8px;border-top:1px solid var(--o-line-2)">
+            <b class="o-sm">Import</b>
+            <div class="o-flex o-wrap">
+              <label class="o-btn o-sm" style="cursor:pointer">Upload a dump…<input type="file" style="display:none" (change)="upload($event)" data-testid="svc-import-file" /></label>
+              <span class="o-faint o-xs">{{ d().engine === 'mysql' ? 'SQL' : 'pg_dump custom format or SQL' }}, gzipped or not, up to 5 GB</span>
+            </div>
+            <div class="o-flex o-wrap">
+              <input class="o-in o-sm o-mono" style="flex:1;min-width:220px" [placeholder]="d().engine === 'mysql' ? 'mysql://user:password@host:3306/db' : 'postgresql://user:password@host:5432/db'" aria-label="Connection string" [ngModel]="remote()" (ngModelChange)="remote.set($event)" data-testid="svc-import-remote" />
+              <button type="button" class="o-btn o-sm" (click)="importRemote()" [disabled]="busy() || !remote().trim() || d().state !== 'Running'" data-testid="svc-import-go">Import</button>
+            </div>
+            <span class="o-faint o-xs">Loads into {{ d().databases[0]?.name }} as its owner. The connection string is sealed and only reaches the cell while the import runs.</span>
+          </div>
+        }
+      </div>
+    }
+  `,
+                }]
+        }], propDecorators: { d: [{ type: i0.Input, args: [{ isSignal: true, alias: "d", required: true }] }], projectKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "projectKey", required: true }] }], dumps: [{ type: i0.Input, args: [{ isSignal: true, alias: "dumps", required: false }] }], done: [{ type: i0.Output, args: ["done"] }], failed: [{ type: i0.Output, args: ["failed"] }] } });
+
 const COLOUR = { ERROR: 'var(--o-bad-solid)', FATAL: 'var(--o-bad-solid)', PANIC: 'var(--o-bad-solid)', WARNING: 'var(--o-run)' };
 // The instance page's Logs tab (prototype "svc · logs"): the engine's own log from its pods —
 // all, errors, the slow log, connections — newest first, refreshed every 10 s.
@@ -1074,16 +1529,11 @@ const TABS = [
     { id: 'overview', label: 'Overview' }, { id: 'users', label: 'Databases and users' }, { id: 'backups', label: 'Backups' }, { id: 'metrics', label: 'Metrics' },
     { id: 'logs', label: 'Logs' }, { id: 'console', label: 'Console' }, { id: 'settings', label: 'Settings' },
 ];
-/** Engine parameters the prototype lists (validated subset, GA). */
-const PARAMS = {
-    postgres: [['max_connections', '100', 'restart'], ['work_mem', '4MB', 'live'], ['log_min_duration_statement', '250ms', 'live']],
-    mysql: [['max_connections', '151', 'restart'], ['long_query_time', '0.25', 'live'], ['innodb_buffer_pool_size', 'auto', 'restart']],
-    valkey: [['maxmemory-policy', 'allkeys-lru', 'live'], ['timeout', '0', 'live'], ['slowlog-log-slower-than', '10000', 'live']],
-};
 // /{org}/{project}/services/:id (prototype "services"): one instance — its connection details and
 // reveal, attached apps, databases and users, backups and point-in-time restore, metrics and engine
-// logs read from the cell, and settings (resize, networking, maintenance, delete). Console, HA and
-// engine parameters are tagged GA, as the prototype tags them.
+// logs read from the cell, the console (SQL, or the key, stream and queue inspector), and settings
+// (resize, high availability, networking, maintenance, engine parameters, delete). Services v1
+// (P5-41): NATS streams and RabbitMQ vhosts, per-app users, fork and dumps.
 class ServicePage {
     constructor() {
         this.host = inject(ServicesHost);
@@ -1119,6 +1569,13 @@ class ServicePage {
         this.attApp = signal('', ...(ngDevMode ? [{ debugName: "attApp" }] : /* istanbul ignore next */ []));
         this.attEnv = signal('production', ...(ngDevMode ? [{ debugName: "attEnv" }] : /* istanbul ignore next */ []));
         this.attPrefix = signal('', ...(ngDevMode ? [{ debugName: "attPrefix" }] : /* istanbul ignore next */ []));
+        this.attOwn = signal(false, ...(ngDevMode ? [{ debugName: "attOwn" }] : /* istanbul ignore next */ []));
+        this.attVhost = signal('/', ...(ngDevMode ? [{ debugName: "attVhost" }] : /* istanbul ignore next */ []));
+        this.subjects = signal('', ...(ngDevMode ? [{ debugName: "subjects" }] : /* istanbul ignore next */ []));
+        this.maxAge = signal(168, ...(ngDevMode ? [{ debugName: "maxAge" }] : /* istanbul ignore next */ []));
+        this.streamAges = [{ h: 24, label: 'keep 1 day' }, { h: 168, label: 'keep 7 days' }, { h: 720, label: 'keep 30 days' }, { h: 0, label: 'until limits' }];
+        this.paramDraft = signal({}, ...(ngDevMode ? [{ debugName: "paramDraft" }] : /* istanbul ignore next */ []));
+        this.paramsChanged = computed(() => Object.keys(this.paramDraft()).length > 0, ...(ngDevMode ? [{ debugName: "paramsChanged" }] : /* istanbul ignore next */ []));
         this.addingDb = signal(false, ...(ngDevMode ? [{ debugName: "addingDb" }] : /* istanbul ignore next */ []));
         this.dbName = signal('', ...(ngDevMode ? [{ debugName: "dbName" }] : /* istanbul ignore next */ []));
         this.addingUser = signal(false, ...(ngDevMode ? [{ debugName: "addingUser" }] : /* istanbul ignore next */ []));
@@ -1134,11 +1591,10 @@ class ServicePage {
         this.envVar = computed(() => this.engine()?.envVar ?? 'DATABASE_URL', ...(ngDevMode ? [{ debugName: "envVar" }] : /* istanbul ignore next */ []));
         this.plans = computed(() => this.catalog()?.plans ?? [], ...(ngDevMode ? [{ debugName: "plans" }] : /* istanbul ignore next */ []));
         this.region = computed(() => this.host.project()?.region || 'your region', ...(ngDevMode ? [{ debugName: "region" }] : /* istanbul ignore next */ []));
-        this.params = computed(() => PARAMS[this.d()?.engine ?? ''] ?? [], ...(ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []));
         this.conn = computed(() => this.revealed()?.connection ?? this.d()?.connection ?? null, ...(ngDevMode ? [{ debugName: "conn" }] : /* istanbul ignore next */ []));
         this.snippetKeys = computed(() => {
             const s = this.conn()?.snippets ?? {};
-            return ['uri', 'psql', 'mysql', 'valkey-cli', 'node'].filter((k) => k in s);
+            return ['uri', 'psql', 'mysql', 'valkey-cli', 'nats', 'node', 'cli'].filter((k) => k in s);
         }, ...(ngDevMode ? [{ debugName: "snippetKeys" }] : /* istanbul ignore next */ []));
         this.backups = computed(() => [...(this.d()?.backups ?? [])].sort((a, b) => (b.startedAt ?? '9').localeCompare(a.startedAt ?? '9')), ...(ngDevMode ? [{ debugName: "backups" }] : /* istanbul ignore next */ []));
         this.attEnvs = computed(() => {
@@ -1197,6 +1653,11 @@ class ServicePage {
                 const q = fig('queries');
                 out.push({ label: 'Queries / s', value: q?.rate != null ? num(q.rate, 1) : '–', sub: `slow ${num(fig('slow_queries')?.value)} since start` });
             }
+            else if (d?.engine === 'nats' || d?.engine === 'rabbitmq') {
+                const pub = fig('published');
+                const depth = fig(d.engine === 'nats' ? 'stream_depth' : 'queue_depth');
+                out.push({ label: 'Published / s', value: pub?.rate != null ? num(pub.rate, 1) : '–', sub: `${num(depth?.value)} ${d.engine === 'nats' ? 'in streams' : 'ready'} · ${num(fig('unacked')?.value)} unacked` });
+            }
             else {
                 out.push({ label: 'Hit ratio', value: fig('hit_ratio') ? pct(fig('hit_ratio').value) : '–', sub: `${num(fig('keys')?.value)} keys · ${bytes(fig('memory_used')?.value)}` });
             }
@@ -1294,7 +1755,7 @@ class ServicePage {
         return `${cpu} / ${ram} / ${d.diskGb} GB`;
     }
     snippetLabel(k) {
-        return { uri: 'URI', node: 'Node' }[k] ?? k;
+        return { uri: 'URI', node: 'Node', cli: 'origine CLI', nats: 'nats' }[k] ?? k;
     }
     attState(a) {
         return a.state === 'live' ? 'Injected' : a.state === 'failed' ? 'Failed' : 'Redeploying…';
@@ -1364,9 +1825,10 @@ class ServicePage {
     }
     attach(d) {
         const app = this.attApp().trim();
-        this.run(this.api.attach(this.key(), d.id, { app, environment: this.attEnv(), prefix: this.attPrefix().trim() }), () => {
+        const body = { app, environment: this.attEnv(), prefix: this.attPrefix().trim(), ownUser: this.attOwn(), database: d.engine === 'rabbitmq' ? this.attVhost() : undefined };
+        this.run(this.api.attach(this.key(), d.id, body), (a) => {
             this.attachOpen.set(false);
-            this.notice.set(`${d.name} attached to ${app} · ${this.attEnv()}: ${this.attPrefix()}${this.envVar()} is injected and ${app} redeploys.`);
+            this.notice.set(`${d.name} attached to ${app} · ${this.attEnv()}: ${this.attPrefix()}${this.envVar()} is injected${a?.ownUser ? ' with its own user ' + a.user : ''} and ${app} redeploys.`);
         }, 'The service could not be attached.');
     }
     detach(d, a) {
@@ -1476,6 +1938,70 @@ class ServicePage {
             this.notice.set(`${d.name} is scheduled for deletion · undo within 24 hours.`);
         }, 'The service could not be deleted.');
     }
+    // ---- v1 -------------------------------------------------------------------
+    nodesPrice(d) {
+        return money((this.plans().find((p) => p.id === d.plan)?.priceCents ?? 0) * d.nodes);
+    }
+    refresh() {
+        this.load();
+    }
+    snapshotName(d) {
+        return d.engine === 'nats' ? 'stream snapshot' : d.engine === 'rabbitmq' ? 'definitions export' : 'RDB snapshot';
+    }
+    /** MySQL replicas come in pairs. */
+    step(d) {
+        return d.engine === 'mysql' ? 2 : 1;
+    }
+    topology(d, standby, replicas) {
+        const nodes = d.engine === 'nats' || d.engine === 'rabbitmq' ? (standby ? 3 : 1) : 1 + replicas + (standby ? (d.engine === 'mysql' ? 2 : 1) : 0);
+        this.save(d, { standby, replicas: Math.max(0, replicas) }, `${d.name} now runs ${nodes} node${nodes === 1 ? '' : 's'}${standby ? ' with automatic failover' : ''}.`);
+    }
+    setParam(p, v) {
+        this.paramDraft.update((m) => ({ ...m, [p.name]: v }));
+    }
+    paramNote(d) {
+        const changed = Object.keys(this.paramDraft());
+        const restarts = d.parameters.filter((p) => p.restart && changed.includes(p.name)).map((p) => p.name);
+        if (!changed.length)
+            return 'Empty fields keep the default (shown greyed).';
+        return restarts.length ? `${restarts.join(', ')} restart${restarts.length === 1 ? 's' : ''} ${d.engineName}${d.nodes > 1 ? ' one node at a time' : ''}.` : 'Applied live.';
+    }
+    saveParams(d) {
+        const all = {};
+        for (const p of d.parameters) {
+            const v = this.paramDraft()[p.name] ?? p.value ?? '';
+            if (v.trim())
+                all[p.name] = v.trim();
+        }
+        this.run(this.api.update(this.key(), d.id, { parameters: all }), () => {
+            this.paramDraft.set({});
+            this.notice.set('Parameters saved; the cell applies them now.');
+        }, 'The parameters could not be saved.');
+    }
+    addStream(d) {
+        const name = this.dbName().trim();
+        const subjects = this.subjects().split(',').map((x) => x.trim()).filter(Boolean);
+        this.run(this.api.addStream(this.key(), d.id, { name, subjects, maxAgeHours: this.maxAge() }), () => {
+            this.addingDb.set(false);
+            this.dbName.set('');
+            this.subjects.set('');
+            this.notice.set(`Stream ${name} created.`);
+        }, 'The stream could not be created.');
+    }
+    removeStream(d, name) {
+        this.run(this.api.removeStream(this.key(), d.id, name), () => this.notice.set(`Stream ${name} and its messages removed.`), 'The stream could not be removed.');
+    }
+    addVhost(d) {
+        const name = this.dbName().trim();
+        this.run(this.api.addVhost(this.key(), d.id, name), () => {
+            this.addingDb.set(false);
+            this.dbName.set('');
+            this.notice.set(`Virtual host ${name} created.`);
+        }, 'The virtual host could not be created.');
+    }
+    removeVhost(d, name) {
+        this.run(this.api.removeVhost(this.key(), d.id, name), () => this.notice.set(`Virtual host ${name} removed.`), 'The virtual host could not be removed.');
+    }
     undelete(d) {
         this.run(this.api.undelete(this.key(), d.id), () => this.notice.set(`${d.name} is back; reattach its apps if they need it.`), 'The delete could not be undone.');
     }
@@ -1547,7 +2073,7 @@ class ServicePage {
               <div class="o-ch"><b>Attached apps</b>@if (d.canManage && !d.deletedAt) {<button type="button" class="o-btn o-sm o-r" (click)="attachOpen.set(!attachOpen())" data-testid="svc-attach-open">Attach to app</button>}</div>
               @for (a of d.attachments; track a.id) {
                 <div class="o-row" [attr.data-testid]="'svc-att-' + a.app">
-                  <span class="o-b5">{{ a.app }}</span><span class="o-faint">{{ a.environment }}</span><span class="o-chip o-mono">{{ a.prefix }}{{ envVar() }}</span>
+                  <span class="o-b5">{{ a.app }}</span><span class="o-faint">{{ a.environment }}</span><span class="o-chip o-mono">{{ a.prefix }}{{ envVar() }}</span>@if (a.ownUser) {<span class="o-faint o-xs o-mono" title="The app's own user">{{ a.user }}</span>}
                   <span class="o-r o-sm" [style.color]="attColour(a)" [attr.title]="a.message || null">{{ attState(a) }}</span>
                   @if (d.canManage) {<button type="button" class="o-lnk o-faint" (click)="detach(d, a)" [attr.aria-label]="'Detach ' + a.app" [disabled]="busy()">×</button>}
                 </div>
@@ -1559,6 +2085,8 @@ class ServicePage {
                   } @else {<input class="o-in o-sm o-mono" style="width:120px" placeholder="app" aria-label="App" [ngModel]="attApp()" (ngModelChange)="attApp.set($event)" data-testid="svc-att-app" />}
                   <select class="o-in o-sm" style="width:auto" aria-label="Environment" [ngModel]="attEnv()" (ngModelChange)="attEnv.set($event)" data-testid="svc-att-env">@for (e of attEnvs(); track e) {<option [value]="e">{{ e }}</option>}</select>
                   <input class="o-in o-sm o-mono" style="width:110px" placeholder="prefix (opt.)" aria-label="Prefix" [ngModel]="attPrefix()" (ngModelChange)="attPrefix.set($event)" />
+                  @if (d.engine === 'rabbitmq' && (d.vhosts ?? []).length) {<select class="o-in o-sm" style="width:auto" aria-label="Virtual host" [ngModel]="attVhost()" (ngModelChange)="attVhost.set($event)" data-testid="svc-att-vhost"><option value="/">/</option>@for (v of d.vhosts ?? []; track v) {<option [value]="v">{{ v }}</option>}</select>}
+                  <label class="o-flex o-sm" style="gap:4px" title="A user of its own for this app, read-write, removed when it is detached"><input type="checkbox" [ngModel]="attOwn()" (ngModelChange)="attOwn.set($event)" data-testid="svc-att-own" /> Own user</label>
                   <span class="o-mut o-sm">Injects {{ attPrefix() }}{{ envVar() }} and redeploys</span>
                   <button type="button" class="o-btn o-sm o-pri o-r" (click)="attach(d)" [disabled]="busy() || !attApp()" data-testid="svc-att-go">Attach</button>
                 </div>
@@ -1577,6 +2105,32 @@ class ServicePage {
       }
       @case ('users') {
         <div class="o-g2" style="align-items:start;gap:18px">
+          @if (d.engine === 'nats') {
+          <div class="o-card" data-testid="svc-streams">
+            <div class="o-ch"><b>Streams</b>@if (d.canManage) {<button type="button" class="o-btn o-sm o-r" (click)="addingDb.set(!addingDb())" data-testid="svc-stream-add">+ Stream</button>}</div>
+            @if (addingDb()) {
+              <div class="o-row o-wrap" style="background:var(--o-bg)"><input class="o-in o-sm o-mono" style="width:120px" placeholder="ORDERS" aria-label="Stream name" [ngModel]="dbName()" (ngModelChange)="dbName.set($event)" data-testid="svc-stream-name" /><input class="o-in o-sm o-mono" style="width:140px" placeholder="orders.>" aria-label="Subjects" [ngModel]="subjects()" (ngModelChange)="subjects.set($event)" data-testid="svc-stream-subjects" /><select class="o-in o-sm" style="width:auto" aria-label="Keep for" [ngModel]="maxAge()" (ngModelChange)="maxAge.set(+$event)">@for (k of streamAges; track k.h) {<option [ngValue]="k.h">{{ k.label }}</option>}</select><button type="button" class="o-btn o-sm o-dark" (click)="addStream(d)" [disabled]="busy() || !dbName()" data-testid="svc-stream-create">Create</button></div>
+            }
+            @for (st of d.streams; track st.name) {
+              <div class="o-row"><span class="o-mono o-b5">{{ st.name }}</span><span class="o-faint o-sm o-mono">{{ st.subjects.join(', ') }}</span><span class="o-r o-faint o-sm">{{ st.maxAgeHours ? 'kept ' + st.maxAgeHours + ' h' : 'kept until limits' }}</span>
+                @if (d.canManage) {<button type="button" class="o-lnk o-faint" (click)="removeStream(d, st.name)" [attr.aria-label]="'Remove ' + st.name" [disabled]="busy()">×</button>}</div>
+            } @empty {<div class="o-empty">No streams declared. Apps can make their own; the console lists every stream and KV bucket.</div>}
+            <div class="o-cf">JetStream on the volume · {{ d.nodes > 1 ? 'replicated on 3 servers' : 'one server' }}</div>
+          </div>
+          } @else if (d.engine === 'rabbitmq') {
+          <div class="o-card" data-testid="svc-vhosts">
+            <div class="o-ch"><b>Virtual hosts</b>@if (d.canManage) {<button type="button" class="o-btn o-sm o-r" (click)="addingDb.set(!addingDb())" data-testid="svc-vhost-add">+ Virtual host</button>}</div>
+            @if (addingDb()) {
+              <div class="o-row" style="background:var(--o-bg)"><input class="o-in o-sm o-mono" placeholder="name" aria-label="Virtual host" [ngModel]="dbName()" (ngModelChange)="dbName.set($event)" (keydown.enter)="addVhost(d)" data-testid="svc-vhost-name" /><button type="button" class="o-btn o-sm o-dark" (click)="addVhost(d)" [disabled]="busy() || !dbName()" data-testid="svc-vhost-create">Create</button></div>
+            }
+            <div class="o-row"><span class="o-mono o-b5">/</span><span class="o-faint o-sm">default</span></div>
+            @for (v of d.vhosts ?? []; track v) {
+              <div class="o-row"><span class="o-mono o-b5">{{ v }}</span><span class="o-r o-faint o-sm">quorum queues</span>
+                @if (d.canManage) {<button type="button" class="o-lnk o-faint" (click)="removeVhost(d, v)" [attr.aria-label]="'Remove ' + v" [disabled]="busy()">×</button>}</div>
+            }
+            <div class="o-cf">Queues default to quorum queues · every user gets its preset on each virtual host</div>
+          </div>
+          } @else {
           <div class="o-card">
             <div class="o-ch"><b>Databases</b>@if (d.canManage && engine()?.databases) {<button type="button" class="o-btn o-sm o-r" (click)="addingDb.set(!addingDb())" data-testid="svc-db-add">+ Database</button>}</div>
             @if (addingDb()) {
@@ -1587,6 +2141,7 @@ class ServicePage {
                 @if (d.canManage && !first) {<button type="button" class="o-lnk o-faint" (click)="removeDb(d, db.name)" [attr.aria-label]="'Remove ' + db.name" [disabled]="busy()">×</button>}</div>
             } @empty {<div class="o-empty">{{ engine()?.databases ? 'No databases yet.' : d.engineName + ' has no logical databases: keys live in database 0.' }}</div>}
           </div>
+          }
           <div class="o-card">
             <div class="o-ch"><b>Users</b>@if (d.canManage) {<button type="button" class="o-btn o-sm o-r" (click)="addingUser.set(!addingUser())" data-testid="svc-user-add">+ User</button>}</div>
             @if (addingUser()) {
@@ -1601,7 +2156,7 @@ class ServicePage {
                 <span class="o-r o-faint o-sm o-ell">{{ u.attached.length ? 'used by ' + u.attached.join(', ') : 'generation ' + u.generation }}</span>
                 @if (d.canManage && u.preset !== 'owner') {<button type="button" class="o-lnk o-faint" (click)="removeUser(d, u.name)" [attr.aria-label]="'Remove ' + u.name" [disabled]="busy()">×</button>}</div>
             }
-            <div class="o-cf">Per-app users created on attach, each with least privilege<b class="o-ph-tag o-ga">GA</b></div>
+            <div class="o-cf">Per-app users: attach with “Own user” and each app gets its own least-privilege login, removed when it is detached</div>
           </div>
         </div>
         @if (d.engine === 'postgres') {
@@ -1631,7 +2186,7 @@ class ServicePage {
                 <button type="button" class="o-btn o-dark" (click)="askPitr(d)" [disabled]="!d.canManage || !pitr() || !d.window?.from" data-testid="svc-pitr-go">Restore…</button>
               </div>
             } @else {
-              <div class="o-card o-cb o-col" style="gap:6px"><b>Restore a snapshot</b><span class="o-hint">{{ d.engineName }} restores from a daily RDB snapshot: pick one on the left. It always creates a new instance.</span></div>
+              <div class="o-card o-cb o-col" style="gap:6px"><b>Restore a snapshot</b><span class="o-hint">{{ d.engineName }} restores from a daily {{ snapshotName(d) }}: pick one on the left. It always creates a new instance.</span></div>
             }
             <div class="o-card o-cb o-form">
               <b>Schedule</b>
@@ -1644,7 +2199,7 @@ class ServicePage {
                 <div class="o-fld"><label for="svc-rd">Keep for</label><select id="svc-rd" class="o-in" [disabled]="!d.canManage" [ngModel]="d.retentionDays" (ngModelChange)="save(d, { retentionDays: +$event }, 'Backups are now kept ' + $event + ' days.')">@for (k of keeps; track k) {<option [ngValue]="k">{{ k }} days</option>}</select></div>
               </div>
             </div>
-            <div class="o-card o-cb o-col" style="gap:8px"><div class="o-flex"><b>Fork for staging</b><b class="o-ph-tag o-ga">GA</b></div><span class="o-hint">Copy from the latest backup into a new instance.</span><div class="o-flex"><b>Export dump</b><b class="o-ph-tag o-ga">GA</b><button type="button" class="o-btn o-xs o-r" disabled>{{ d.engine === 'mysql' ? 'mysqldump' : d.engine === 'valkey' ? 'RDB' : 'pg_dump' }}</button></div></div>
+            <o-svc-dumps [d]="d" [projectKey]="key()" [dumps]="!!engine()?.dumps" (done)="notice.set($event); refresh()" (failed)="error.set($event)" />
           </div>
         </div>
       }
@@ -1655,10 +2210,7 @@ class ServicePage {
         <o-svc-logs [projectKey]="key()" [id]="d.id" [service]="d.name" [environment]="d.environment" [debugLogs]="host.link('logs')" />
       }
       @case ('console') {
-        <div class="o-flex o-wrap"><span class="o-chip o-grn">Read-only</span><span class="o-faint o-sm">1,000-row limit · 5 s statement timeout · runs as console_ro · audited</span><b class="o-ph-tag o-ga">GA</b><span class="o-r"></span>
-          @if (d.databases.length) {<select class="o-in o-sm" style="width:auto" aria-label="Database" disabled>@for (db of d.databases; track db.name) {<option>{{ db.name }}</option>}</select>}</div>
-        <div class="o-card"><textarea class="o-in o-mono" style="border:none;box-shadow:none;font-size:12.5px" rows="4" disabled aria-label="Query">{{ d.engine === 'valkey' ? 'INFO keyspace' : 'SELECT * FROM … LIMIT 50' }}</textarea><div class="o-cf"><span class="o-kbd">⌘</span><span class="o-kbd">↵</span> to run<button type="button" class="o-btn o-sm o-dark o-r" disabled>Run</button></div></div>
-        <span class="o-faint o-sm">The console arrives at GA. Until then, connect with the snippets on Overview from an attached app, or reveal the password.</span>
+        <o-svc-console [d]="d" [projectKey]="key()" [kind]="engine()?.console ?? 'sql'" />
       }
       @case ('settings') {
         <div class="o-col" style="gap:14px;max-width:820px">
@@ -1673,7 +2225,28 @@ class ServicePage {
             </div>
             <div class="o-cf"><button type="button" class="o-tog" disabled aria-label="Grow storage automatically (GA)"></button>Grow storage automatically at 85% full, up to 500 GB<b class="o-ph-tag o-ga">GA</b></div>
           </div>
-          <div class="o-card"><div class="o-ch"><b>High availability</b><b class="o-ph-tag o-ga">GA</b></div><div class="o-row"><span style="flex:1">Standby node with automatic failover</span><button type="button" class="o-tog" disabled aria-label="Standby (GA)"></button></div><div class="o-row"><span style="flex:1">Read replicas</span><span class="o-faint o-sm">0</span><button type="button" class="o-btn o-xs" disabled>+ Replica</button></div></div>
+          <div class="o-card" data-testid="svc-ha">
+            <div class="o-ch"><b>High availability</b><span class="o-r">{{ d.readyNodes }} of {{ d.nodes }} node{{ d.nodes === 1 ? '' : 's' }} ready</span></div>
+            @switch (engine()?.ha) {
+              @case ('standby') {
+                <div class="o-row"><span style="flex:1">Standby node with automatic failover@if (d.engine === 'mysql') {<span class="o-faint o-sm"> · two semi-synchronous replicas (MOCO runs 1, 3 or 5)</span>}</span><button type="button" class="o-tog" [class.o-on]="d.standby" [disabled]="!d.canManage || busy()" (click)="topology(d, !d.standby, d.standby ? 0 : d.replicas)" aria-label="Standby" data-testid="svc-standby"></button></div>
+                <div class="o-row"><span style="flex:1">Read replicas@if (d.readHost) {<span class="o-faint o-sm o-mono"> · {{ d.readHost }}</span>}</span><span class="o-faint o-sm" data-testid="svc-replicas">{{ d.replicas }}</span>
+                  @if (d.canManage) {
+                    <button type="button" class="o-btn o-xs" (click)="topology(d, d.standby, d.replicas - step(d))" [disabled]="busy() || d.replicas === 0">−</button>
+                    <button type="button" class="o-btn o-xs" (click)="topology(d, d.standby || d.engine === 'mysql', d.replicas + step(d))" [disabled]="busy() || d.replicas + step(d) > (engine()?.maxReplicas ?? 0)" data-testid="svc-replica-add">+ Replica</button>
+                  }</div>
+                <div class="o-cf">Each node is billed at the plan's price · {{ nodesPrice(d) }}/mo now</div>
+              }
+              @case ('cluster') {
+                <div class="o-row"><span style="flex:1">3-node cluster<span class="o-faint o-sm"> · {{ d.engine === 'nats' ? 'streams replicated on three servers' : 'quorum queues on three nodes' }}</span></span><button type="button" class="o-tog" [class.o-on]="d.standby" [disabled]="!d.canManage || busy()" (click)="topology(d, !d.standby, 0)" aria-label="3-node cluster" data-testid="svc-standby"></button></div>
+                <div class="o-cf">Each node is billed at the plan's price · {{ nodesPrice(d) }}/mo now</div>
+              }
+              @default {
+                <div class="o-row"><span style="flex:1">Replica with failover</span><b class="o-ph-tag o-later">Later</b></div>
+                <div class="o-cf">{{ d.engineName }} runs one node for now; daily snapshots keep its data.</div>
+              }
+            }
+          </div>
           <div class="o-card">
             <div class="o-ch"><b>Networking</b></div>
             <div class="o-row"><span style="flex:1">Private network <span class="o-faint o-sm">· always on, reachable only from attached apps</span></span><span class="o-chip o-grn">On</span></div>
@@ -1694,9 +2267,16 @@ class ServicePage {
               <span class="o-faint o-sm">Minor versions of {{ d.engineName }} {{ d.version }} apply here.</span>
             </div>
           </div>
-          <div class="o-card"><div class="o-ch"><b>Engine parameters</b><b class="o-ph-tag o-ga">GA</b><span class="o-r">validated subset</span></div><div class="o-tbl"><div class="o-tbody">
-            @for (p of params(); track p[0]) {<div class="o-tr"><div class="o-td o-mono o-sm">{{ p[0] }}</div><div class="o-td"><input class="o-in o-sm o-mono" style="width:120px" [value]="p[1]" disabled [attr.aria-label]="p[0]" /></div><div class="o-td"><span class="o-chip" [class.o-amb]="p[2] === 'restart'">{{ p[2] }}</span></div></div>}
-          </div></div></div>
+          <div class="o-card" data-testid="svc-params"><div class="o-ch"><b>Engine parameters</b><span class="o-r">validated subset</span></div><div class="o-tbl"><div class="o-tbody">
+            @for (p of d.parameters; track p.name) {<div class="o-tr">
+              <div class="o-td o-mono o-sm" [title]="p.description">{{ p.name }}</div>
+              <div class="o-td"><input class="o-in o-sm o-mono" style="width:120px" [placeholder]="p.default" [disabled]="!d.canManage" [attr.aria-label]="p.name" [ngModel]="paramDraft()[p.name] ?? p.value ?? ''" (ngModelChange)="setParam(p, $event)" [attr.data-testid]="'svc-param-' + p.name" /></div>
+              <div class="o-td"><span class="o-chip" [class.o-amb]="p.restart">{{ p.restart ? 'restart' : 'live' }}</span></div>
+              <div class="o-td o-faint o-xs o-ell" style="max-width:260px">{{ p.description }}</div>
+            </div>}
+          </div></div>
+            @if (d.canManage) {<div class="o-cf"><span class="o-faint o-sm">{{ paramNote(d) }}</span><button type="button" class="o-btn o-sm o-dark o-r" (click)="saveParams(d)" [disabled]="busy() || !paramsChanged()" data-testid="svc-params-save">Save parameters</button></div>}
+          </div>
           @if (d.canManage && !d.deletedAt) {
             <div class="o-card" style="border-color:var(--o-bad-line)"><div class="o-row" style="padding:14px"><div class="o-col" style="gap:2px;flex:1"><b>Delete {{ d.name }}</b><span class="o-hint">Typed confirmation. Undo within 24 hours; optional final backup kept 7 days. Attached apps lose {{ envVar() }}.</span></div><button type="button" class="o-btn o-sm o-red" (click)="dialog.set({ kind: 'delete', typed: '', finalBackup: true })" data-testid="svc-delete">Delete</button></div></div>
           }
@@ -1741,13 +2321,13 @@ class ServicePage {
     } @else {
       <div class="o-page">@if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>} @else {<div class="o-empty">Loading…</div>}</div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ServiceMetricsTab, selector: "o-svc-metrics", inputs: ["readings", "slowLines", "engine", "projectKey", "service", "dashboard"] }, { kind: "component", type: ServiceLogsTab, selector: "o-svc-logs", inputs: ["projectKey", "id", "service", "environment", "debugLogs"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ServiceMetricsTab, selector: "o-svc-metrics", inputs: ["readings", "slowLines", "engine", "projectKey", "service", "dashboard"] }, { kind: "component", type: ServiceLogsTab, selector: "o-svc-logs", inputs: ["projectKey", "id", "service", "environment", "debugLogs"] }, { kind: "component", type: ServiceConsoleTab, selector: "o-svc-console", inputs: ["d", "projectKey", "kind"] }, { kind: "component", type: ServiceDumpsCard, selector: "o-svc-dumps", inputs: ["d", "projectKey", "dumps"], outputs: ["done", "failed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ServicePage, decorators: [{
             type: Component,
             args: [{
                     selector: 'o-service',
-                    imports: [FormsModule, RouterLink, ServiceMetricsTab, ServiceLogsTab],
+                    imports: [FormsModule, RouterLink, ServiceMetricsTab, ServiceLogsTab, ServiceConsoleTab, ServiceDumpsCard],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     @if (d(); as d) {
@@ -1816,7 +2396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
               <div class="o-ch"><b>Attached apps</b>@if (d.canManage && !d.deletedAt) {<button type="button" class="o-btn o-sm o-r" (click)="attachOpen.set(!attachOpen())" data-testid="svc-attach-open">Attach to app</button>}</div>
               @for (a of d.attachments; track a.id) {
                 <div class="o-row" [attr.data-testid]="'svc-att-' + a.app">
-                  <span class="o-b5">{{ a.app }}</span><span class="o-faint">{{ a.environment }}</span><span class="o-chip o-mono">{{ a.prefix }}{{ envVar() }}</span>
+                  <span class="o-b5">{{ a.app }}</span><span class="o-faint">{{ a.environment }}</span><span class="o-chip o-mono">{{ a.prefix }}{{ envVar() }}</span>@if (a.ownUser) {<span class="o-faint o-xs o-mono" title="The app's own user">{{ a.user }}</span>}
                   <span class="o-r o-sm" [style.color]="attColour(a)" [attr.title]="a.message || null">{{ attState(a) }}</span>
                   @if (d.canManage) {<button type="button" class="o-lnk o-faint" (click)="detach(d, a)" [attr.aria-label]="'Detach ' + a.app" [disabled]="busy()">×</button>}
                 </div>
@@ -1828,6 +2408,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                   } @else {<input class="o-in o-sm o-mono" style="width:120px" placeholder="app" aria-label="App" [ngModel]="attApp()" (ngModelChange)="attApp.set($event)" data-testid="svc-att-app" />}
                   <select class="o-in o-sm" style="width:auto" aria-label="Environment" [ngModel]="attEnv()" (ngModelChange)="attEnv.set($event)" data-testid="svc-att-env">@for (e of attEnvs(); track e) {<option [value]="e">{{ e }}</option>}</select>
                   <input class="o-in o-sm o-mono" style="width:110px" placeholder="prefix (opt.)" aria-label="Prefix" [ngModel]="attPrefix()" (ngModelChange)="attPrefix.set($event)" />
+                  @if (d.engine === 'rabbitmq' && (d.vhosts ?? []).length) {<select class="o-in o-sm" style="width:auto" aria-label="Virtual host" [ngModel]="attVhost()" (ngModelChange)="attVhost.set($event)" data-testid="svc-att-vhost"><option value="/">/</option>@for (v of d.vhosts ?? []; track v) {<option [value]="v">{{ v }}</option>}</select>}
+                  <label class="o-flex o-sm" style="gap:4px" title="A user of its own for this app, read-write, removed when it is detached"><input type="checkbox" [ngModel]="attOwn()" (ngModelChange)="attOwn.set($event)" data-testid="svc-att-own" /> Own user</label>
                   <span class="o-mut o-sm">Injects {{ attPrefix() }}{{ envVar() }} and redeploys</span>
                   <button type="button" class="o-btn o-sm o-pri o-r" (click)="attach(d)" [disabled]="busy() || !attApp()" data-testid="svc-att-go">Attach</button>
                 </div>
@@ -1846,6 +2428,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
       }
       @case ('users') {
         <div class="o-g2" style="align-items:start;gap:18px">
+          @if (d.engine === 'nats') {
+          <div class="o-card" data-testid="svc-streams">
+            <div class="o-ch"><b>Streams</b>@if (d.canManage) {<button type="button" class="o-btn o-sm o-r" (click)="addingDb.set(!addingDb())" data-testid="svc-stream-add">+ Stream</button>}</div>
+            @if (addingDb()) {
+              <div class="o-row o-wrap" style="background:var(--o-bg)"><input class="o-in o-sm o-mono" style="width:120px" placeholder="ORDERS" aria-label="Stream name" [ngModel]="dbName()" (ngModelChange)="dbName.set($event)" data-testid="svc-stream-name" /><input class="o-in o-sm o-mono" style="width:140px" placeholder="orders.>" aria-label="Subjects" [ngModel]="subjects()" (ngModelChange)="subjects.set($event)" data-testid="svc-stream-subjects" /><select class="o-in o-sm" style="width:auto" aria-label="Keep for" [ngModel]="maxAge()" (ngModelChange)="maxAge.set(+$event)">@for (k of streamAges; track k.h) {<option [ngValue]="k.h">{{ k.label }}</option>}</select><button type="button" class="o-btn o-sm o-dark" (click)="addStream(d)" [disabled]="busy() || !dbName()" data-testid="svc-stream-create">Create</button></div>
+            }
+            @for (st of d.streams; track st.name) {
+              <div class="o-row"><span class="o-mono o-b5">{{ st.name }}</span><span class="o-faint o-sm o-mono">{{ st.subjects.join(', ') }}</span><span class="o-r o-faint o-sm">{{ st.maxAgeHours ? 'kept ' + st.maxAgeHours + ' h' : 'kept until limits' }}</span>
+                @if (d.canManage) {<button type="button" class="o-lnk o-faint" (click)="removeStream(d, st.name)" [attr.aria-label]="'Remove ' + st.name" [disabled]="busy()">×</button>}</div>
+            } @empty {<div class="o-empty">No streams declared. Apps can make their own; the console lists every stream and KV bucket.</div>}
+            <div class="o-cf">JetStream on the volume · {{ d.nodes > 1 ? 'replicated on 3 servers' : 'one server' }}</div>
+          </div>
+          } @else if (d.engine === 'rabbitmq') {
+          <div class="o-card" data-testid="svc-vhosts">
+            <div class="o-ch"><b>Virtual hosts</b>@if (d.canManage) {<button type="button" class="o-btn o-sm o-r" (click)="addingDb.set(!addingDb())" data-testid="svc-vhost-add">+ Virtual host</button>}</div>
+            @if (addingDb()) {
+              <div class="o-row" style="background:var(--o-bg)"><input class="o-in o-sm o-mono" placeholder="name" aria-label="Virtual host" [ngModel]="dbName()" (ngModelChange)="dbName.set($event)" (keydown.enter)="addVhost(d)" data-testid="svc-vhost-name" /><button type="button" class="o-btn o-sm o-dark" (click)="addVhost(d)" [disabled]="busy() || !dbName()" data-testid="svc-vhost-create">Create</button></div>
+            }
+            <div class="o-row"><span class="o-mono o-b5">/</span><span class="o-faint o-sm">default</span></div>
+            @for (v of d.vhosts ?? []; track v) {
+              <div class="o-row"><span class="o-mono o-b5">{{ v }}</span><span class="o-r o-faint o-sm">quorum queues</span>
+                @if (d.canManage) {<button type="button" class="o-lnk o-faint" (click)="removeVhost(d, v)" [attr.aria-label]="'Remove ' + v" [disabled]="busy()">×</button>}</div>
+            }
+            <div class="o-cf">Queues default to quorum queues · every user gets its preset on each virtual host</div>
+          </div>
+          } @else {
           <div class="o-card">
             <div class="o-ch"><b>Databases</b>@if (d.canManage && engine()?.databases) {<button type="button" class="o-btn o-sm o-r" (click)="addingDb.set(!addingDb())" data-testid="svc-db-add">+ Database</button>}</div>
             @if (addingDb()) {
@@ -1856,6 +2464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 @if (d.canManage && !first) {<button type="button" class="o-lnk o-faint" (click)="removeDb(d, db.name)" [attr.aria-label]="'Remove ' + db.name" [disabled]="busy()">×</button>}</div>
             } @empty {<div class="o-empty">{{ engine()?.databases ? 'No databases yet.' : d.engineName + ' has no logical databases: keys live in database 0.' }}</div>}
           </div>
+          }
           <div class="o-card">
             <div class="o-ch"><b>Users</b>@if (d.canManage) {<button type="button" class="o-btn o-sm o-r" (click)="addingUser.set(!addingUser())" data-testid="svc-user-add">+ User</button>}</div>
             @if (addingUser()) {
@@ -1870,7 +2479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 <span class="o-r o-faint o-sm o-ell">{{ u.attached.length ? 'used by ' + u.attached.join(', ') : 'generation ' + u.generation }}</span>
                 @if (d.canManage && u.preset !== 'owner') {<button type="button" class="o-lnk o-faint" (click)="removeUser(d, u.name)" [attr.aria-label]="'Remove ' + u.name" [disabled]="busy()">×</button>}</div>
             }
-            <div class="o-cf">Per-app users created on attach, each with least privilege<b class="o-ph-tag o-ga">GA</b></div>
+            <div class="o-cf">Per-app users: attach with “Own user” and each app gets its own least-privilege login, removed when it is detached</div>
           </div>
         </div>
         @if (d.engine === 'postgres') {
@@ -1900,7 +2509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 <button type="button" class="o-btn o-dark" (click)="askPitr(d)" [disabled]="!d.canManage || !pitr() || !d.window?.from" data-testid="svc-pitr-go">Restore…</button>
               </div>
             } @else {
-              <div class="o-card o-cb o-col" style="gap:6px"><b>Restore a snapshot</b><span class="o-hint">{{ d.engineName }} restores from a daily RDB snapshot: pick one on the left. It always creates a new instance.</span></div>
+              <div class="o-card o-cb o-col" style="gap:6px"><b>Restore a snapshot</b><span class="o-hint">{{ d.engineName }} restores from a daily {{ snapshotName(d) }}: pick one on the left. It always creates a new instance.</span></div>
             }
             <div class="o-card o-cb o-form">
               <b>Schedule</b>
@@ -1913,7 +2522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 <div class="o-fld"><label for="svc-rd">Keep for</label><select id="svc-rd" class="o-in" [disabled]="!d.canManage" [ngModel]="d.retentionDays" (ngModelChange)="save(d, { retentionDays: +$event }, 'Backups are now kept ' + $event + ' days.')">@for (k of keeps; track k) {<option [ngValue]="k">{{ k }} days</option>}</select></div>
               </div>
             </div>
-            <div class="o-card o-cb o-col" style="gap:8px"><div class="o-flex"><b>Fork for staging</b><b class="o-ph-tag o-ga">GA</b></div><span class="o-hint">Copy from the latest backup into a new instance.</span><div class="o-flex"><b>Export dump</b><b class="o-ph-tag o-ga">GA</b><button type="button" class="o-btn o-xs o-r" disabled>{{ d.engine === 'mysql' ? 'mysqldump' : d.engine === 'valkey' ? 'RDB' : 'pg_dump' }}</button></div></div>
+            <o-svc-dumps [d]="d" [projectKey]="key()" [dumps]="!!engine()?.dumps" (done)="notice.set($event); refresh()" (failed)="error.set($event)" />
           </div>
         </div>
       }
@@ -1924,10 +2533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         <o-svc-logs [projectKey]="key()" [id]="d.id" [service]="d.name" [environment]="d.environment" [debugLogs]="host.link('logs')" />
       }
       @case ('console') {
-        <div class="o-flex o-wrap"><span class="o-chip o-grn">Read-only</span><span class="o-faint o-sm">1,000-row limit · 5 s statement timeout · runs as console_ro · audited</span><b class="o-ph-tag o-ga">GA</b><span class="o-r"></span>
-          @if (d.databases.length) {<select class="o-in o-sm" style="width:auto" aria-label="Database" disabled>@for (db of d.databases; track db.name) {<option>{{ db.name }}</option>}</select>}</div>
-        <div class="o-card"><textarea class="o-in o-mono" style="border:none;box-shadow:none;font-size:12.5px" rows="4" disabled aria-label="Query">{{ d.engine === 'valkey' ? 'INFO keyspace' : 'SELECT * FROM … LIMIT 50' }}</textarea><div class="o-cf"><span class="o-kbd">⌘</span><span class="o-kbd">↵</span> to run<button type="button" class="o-btn o-sm o-dark o-r" disabled>Run</button></div></div>
-        <span class="o-faint o-sm">The console arrives at GA. Until then, connect with the snippets on Overview from an attached app, or reveal the password.</span>
+        <o-svc-console [d]="d" [projectKey]="key()" [kind]="engine()?.console ?? 'sql'" />
       }
       @case ('settings') {
         <div class="o-col" style="gap:14px;max-width:820px">
@@ -1942,7 +2548,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             </div>
             <div class="o-cf"><button type="button" class="o-tog" disabled aria-label="Grow storage automatically (GA)"></button>Grow storage automatically at 85% full, up to 500 GB<b class="o-ph-tag o-ga">GA</b></div>
           </div>
-          <div class="o-card"><div class="o-ch"><b>High availability</b><b class="o-ph-tag o-ga">GA</b></div><div class="o-row"><span style="flex:1">Standby node with automatic failover</span><button type="button" class="o-tog" disabled aria-label="Standby (GA)"></button></div><div class="o-row"><span style="flex:1">Read replicas</span><span class="o-faint o-sm">0</span><button type="button" class="o-btn o-xs" disabled>+ Replica</button></div></div>
+          <div class="o-card" data-testid="svc-ha">
+            <div class="o-ch"><b>High availability</b><span class="o-r">{{ d.readyNodes }} of {{ d.nodes }} node{{ d.nodes === 1 ? '' : 's' }} ready</span></div>
+            @switch (engine()?.ha) {
+              @case ('standby') {
+                <div class="o-row"><span style="flex:1">Standby node with automatic failover@if (d.engine === 'mysql') {<span class="o-faint o-sm"> · two semi-synchronous replicas (MOCO runs 1, 3 or 5)</span>}</span><button type="button" class="o-tog" [class.o-on]="d.standby" [disabled]="!d.canManage || busy()" (click)="topology(d, !d.standby, d.standby ? 0 : d.replicas)" aria-label="Standby" data-testid="svc-standby"></button></div>
+                <div class="o-row"><span style="flex:1">Read replicas@if (d.readHost) {<span class="o-faint o-sm o-mono"> · {{ d.readHost }}</span>}</span><span class="o-faint o-sm" data-testid="svc-replicas">{{ d.replicas }}</span>
+                  @if (d.canManage) {
+                    <button type="button" class="o-btn o-xs" (click)="topology(d, d.standby, d.replicas - step(d))" [disabled]="busy() || d.replicas === 0">−</button>
+                    <button type="button" class="o-btn o-xs" (click)="topology(d, d.standby || d.engine === 'mysql', d.replicas + step(d))" [disabled]="busy() || d.replicas + step(d) > (engine()?.maxReplicas ?? 0)" data-testid="svc-replica-add">+ Replica</button>
+                  }</div>
+                <div class="o-cf">Each node is billed at the plan's price · {{ nodesPrice(d) }}/mo now</div>
+              }
+              @case ('cluster') {
+                <div class="o-row"><span style="flex:1">3-node cluster<span class="o-faint o-sm"> · {{ d.engine === 'nats' ? 'streams replicated on three servers' : 'quorum queues on three nodes' }}</span></span><button type="button" class="o-tog" [class.o-on]="d.standby" [disabled]="!d.canManage || busy()" (click)="topology(d, !d.standby, 0)" aria-label="3-node cluster" data-testid="svc-standby"></button></div>
+                <div class="o-cf">Each node is billed at the plan's price · {{ nodesPrice(d) }}/mo now</div>
+              }
+              @default {
+                <div class="o-row"><span style="flex:1">Replica with failover</span><b class="o-ph-tag o-later">Later</b></div>
+                <div class="o-cf">{{ d.engineName }} runs one node for now; daily snapshots keep its data.</div>
+              }
+            }
+          </div>
           <div class="o-card">
             <div class="o-ch"><b>Networking</b></div>
             <div class="o-row"><span style="flex:1">Private network <span class="o-faint o-sm">· always on, reachable only from attached apps</span></span><span class="o-chip o-grn">On</span></div>
@@ -1963,9 +2590,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
               <span class="o-faint o-sm">Minor versions of {{ d.engineName }} {{ d.version }} apply here.</span>
             </div>
           </div>
-          <div class="o-card"><div class="o-ch"><b>Engine parameters</b><b class="o-ph-tag o-ga">GA</b><span class="o-r">validated subset</span></div><div class="o-tbl"><div class="o-tbody">
-            @for (p of params(); track p[0]) {<div class="o-tr"><div class="o-td o-mono o-sm">{{ p[0] }}</div><div class="o-td"><input class="o-in o-sm o-mono" style="width:120px" [value]="p[1]" disabled [attr.aria-label]="p[0]" /></div><div class="o-td"><span class="o-chip" [class.o-amb]="p[2] === 'restart'">{{ p[2] }}</span></div></div>}
-          </div></div></div>
+          <div class="o-card" data-testid="svc-params"><div class="o-ch"><b>Engine parameters</b><span class="o-r">validated subset</span></div><div class="o-tbl"><div class="o-tbody">
+            @for (p of d.parameters; track p.name) {<div class="o-tr">
+              <div class="o-td o-mono o-sm" [title]="p.description">{{ p.name }}</div>
+              <div class="o-td"><input class="o-in o-sm o-mono" style="width:120px" [placeholder]="p.default" [disabled]="!d.canManage" [attr.aria-label]="p.name" [ngModel]="paramDraft()[p.name] ?? p.value ?? ''" (ngModelChange)="setParam(p, $event)" [attr.data-testid]="'svc-param-' + p.name" /></div>
+              <div class="o-td"><span class="o-chip" [class.o-amb]="p.restart">{{ p.restart ? 'restart' : 'live' }}</span></div>
+              <div class="o-td o-faint o-xs o-ell" style="max-width:260px">{{ p.description }}</div>
+            </div>}
+          </div></div>
+            @if (d.canManage) {<div class="o-cf"><span class="o-faint o-sm">{{ paramNote(d) }}</span><button type="button" class="o-btn o-sm o-dark o-r" (click)="saveParams(d)" [disabled]="busy() || !paramsChanged()" data-testid="svc-params-save">Save parameters</button></div>}
+          </div>
           @if (d.canManage && !d.deletedAt) {
             <div class="o-card" style="border-color:var(--o-bad-line)"><div class="o-row" style="padding:14px"><div class="o-col" style="gap:2px;flex:1"><b>Delete {{ d.name }}</b><span class="o-hint">Typed confirmation. Undo within 24 hours; optional final backup kept 7 days. Attached apps lose {{ envVar() }}.</span></div><button type="button" class="o-btn o-sm o-red" (click)="dialog.set({ kind: 'delete', typed: '', finalBackup: true })" data-testid="svc-delete">Delete</button></div></div>
           }
@@ -2024,5 +2658,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DAYS, ENGINE_COLOUR, LIFECYCLE, PRESETS, ServiceLogsTab, ServiceMetricsTab, ServicePage, ServicesApi, ServicesHost, ServicesListPage, ServicesNewPage, apiMessage, backupKind, backupsLine, bytes, fromLocalInput, hhmm, hhmmss, money, moving, num, pct, presetChip, ratio, shortDate, spark, sparkPath, stateChip, stateDot, toLocalInput, utcHour, when };
+export { DAYS, ENGINE_COLOUR, LIFECYCLE, PRESETS, ServiceConsoleTab, ServiceDumpsCard, ServiceLogsTab, ServiceMetricsTab, ServicePage, ServicesApi, ServicesHost, ServicesListPage, ServicesNewPage, apiMessage, backupKind, backupsLine, bytes, fromLocalInput, hhmm, hhmmss, money, moving, num, pct, presetChip, ratio, shortDate, spark, sparkPath, stateChip, stateDot, toLocalInput, utcHour, when };
 //# sourceMappingURL=chisquare-tech-origine-ngx-apps-services.mjs.map