@portel/photon 1.10.0 → 1.11.0

package/dist/beam.bundle.js

@@ -15825,42 +15825,6 @@ var iconPaths = {
   clone: `<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>`
 };
 
-// src/auto-ui/frontend/utils/format-label.ts
-function formatLabel(name2) {
-  if (!name2) return name2;
-  let cleaned = name2.replace(/^_+/, "");
-  let spaced = cleaned.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2");
-  spaced = spaced.replace(/[_-]+/g, " ");
-  let result = spaced.split(/\s+/).map((word) => {
-    if (!word) return "";
-    const upper = word.toUpperCase();
-    if ([
-      "AI",
-      "ID",
-      "IDS",
-      "URL",
-      "API",
-      "UI",
-      "IP",
-      "HTTP",
-      "HTTPS",
-      "JSON",
-      "XML",
-      "HTML",
-      "CSS",
-      "SQL",
-      "MCP",
-      "SSH",
-      "CLI"
-    ].includes(upper)) {
-      if (upper === "IDS") return "IDs";
-      return upper;
-    }
-    return word.charAt(0).toUpperCase() + word.slice(1);
-  }).join(" ");
-  return result;
-}
-
 // node_modules/@portel/photon-core/dist/design-system/oklch.js
 function oklchToSRGB(L3, C3, H3) {
   const hRad = H3 * Math.PI / 180;
@@ -20888,7 +20852,7 @@ ${photon.errorMessage || "Unknown error"}</pre
             label: this._currentInstance !== "default" ? `${this._selectedPhoton.name}:${this._currentInstance}` : this._selectedPhoton.name,
             action: "back"
           },
-          { label: formatLabel(this._selectedMethod.name) }
+          { label: this._selectedMethod.name }
         ]}
             .live=${this._currentCollectionName !== null}
             .showEdit=${false}
@@ -20916,7 +20880,7 @@ ${photon.errorMessage || "Unknown error"}</pre
           label: this._currentInstance !== "default" ? `${this._selectedPhoton.name}:${this._currentInstance}` : this._selectedPhoton.name,
           action: "back"
         },
-        { label: formatLabel(this._selectedMethod.name) }
+        { label: this._selectedMethod.name }
       ]}
           .live=${this._currentCollectionName !== null}
           .showEdit=${false}
@@ -21250,7 +21214,7 @@ ${photon.errorMessage || "Unknown error"}</pre
     }
     return b2`
       <div class="glass-panel method-detail">
-        <h2>${formatLabel(this._selectedMethod.name)}</h2>
+        <h2>${this._selectedMethod.name}</h2>
         ${this._renderDescription(this._selectedMethod.description)}
         <invoke-form
           .params=${this._selectedMethod.params}
@@ -25791,6 +25755,7 @@ var MethodCard = class extends i4 {
     const isThrottled = !!this.method.throttled;
     const isDebounced = !!this.method.debounced;
     const isQueued = !!this.method.queued;
+    const emitsEvent = !!this.method.emitsEvent;
     const isTyped = isAutorun || isWebhook || isCron || isLocked || isDeprecated;
     const typeAccent = isDeprecated ? "hsl(0, 0%, 50%)" : isWebhook ? "hsl(45, 80%, 50%)" : isCron ? "hsl(215, 80%, 60%)" : isLocked ? "hsl(0, 65%, 55%)" : isAutorun ? "hsl(160, 60%, 45%)" : "";
     return b2`
@@ -25817,8 +25782,7 @@ var MethodCard = class extends i4 {
                   ` : ""}
               <span class="editable">
                 <h3 class="title">
-                  <span class="title-name">${formatLabel(this.method.name)}</span
-                  >${this._renderParamSignature()}
+                  <span class="title-name">${this.method.name}</span>${this._renderParamSignature()}
                 </h3>
                 <span
                   class="edit-pencil"
@@ -25859,6 +25823,12 @@ var MethodCard = class extends i4 {
                   style="background:hsla(200,70%,50%,0.15);color:hsl(200,70%,60%)"
                   >Queued</span
                 >` : ""}
+            ${emitsEvent ? b2`<span
+                  class="badge"
+                  style="background:hsla(100,70%,50%,0.15);color:hsl(100,70%,60%)"
+                  title="Automatically emits event: ${this.method.eventName}"
+                  >📡 Event</span
+                >` : ""}
           </div>
           ${this._editingDescription ? b2`
                 <div class="description editing" @click=${(e8) => e8.stopPropagation()}>
@@ -26466,6 +26436,42 @@ MethodCard = __decorateClass([
 // node_modules/lit-html/directives/if-defined.js
 var o8 = (o9) => o9 ?? A;
 
+// src/auto-ui/frontend/utils/format-label.ts
+function formatLabel(name2) {
+  if (!name2) return name2;
+  let cleaned = name2.replace(/^_+/, "");
+  let spaced = cleaned.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2");
+  spaced = spaced.replace(/[_-]+/g, " ");
+  let result = spaced.split(/\s+/).map((word) => {
+    if (!word) return "";
+    const upper = word.toUpperCase();
+    if ([
+      "AI",
+      "ID",
+      "IDS",
+      "URL",
+      "API",
+      "UI",
+      "IP",
+      "HTTP",
+      "HTTPS",
+      "JSON",
+      "XML",
+      "HTML",
+      "CSS",
+      "SQL",
+      "MCP",
+      "SSH",
+      "CLI"
+    ].includes(upper)) {
+      if (upper === "IDS") return "IDs";
+      return upper;
+    }
+    return word.charAt(0).toUpperCase() + word.slice(1);
+  }).join(" ");
+  return result;
+}
+
 // src/auto-ui/frontend/components/invoke-form.ts
 function capitalizeEnumValue(val) {
   return formatLabel(val);
@@ -27974,6 +27980,7 @@ InvokeForm.styles = [
         text-align: right;
         font-size: var(--text-sm);
         padding: 4px 8px;
+        border: 1px solid rgba(255, 255, 255, 0.08) !important;
       }
 
       .range-labels {
@@ -84519,7 +84526,7 @@ var InstancePanel = class extends i4 {
     return b2`
       <button
         class="instance-pill"
-        @click=${() => this._toggle()}
+        @click=${(e8) => this._toggle(e8)}
         title="Instances are separate data containers — like multiple accounts in the same app. Click to switch."
         aria-label="Current instance: ${display}"
         aria-haspopup="true"