@portel/photon 1.34.2 → 1.35.0

package/dist/beam.bundle.js

@@ -32902,7 +32902,7 @@ var MCPClientService = class {
   async discoverAuthServer() {
     if (!this._resourceMetadataUrl) return null;
     try {
-      const res = await fetch(this._resourceMetadataUrl);
+      const res = await fetch(this._resourceMetadataUrl, { signal: AbortSignal.timeout(5e3) });
       if (!res.ok) return null;
       const prm = await res.json();
       return {
@@ -34698,10 +34698,10 @@ var BeamApp = class extends i4 {
       );
     };
     // Maker instance method handlers - operate on the current photon
-    this._handleRenamePhoton = () => {
+    this._handleRenamePhoton = async () => {
       this._closeSettingsMenu();
       const currentName = this._selectedPhoton?.name || "";
-      const newName = prompt(`Enter new name for "${currentName}":`, currentName);
+      const newName = await promptElicit(`Enter new name for "${currentName}":`, currentName);
       if (newName && newName !== currentName) {
         void this._invokeMakerMethod("rename", { name: newName });
       }
@@ -35449,7 +35449,7 @@ var BeamApp = class extends i4 {
               this._toggleVerboseLogging();
               break;
             case "rename":
-              this._handleRenamePhoton();
+              void this._handleRenamePhoton();
               break;
             case "view-source":
               void this._handleViewSource();
@@ -35569,13 +35569,13 @@ var BeamApp = class extends i4 {
         }
       }
     };
-    this._handlePromptSelect = async (prompt2) => {
-      this._selectedPrompt = prompt2;
+    this._handlePromptSelect = async (prompt) => {
+      this._selectedPrompt = prompt;
       this._promptArguments = {};
       this._renderedPrompt = "";
       if (this._mcpReady && this._selectedPhoton) {
         try {
-          const uri = `prompt://${this._selectedPhoton.name}/${prompt2.id}`;
+          const uri = `prompt://${this._selectedPhoton.name}/${prompt.id}`;
           const content2 = await mcpClient.readResource(uri);
           if (content2?.text) {
             this._selectedPrompt = {
@@ -35583,7 +35583,7 @@ var BeamApp = class extends i4 {
               content: content2.text,
               renderedContent: content2.text,
               variables: this._extractVariables(content2.text),
-              description: prompt2.description
+              description: prompt.description
             };
             for (const v2 of this._selectedPrompt.variables) {
               this._promptArguments[v2] = "";
@@ -35709,7 +35709,8 @@ var BeamApp = class extends i4 {
       const res = await fetch("/api/create-photon", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ filename, template })
+        body: JSON.stringify({ filename, template }),
+        signal: AbortSignal.timeout(1e4)
       });
       if (!res.ok) {
         const err = await res.json().catch(() => ({ error: "Failed to create photon" }));
@@ -39579,7 +39580,7 @@ ${photon.errorMessage || "Unknown error"}</pre
     navigator.clipboard.writeText(shareUrl).then(() => {
       showToast("Share link copied to clipboard", "success");
     }).catch(() => {
-      prompt("Copy this link to share:", shareUrl);
+      void promptElicit("Copy this link to share:", shareUrl);
     });
   }
   _applyOklchTheme(config3) {
@@ -39835,8 +39836,8 @@ ${photon.errorMessage || "Unknown error"}</pre
     if (photon.prompts && photon.prompts.length > 0) {
       lines.push("## Prompts");
       lines.push("");
-      for (const prompt2 of photon.prompts) {
-        lines.push(`- **${prompt2.name}**: ${prompt2.description || "No description"}`);
+      for (const prompt of photon.prompts) {
+        lines.push(`- **${prompt.name}**: ${prompt.description || "No description"}`);
       }
       lines.push("");
     }
@@ -40241,20 +40242,20 @@ ${photon.errorMessage || "Unknown error"}</pre
       </h3>
       <div class="cards-grid">
         ${prompts2.map(
-      (prompt2) => b2`
+      (prompt) => b2`
             <button
               type="button"
               class="asset-card glass-panel"
-              @click=${() => this._handlePromptSelect(prompt2)}
+              @click=${() => this._handlePromptSelect(prompt)}
             >
               <div class="asset-header">
                 <div class="asset-icon prompt">${prompts}</div>
-                <span class="asset-name">${prompt2.id}</span>
+                <span class="asset-name">${prompt.id}</span>
               </div>
               <div class="asset-desc">
-                ${prompt2.description || "Click to view and customize this prompt"}
+                ${prompt.description || "Click to view and customize this prompt"}
               </div>
-              <div class="asset-meta">${prompt2.path}</div>
+              <div class="asset-meta">${prompt.path}</div>
             </button>
           `
     )}
@@ -45009,7 +45010,7 @@ var MethodCard = class extends i4 {
     this._handleDocumentClick = (e8) => {
       if (this._editingIcon) {
         const path = e8.composedPath();
-        const picker = this.shadowRoot?.querySelector(".emoji-picker");
+        const picker = this.shadowRoot?.querySelector(".icon-picker");
         const icon2 = this.shadowRoot?.querySelector(".method-icon");
         if (picker && !path.includes(picker) && !path.includes(icon2)) {
           this._editingIcon = false;
@@ -45101,7 +45102,7 @@ var MethodCard = class extends i4 {
             ${emitsEvent ? b2`<span
                   class="badge event"
                   title="Automatically emits event: ${this.method.eventName}"
-                  >📡 Event</span
+                  >Event</span
                 >` : ""}
             ${this.method.audience ? b2`<span
                   class="badge audience"
@@ -45157,7 +45158,7 @@ var MethodCard = class extends i4 {
             ${requiresInput ? formInput : play}
           </div>`;
     })()}
-        ${this._editingIcon ? this._renderEmojiPicker() : ""}
+        ${this._editingIcon ? this._renderIconPicker() : ""}
       </div>
     `;
   }
@@ -45177,53 +45178,53 @@ var MethodCard = class extends i4 {
   _requiresInput() {
     return methodRequiresInput(this.method);
   }
-  _renderEmojiPicker() {
-    const emojis = [
-      "\u{1F4E5}",
-      "\u{1F4E4}",
-      "\u{1F50D}",
-      "\u{1F50E}",
-      "\u{1F4CA}",
-      "\u{1F4C8}",
-      "\u{1F4BE}",
-      "\u{1F4C1}",
-      "\u{1F4DD}",
-      "\u270F\uFE0F",
-      "\u{1F5D1}\uFE0F",
-      "\u2795",
-      "\u{1F504}",
-      "\u26A1",
-      "\u{1F527}",
-      "\u2699\uFE0F",
-      "\u{1F6E0}\uFE0F",
-      "\u{1F528}",
-      "\u{1F512}",
-      "\u{1F513}",
-      "\u{1F511}",
-      "\u{1F6E1}\uFE0F",
-      "\u{1F464}",
-      "\u{1F465}",
-      "\u{1F4E7}",
-      "\u{1F4AC}",
-      "\u{1F514}",
-      "\u{1F4E3}",
-      "\u{1F310}",
-      "\u{1F517}",
-      "\u2705",
-      "\u274C",
-      "\u2B50",
-      "\u{1F3AF}",
-      "\u{1F4A1}",
-      "\u{1F680}"
+  _renderIconPicker() {
+    const symbols = [
+      "\u25C6",
+      "\u25C7",
+      "\u25CF",
+      "\u25CB",
+      "\u25A0",
+      "\u25A1",
+      "\u25B2",
+      "\u25B3",
+      "\u25B8",
+      "\u25B9",
+      "\u2605",
+      "\u2606",
+      "\u2713",
+      "\u2717",
+      "\u2192",
+      "\u2190",
+      "\u2191",
+      "\u2193",
+      "\u21BB",
+      "\u2295",
+      "\u2296",
+      "\u2297",
+      "\xA7",
+      "\xB6",
+      "\u2211",
+      "\u2206",
+      "\u03A9",
+      "\u03C0",
+      "\u03BB",
+      "\u0192",
+      "#",
+      "@",
+      "&",
+      "%",
+      "+",
+      "~"
     ];
     return b2`
       <div
-        class="emoji-picker"
+        class="icon-picker"
         style="top:${this._pickerPos.top}px;left:${this._pickerPos.left}px"
         @click=${(e8) => e8.stopPropagation()}
       >
-        ${emojis.map(
-      (emoji3) => b2` <button @click=${() => this._selectIcon(emoji3)}>${emoji3}</button> `
+        ${symbols.map(
+      (symbol2) => b2` <button @click=${() => this._selectIcon(symbol2)}>${symbol2}</button> `
     )}
         ${this.method.icon ? b2`
               <button class="remove-btn" @click=${() => this._selectIcon("")}>Remove icon</button>
@@ -45673,7 +45674,7 @@ MethodCard.styles = [
       }
 
       /* Emoji Picker */
-      .emoji-picker {
+      .icon-picker {
         position: fixed;
         background: var(--bg-panel);
         border: 1px solid var(--border-glass);
@@ -45687,7 +45688,7 @@ MethodCard.styles = [
         max-width: 200px;
       }
 
-      .emoji-picker button {
+      .icon-picker button {
         background: none;
         border: none;
         font-size: var(--text-xl);
@@ -45699,12 +45700,12 @@ MethodCard.styles = [
           transform 0.1s ease;
       }
 
-      .emoji-picker button:hover {
+      .icon-picker button:hover {
         background: var(--bg-glass);
         transform: scale(1.15);
       }
 
-      .emoji-picker .remove-btn {
+      .icon-picker .remove-btn {
         font-size: var(--text-xs);
         color: var(--t-muted);
         grid-column: span 6;
@@ -45713,7 +45714,7 @@ MethodCard.styles = [
         border-top: 1px solid var(--border-glass);
       }
 
-      .emoji-picker .remove-btn:hover {
+      .icon-picker .remove-btn:hover {
         color: var(--color-error);
         background: var(--color-error-bg);
       }
@@ -45736,7 +45737,7 @@ MethodCard.styles = [
           opacity: 0.4;
         }
 
-        .emoji-picker {
+        .icon-picker {
           position: fixed;
           top: 50%;
           left: 50%;
@@ -50748,10 +50749,12 @@ ${code}</pre>`;
     try {
       const photonName = this.photonName || "";
       const res = await fetch(
-        `/api/platform-bridge?photon=${encodeURIComponent(photonName)}&method=&theme=${encodeURIComponent(this.theme)}`
+        `/api/platform-bridge?photon=${encodeURIComponent(photonName)}&method=&theme=${encodeURIComponent(this.theme)}`,
+        { signal: AbortSignal.timeout(1e4) }
       );
       this._slidesBridgeScript = await res.text();
-    } catch {
+    } catch (e8) {
+      console.warn("[result-viewer] Failed to load platform bridge script:", e8);
       this._slidesBridgeScript = "";
     }
     this._slidesBridgeLoading = false;
@@ -52973,15 +52976,19 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
     } else {
       window._photonRenderersLoading = true;
       window._photonRenderersQueue = [doRender];
-      fetch("/api/photon-renderers.js").then((r7) => r7.text()).then((code) => {
+      fetch("/api/photon-renderers.js", { signal: AbortSignal.timeout(1e4) }).then((r7) => r7.text()).then((code) => {
         try {
           (0, eval)(code);
-        } catch {
+        } catch (e8) {
+          console.warn("[result-viewer] Photon renderers eval failed:", e8);
         }
+        window._photonRenderersLoading = false;
         const queue = window._photonRenderersQueue || [];
         window._photonRenderersQueue = [];
         queue.forEach((fn2) => fn2());
-      }).catch(() => {
+      }).catch((e8) => {
+        console.warn("[result-viewer] Failed to load photon renderers:", e8);
+        window._photonRenderersLoading = false;
         const queue = window._photonRenderersQueue || [];
         window._photonRenderersQueue = [];
         queue.forEach((fn2) => fn2());
@@ -104639,22 +104646,13 @@ var ElicitationModal = class extends i4 {
     }
   }
   _renderOAuth() {
-    const providerIcons = {
-      google: "\u{1F535}",
-      github: "\u26AB",
-      microsoft: "\u{1F7E6}",
-      slack: "\u{1F49C}",
-      notion: "\u2B1B",
-      default: "\u{1F510}"
-    };
     const provider = this.data?.provider || "OAuth";
-    const icon2 = providerIcons[provider.toLowerCase()] || providerIcons.default;
     const scopes = (this.data?.scopes || []).join(", ");
     const customMessage = this.data?.message;
     const buttonLabel = customMessage ? "Open" : `Authorize ${provider}`;
     return b2`
       <div class="oauth-content">
-        <div class="oauth-icon">${icon2}</div>
+        <div class="oauth-icon">${sizedIcon(shieldCheck, 40)}</div>
         <p class="oauth-message">
           ${customMessage || `Authorization is required to access ${provider}.`}
         </p>
@@ -109628,7 +109626,7 @@ MarkdownInput = __decorateClass([
 ], MarkdownInput);
 
 // src/auto-ui/frontend/main.ts
-console.log("\u2728 Beam UI Initialized");
+console.log("Beam UI initialized");
 /*! Bundled license information:
 
 @lit/reactive-element/css-tag.js: