@artooi/ag-ui-web-component 0.25.0 → 0.25.1

package/dist/index.js

@@ -1009,6 +1009,12 @@ function relativeTime(timestamp, now = Date.now(), strings = DEFAULT_UI_STRINGS)
 }
 
 // src/ui/checkpoint_menu.ts
+function previewOf(run) {
+  return run.preview !== void 0 && run.preview !== null && run.preview !== "" ? run.preview : null;
+}
+function asShown(preview) {
+  return preview.replace(/\s+/g, " ").trim();
+}
 var CheckpointMenu = class {
   /** The panel root. Append to the chat shell; hidden until opened. */
   element;
@@ -1116,15 +1122,40 @@ var CheckpointMenu = class {
       this.#list.append(empty);
       return;
     }
+    const repeated = this.#repeatedPreviews();
+    for (const run of this.#runs) {
+      this.#list.append(this.#row(run, repeated));
+    }
+  }
+  /**
+   * The previews more than one row shows.
+   *
+   * A preview identifies a run only while it is that run's alone. A real index
+   * answered with five runs opening on the same sentence, and those rows read
+   * alike exactly as bare timestamps used to — so where the words repeat the
+   * short id comes back, and where they do not the row is left as it is.
+   */
+  #repeatedPreviews() {
+    const seen = /* @__PURE__ */ new Set();
+    const repeated = /* @__PURE__ */ new Set();
     for (const run of this.#runs) {
-      this.#list.append(this.#row(run));
+      const preview = previewOf(run);
+      if (preview === null) {
+        continue;
+      }
+      const shown = asShown(preview);
+      if (seen.has(shown)) {
+        repeated.add(shown);
+      }
+      seen.add(shown);
     }
+    return repeated;
   }
-  #row(run) {
+  #row(run, repeated) {
     const row = document.createElement("div");
     row.className = "checkpoint-row";
     row.setAttribute("part", "checkpoint-row");
-    const preview = run.preview !== void 0 && run.preview !== null && run.preview !== "" ? run.preview : null;
+    const preview = previewOf(run);
     const time = run.started_at === null ? null : relativeTime(Date.parse(run.started_at), Date.now(), this.#strings);
     const label = document.createElement("span");
     label.className = "checkpoint-label";
@@ -1137,7 +1168,9 @@ var CheckpointMenu = class {
       when.setAttribute("part", "checkpoint-time");
       when.textContent = time;
       row.append(when);
-    } else if (run.started_at !== null) {
+    }
+    const ambiguous = preview === null ? time !== null : repeated.has(asShown(preview));
+    if (ambiguous && run.run_id !== "") {
       const short = document.createElement("span");
       short.className = "checkpoint-id";
       short.setAttribute("part", "checkpoint-id");
@@ -6483,11 +6516,6 @@ var STYLES = `
   opacity: 0.7;
 }
 
-/* A row is a label and two buttons, and nothing about the row itself is
-   pressable. It used to light up on hover, which is the affordance of something
-   clickable and made the buttons look like decoration on a clickable strip. The
-   resting surface groups the row instead, so hover can mean what it says: only
-   the buttons respond to it. */
 /* A row is a label and two buttons, and nothing about the row itself is
    pressable. It used to light up on hover, which is the affordance of something
    clickable and made the buttons look like decoration on a clickable strip. The
@@ -10583,7 +10611,7 @@ function setControlValue(el, value) {
 }
 
 // src/version.ts
-var VERSION = "0.25.0";
+var VERSION = "0.25.1";
 export {
   ATTACHMENT_EVENT,
   AgUiChat,