@portel/photon 1.25.0 → 1.26.0

package/dist/beam.bundle.js

@@ -32936,6 +32936,52 @@ function buildBeamRoutePath(photon, methodName, splitPanelMethodNames = []) {
   return "/" + baseSegments.map((segment) => encodeURIComponent(segment)).join("/") + "/" + methodSegments.join("+");
 }
 
+// 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",
+      "MD",
+      "PR",
+      "CI",
+      "CD",
+      "ENV",
+      "SDK",
+      "OS",
+      "DB",
+      "IO",
+      "GIT"
+    ].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/beam-app.ts
 var THEME_STORAGE_KEY = "beam-theme";
 var PROTOCOL_STORAGE_KEY = "beam-protocol";
@@ -36751,7 +36797,7 @@ ${photon.errorMessage || "Unknown error"}</pre
                   style="display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid var(--border-glass); background: var(--bg-glass); flex-shrink: 0;"
                 >
                   <span style="font-size: 12px; font-weight: 500; color: var(--t-primary);"
-                    >${this._selectedMethod.name}</span
+                    >${this._selectedMethod.title || formatLabel(this._selectedMethod.name)}</span
                   >
                   <div style="position: relative; flex-shrink: 0;">
                     <button
@@ -37151,7 +37197,7 @@ ${photon.errorMessage || "Unknown error"}</pre
    */
   _renderDescription(description) {
     if (!description) return b2``;
-    const cleaned = description.replace(/^\s*@\w+[^\n]*/gm, "").replace(/\s+@\w+(\s+@\w+)*\s*$/, "").replace(/[ \t]{2,}/g, " ").replace(/ (- (?!\d))/g, "\n$1").replace(/ (\d+\. )/g, "\n$1").trim();
+    const cleaned = description.replace(/^\s*@\w+[^\n]*/gm, "").replace(/(?:\s+@[\w.]+(?:\s+(?!@)[\w.]+)*)+\s*$/, "").replace(/[ \t]{2,}/g, " ").replace(/ (- (?!\d))/g, "\n$1").replace(/ (\d+\. )/g, "\n$1").trim();
     if (!cleaned) return b2``;
     const marked2 = window.marked;
     if (marked2) {
@@ -37338,9 +37384,11 @@ ${photon.errorMessage || "Unknown error"}</pre
           >
             ${opts.allMethods?.map(
       (m3) => b2`<option .selected=${m3.name === opts.method.name} value=${m3.name}>
-                  ${m3.name}
+                  ${m3.title || formatLabel(m3.name)}
                 </option>`
-    ) || b2`<option value=${opts.method.name}>${opts.method.name}</option>`}
+    ) || b2`<option value=${opts.method.name}>
+              ${opts.method.title || formatLabel(opts.method.name)}
+            </option>`}
           </select>
 
           <div style="flex: 1;"></div>
@@ -43620,7 +43668,7 @@ var MethodCard = class extends i4 {
         style="${isTyped ? `--type-accent: ${typeAccent}` : ""}"
         role="button"
         tabindex="0"
-        aria-label="${this.method.name}${hasDescription ? ": " + this._renderDescription(this.method.description) : ""}"
+        aria-label="${this.method.title || formatLabel(this.method.name)}${hasDescription ? ": " + this._renderDescription(this.method.description) : ""}"
         @click=${(e8) => this._handleCardClick(e8)}
         @keydown=${(e8) => this._handleCardKeydown(e8)}
       >
@@ -43638,7 +43686,9 @@ var MethodCard = class extends i4 {
                   ` : ""}
               <span class="${this.editable ? "editable" : ""}">
                 <h3 class="title">
-                  <span class="title-name">${this.method.name}</span>${this._renderParamSignature()}
+                  <span class="title-name"
+                    >${this.method.title || formatLabel(this.method.name)}</span
+                  >${this._renderParamSignature()}
                 </h3>
                 ${this.editable ? b2`<span
                       class="edit-pencil"
@@ -43850,7 +43900,7 @@ var MethodCard = class extends i4 {
     );
   }
   _renderDescription(description) {
-    let text = description.replace(/\*\*(.+?)\*\*/g, "$1").replace(/__(.+?)__/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/`@(\w[^`]*)`/g, "`$1`").replace(/`([^`]*)`/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^\s*@\w+[^\n]*/gm, "").replace(/\s+@\w+(\s+@\w+)*\s*$/, "").replace(/\*{1,2}/g, "").replace(/`/g, "").replace(/^#{1,6}\s+/gm, "").replace(/\s--\s/g, " \u2014 ").replace(/\s{2,}/g, " ").trim();
+    let text = description.replace(/\*\*(.+?)\*\*/g, "$1").replace(/__(.+?)__/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/`@(\w[^`]*)`/g, "`$1`").replace(/`([^`]*)`/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^\s*@\w+[^\n]*/gm, "").replace(/(?:\s+@[\w.]+(?:\s+(?!@)[\w.]+)*)+\s*$/, "").replace(/\*{1,2}/g, "").replace(/`/g, "").replace(/^#{1,6}\s+/gm, "").replace(/\s--\s/g, " \u2014 ").replace(/\s{2,}/g, " ").trim();
     return text;
   }
   _handleDescriptionEditClick(e8) {
@@ -44329,44 +44379,6 @@ var o8 = (o9) => o9 ?? A;
 
 // src/auto-ui/frontend/components/invoke-form.ts
 init_styles();
-
-// 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);
 }
@@ -51749,6 +51761,14 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
     if (this._isMermaidString(text)) {
       return this._renderMermaid(text);
     }
+    const isScalar = typeof data === "number" || typeof data === "boolean" || typeof data === "string" && !text.includes("\n") && text.length < 120;
+    if (isScalar) {
+      return b2`<div
+        style="display:inline-block;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-lg);font-weight:500;font-family:var(--font-mono);color:var(--t-primary);"
+      >
+        ${this._highlightText(text)}
+      </div>`;
+    }
     return this._highlightText(text);
   }
   _renderErrorCard(message) {
@@ -52304,6 +52324,8 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
   }
   _formatCellValue(value, key, highlight = false) {
     if (value === null || value === void 0) return "\u2014";
+    if (value === "" || typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0)
+      return "\u2014";
     if (typeof value === "boolean") return value ? "\u2713" : "\u2717";
     const pipes = this._getColumnPipes();
     if (pipes.size > 0) {
@@ -52327,10 +52349,13 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
         </div>
       `;
     }
-    if (this._isDateField(key) && (typeof value === "string" || typeof value === "number")) {
+    const isDateKey = this._isDateField(key);
+    const isIsoString = typeof value === "string" && /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}(:\d{2}(\.\d+)?)?(Z|[+-]\d{2}:?\d{2})?)?$/.test(value);
+    if ((isDateKey || isIsoString) && (typeof value === "string" || typeof value === "number")) {
       const date5 = new Date(value);
       if (!isNaN(date5.getTime())) {
-        const dateStr = date5.toLocaleString();
+        const isDateOnly = typeof value === "string" && /^\d{4}-\d{2}-\d{2}$/.test(value) || key.toLowerCase().endsWith("date");
+        const dateStr = isDateOnly ? date5.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" }) : date5.toLocaleString();
         return highlight ? this._highlightText(dateStr) : dateStr;
       }
     }
@@ -52514,7 +52539,7 @@ ${str}</pre
   }
   _isDateField(key) {
     const lower = key.toLowerCase();
-    return lower.endsWith("at") || lower.endsWith("date") || lower.endsWith("time") || lower === "created" || lower === "updated" || lower === "modified" || lower === "timestamp" || lower === "expires" || lower === "since";
+    return lower.endsWith("at") || lower.endsWith("date") || lower.endsWith("time") || lower.endsWith("run") || lower === "created" || lower === "updated" || lower === "modified" || lower === "timestamp" || lower === "expires" || lower === "since";
   }
   _isUrlField(key) {
     const lower = key.toLowerCase();
@@ -59018,7 +59043,7 @@ var DaemonPanel = class extends i4 {
         <table>
           <thead>
             <tr>
-              <th>PHOTON_DIR</th>
+              <th>Location</th>
               <th>Photon</th>
               <th>Method</th>
               <th>Cron</th>
@@ -59036,7 +59061,7 @@ var DaemonPanel = class extends i4 {
                     <tr>
                       <td>${tilde(r7.workingDir)}</td>
                       <td>${r7.photon}</td>
-                      <td>${r7.method}</td>
+                      <td>${formatLabel(r7.method)}</td>
                       <td><code>${r7.cron}</code></td>
                       <td>${formatWhen(r7.nextRun)}</td>
                       <td>${formatWhen(r7.lastRun)}</td>
@@ -59071,7 +59096,7 @@ var DaemonPanel = class extends i4 {
         <table>
           <thead>
             <tr>
-              <th>PHOTON_DIR</th>
+              <th>Location</th>
               <th>Photon</th>
               <th>Method</th>
               <th>Cron</th>
@@ -59086,7 +59111,7 @@ var DaemonPanel = class extends i4 {
                     <tr>
                       <td>${tilde(r7.workingDir)}</td>
                       <td>${r7.photon}</td>
-                      <td>${r7.method}</td>
+                      <td>${formatLabel(r7.method)}</td>
                       <td><code>${r7.cron}</code></td>
                       <td class="actions">
                         <button @click=${() => this._scheduleAction("enable", r7.photon, r7.method)}>
@@ -59109,7 +59134,7 @@ var DaemonPanel = class extends i4 {
         <table>
           <thead>
             <tr>
-              <th>PHOTON_DIR</th>
+              <th>Location</th>
               <th>Photon</th>
               <th>Route</th>
               <th>Method</th>
@@ -59124,7 +59149,7 @@ var DaemonPanel = class extends i4 {
                       <td>${tilde(r7.workingDir)}</td>
                       <td>${r7.photon}</td>
                       <td><code>${r7.route}</code></td>
-                      <td>${r7.method}</td>
+                      <td>${formatLabel(r7.method)}</td>
                     </tr>
                   `
     )}
@@ -59141,7 +59166,7 @@ var DaemonPanel = class extends i4 {
         <table>
           <thead>
             <tr>
-              <th>PHOTON_DIR</th>
+              <th>Location</th>
               <th>Photon</th>
               <th>Instances</th>
             </tr>