@absolutejs/absolute 0.19.0-beta.461 → 0.19.0-beta.462

package/dist/ai/index.js

@@ -1796,6 +1796,12 @@ var streamTurns = async function* (options, renderers, messages, signal, startTi
 init_constants();
 var escapeHtml = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 var defaultChunk = (_text, fullContent) => `<div class="ai-content">${escapeHtml(fullContent)}</div>`;
+var defaultMessageStart = ({
+  cancelUrl,
+  content,
+  messageId,
+  sseUrl
+}) => `<div id="msg-${messageId}" class="message user">` + `<div>${escapeHtml(content)}</div>` + `</div>` + `<div id="response-${messageId}" ` + `hx-ext="sse" ` + `sse-connect="${escapeHtml(sseUrl)}" ` + `hx-swap="innerHTML">` + `<div id="sse-retrieval-${messageId}" sse-swap="retrieval" hx-swap="innerHTML"></div>` + `<div id="sse-sources-${messageId}" sse-swap="sources" hx-swap="innerHTML"></div>` + `<div id="sse-content-${messageId}" sse-swap="content" hx-swap="innerHTML"></div>` + `<div id="sse-thinking-${messageId}" sse-swap="thinking" hx-swap="innerHTML"></div>` + `<div id="sse-tools-${messageId}" sse-swap="tools" hx-swap="innerHTML"></div>` + `<div id="sse-images-${messageId}" sse-swap="images" hx-swap="innerHTML"></div>` + `<div id="sse-status-${messageId}" sse-swap="status" hx-swap="innerHTML">` + `<button type="button" class="ai-cancel-button" hx-post="${escapeHtml(cancelUrl)}" hx-target="#sse-status-${messageId}" hx-swap="innerHTML">Cancel</button>` + `</div>` + `</div>`;
 var defaultThinking = (text) => `<details class="ai-thinking"><summary>Thinking</summary><p>${escapeHtml(text)}</p></details>`;
 var defaultToolRunning = (name, _input) => `<div class="ai-tool running"><span class="tool-name">${escapeHtml(name)}</span> <span class="tool-status">Running...</span></div>`;
 var defaultToolComplete = (name, result) => `<details class="ai-tool complete"><summary>${escapeHtml(name)}</summary><pre>${escapeHtml(result)}</pre></details>`;
@@ -1815,11 +1821,14 @@ var defaultComplete = (usage, durationMs, model) => {
   return parts.length > 0 ? `<div class="ai-usage">${parts.join(" \xB7 ")}</div>` : "";
 };
 var defaultError = (message) => `<div class="ai-error">${escapeHtml(message)}</div>`;
+var defaultCanceled = () => `<div class="ai-canceled">Canceled.</div>`;
 var defaultRAGRetrieving = () => `<div class="ai-retrieving">Retrieving sources...</div>`;
 var defaultRAGRetrieved = (sources) => sources.length === 0 ? "" : `<div class="ai-sources">` + `<h4>Citations</h4>` + `<ul>` + `${sources.map((source) => `<li>[${source.chunkId}] ${escapeHtml(source.text)}${source.source ? ` (${escapeHtml(source.source)})` : ""}</li>`).join("")}` + `</ul>` + `</div>`;
 var resolveRenderers = (custom) => ({
   chunk: custom?.chunk ?? defaultChunk,
+  messageStart: custom?.messageStart ?? defaultMessageStart,
   complete: custom?.complete ?? defaultComplete,
+  canceled: custom?.canceled ?? defaultCanceled,
   error: custom?.error ?? defaultError,
   image: custom?.image ?? defaultImage,
   ragRetrieving: custom?.ragRetrieving ?? defaultRAGRetrieving,
@@ -3169,10 +3178,19 @@ var ragChat = (config) => {
       });
       await store.set(conversationId, conversation);
       const sseUrl = `${path}/sse/${conversationId}/${messageId}`;
-      return new Response(`<div id="msg-${messageId}" class="message user">` + `<div>${content}</div>` + `</div>` + `<div id="response-${messageId}" ` + `hx-ext="sse" ` + `sse-connect="${sseUrl}" ` + `hx-swap="innerHTML">` + `<div id="sse-retrieval-${messageId}" sse-swap="retrieval" hx-swap="innerHTML"></div>` + `<div id="sse-sources-${messageId}" sse-swap="sources" hx-swap="innerHTML"></div>` + `<div id="sse-content-${messageId}" sse-swap="content" hx-swap="innerHTML"></div>` + `<div id="sse-thinking-${messageId}" sse-swap="thinking" hx-swap="innerHTML"></div>` + `<div id="sse-tools-${messageId}" sse-swap="tools" hx-swap="innerHTML"></div>` + `<div id="sse-images-${messageId}" sse-swap="images" hx-swap="innerHTML"></div>` + `<div id="sse-status-${messageId}" sse-swap="status" hx-swap="innerHTML">` + `<button type="button" class="ai-cancel-button" hx-post="${path}/cancel/${conversationId}/${messageId}" hx-target="#sse-status-${messageId}" hx-swap="innerHTML">Cancel</button>` + `</div>` + `</div>`, { headers: { "Content-Type": "text/html" } });
+      const cancelUrl = `${path}/cancel/${conversationId}/${messageId}`;
+      return new Response(renderers.messageStart({
+        cancelUrl,
+        content,
+        conversationId,
+        messageId,
+        sseUrl
+      }), { headers: { "Content-Type": "text/html" } });
     }).post(`${path}/cancel/:conversationId/:messageId`, ({ params }) => {
       handleCancel(params.conversationId);
-      return new Response('<div class="ai-canceled">Canceled.</div>', { headers: { "Content-Type": "text/html" } });
+      return new Response(renderers.canceled(), {
+        headers: { "Content-Type": "text/html" }
+      });
     }).get(`${path}/sse/:conversationId/:messageId`, async function* ({ params }) {
       const { conversationId, messageId } = params;
       const conversation = await store.get(conversationId);
@@ -4773,5 +4791,5 @@ export {
   aiChat
 };
 
-//# debugId=602B185288D97A4964756E2164756E21
+//# debugId=AD203B6115D183BA64756E2164756E21
 //# sourceMappingURL=index.js.map