@aparte/core 0.16.7 → 0.16.8

package/dist/{dialog-triggers-Dw_DIlQ7.js → dialog-triggers-D8wNICrT.js}

@@ -1,4 +1,4 @@
-import { A as APARTE_ICON_GLYPHS } from "./glyphs-DQTeOj4w.js";
+import { A as APARTE_ICON_GLYPHS } from "./glyphs-C8z2oJUg.js";
 import { runStreamAgent } from "@aparte/engine";
 function contentToText(content) {
   if (typeof content === "string") return content;
@@ -97,7 +97,7 @@ const APARTE_DEFAULT_LOCALE = {
   elicitationAnswerLabel: "Your answer",
   approvalInstructionPlaceholder: "Or tell it what to do instead…",
   approvalAsk: "Run {tool}?",
-  approvalWaiting: "waiting for you",
+  approvalWaiting: "Waiting",
   scrollToBottom: "Scroll to bottom",
   suggestionsLabel: "Suggested prompts",
   contextLabel: "Context window",
@@ -115,6 +115,7 @@ const APARTE_DEFAULT_LOCALE = {
   removeAttachment: "Remove {name}",
   selectSearchPlaceholder: "Search…",
   selectSearchLabel: "Search options",
+  loading: "Loading…",
   download: "Download",
   previewPending: "Press Preview to run this artifact.",
   sandboxError: "The sandbox failed during generation.",
@@ -2484,14 +2485,16 @@ const thinkingRenderer = {
    * only part that is genuinely about reasoning rather than about disclosure.
    * `.aparte-thinking-label` stays too: `relabel` below queries it.
    */
-  render: (segment) => `<details class="aparte-segment aparte-segment-thinking aparte-accordion__item" data-segment-id="${escapeHtml(segment.id)}" ${segment.collapsed === false ? "open" : ""}><summary class="aparte-accordion__header aparte-thinking-header"><span class="aparte-thinking-label">${escapeHtml(segment.label || contextConfig().t("thinking"))}</span>${contextConfig().getIcon("expand")}</summary><div class="aparte-accordion__panel aparte-thinking-content">${contextConfig().renderMarkdown(segment.content)}</div></details>`,
+  render: (segment) => `<details class="aparte-segment aparte-segment-thinking aparte-accordion__item" data-segment-id="${escapeHtml(segment.id)}" ${segment.collapsed === false ? "open" : ""}><summary class="aparte-accordion__header aparte-thinking-header"><span class="aparte-thinking-label">${escapeHtml(segment.label || contextConfig().t("thinking"))}</span><span class="aparte-accordion__icon">${contextConfig().getIcon("expand")}</span></summary><div class="aparte-accordion__panel aparte-thinking-content" role="region" tabindex="0" aria-label="${escapeAttr(segment.label || contextConfig().t("thinking"))}">${contextConfig().renderMarkdown(segment.content)}</div></details>`,
   /**
    * The default label is the only config-derived text here — and `segment.label`
    * still wins, exactly as in `render`, because that string is the app's.
    */
   relabel: (el2, segment) => {
+    const text = segment.label || contextConfig().t("thinking");
     const label = el2.querySelector(".aparte-thinking-label");
-    if (label) label.textContent = segment.label || contextConfig().t("thinking");
+    if (label) label.textContent = text;
+    el2.querySelector(".aparte-thinking-content")?.setAttribute("aria-label", text);
   },
   update: (el2, segment) => {
     const contentEl = el2.querySelector(".aparte-thinking-content");
@@ -2585,6 +2588,10 @@ function streamHighlight(element, paneSelector, content, lang, segId) {
   }).catch(() => {
   });
 }
+function nameButton(button, label) {
+  button.setAttribute("aria-label", label);
+  button.setAttribute("title", label);
+}
 const codeRenderer = {
   type: "code",
   render: (segment) => `
@@ -2592,7 +2599,7 @@ const codeRenderer = {
             <div class="aparte-code-header">
                 ${segment.filename ? `<span class="aparte-code-filename">${escapeHtml(segment.filename)}</span>` : `<span class="aparte-code-header-filler"></span>`}
                 <span class="aparte-code-language">${escapeHtml(segment.language || "")}</span>
-                <button class="aparte-btn aparte-btn--icon aparte-btn--sm aparte-code-copy" data-action="copy" title="${escapeAttr(contextConfig().t("copy"))}">
+                <button type="button" class="aparte-btn aparte-btn--icon aparte-btn--sm aparte-code-copy" data-action="copy" aria-label="${escapeAttr(contextConfig().t("copy"))}" title="${escapeAttr(contextConfig().t("copy"))}">
                     ${contextConfig().getIcon("copy")}
                 </button>
             </div>
@@ -2605,7 +2612,7 @@ const codeRenderer = {
   relabel: (element) => {
     const copyBtn = element.querySelector(".aparte-code-copy");
     if (!copyBtn || copyBtn.dataset.copied) return;
-    copyBtn.setAttribute("title", contextConfig().t("copy"));
+    nameButton(copyBtn, contextConfig().t("copy"));
     copyBtn.innerHTML = contextConfig().getIcon("copy");
   },
   setup: (element, segment) => {
@@ -2623,11 +2630,11 @@ const codeRenderer = {
         void copyText(source).catch(() => {
         });
         copyBtn.innerHTML = contextConfig(copyBtn).getIcon("check");
-        copyBtn.setAttribute("title", contextConfig(copyBtn).t("copied"));
+        nameButton(copyBtn, contextConfig(copyBtn).t("copied"));
         copyBtn.dataset.copied = "1";
         setTimeout(() => {
           copyBtn.innerHTML = contextConfig(copyBtn).getIcon("copy");
-          copyBtn.setAttribute("title", contextConfig(copyBtn).t("copy"));
+          nameButton(copyBtn, contextConfig(copyBtn).t("copy"));
           delete copyBtn.dataset.copied;
         }, 1500);
       });
@@ -2662,13 +2669,11 @@ const errorRenderer = {
     }
     return `
         <div class="aparte-segment aparte-alert aparte-alert--danger aparte-segment-error" data-segment-id="${escapeHtml(segment.id)}">
-            <div class="aparte-error-icon-wrapper">
-                ${contextConfig().getIcon("error") || "⚠"}
-            </div>
-            <div class="aparte-error-content">
-                <div class="aparte-error-title">${escapeHtml(contextConfig().t("error"))}</div>
-                <div class="aparte-error-message">${escapeHtml(segment.content)}</div>
-                ${segment.details ? `<div class="aparte-error-details">${escapeHtml(segment.details)}</div>` : ""}
+            <span class="aparte-alert__icon">${contextConfig().getIcon("error") || "⚠"}</span>
+            <div class="aparte-alert__body">
+                <div class="aparte-alert__title">${escapeHtml(contextConfig().t("error"))}</div>
+                <div class="aparte-alert__message">${escapeHtml(segment.content)}</div>
+                ${segment.details ? `<pre class="aparte-segment-error__details">${escapeHtml(segment.details)}</pre>` : ""}
             </div>
         </div>
     `;
@@ -2683,9 +2688,9 @@ const errorRenderer = {
    * language it arrived in. Relabelling it would be inventing content.
    */
   relabel: (element) => {
-    const wrap = element.querySelector(".aparte-error-icon-wrapper");
+    const wrap = element.querySelector(".aparte-alert__icon");
     if (wrap) wrap.innerHTML = contextConfig().getIcon("error") || "⚠";
-    const title = element.querySelector(".aparte-error-title");
+    const title = element.querySelector(".aparte-alert__title");
     if (title) title.textContent = contextConfig().t("error");
   },
   getStyles: () => ``
@@ -2705,7 +2710,7 @@ function stateBadge(segment) {
   const cfg = contextConfig();
   const status = segment.status ?? "pending";
   const word = (key) => escapeHtml(cfg.t(key));
-  if (status === "awaiting-approval") return word("approvalWaiting");
+  if (status === "awaiting-approval") return `${cfg.getIcon("pause")}${word("approvalWaiting")}`;
   if (status === "pending") return word("toolRunning");
   if (status === "resolved") return `${cfg.getIcon("check")}${word("toolCompleted")}`;
   if (status === "rejected") return `${cfg.getIcon("close")}${word("toolRejected")}`;
@@ -6402,4 +6407,4 @@ export {
   collectRendererStyles as y,
   contentToText as z
 };
-//# sourceMappingURL=dialog-triggers-Dw_DIlQ7.js.map
+//# sourceMappingURL=dialog-triggers-D8wNICrT.js.map