@serve.zone/dcrouter 13.4.2 → 13.7.0

package/dist_ts_web/elements/access/index.d.ts

@@ -1 +1,2 @@
 export * from './ops-view-apitokens.js';
+export * from './ops-view-users.js';

package/dist_ts_web/elements/access/index.js

@@ -1,2 +1,3 @@
 export * from './ops-view-apitokens.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvYWNjZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUMifQ==
+export * from './ops-view-users.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvYWNjZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxxQkFBcUIsQ0FBQyJ9

package/dist_ts_web/elements/access/ops-view-apitokens.js

@@ -137,7 +137,7 @@ let OpsViewApiTokens = (() => {
         render() {
             const { apiTokens } = this.routeState;
             return html `
-      <dees-heading level="2">API Tokens</dees-heading>
+      <dees-heading level="3">API Tokens</dees-heading>
 
       <div class="apiTokensContainer">
         <dees-table

package/dist_ts_web/elements/access/ops-view-users.d.ts

@@ -0,0 +1,11 @@
+import * as appstate from '../../appstate.js';
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export declare class OpsViewUsers extends DeesElement {
+    accessor usersState: appstate.IUsersState;
+    accessor loginState: appstate.ILoginState;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    private renderRoleBadge;
+    firstUpdated(): Promise<void>;
+}

package/dist_ts_web/elements/access/ops-view-users.js

@@ -0,0 +1,190 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import * as appstate from '../../appstate.js';
+import { viewHostCss } from '../shared/css.js';
+import { DeesElement, css, cssManager, customElement, html, state, } from '@design.estate/dees-element';
+let OpsViewUsers = (() => {
+    let _classDecorators = [customElement('ops-view-users')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _usersState_decorators;
+    let _usersState_initializers = [];
+    let _usersState_extraInitializers = [];
+    let _loginState_decorators;
+    let _loginState_initializers = [];
+    let _loginState_extraInitializers = [];
+    var OpsViewUsers = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _usersState_decorators = [state()];
+            _loginState_decorators = [state()];
+            __esDecorate(this, null, _usersState_decorators, { kind: "accessor", name: "usersState", static: false, private: false, access: { has: obj => "usersState" in obj, get: obj => obj.usersState, set: (obj, value) => { obj.usersState = value; } }, metadata: _metadata }, _usersState_initializers, _usersState_extraInitializers);
+            __esDecorate(this, null, _loginState_decorators, { kind: "accessor", name: "loginState", static: false, private: false, access: { has: obj => "loginState" in obj, get: obj => obj.loginState, set: (obj, value) => { obj.loginState = value; } }, metadata: _metadata }, _loginState_initializers, _loginState_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            OpsViewUsers = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #usersState_accessor_storage = __runInitializers(this, _usersState_initializers, {
+            users: [],
+            isLoading: false,
+            error: null,
+            lastUpdated: 0,
+        });
+        get usersState() { return this.#usersState_accessor_storage; }
+        set usersState(value) { this.#usersState_accessor_storage = value; }
+        #loginState_accessor_storage = (__runInitializers(this, _usersState_extraInitializers), __runInitializers(this, _loginState_initializers, {
+            identity: null,
+            isLoggedIn: false,
+        }));
+        get loginState() { return this.#loginState_accessor_storage; }
+        set loginState(value) { this.#loginState_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _loginState_extraInitializers);
+            const usersSub = appstate.usersStatePart
+                .select((s) => s)
+                .subscribe((usersState) => {
+                this.usersState = usersState;
+            });
+            this.rxSubscriptions.push(usersSub);
+            const loginSub = appstate.loginStatePart
+                .select((s) => s)
+                .subscribe((loginState) => {
+                this.loginState = loginState;
+                // Re-fetch users when user logs in (fixes race condition where
+                // the view is created before authentication completes)
+                if (loginState.isLoggedIn) {
+                    appstate.usersStatePart.dispatchAction(appstate.fetchUsersAction, null);
+                }
+            });
+            this.rxSubscriptions.push(loginSub);
+        }
+        static styles = [
+            cssManager.defaultStyles,
+            viewHostCss,
+            css `
+      .usersContainer {
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+      }
+
+      .roleBadge {
+        display: inline-flex;
+        align-items: center;
+        padding: 3px 10px;
+        border-radius: 12px;
+        font-size: 12px;
+        font-weight: 600;
+        letter-spacing: 0.02em;
+        text-transform: uppercase;
+      }
+
+      .roleBadge.admin {
+        background: ${cssManager.bdTheme('#fef3c7', '#451a03')};
+        color: ${cssManager.bdTheme('#92400e', '#fbbf24')};
+      }
+
+      .roleBadge.user {
+        background: ${cssManager.bdTheme('#e0f2fe', '#0c4a6e')};
+        color: ${cssManager.bdTheme('#075985', '#7dd3fc')};
+      }
+
+      .sessionBadge {
+        display: inline-flex;
+        align-items: center;
+        padding: 3px 10px;
+        border-radius: 12px;
+        font-size: 12px;
+        font-weight: 600;
+        letter-spacing: 0.02em;
+        text-transform: uppercase;
+        background: ${cssManager.bdTheme('#dcfce7', '#14532d')};
+        color: ${cssManager.bdTheme('#166534', '#4ade80')};
+      }
+
+      .userIdCell {
+        font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;
+        font-size: 11px;
+        color: ${cssManager.bdTheme('#6b7280', '#9ca3af')};
+      }
+    `,
+        ];
+        render() {
+            const { users } = this.usersState;
+            const currentUserId = this.loginState.identity?.userId;
+            return html `
+      <dees-heading level="3">Users</dees-heading>
+
+      <div class="usersContainer">
+        <dees-table
+          .heading1=${'Users'}
+          .heading2=${'OpsServer user accounts'}
+          .data=${users}
+          .dataName=${'user'}
+          .searchable=${true}
+          .showColumnFilters=${true}
+          .displayFunction=${(user) => ({
+                ID: html `<span class="userIdCell">${user.id}</span>`,
+                Username: user.username,
+                Role: this.renderRoleBadge(user.role),
+                Session: user.id === currentUserId
+                    ? html `<span class="sessionBadge">current</span>`
+                    : '',
+            })}
+        ></dees-table>
+      </div>
+    `;
+        }
+        renderRoleBadge(role) {
+            const cls = role === 'admin' ? 'admin' : 'user';
+            return html `<span class="roleBadge ${cls}">${role}</span>`;
+        }
+        async firstUpdated() {
+            if (this.loginState.isLoggedIn) {
+                await appstate.usersStatePart.dispatchAction(appstate.fetchUsersAction, null);
+            }
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return OpsViewUsers = _classThis;
+})();
+export { OpsViewUsers };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BzLXZpZXctdXNlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvYWNjZXNzL29wcy12aWV3LXVzZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssUUFBUSxNQUFNLG1CQUFtQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsV0FBVyxFQUNYLEdBQUcsRUFDSCxVQUFVLEVBQ1YsYUFBYSxFQUNiLElBQUksRUFDSixLQUFLLEdBRU4sTUFBTSw2QkFBNkIsQ0FBQztJQUd4QixZQUFZOzRCQUR4QixhQUFhLENBQUMsZ0JBQWdCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs0QkFBbkIsU0FBUSxXQUFXOzs7O3NDQUMxQyxLQUFLLEVBQUU7c0NBT1AsS0FBSyxFQUFFO1lBUEMsbUxBQVMsVUFBVSw2QkFBVixVQUFVLCtGQUsxQjtZQUVPLG1MQUFTLFVBQVUsNkJBQVYsVUFBVSwrRkFHMUI7WUFYSiw2S0E2SEM7Ozs7UUE1SFUsaUZBQTRDO1lBQ25ELEtBQUssRUFBRSxFQUFFO1lBQ1QsU0FBUyxFQUFFLEtBQUs7WUFDaEIsS0FBSyxFQUFFLElBQUk7WUFDWCxXQUFXLEVBQUUsQ0FBQztTQUNmLEVBQUM7UUFMTyxJQUFTLFVBQVUsZ0RBSzFCO1FBTE8sSUFBUyxVQUFVLHNEQUsxQjtRQUVPLDBJQUE0QztZQUNuRCxRQUFRLEVBQUUsSUFBSTtZQUNkLFVBQVUsRUFBRSxLQUFLO1NBQ2xCLEdBQUM7UUFITyxJQUFTLFVBQVUsZ0RBRzFCO1FBSE8sSUFBUyxVQUFVLHNEQUcxQjtRQUVGO1lBQ0UsS0FBSyxFQUFFLENBQUM7O1lBQ1IsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLGNBQWM7aUJBQ3JDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxF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

package/dist_ts_web/elements/domains/dns-provider-form.d.ts

@@ -0,0 +1,58 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import * as interfaces from '../../../dist_ts_interfaces/index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dns-provider-form': DnsProviderForm;
+    }
+}
+/**
+ * Reactive credential form for a DNS provider. Renders the type picker
+ * and the credential fields for the currently-selected type.
+ *
+ * Provider-agnostic — driven entirely by `dnsProviderTypeDescriptors` from
+ * `ts_interfaces/data/dns-provider.ts`. Adding a new provider type means
+ * appending one entry to the descriptors array; this form picks it up
+ * automatically.
+ *
+ * Usage:
+ *
+ *     const formEl = document.createElement('dns-provider-form');
+ *     formEl.providerName = 'My provider';
+ *     // ... pass element into a DeesModal as content ...
+ *     // on submit:
+ *     const data = formEl.collectData();
+ *     // → { name, type, credentials }
+ *
+ * In edit mode, set `lockType = true` so the user cannot change provider
+ * type after creation (credentials shapes don't transfer between types).
+ */
+export declare class DnsProviderForm extends DeesElement {
+    /** Pre-populated provider name. */
+    accessor providerName: string;
+    /**
+     * Currently selected provider type. Initialized to the first descriptor;
+     * caller can override before mounting (e.g. for edit dialogs).
+     */
+    accessor selectedType: interfaces.data.TDnsProviderType;
+    /** When true, hide the type picker — used in edit dialogs. */
+    accessor lockType: boolean;
+    /**
+     * Help text shown above credentials. Useful for edit dialogs to indicate
+     * that fields can be left blank to keep current values.
+     */
+    accessor credentialsHint: string;
+    /** Internal map of credential field values, keyed by the descriptor's `key`. */
+    accessor credentialValues: Record<string, string>;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    /**
+     * Read the form values and assemble the create/update payload.
+     * Returns the typed credentials object built from the descriptor's keys.
+     */
+    collectData(): Promise<{
+        name: string;
+        type: interfaces.data.TDnsProviderType;
+        credentials: interfaces.data.TDnsProviderCredentials;
+        credentialsTouched: boolean;
+    } | null>;
+}

package/dist_ts_web/elements/domains/dns-provider-form.js

@@ -0,0 +1,268 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, html, customElement, css, state, property, cssManager, } from '@design.estate/dees-element';
+import * as interfaces from '../../../dist_ts_interfaces/index.js';
+/**
+ * Reactive credential form for a DNS provider. Renders the type picker
+ * and the credential fields for the currently-selected type.
+ *
+ * Provider-agnostic — driven entirely by `dnsProviderTypeDescriptors` from
+ * `ts_interfaces/data/dns-provider.ts`. Adding a new provider type means
+ * appending one entry to the descriptors array; this form picks it up
+ * automatically.
+ *
+ * Usage:
+ *
+ *     const formEl = document.createElement('dns-provider-form');
+ *     formEl.providerName = 'My provider';
+ *     // ... pass element into a DeesModal as content ...
+ *     // on submit:
+ *     const data = formEl.collectData();
+ *     // → { name, type, credentials }
+ *
+ * In edit mode, set `lockType = true` so the user cannot change provider
+ * type after creation (credentials shapes don't transfer between types).
+ */
+let DnsProviderForm = (() => {
+    let _classDecorators = [customElement('dns-provider-form')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _providerName_decorators;
+    let _providerName_initializers = [];
+    let _providerName_extraInitializers = [];
+    let _selectedType_decorators;
+    let _selectedType_initializers = [];
+    let _selectedType_extraInitializers = [];
+    let _lockType_decorators;
+    let _lockType_initializers = [];
+    let _lockType_extraInitializers = [];
+    let _credentialsHint_decorators;
+    let _credentialsHint_initializers = [];
+    let _credentialsHint_extraInitializers = [];
+    let _credentialValues_decorators;
+    let _credentialValues_initializers = [];
+    let _credentialValues_extraInitializers = [];
+    var DnsProviderForm = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _providerName_decorators = [property({ type: String })];
+            _selectedType_decorators = [state()];
+            _lockType_decorators = [property({ type: Boolean })];
+            _credentialsHint_decorators = [property({ type: String })];
+            _credentialValues_decorators = [state()];
+            __esDecorate(this, null, _providerName_decorators, { kind: "accessor", name: "providerName", static: false, private: false, access: { has: obj => "providerName" in obj, get: obj => obj.providerName, set: (obj, value) => { obj.providerName = value; } }, metadata: _metadata }, _providerName_initializers, _providerName_extraInitializers);
+            __esDecorate(this, null, _selectedType_decorators, { kind: "accessor", name: "selectedType", static: false, private: false, access: { has: obj => "selectedType" in obj, get: obj => obj.selectedType, set: (obj, value) => { obj.selectedType = value; } }, metadata: _metadata }, _selectedType_initializers, _selectedType_extraInitializers);
+            __esDecorate(this, null, _lockType_decorators, { kind: "accessor", name: "lockType", static: false, private: false, access: { has: obj => "lockType" in obj, get: obj => obj.lockType, set: (obj, value) => { obj.lockType = value; } }, metadata: _metadata }, _lockType_initializers, _lockType_extraInitializers);
+            __esDecorate(this, null, _credentialsHint_decorators, { kind: "accessor", name: "credentialsHint", static: false, private: false, access: { has: obj => "credentialsHint" in obj, get: obj => obj.credentialsHint, set: (obj, value) => { obj.credentialsHint = value; } }, metadata: _metadata }, _credentialsHint_initializers, _credentialsHint_extraInitializers);
+            __esDecorate(this, null, _credentialValues_decorators, { kind: "accessor", name: "credentialValues", static: false, private: false, access: { has: obj => "credentialValues" in obj, get: obj => obj.credentialValues, set: (obj, value) => { obj.credentialValues = value; } }, metadata: _metadata }, _credentialValues_initializers, _credentialValues_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DnsProviderForm = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #providerName_accessor_storage = __runInitializers(this, _providerName_initializers, '');
+        /** Pre-populated provider name. */
+        get providerName() { return this.#providerName_accessor_storage; }
+        set providerName(value) { this.#providerName_accessor_storage = value; }
+        #selectedType_accessor_storage = (__runInitializers(this, _providerName_extraInitializers), __runInitializers(this, _selectedType_initializers, interfaces.data.dnsProviderTypeDescriptors[0]?.type ?? 'cloudflare'));
+        /**
+         * Currently selected provider type. Initialized to the first descriptor;
+         * caller can override before mounting (e.g. for edit dialogs).
+         */
+        get selectedType() { return this.#selectedType_accessor_storage; }
+        set selectedType(value) { this.#selectedType_accessor_storage = value; }
+        #lockType_accessor_storage = (__runInitializers(this, _selectedType_extraInitializers), __runInitializers(this, _lockType_initializers, false));
+        /** When true, hide the type picker — used in edit dialogs. */
+        get lockType() { return this.#lockType_accessor_storage; }
+        set lockType(value) { this.#lockType_accessor_storage = value; }
+        #credentialsHint_accessor_storage = (__runInitializers(this, _lockType_extraInitializers), __runInitializers(this, _credentialsHint_initializers, ''));
+        /**
+         * Help text shown above credentials. Useful for edit dialogs to indicate
+         * that fields can be left blank to keep current values.
+         */
+        get credentialsHint() { return this.#credentialsHint_accessor_storage; }
+        set credentialsHint(value) { this.#credentialsHint_accessor_storage = value; }
+        #credentialValues_accessor_storage = (__runInitializers(this, _credentialsHint_extraInitializers), __runInitializers(this, _credentialValues_initializers, {}));
+        /** Internal map of credential field values, keyed by the descriptor's `key`. */
+        get credentialValues() { return this.#credentialValues_accessor_storage; }
+        set credentialValues(value) { this.#credentialValues_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+      }
+
+      .field {
+        margin-bottom: 12px;
+      }
+
+      .helpText {
+        font-size: 12px;
+        opacity: 0.7;
+        margin-top: -6px;
+        margin-bottom: 8px;
+      }
+
+      .typeDescription {
+        font-size: 12px;
+        opacity: 0.8;
+        margin: 4px 0 16px;
+        padding: 8px 12px;
+        background: ${cssManager.bdTheme('#f3f4f6', '#1f2937')};
+        border-radius: 6px;
+      }
+
+      .credentialsHint {
+        font-size: 12px;
+        opacity: 0.7;
+        margin-bottom: 12px;
+      }
+    `,
+        ];
+        render() {
+            const descriptors = interfaces.data.dnsProviderTypeDescriptors;
+            const descriptor = interfaces.data.getDnsProviderTypeDescriptor(this.selectedType);
+            return html `
+      <dees-form>
+        <div class="field">
+          <dees-input-text
+            .key=${'name'}
+            .label=${'Provider name'}
+            .value=${this.providerName}
+            .required=${true}
+          ></dees-input-text>
+        </div>
+
+        ${this.lockType
+                ? html `
+              <div class="field">
+                <dees-input-text
+                  .key=${'__type_display'}
+                  .label=${'Type'}
+                  .value=${descriptor?.displayName ?? this.selectedType}
+                  .disabled=${true}
+                ></dees-input-text>
+              </div>
+            `
+                : html `
+              <div class="field">
+                <dees-input-dropdown
+                  .key=${'__type'}
+                  .label=${'Provider type'}
+                  .options=${descriptors.map((d) => ({ option: d.displayName, key: d.type }))}
+                  .selectedOption=${descriptor
+                    ? { option: descriptor.displayName, key: descriptor.type }
+                    : undefined}
+                  @selectedOption=${(e) => {
+                    const newType = e.detail?.key;
+                    if (newType && newType !== this.selectedType) {
+                        this.selectedType = newType;
+                        this.credentialValues = {};
+                    }
+                }}
+                ></dees-input-dropdown>
+              </div>
+            `}
+        ${descriptor
+                ? html `
+              <div class="typeDescription">${descriptor.description}</div>
+              ${this.credentialsHint
+                    ? html `<div class="credentialsHint">${this.credentialsHint}</div>`
+                    : ''}
+              ${descriptor.credentialFields.map((f) => html `
+                  <div class="field">
+                    <dees-input-text
+                      .key=${f.key}
+                      .label=${f.label}
+                      .required=${f.required && !this.lockType}
+                    ></dees-input-text>
+                    ${f.helpText ? html `<div class="helpText">${f.helpText}</div>` : ''}
+                  </div>
+                `)}
+            `
+                : html `<p>No provider types registered.</p>`}
+      </dees-form>
+    `;
+        }
+        /**
+         * Read the form values and assemble the create/update payload.
+         * Returns the typed credentials object built from the descriptor's keys.
+         */
+        async collectData() {
+            const form = this.shadowRoot?.querySelector('dees-form');
+            if (!form)
+                return null;
+            const data = await form.collectFormData();
+            const descriptor = interfaces.data.getDnsProviderTypeDescriptor(this.selectedType);
+            if (!descriptor)
+                return null;
+            // Build the credentials object from the descriptor's field keys.
+            const credsBody = {};
+            let credentialsTouched = false;
+            for (const f of descriptor.credentialFields) {
+                const value = data[f.key];
+                if (value !== undefined && value !== null && String(value).length > 0) {
+                    credsBody[f.key] = String(value);
+                    credentialsTouched = true;
+                }
+            }
+            // The discriminator goes on the credentials object so the backend
+            // factory and the discriminated union both stay happy.
+            const credentials = {
+                type: this.selectedType,
+                ...credsBody,
+            };
+            return {
+                name: String(data.name ?? ''),
+                type: this.selectedType,
+                credentials,
+                credentialsTouched,
+            };
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _credentialValues_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DnsProviderForm = _classThis;
+})();
+export { DnsProviderForm };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG5zLXByb3ZpZGVyLWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvZG9tYWlucy9kbnMtcHJvdmlkZXItZm9ybS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFVBQVUsR0FDWCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sS0FBSyxVQUFVLE1BQU0sc0NBQXNDLENBQUM7QUFRbkU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0lBRVUsZUFBZTs0QkFEM0IsYUFBYSxDQUFDLG1CQUFtQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7K0JBQW5CLFNBQVEsV0FBVzs7Ozt3Q0FFN0MsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3dDQU8xQixLQUFLLEVBQUU7b0NBS1AsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDOzJDQU8zQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7NENBSTFCLEtBQUssRUFBRTtZQXRCUix5TEFBUyxZQUFZLDZCQUFaLFlBQVksbUdBQWM7WUFPbkMseUxBQVMsWUFBWSw2QkFBWixZQUFZLG1HQUNpRDtZQUl0RSw2S0FBUyxRQUFRLDZCQUFSLFFBQVEsMkZBQWtCO1lBT25DLGtNQUFTLGVBQWUsNkJBQWYsZUFBZSx5R0FBYztZQUl0QyxxTUFBUyxnQkFBZ0IsNkJBQWhCLGdCQUFnQiwyR0FBOEI7WUExQnpELDZLQStLQzs7OztRQTVLQyxxRkFBZ0MsRUFBRSxFQUFDO1FBRm5DLG1DQUFtQztRQUVuQyxJQUFTLFlBQVksa0RBQWM7UUFBbkMsSUFBUyxZQUFZLHdEQUFjO1FBT25D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

package/dist_ts_web/elements/domains/index.d.ts

@@ -0,0 +1,5 @@
+export * from './dns-provider-form.js';
+export * from './ops-view-providers.js';
+export * from './ops-view-domains.js';
+export * from './ops-view-dns.js';
+export * from './ops-view-certificates.js';

package/dist_ts_web/elements/domains/index.js

@@ -0,0 +1,6 @@
+export * from './dns-provider-form.js';
+export * from './ops-view-providers.js';
+export * from './ops-view-domains.js';
+export * from './ops-view-dns.js';
+export * from './ops-view-certificates.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvZG9tYWlucy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsNEJBQTRCLENBQUMifQ==

package/dist_ts_web/elements/{ops-view-certificates.d.ts → domains/ops-view-certificates.d.ts}

@@ -1,5 +1,5 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
-import * as appstate from '../appstate.js';
+import * as appstate from '../../appstate.js';
 declare global {
     interface HTMLElementTagNameMap {
         'ops-view-certificates': OpsViewCertificates;