@serve.zone/catalog 1.1.0 → 2.0.1

package/dist_watch/bundle.js

@@ -96713,8 +96713,8 @@ __export(elements_exports, {
   SzPlatformServiceDetailView: () => SzPlatformServiceDetailView,
   SzPlatformServicesCard: () => SzPlatformServicesCard,
   SzQuickActionsCard: () => SzQuickActionsCard,
+  SzRegistryAdvertisement: () => SzRegistryAdvertisement,
   SzRegistryExternalView: () => SzRegistryExternalView,
-  SzRegistryOneboxView: () => SzRegistryOneboxView,
   SzResourceUsageCard: () => SzResourceUsageCard,
   SzReverseProxyCard: () => SzReverseProxyCard,
   SzServiceCreateView: () => SzServiceCreateView,
@@ -99514,11 +99514,11 @@ __publicField(SzNetworkDomainsView, "styles", [
 ]);
 __runInitializers(_init16, 1, SzNetworkDomainsView);
 
-// ts_web/elements/sz-registry-onebox-view.ts
+// ts_web/elements/sz-registry-advertisement.ts
 init_dist_ts29();
-var _registryUrl_dec, _status_dec, _a17, _SzRegistryOneboxView_decorators, _init17, _status, _registryUrl;
-_SzRegistryOneboxView_decorators = [t4("sz-registry-onebox-view")];
-var SzRegistryOneboxView = class extends (_a17 = DeesElement, _status_dec = [n5({ type: String })], _registryUrl_dec = [n5({ type: String })], _a17) {
+var _registryUrl_dec, _status_dec, _a17, _SzRegistryAdvertisement_decorators, _init17, _status, _registryUrl;
+_SzRegistryAdvertisement_decorators = [t4("sz-registry-advertisement")];
+var SzRegistryAdvertisement = class extends (_a17 = DeesElement, _status_dec = [n5({ type: String })], _registryUrl_dec = [n5({ type: String })], _a17) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _status, __runInitializers(_init17, 8, this, "stopped")), __runInitializers(_init17, 11, this);
@@ -99535,10 +99535,10 @@ var SzRegistryOneboxView = class extends (_a17 = DeesElement, _status_dec = [n5(
           </div>
           <div class="header-info">
             <div class="header-title">
-              Onebox Registry (Built-in)
+              Registry Advertisement
               <span class="default-badge">Default</span>
             </div>
-            <div class="header-subtitle">Built-in container registry for your services</div>
+            <div class="header-subtitle">Container registry for your services</div>
           </div>
         </div>
 
@@ -99564,10 +99564,10 @@ var SzRegistryOneboxView = class extends (_a17 = DeesElement, _status_dec = [n5(
 
           <div class="quick-start">
             <div class="quick-start-title">Quick Start</div>
-            <div class="quick-start-desc">To push images to the Onebox registry, use a CI or Global token:</div>
+            <div class="quick-start-desc">To push images to the registry, use a CI or Global token:</div>
             <div class="code-block">
               <div class="code-line code-comment"># Login to the registry</div>
-              <div class="code-line code-command">docker login ${this.registryUrl.split("/")[0]} -u onebox -p YOUR_TOKEN</div>
+              <div class="code-line code-command">docker login ${this.registryUrl.split("/")[0]} -u registry -p YOUR_TOKEN</div>
               <div class="code-line code-comment"># Tag and push your image</div>
               <div class="code-line code-command">docker tag myapp ${this.registryUrl.split("/")[0]}/myservice:latest</div>
               <div class="code-line code-command">docker push ${this.registryUrl.split("/")[0]}/myservice:latest</div>
@@ -99584,19 +99584,19 @@ var SzRegistryOneboxView = class extends (_a17 = DeesElement, _status_dec = [n5(
 _init17 = __decoratorStart(_a17);
 _status = new WeakMap();
 _registryUrl = new WeakMap();
-__decorateElement(_init17, 4, "status", _status_dec, SzRegistryOneboxView, _status);
-__decorateElement(_init17, 4, "registryUrl", _registryUrl_dec, SzRegistryOneboxView, _registryUrl);
-SzRegistryOneboxView = __decorateElement(_init17, 0, "SzRegistryOneboxView", _SzRegistryOneboxView_decorators, SzRegistryOneboxView);
-__publicField(SzRegistryOneboxView, "demo", () => b2`
+__decorateElement(_init17, 4, "status", _status_dec, SzRegistryAdvertisement, _status);
+__decorateElement(_init17, 4, "registryUrl", _registryUrl_dec, SzRegistryAdvertisement, _registryUrl);
+SzRegistryAdvertisement = __decorateElement(_init17, 0, "SzRegistryAdvertisement", _SzRegistryAdvertisement_decorators, SzRegistryAdvertisement);
+__publicField(SzRegistryAdvertisement, "demo", () => b2`
     <div style="padding: 24px; max-width: 800px;">
-      <sz-registry-onebox-view
+      <sz-registry-advertisement
         status="running"
         registryUrl="localhost:3000/v2"
-      ></sz-registry-onebox-view>
+      ></sz-registry-advertisement>
     </div>
   `);
-__publicField(SzRegistryOneboxView, "demoGroups", ["Auth & Settings"]);
-__publicField(SzRegistryOneboxView, "styles", [
+__publicField(SzRegistryAdvertisement, "demoGroups", ["Auth & Settings"]);
+__publicField(SzRegistryAdvertisement, "styles", [
   cssManager.defaultStyles,
   i`
       :host {
@@ -99762,7 +99762,7 @@ __publicField(SzRegistryOneboxView, "styles", [
       }
     `
 ]);
-__runInitializers(_init17, 1, SzRegistryOneboxView);
+__runInitializers(_init17, 1, SzRegistryAdvertisement);
 
 // ts_web/elements/sz-registry-external-view.ts
 init_dist_ts29();
@@ -100597,9 +100597,9 @@ __runInitializers(_init20, 1, SzServicesBackupsView);
 
 // ts_web/elements/sz-service-detail-view.ts
 init_dist_ts29();
-var _streaming_dec2, _logs_dec2, _backups_dec2, _stats_dec3, _service_dec, _a21, _SzServiceDetailView_decorators, _init21, _service, _stats3, _backups2, _logs2, _streaming2;
+var _currentView_dec, _workspacePath_dec, _workspaceEnvironment_dec, _streaming_dec2, _logs_dec2, _backups_dec2, _stats_dec3, _service_dec, _a21, _SzServiceDetailView_decorators, _init21, _service, _stats3, _backups2, _logs2, _streaming2, _workspaceEnvironment, _workspacePath, _currentView;
 _SzServiceDetailView_decorators = [t4("sz-service-detail-view")];
-var SzServiceDetailView = class extends (_a21 = DeesElement, _service_dec = [n5({ type: Object })], _stats_dec3 = [n5({ type: Object })], _backups_dec2 = [n5({ type: Array })], _logs_dec2 = [n5({ type: Array })], _streaming_dec2 = [n5({ type: Boolean })], _a21) {
+var SzServiceDetailView = class extends (_a21 = DeesElement, _service_dec = [n5({ type: Object })], _stats_dec3 = [n5({ type: Object })], _backups_dec2 = [n5({ type: Array })], _logs_dec2 = [n5({ type: Array })], _streaming_dec2 = [n5({ type: Boolean })], _workspaceEnvironment_dec = [n5({ type: Object })], _workspacePath_dec = [n5({ type: String })], _currentView_dec = [r5()], _a21) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _service, __runInitializers(_init21, 8, this, {
@@ -100625,8 +100625,36 @@ var SzServiceDetailView = class extends (_a21 = DeesElement, _service_dec = [n5(
     __privateAdd(this, _backups2, __runInitializers(_init21, 16, this, [])), __runInitializers(_init21, 19, this);
     __privateAdd(this, _logs2, __runInitializers(_init21, 20, this, [])), __runInitializers(_init21, 23, this);
     __privateAdd(this, _streaming2, __runInitializers(_init21, 24, this, false)), __runInitializers(_init21, 27, this);
+    __privateAdd(this, _workspaceEnvironment, __runInitializers(_init21, 28, this, null)), __runInitializers(_init21, 31, this);
+    __privateAdd(this, _workspacePath, __runInitializers(_init21, 32, this, "/")), __runInitializers(_init21, 35, this);
+    __privateAdd(this, _currentView, __runInitializers(_init21, 36, this, "details")), __runInitializers(_init21, 39, this);
   }
   render() {
+    if (this.currentView === "workspace") {
+      return this.renderWorkspaceView();
+    }
+    return this.renderDetailsView();
+  }
+  renderWorkspaceView() {
+    return b2`
+      <div class="workspace-wrapper">
+        <div class="workspace-header">
+          <div class="workspace-back-link" @click=${() => this.handleCloseWorkspace()}>
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <polyline points="15 18 9 12 15 6"></polyline>
+            </svg>
+            Back to Details
+          </div>
+          <span class="workspace-service-name">${this.service.name}</span>
+          <span class="workspace-status-badge ${this.service.status}"></span>
+        </div>
+        <div class="workspace-container">
+          <dees-workspace .executionEnvironment=${this.workspaceEnvironment}></dees-workspace>
+        </div>
+      </div>
+    `;
+  }
+  renderDetailsView() {
     return b2`
       <div class="header">
         <div class="back-link" @click=${() => this.handleBack()}>
@@ -100750,6 +100778,13 @@ var SzServiceDetailView = class extends (_a21 = DeesElement, _service_dec = [n5(
               <div class="actions-grid">
                 ${this.service.status === "running" ? b2`<button class="action-button" @click=${() => this.handleAction("stop")}>Stop Service</button>` : b2`<button class="action-button" @click=${() => this.handleAction("start")}>Start Service</button>`}
                 <button class="action-button" @click=${() => this.handleAction("restart")}>Restart Service</button>
+                <button class="action-button" @click=${() => this.handleOpenWorkspace()}>
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display: inline; vertical-align: middle; margin-right: 4px;">
+                    <polyline points="4 17 10 11 4 5"></polyline>
+                    <line x1="12" y1="19" x2="20" y2="19"></line>
+                  </svg>
+                  Open Workspace
+                </button>
                 <button class="action-button danger" @click=${() => this.handleAction("delete")}>Delete Service</button>
               </div>
             </div>
@@ -100860,6 +100895,29 @@ var SzServiceDetailView = class extends (_a21 = DeesElement, _service_dec = [n5(
   handleDeleteBackup(backup) {
     this.dispatchEvent(new CustomEvent("delete-backup", { detail: backup, bubbles: true, composed: true }));
   }
+  handleOpenWorkspace() {
+    if (this.workspaceEnvironment) {
+      this.currentView = "workspace";
+      this.classList.add("workspace-mode");
+    } else {
+      this.dispatchEvent(new CustomEvent("request-workspace", {
+        detail: { service: this.service },
+        bubbles: true,
+        composed: true
+      }));
+    }
+  }
+  handleCloseWorkspace() {
+    this.currentView = "details";
+    this.classList.remove("workspace-mode");
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("workspaceEnvironment") && this.workspaceEnvironment && this.currentView === "details") {
+      this.currentView = "workspace";
+      this.classList.add("workspace-mode");
+    }
+  }
 };
 _init21 = __decoratorStart(_a21);
 _service = new WeakMap();
@@ -100867,11 +100925,17 @@ _stats3 = new WeakMap();
 _backups2 = new WeakMap();
 _logs2 = new WeakMap();
 _streaming2 = new WeakMap();
+_workspaceEnvironment = new WeakMap();
+_workspacePath = new WeakMap();
+_currentView = new WeakMap();
 __decorateElement(_init21, 4, "service", _service_dec, SzServiceDetailView, _service);
 __decorateElement(_init21, 4, "stats", _stats_dec3, SzServiceDetailView, _stats3);
 __decorateElement(_init21, 4, "backups", _backups_dec2, SzServiceDetailView, _backups2);
 __decorateElement(_init21, 4, "logs", _logs_dec2, SzServiceDetailView, _logs2);
 __decorateElement(_init21, 4, "streaming", _streaming_dec2, SzServiceDetailView, _streaming2);
+__decorateElement(_init21, 4, "workspaceEnvironment", _workspaceEnvironment_dec, SzServiceDetailView, _workspaceEnvironment);
+__decorateElement(_init21, 4, "workspacePath", _workspacePath_dec, SzServiceDetailView, _workspacePath);
+__decorateElement(_init21, 4, "currentView", _currentView_dec, SzServiceDetailView, _currentView);
 SzServiceDetailView = __decorateElement(_init21, 0, "SzServiceDetailView", _SzServiceDetailView_decorators, SzServiceDetailView);
 __publicField(SzServiceDetailView, "demo", () => b2`
     <div style="padding: 24px; max-width: 1200px;">
@@ -101240,6 +101304,71 @@ __publicField(SzServiceDetailView, "styles", [
         font-size: 12px;
         font-weight: 500;
       }
+
+      :host(.workspace-mode) {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+
+      .workspace-wrapper {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+
+      .workspace-header {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 12px 16px;
+        border-bottom: 1px solid ${cssManager.bdTheme("#e4e4e7", "#27272a")};
+        background: ${cssManager.bdTheme("#ffffff", "#09090b")};
+        flex-shrink: 0;
+      }
+
+      .workspace-back-link {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 14px;
+        font-weight: 500;
+        color: ${cssManager.bdTheme("#2563eb", "#60a5fa")};
+        cursor: pointer;
+        transition: color 200ms ease;
+      }
+
+      .workspace-back-link:hover {
+        color: ${cssManager.bdTheme("#1d4ed8", "#93c5fd")};
+      }
+
+      .workspace-service-name {
+        font-size: 14px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme("#18181b", "#fafafa")};
+      }
+
+      .workspace-status-badge {
+        display: inline-flex;
+        align-items: center;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+      }
+
+      .workspace-status-badge.running {
+        background: ${cssManager.bdTheme("#22c55e", "#22c55e")};
+      }
+
+      .workspace-status-badge.stopped {
+        background: ${cssManager.bdTheme("#ef4444", "#ef4444")};
+      }
+
+      .workspace-container {
+        position: relative;
+        flex: 1;
+        min-height: 0;
+      }
     `
 ]);
 __runInitializers(_init21, 1, SzServiceDetailView);
@@ -104487,13 +104616,13 @@ __runInitializers(_init28, 1, SzDemoViewDashboard);
 
 // ts_web/elements/sz-demo-view-services.ts
 init_dist_ts29();
-var _selectedPlatformService_dec, _selectedService_dec, _currentView_dec, _a29, _SzDemoViewServices_decorators, _init29, _currentView, _selectedService, _selectedPlatformService;
+var _selectedPlatformService_dec, _selectedService_dec, _currentView_dec2, _a29, _SzDemoViewServices_decorators, _init29, _currentView2, _selectedService, _selectedPlatformService;
 _SzDemoViewServices_decorators = [t4("sz-demo-view-services")];
-var SzDemoViewServices = class extends (_a29 = DeesElement, _currentView_dec = [r5()], _selectedService_dec = [r5()], _selectedPlatformService_dec = [r5()], _a29) {
+var SzDemoViewServices = class extends (_a29 = DeesElement, _currentView_dec2 = [r5()], _selectedService_dec = [r5()], _selectedPlatformService_dec = [r5()], _a29) {
   constructor() {
     super(...arguments);
     __publicField(this, "appui", null);
-    __privateAdd(this, _currentView, __runInitializers(_init29, 8, this, "list")), __runInitializers(_init29, 11, this);
+    __privateAdd(this, _currentView2, __runInitializers(_init29, 8, this, "list")), __runInitializers(_init29, 11, this);
     __privateAdd(this, _selectedService, __runInitializers(_init29, 12, this, null)), __runInitializers(_init29, 15, this);
     __privateAdd(this, _selectedPlatformService, __runInitializers(_init29, 16, this, null)), __runInitializers(_init29, 19, this);
     __publicField(this, "demoServices", [
@@ -104678,6 +104807,7 @@ var SzDemoViewServices = class extends (_a29 = DeesElement, _currentView_dec = [
         @start=${() => console.log("Start")}
         @stop=${() => console.log("Stop")}
         @restart=${() => console.log("Restart")}
+        @request-workspace=${(e11) => console.log("Workspace requested for:", e11.detail.service.name)}
       ></sz-service-detail-view>
     `;
   }
@@ -104776,10 +104906,10 @@ var SzDemoViewServices = class extends (_a29 = DeesElement, _currentView_dec = [
   }
 };
 _init29 = __decoratorStart(_a29);
-_currentView = new WeakMap();
+_currentView2 = new WeakMap();
 _selectedService = new WeakMap();
 _selectedPlatformService = new WeakMap();
-__decorateElement(_init29, 4, "currentView", _currentView_dec, SzDemoViewServices, _currentView);
+__decorateElement(_init29, 4, "currentView", _currentView_dec2, SzDemoViewServices, _currentView2);
 __decorateElement(_init29, 4, "selectedService", _selectedService_dec, SzDemoViewServices, _selectedService);
 __decorateElement(_init29, 4, "selectedPlatformService", _selectedPlatformService_dec, SzDemoViewServices, _selectedPlatformService);
 SzDemoViewServices = __decorateElement(_init29, 0, "SzDemoViewServices", _SzDemoViewServices_decorators, SzDemoViewServices);
@@ -105293,7 +105423,7 @@ var SzDemoViewRegistries = class extends (_a31 = DeesElement, _currentTab_dec2 =
     this.appui = context2.appui;
     this.appui.setContentTabs([
       {
-        key: "Onebox Registry",
+        key: "Registry Advertisement",
         action: () => {
           this.currentTab = "onebox";
           this.updateSecondaryMenu();
@@ -105313,7 +105443,7 @@ var SzDemoViewRegistries = class extends (_a31 = DeesElement, _currentTab_dec2 =
     if (!this.appui) return;
     if (this.currentTab === "onebox") {
       this.appui.setSecondaryMenu({
-        heading: "Onebox Registry",
+        heading: "Registry Advertisement",
         groups: [
           {
             name: "Actions",
@@ -105370,7 +105500,7 @@ var SzDemoViewRegistries = class extends (_a31 = DeesElement, _currentTab_dec2 =
   render() {
     return b2`
       ${this.currentTab === "onebox" ? b2`
-        <sz-registry-onebox-view
+        <sz-registry-advertisement
           .images=${this.demoOneboxImages}
           .stats=${{
       totalImages: 4,
@@ -105380,7 +105510,7 @@ var SzDemoViewRegistries = class extends (_a31 = DeesElement, _currentTab_dec2 =
           @view-image=${(e11) => console.log("View image:", e11.detail)}
           @delete-image=${(e11) => console.log("Delete image:", e11.detail)}
           @delete-tag=${(e11) => console.log("Delete tag:", e11.detail)}
-        ></sz-registry-onebox-view>
+        ></sz-registry-advertisement>
       ` : b2`
         <sz-registry-external-view
           .registries=${this.demoExternalRegistries}