@serve.zone/catalog 1.0.1

package/dist_ts_web/elements/sz-service-create-view.js

@@ -0,0 +1,828 @@
+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, customElement, html, css, cssManager, property, state, } from '@design.estate/dees-element';
+let SzServiceCreateView = (() => {
+    let _classDecorators = [customElement('sz-service-create-view')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _registries_decorators;
+    let _registries_initializers = [];
+    let _registries_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    let _serviceName_decorators;
+    let _serviceName_initializers = [];
+    let _serviceName_extraInitializers = [];
+    let _imageUrl_decorators;
+    let _imageUrl_initializers = [];
+    let _imageUrl_extraInitializers = [];
+    let _selectedRegistry_decorators;
+    let _selectedRegistry_initializers = [];
+    let _selectedRegistry_extraInitializers = [];
+    let _ports_decorators;
+    let _ports_initializers = [];
+    let _ports_extraInitializers = [];
+    let _envVars_decorators;
+    let _envVars_initializers = [];
+    let _envVars_extraInitializers = [];
+    let _volumes_decorators;
+    let _volumes_initializers = [];
+    let _volumes_extraInitializers = [];
+    let _cpuLimit_decorators;
+    let _cpuLimit_initializers = [];
+    let _cpuLimit_extraInitializers = [];
+    let _memoryLimit_decorators;
+    let _memoryLimit_initializers = [];
+    let _memoryLimit_extraInitializers = [];
+    let _restartPolicy_decorators;
+    let _restartPolicy_initializers = [];
+    let _restartPolicy_extraInitializers = [];
+    let _networkMode_decorators;
+    let _networkMode_initializers = [];
+    let _networkMode_extraInitializers = [];
+    let _showAdvanced_decorators;
+    let _showAdvanced_initializers = [];
+    let _showAdvanced_extraInitializers = [];
+    var SzServiceCreateView = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _registries_decorators = [property({ type: Array })];
+            _loading_decorators = [property({ type: Boolean })];
+            _serviceName_decorators = [state()];
+            _imageUrl_decorators = [state()];
+            _selectedRegistry_decorators = [state()];
+            _ports_decorators = [state()];
+            _envVars_decorators = [state()];
+            _volumes_decorators = [state()];
+            _cpuLimit_decorators = [state()];
+            _memoryLimit_decorators = [state()];
+            _restartPolicy_decorators = [state()];
+            _networkMode_decorators = [state()];
+            _showAdvanced_decorators = [state()];
+            __esDecorate(this, null, _registries_decorators, { kind: "accessor", name: "registries", static: false, private: false, access: { has: obj => "registries" in obj, get: obj => obj.registries, set: (obj, value) => { obj.registries = value; } }, metadata: _metadata }, _registries_initializers, _registries_extraInitializers);
+            __esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
+            __esDecorate(this, null, _serviceName_decorators, { kind: "accessor", name: "serviceName", static: false, private: false, access: { has: obj => "serviceName" in obj, get: obj => obj.serviceName, set: (obj, value) => { obj.serviceName = value; } }, metadata: _metadata }, _serviceName_initializers, _serviceName_extraInitializers);
+            __esDecorate(this, null, _imageUrl_decorators, { kind: "accessor", name: "imageUrl", static: false, private: false, access: { has: obj => "imageUrl" in obj, get: obj => obj.imageUrl, set: (obj, value) => { obj.imageUrl = value; } }, metadata: _metadata }, _imageUrl_initializers, _imageUrl_extraInitializers);
+            __esDecorate(this, null, _selectedRegistry_decorators, { kind: "accessor", name: "selectedRegistry", static: false, private: false, access: { has: obj => "selectedRegistry" in obj, get: obj => obj.selectedRegistry, set: (obj, value) => { obj.selectedRegistry = value; } }, metadata: _metadata }, _selectedRegistry_initializers, _selectedRegistry_extraInitializers);
+            __esDecorate(this, null, _ports_decorators, { kind: "accessor", name: "ports", static: false, private: false, access: { has: obj => "ports" in obj, get: obj => obj.ports, set: (obj, value) => { obj.ports = value; } }, metadata: _metadata }, _ports_initializers, _ports_extraInitializers);
+            __esDecorate(this, null, _envVars_decorators, { kind: "accessor", name: "envVars", static: false, private: false, access: { has: obj => "envVars" in obj, get: obj => obj.envVars, set: (obj, value) => { obj.envVars = value; } }, metadata: _metadata }, _envVars_initializers, _envVars_extraInitializers);
+            __esDecorate(this, null, _volumes_decorators, { kind: "accessor", name: "volumes", static: false, private: false, access: { has: obj => "volumes" in obj, get: obj => obj.volumes, set: (obj, value) => { obj.volumes = value; } }, metadata: _metadata }, _volumes_initializers, _volumes_extraInitializers);
+            __esDecorate(this, null, _cpuLimit_decorators, { kind: "accessor", name: "cpuLimit", static: false, private: false, access: { has: obj => "cpuLimit" in obj, get: obj => obj.cpuLimit, set: (obj, value) => { obj.cpuLimit = value; } }, metadata: _metadata }, _cpuLimit_initializers, _cpuLimit_extraInitializers);
+            __esDecorate(this, null, _memoryLimit_decorators, { kind: "accessor", name: "memoryLimit", static: false, private: false, access: { has: obj => "memoryLimit" in obj, get: obj => obj.memoryLimit, set: (obj, value) => { obj.memoryLimit = value; } }, metadata: _metadata }, _memoryLimit_initializers, _memoryLimit_extraInitializers);
+            __esDecorate(this, null, _restartPolicy_decorators, { kind: "accessor", name: "restartPolicy", static: false, private: false, access: { has: obj => "restartPolicy" in obj, get: obj => obj.restartPolicy, set: (obj, value) => { obj.restartPolicy = value; } }, metadata: _metadata }, _restartPolicy_initializers, _restartPolicy_extraInitializers);
+            __esDecorate(this, null, _networkMode_decorators, { kind: "accessor", name: "networkMode", static: false, private: false, access: { has: obj => "networkMode" in obj, get: obj => obj.networkMode, set: (obj, value) => { obj.networkMode = value; } }, metadata: _metadata }, _networkMode_initializers, _networkMode_extraInitializers);
+            __esDecorate(this, null, _showAdvanced_decorators, { kind: "accessor", name: "showAdvanced", static: false, private: false, access: { has: obj => "showAdvanced" in obj, get: obj => obj.showAdvanced, set: (obj, value) => { obj.showAdvanced = value; } }, metadata: _metadata }, _showAdvanced_initializers, _showAdvanced_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SzServiceCreateView = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="padding: 24px; max-width: 800px;">
+      <sz-service-create-view
+        .registries=${[
+            { id: '1', name: 'Onebox Registry', url: 'registry.onebox.local' },
+            { id: '2', name: 'Docker Hub', url: 'docker.io' },
+        ]}
+      ></sz-service-create-view>
+    </div>
+  `;
+        #registries_accessor_storage = __runInitializers(this, _registries_initializers, []);
+        get registries() { return this.#registries_accessor_storage; }
+        set registries(value) { this.#registries_accessor_storage = value; }
+        #loading_accessor_storage = (__runInitializers(this, _registries_extraInitializers), __runInitializers(this, _loading_initializers, false));
+        get loading() { return this.#loading_accessor_storage; }
+        set loading(value) { this.#loading_accessor_storage = value; }
+        #serviceName_accessor_storage = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _serviceName_initializers, ''));
+        get serviceName() { return this.#serviceName_accessor_storage; }
+        set serviceName(value) { this.#serviceName_accessor_storage = value; }
+        #imageUrl_accessor_storage = (__runInitializers(this, _serviceName_extraInitializers), __runInitializers(this, _imageUrl_initializers, ''));
+        get imageUrl() { return this.#imageUrl_accessor_storage; }
+        set imageUrl(value) { this.#imageUrl_accessor_storage = value; }
+        #selectedRegistry_accessor_storage = (__runInitializers(this, _imageUrl_extraInitializers), __runInitializers(this, _selectedRegistry_initializers, ''));
+        get selectedRegistry() { return this.#selectedRegistry_accessor_storage; }
+        set selectedRegistry(value) { this.#selectedRegistry_accessor_storage = value; }
+        #ports_accessor_storage = (__runInitializers(this, _selectedRegistry_extraInitializers), __runInitializers(this, _ports_initializers, [{ hostPort: '', containerPort: '', protocol: 'tcp' }]));
+        get ports() { return this.#ports_accessor_storage; }
+        set ports(value) { this.#ports_accessor_storage = value; }
+        #envVars_accessor_storage = (__runInitializers(this, _ports_extraInitializers), __runInitializers(this, _envVars_initializers, [{ key: '', value: '' }]));
+        get envVars() { return this.#envVars_accessor_storage; }
+        set envVars(value) { this.#envVars_accessor_storage = value; }
+        #volumes_accessor_storage = (__runInitializers(this, _envVars_extraInitializers), __runInitializers(this, _volumes_initializers, []));
+        get volumes() { return this.#volumes_accessor_storage; }
+        set volumes(value) { this.#volumes_accessor_storage = value; }
+        #cpuLimit_accessor_storage = (__runInitializers(this, _volumes_extraInitializers), __runInitializers(this, _cpuLimit_initializers, ''));
+        get cpuLimit() { return this.#cpuLimit_accessor_storage; }
+        set cpuLimit(value) { this.#cpuLimit_accessor_storage = value; }
+        #memoryLimit_accessor_storage = (__runInitializers(this, _cpuLimit_extraInitializers), __runInitializers(this, _memoryLimit_initializers, ''));
+        get memoryLimit() { return this.#memoryLimit_accessor_storage; }
+        set memoryLimit(value) { this.#memoryLimit_accessor_storage = value; }
+        #restartPolicy_accessor_storage = (__runInitializers(this, _memoryLimit_extraInitializers), __runInitializers(this, _restartPolicy_initializers, 'always'));
+        get restartPolicy() { return this.#restartPolicy_accessor_storage; }
+        set restartPolicy(value) { this.#restartPolicy_accessor_storage = value; }
+        #networkMode_accessor_storage = (__runInitializers(this, _restartPolicy_extraInitializers), __runInitializers(this, _networkMode_initializers, 'bridge'));
+        get networkMode() { return this.#networkMode_accessor_storage; }
+        set networkMode(value) { this.#networkMode_accessor_storage = value; }
+        #showAdvanced_accessor_storage = (__runInitializers(this, _networkMode_extraInitializers), __runInitializers(this, _showAdvanced_initializers, false));
+        get showAdvanced() { return this.#showAdvanced_accessor_storage; }
+        set showAdvanced(value) { this.#showAdvanced_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+      }
+
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 24px;
+      }
+
+      .header-title {
+        font-size: 20px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .header-subtitle {
+        font-size: 14px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        margin-top: 4px;
+      }
+
+      .section {
+        background: ${cssManager.bdTheme('#ffffff', '#09090b')};
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 8px;
+        padding: 20px;
+        margin-bottom: 16px;
+      }
+
+      .section-title {
+        font-size: 15px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+        margin-bottom: 16px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+
+      .section-title svg {
+        width: 18px;
+        height: 18px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+      }
+
+      .form-row {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 16px;
+        margin-bottom: 16px;
+      }
+
+      .form-row.single {
+        grid-template-columns: 1fr;
+      }
+
+      .form-group {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+      }
+
+      .form-label {
+        font-size: 13px;
+        font-weight: 500;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .form-label .required {
+        color: ${cssManager.bdTheme('#ef4444', '#f87171')};
+      }
+
+      .form-hint {
+        font-size: 12px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+      }
+
+      .form-input,
+      .form-select {
+        width: 100%;
+        padding: 10px 12px;
+        background: ${cssManager.bdTheme('#ffffff', '#18181b')};
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 6px;
+        font-size: 14px;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+        outline: none;
+        transition: border-color 200ms ease;
+        box-sizing: border-box;
+      }
+
+      .form-input:focus,
+      .form-select:focus {
+        border-color: ${cssManager.bdTheme('#3b82f6', '#60a5fa')};
+      }
+
+      .form-input::placeholder {
+        color: ${cssManager.bdTheme('#a1a1aa', '#52525b')};
+      }
+
+      .form-select {
+        cursor: pointer;
+      }
+
+      .dynamic-list {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+      }
+
+      .dynamic-row {
+        display: flex;
+        gap: 8px;
+        align-items: flex-start;
+      }
+
+      .dynamic-row .form-input {
+        flex: 1;
+      }
+
+      .dynamic-row .form-select {
+        width: 80px;
+        flex-shrink: 0;
+      }
+
+      .remove-button {
+        padding: 10px;
+        background: transparent;
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 6px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        cursor: pointer;
+        transition: all 200ms ease;
+        flex-shrink: 0;
+      }
+
+      .remove-button:hover {
+        background: ${cssManager.bdTheme('#fee2e2', 'rgba(239, 68, 68, 0.2)')};
+        border-color: ${cssManager.bdTheme('#fecaca', 'rgba(239, 68, 68, 0.3)')};
+        color: ${cssManager.bdTheme('#dc2626', '#ef4444')};
+      }
+
+      .add-button {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 8px 12px;
+        background: transparent;
+        border: 1px dashed ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 6px;
+        font-size: 13px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        cursor: pointer;
+        transition: all 200ms ease;
+        margin-top: 8px;
+      }
+
+      .add-button:hover {
+        background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
+        border-color: ${cssManager.bdTheme('#a1a1aa', '#52525b')};
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .add-button svg {
+        width: 14px;
+        height: 14px;
+      }
+
+      .toggle-advanced {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 12px 0;
+        font-size: 14px;
+        font-weight: 500;
+        color: ${cssManager.bdTheme('#3b82f6', '#60a5fa')};
+        cursor: pointer;
+        background: none;
+        border: none;
+      }
+
+      .toggle-advanced svg {
+        width: 16px;
+        height: 16px;
+        transition: transform 200ms ease;
+      }
+
+      .toggle-advanced.open svg {
+        transform: rotate(180deg);
+      }
+
+      .checkbox-row {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+
+      .checkbox {
+        width: 18px;
+        height: 18px;
+        accent-color: ${cssManager.bdTheme('#3b82f6', '#60a5fa')};
+      }
+
+      .actions {
+        display: flex;
+        justify-content: flex-end;
+        gap: 12px;
+        padding-top: 16px;
+        border-top: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        margin-top: 8px;
+      }
+
+      .button {
+        padding: 10px 20px;
+        border-radius: 6px;
+        font-size: 14px;
+        font-weight: 500;
+        cursor: pointer;
+        transition: all 200ms ease;
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+      }
+
+      .button.secondary {
+        background: ${cssManager.bdTheme('#ffffff', '#09090b')};
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .button.secondary:hover {
+        background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
+      }
+
+      .button.primary {
+        background: ${cssManager.bdTheme('#18181b', '#fafafa')};
+        border: none;
+        color: ${cssManager.bdTheme('#fafafa', '#18181b')};
+      }
+
+      .button.primary:hover:not(:disabled) {
+        opacity: 0.9;
+      }
+
+      .button.primary:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+      }
+
+      .spinner {
+        width: 16px;
+        height: 16px;
+        border: 2px solid transparent;
+        border-top-color: currentColor;
+        border-radius: 50%;
+        animation: spin 0.8s linear infinite;
+      }
+
+      @keyframes spin {
+        to {
+          transform: rotate(360deg);
+        }
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="header">
+        <div>
+          <div class="header-title">Deploy New Service</div>
+          <div class="header-subtitle">Configure and deploy a new Docker container</div>
+        </div>
+      </div>
+
+      <!-- Basic Info Section -->
+      <div class="section">
+        <div class="section-title">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+            <line x1="9" y1="9" x2="15" y2="9"></line>
+            <line x1="9" y1="15" x2="15" y2="15"></line>
+          </svg>
+          Basic Information
+        </div>
+        <div class="form-row">
+          <div class="form-group">
+            <label class="form-label">Service Name <span class="required">*</span></label>
+            <input
+              type="text"
+              class="form-input"
+              placeholder="my-service"
+              .value=${this.serviceName}
+              @input=${(e) => this.serviceName = e.target.value}
+            >
+            <div class="form-hint">Unique name for the service (alphanumeric and hyphens)</div>
+          </div>
+          <div class="form-group">
+            <label class="form-label">Registry</label>
+            <select
+              class="form-select"
+              .value=${this.selectedRegistry}
+              @change=${(e) => this.selectedRegistry = e.target.value}
+            >
+              <option value="">Custom Image URL</option>
+              ${this.registries.map(reg => html `
+                <option value=${reg.id}>${reg.name}</option>
+              `)}
+            </select>
+          </div>
+        </div>
+        <div class="form-row single">
+          <div class="form-group">
+            <label class="form-label">Image <span class="required">*</span></label>
+            <input
+              type="text"
+              class="form-input"
+              placeholder="nginx:latest or registry.example.com/image:tag"
+              .value=${this.imageUrl}
+              @input=${(e) => this.imageUrl = e.target.value}
+            >
+            <div class="form-hint">Docker image to deploy (include tag)</div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Port Configuration -->
+      <div class="section">
+        <div class="section-title">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <circle cx="12" cy="12" r="10"></circle>
+            <line x1="2" y1="12" x2="22" y2="12"></line>
+            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
+          </svg>
+          Port Configuration
+        </div>
+        <div class="dynamic-list">
+          ${this.ports.map((port, index) => html `
+            <div class="dynamic-row">
+              <input
+                type="text"
+                class="form-input"
+                placeholder="Host Port"
+                .value=${port.hostPort}
+                @input=${(e) => this.updatePort(index, 'hostPort', e.target.value)}
+              >
+              <input
+                type="text"
+                class="form-input"
+                placeholder="Container Port"
+                .value=${port.containerPort}
+                @input=${(e) => this.updatePort(index, 'containerPort', e.target.value)}
+              >
+              <select
+                class="form-select"
+                .value=${port.protocol}
+                @change=${(e) => this.updatePort(index, 'protocol', e.target.value)}
+              >
+                <option value="tcp">TCP</option>
+                <option value="udp">UDP</option>
+              </select>
+              ${this.ports.length > 1 ? html `
+                <button class="remove-button" @click=${() => this.removePort(index)}>
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <line x1="18" y1="6" x2="6" y2="18"></line>
+                    <line x1="6" y1="6" x2="18" y2="18"></line>
+                  </svg>
+                </button>
+              ` : ''}
+            </div>
+          `)}
+        </div>
+        <button class="add-button" @click=${() => this.addPort()}>
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <line x1="12" y1="5" x2="12" y2="19"></line>
+            <line x1="5" y1="12" x2="19" y2="12"></line>
+          </svg>
+          Add Port Mapping
+        </button>
+      </div>
+
+      <!-- Environment Variables -->
+      <div class="section">
+        <div class="section-title">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <polyline points="4 17 10 11 4 5"></polyline>
+            <line x1="12" y1="19" x2="20" y2="19"></line>
+          </svg>
+          Environment Variables
+        </div>
+        <div class="dynamic-list">
+          ${this.envVars.map((env, index) => html `
+            <div class="dynamic-row">
+              <input
+                type="text"
+                class="form-input"
+                placeholder="KEY"
+                .value=${env.key}
+                @input=${(e) => this.updateEnvVar(index, 'key', e.target.value)}
+              >
+              <input
+                type="text"
+                class="form-input"
+                placeholder="value"
+                .value=${env.value}
+                @input=${(e) => this.updateEnvVar(index, 'value', e.target.value)}
+              >
+              ${this.envVars.length > 1 ? html `
+                <button class="remove-button" @click=${() => this.removeEnvVar(index)}>
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <line x1="18" y1="6" x2="6" y2="18"></line>
+                    <line x1="6" y1="6" x2="18" y2="18"></line>
+                  </svg>
+                </button>
+              ` : ''}
+            </div>
+          `)}
+        </div>
+        <button class="add-button" @click=${() => this.addEnvVar()}>
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <line x1="12" y1="5" x2="12" y2="19"></line>
+            <line x1="5" y1="12" x2="19" y2="12"></line>
+          </svg>
+          Add Environment Variable
+        </button>
+      </div>
+
+      <!-- Advanced Options Toggle -->
+      <button
+        class="toggle-advanced ${this.showAdvanced ? 'open' : ''}"
+        @click=${() => this.showAdvanced = !this.showAdvanced}
+      >
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <polyline points="6 9 12 15 18 9"></polyline>
+        </svg>
+        Advanced Options
+      </button>
+
+      ${this.showAdvanced ? html `
+        <!-- Volumes -->
+        <div class="section">
+          <div class="section-title">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
+            </svg>
+            Volume Mounts
+          </div>
+          <div class="dynamic-list">
+            ${this.volumes.length === 0 ? html `
+              <div class="form-hint">No volumes configured</div>
+            ` : this.volumes.map((vol, index) => html `
+              <div class="dynamic-row">
+                <input
+                  type="text"
+                  class="form-input"
+                  placeholder="/host/path"
+                  .value=${vol.hostPath}
+                  @input=${(e) => this.updateVolume(index, 'hostPath', e.target.value)}
+                >
+                <input
+                  type="text"
+                  class="form-input"
+                  placeholder="/container/path"
+                  .value=${vol.containerPath}
+                  @input=${(e) => this.updateVolume(index, 'containerPath', e.target.value)}
+                >
+                <div class="checkbox-row">
+                  <input
+                    type="checkbox"
+                    class="checkbox"
+                    ?checked=${vol.readOnly}
+                    @change=${(e) => this.updateVolume(index, 'readOnly', e.target.checked)}
+                  >
+                  <span class="form-hint">RO</span>
+                </div>
+                <button class="remove-button" @click=${() => this.removeVolume(index)}>
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <line x1="18" y1="6" x2="6" y2="18"></line>
+                    <line x1="6" y1="6" x2="18" y2="18"></line>
+                  </svg>
+                </button>
+              </div>
+            `)}
+          </div>
+          <button class="add-button" @click=${() => this.addVolume()}>
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <line x1="12" y1="5" x2="12" y2="19"></line>
+              <line x1="5" y1="12" x2="19" y2="12"></line>
+            </svg>
+            Add Volume Mount
+          </button>
+        </div>
+
+        <!-- Resource Limits -->
+        <div class="section">
+          <div class="section-title">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect>
+              <line x1="1" y1="10" x2="23" y2="10"></line>
+            </svg>
+            Resource Limits
+          </div>
+          <div class="form-row">
+            <div class="form-group">
+              <label class="form-label">CPU Limit</label>
+              <input
+                type="text"
+                class="form-input"
+                placeholder="e.g., 1.0 or 0.5"
+                .value=${this.cpuLimit}
+                @input=${(e) => this.cpuLimit = e.target.value}
+              >
+              <div class="form-hint">Number of CPUs (leave empty for unlimited)</div>
+            </div>
+            <div class="form-group">
+              <label class="form-label">Memory Limit</label>
+              <input
+                type="text"
+                class="form-input"
+                placeholder="e.g., 512m or 1g"
+                .value=${this.memoryLimit}
+                @input=${(e) => this.memoryLimit = e.target.value}
+              >
+              <div class="form-hint">Memory limit (leave empty for unlimited)</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Restart Policy & Network -->
+        <div class="section">
+          <div class="section-title">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <circle cx="12" cy="12" r="3"></circle>
+              <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+            </svg>
+            Container Settings
+          </div>
+          <div class="form-row">
+            <div class="form-group">
+              <label class="form-label">Restart Policy</label>
+              <select
+                class="form-select"
+                .value=${this.restartPolicy}
+                @change=${(e) => this.restartPolicy = e.target.value}
+              >
+                <option value="always">Always</option>
+                <option value="on-failure">On Failure</option>
+                <option value="never">Never</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label class="form-label">Network Mode</label>
+              <select
+                class="form-select"
+                .value=${this.networkMode}
+                @change=${(e) => this.networkMode = e.target.value}
+              >
+                <option value="bridge">Bridge</option>
+                <option value="host">Host</option>
+                <option value="none">None</option>
+              </select>
+            </div>
+          </div>
+        </div>
+      ` : ''}
+
+      <div class="actions">
+        <button class="button secondary" @click=${() => this.handleCancel()}>Cancel</button>
+        <button
+          class="button primary"
+          ?disabled=${this.loading || !this.isValid()}
+          @click=${() => this.handleCreate()}
+        >
+          ${this.loading ? html `<div class="spinner"></div>` : ''}
+          ${this.loading ? 'Deploying...' : 'Deploy Service'}
+        </button>
+      </div>
+    `;
+        }
+        isValid() {
+            return this.serviceName.trim() !== '' && this.imageUrl.trim() !== '';
+        }
+        addPort() {
+            this.ports = [...this.ports, { hostPort: '', containerPort: '', protocol: 'tcp' }];
+        }
+        removePort(index) {
+            this.ports = this.ports.filter((_, i) => i !== index);
+        }
+        updatePort(index, field, value) {
+            const newPorts = [...this.ports];
+            newPorts[index][field] = value;
+            this.ports = newPorts;
+        }
+        addEnvVar() {
+            this.envVars = [...this.envVars, { key: '', value: '' }];
+        }
+        removeEnvVar(index) {
+            this.envVars = this.envVars.filter((_, i) => i !== index);
+        }
+        updateEnvVar(index, field, value) {
+            const newEnvVars = [...this.envVars];
+            newEnvVars[index][field] = value;
+            this.envVars = newEnvVars;
+        }
+        addVolume() {
+            this.volumes = [...this.volumes, { hostPath: '', containerPath: '', readOnly: false }];
+        }
+        removeVolume(index) {
+            this.volumes = this.volumes.filter((_, i) => i !== index);
+        }
+        updateVolume(index, field, value) {
+            const newVolumes = [...this.volumes];
+            newVolumes[index][field] = value;
+            this.volumes = newVolumes;
+        }
+        handleCancel() {
+            this.dispatchEvent(new CustomEvent('cancel', { bubbles: true, composed: true }));
+        }
+        handleCreate() {
+            const config = {
+                name: this.serviceName.trim(),
+                image: this.imageUrl.trim(),
+                ports: this.ports.filter(p => p.hostPort && p.containerPort),
+                envVars: this.envVars.filter(e => e.key),
+                volumes: this.volumes.filter(v => v.hostPath && v.containerPath),
+                cpuLimit: this.cpuLimit,
+                memoryLimit: this.memoryLimit,
+                restartPolicy: this.restartPolicy,
+                networkMode: this.networkMode,
+            };
+            this.dispatchEvent(new CustomEvent('create-service', {
+                detail: config,
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        reset() {
+            this.serviceName = '';
+            this.imageUrl = '';
+            this.selectedRegistry = '';
+            this.ports = [{ hostPort: '', containerPort: '', protocol: 'tcp' }];
+            this.envVars = [{ key: '', value: '' }];
+            this.volumes = [];
+            this.cpuLimit = '';
+            this.memoryLimit = '';
+            this.restartPolicy = 'always';
+            this.networkMode = 'bridge';
+            this.showAdvanced = false;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _showAdvanced_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzServiceCreateView = _classThis;
+})();
+export { SzServiceCreateView };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otc2VydmljZS1jcmVhdGUtdmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zei1zZXJ2aWNlLWNyZWF0ZS12aWV3LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixJQUFJLEVBQ0osR0FBRyxFQUNILFVBQVUsRUFDVixRQUFRLEVBQ1IsS0FBSyxHQUVOLE1BQU0sNkJBQTZCLENBQUM7SUE0Q3hCLG1CQUFtQjs0QkFEL0IsYUFBYSxDQUFDLHdCQUF3QixDQUFDOzs7O3NCQUNDLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7bUNBQW5CLFNBQVEsV0FBVzs7OztzQ0FZakQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO21DQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7dUNBRzNCLEtBQUssRUFBRTtvQ0FHUCxLQUFLLEVBQUU7NENBR1AsS0FBSyxFQUFFO2lDQUdQLEtBQUssRUFBRTttQ0FHUCxLQUFLLEVBQUU7bUNBR1AsS0FBSyxFQUFFO29DQUdQLEtBQUssRUFBRTt1Q0FHUCxLQUFLLEVBQUU7eUNBR1AsS0FBSyxFQUFFO3VDQUdQLEtBQUssRUFBRTt3Q0FHUCxLQUFLLEVBQUU7WUFuQ1IsbUxBQWdCLFVBQVUsNkJBQVYsVUFBVSwrRkFBbUI7WUFHN0MsMEtBQWdCLE9BQU8sNkJBQVAsT0FBTyx5RkFBa0I7WUFHekMsc0xBQWlCLFdBQVcsNkJBQVgsV0FBVyxpR0FBYztZQUcxQyw2S0FBaUIsUUFBUSw2QkFBUixRQUFRLDJGQUFjO1lBR3ZDLHFNQUFpQixnQkFBZ0IsNkJBQWhCLGdCQUFnQiwyR0FBYztZQUcvQyxvS0FBaUIsS0FBSyw2QkFBTCxLQUFLLHFGQUEwRTtZQUdoRywwS0FB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