@portel/photon 1.17.3 → 1.17.4

package/dist/beam.bundle.js

@@ -18147,6 +18147,7 @@ var theme = i`
     border: 1px solid var(--border-glass);
     border-radius: var(--radius-md);
     box-shadow: var(--shadow-sm);
+    color: inherit;
   }
 
   .text-gradient {
@@ -18188,21 +18189,25 @@ var theme = i`
     border-radius: var(--radius-xs);
   }
 
-  /* Scrollbar */
+  /* Scrollbar — thin, translucent, doesn't crowd content */
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: color-mix(in srgb, var(--t-muted, #888) 30%, transparent) transparent;
+  }
   ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
+    width: 6px;
+    height: 6px;
   }
   ::-webkit-scrollbar-track {
     background: transparent;
+    margin: 4px 0;
   }
   ::-webkit-scrollbar-thumb {
-    background: var(--border-glass);
-    border-radius: var(--radius-xs);
+    background: color-mix(in srgb, var(--t-muted) 30%, transparent);
+    border-radius: var(--radius-full);
   }
   ::-webkit-scrollbar-thumb:hover {
-    background: var(--t-muted);
-    opacity: 0.5;
+    background: color-mix(in srgb, var(--t-muted) 60%, transparent);
   }
   /* Toggle Switch */
   .switch {
@@ -26501,7 +26506,9 @@ ${photon.errorMessage || "Unknown error"}</pre
   _renderMethodBody(opts) {
     const hasParams = !!opts.method?.params?.properties && Object.keys(opts.method.params.properties).length > 0;
     return b2`
-      <div style="display: flex; flex-direction: column; flex: 1; min-height: 0; overflow-y: auto;">
+      <div
+        style="display: flex; flex-direction: column; flex: 1; min-height: 0; overflow-y: auto; scrollbar-gutter: stable;"
+      >
         ${opts.appSurface ? "" : this._renderDescription(opts.method.description)}
         ${opts.appSurface && !hasParams ? "" : b2`
               <invoke-form
@@ -26518,8 +26525,9 @@ ${photon.errorMessage || "Unknown error"}</pre
                     <div class="form-chrome">
                       ${hasParams ? b2`<button
                             class="btn-secondary"
-                            @click=${() => {
-      const form = this.shadowRoot?.querySelector("invoke-form");
+                            @click=${(e8) => {
+      const panel = e8.target.closest(".method-detail");
+      const form = panel?.querySelector("invoke-form");
       form?.handleCancel();
     }}
                             ?disabled=${opts.executing}
@@ -26528,8 +26536,9 @@ ${photon.errorMessage || "Unknown error"}</pre
                           </button>` : ""}
                       <button
                         class="btn-primary"
-                        @click=${() => {
-      const form = this.shadowRoot?.querySelector("invoke-form");
+                        @click=${(e8) => {
+      const panel = e8.target.closest(".method-detail");
+      const form = panel?.querySelector("invoke-form");
       form?.handleSubmit();
     }}
                         ?disabled=${opts.executing}
@@ -28825,6 +28834,7 @@ BeamApp.styles = [
         overflow-y: auto;
         overflow-x: hidden;
         padding: var(--space-lg);
+        scrollbar-gutter: stable;
       }
 
       /* Page transition when switching photons */
@@ -31190,6 +31200,8 @@ BeamSidebar.styles = [
       .sidebar-content {
         flex: 1;
         overflow-y: auto;
+        padding-right: 4px;
+        scrollbar-gutter: stable;
       }
 
       .empty-state {
@@ -32975,7 +32987,15 @@ var InvokeForm = class extends i4 {
       return b2`<div class="form-container"></div>`;
     }
     return b2`
-      <div class="form-container">
+      <div
+        class="form-container"
+        @keydown=${(e8) => {
+      if (e8.key === "Enter" && !e8.shiftKey && !e8.target?.matches("textarea")) {
+        e8.preventDefault();
+        this.handleSubmit();
+      }
+    }}
+      >
         ${this._viewMode === "form" ? this._renderFields() : this._renderJsonEditor()}
       </div>
     `;
@@ -36397,7 +36417,7 @@ var ResultViewer = class extends i4 {
       case "mermaid":
         return typeof data === "string";
       case "markdown":
-        return typeof data === "string";
+        return typeof data === "string" || Array.isArray(data) && data.every((i7) => typeof i7 === "string");
       case "slides":
         return typeof data === "string";
       case "checklist":
@@ -36431,8 +36451,10 @@ var ResultViewer = class extends i4 {
         return this._renderChips(filteredData);
       case "tree":
         return this._renderTree(filteredData);
-      case "markdown":
-        return this._renderMarkdown(filteredData);
+      case "markdown": {
+        const mdData = Array.isArray(filteredData) ? filteredData.join("\n\n---\n\n") : filteredData;
+        return this._renderMarkdown(mdData);
+      }
       case "html":
         return this._renderHtml(filteredData);
       case "text":
@@ -42976,15 +42998,24 @@ ResultViewer.styles = [
 
       .dashboard-panel-content {
         padding: var(--space-xs);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
       }
 
       .dashboard-panel .chart-container {
         max-height: 250px;
+        width: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
       }
 
+      .dashboard-panel .table-wrapper {
+        width: 100%;
+      }
+
       .dashboard-panel .chart-container canvas {
         max-width: 100%;
         max-height: 230px;