@dxos/ui-editor 0.8.4-main.9be5663bfe → 0.8.4-main.bc2380dfbc

package/src/extensions/{auto-scroll.ts → scrolling/auto-scroll.ts}

@@ -9,17 +9,27 @@ import { addEventListener, combine, throttle } from '@dxos/async';
 import { Domino } from '@dxos/ui';
 import { getSize } from '@dxos/ui-theme';
 
-import { scrollerCrawlEffect, scrollerLineEffect } from './scroller';
+import { crawlerActiveEffect, crawlerLineEffect } from './crawler';
 
 /** Enable or disable autoscroll. */
 export const autoScrollEffect = StateEffect.define<boolean>();
 
-export type AutoScrollProps = {};
+export type AutoScrollProps = {
+  /**
+   * If true, immediately jump to the bottom and re-pin whenever the size of the
+   * document view (the scroll container) changes — e.g. when a sidebar toggles
+   * or the window is resized. This avoids the visible "stuck near bottom" gap
+   * that otherwise appears because the previous `scrollTop` no longer reaches
+   * the new content height.
+   * @default true
+   */
+  scrollOnResize?: boolean;
+};
 
 /**
  * Extension that supports pinning the scroll position and automatically scrolls to the bottom when content is added.
  */
-export const autoScroll = (_: AutoScrollProps = {}) => {
+export const autoScroll = ({ scrollOnResize = true }: AutoScrollProps = {}) => {
   let buttonContainer: HTMLDivElement | undefined;
   let isPinned = true;
   let jumpPending = false;
@@ -44,11 +54,11 @@ export const autoScroll = (_: AutoScrollProps = {}) => {
             if (enabled) {
               setPinned(true);
               view.dispatch({
-                effects: scrollerCrawlEffect.of(true),
+                effects: crawlerActiveEffect.of(true),
               });
             } else {
               view.dispatch({
-                effects: scrollerCrawlEffect.of(false),
+                effects: crawlerActiveEffect.of(false),
               });
             }
           }
@@ -86,9 +96,7 @@ export const autoScroll = (_: AutoScrollProps = {}) => {
           const delta = scrollHeight - scrollTop - clientHeight;
           if (delta > 0) {
             setPinned(true);
-            view.dispatch({
-              effects: scrollerCrawlEffect.of(true),
-            });
+            view.dispatch({ effects: crawlerActiveEffect.of(true) });
           } else if (delta < -1) {
             setPinned(false);
           }
@@ -101,25 +109,82 @@ export const autoScroll = (_: AutoScrollProps = {}) => {
       }
     }),
 
+    // Re-pin and jump to bottom when the scroll container itself resizes (e.g. sidebar toggle,
+    // window resize). Doc-driven height changes are handled by the updateListener above; this
+    // observer covers the case where the viewport changes while the doc length is unchanged.
+    scrollOnResize
+      ? ViewPlugin.fromClass(
+          class {
+            private readonly observer: ResizeObserver;
+            private firstObservation = true;
+            private destroyed = false;
+            constructor(view: EditorView) {
+              // Throttle so a continuous drag-resize (or a flurry of layout changes) coalesces
+              // into a single re-pin per ~50ms instead of dispatching every frame.
+              const onResize = throttle(() => {
+                if (this.destroyed || !enabled) {
+                  return;
+                }
+
+                setPinned(true);
+                requestAnimationFrame(() => {
+                  if (this.destroyed) {
+                    return;
+                  }
+
+                  view.scrollDOM.scrollTo({ top: view.scrollDOM.scrollHeight, behavior: 'instant' });
+                  view.dispatch({ effects: crawlerActiveEffect.of(false) });
+                });
+              }, 50);
+
+              this.observer = new ResizeObserver(() => {
+                // Skip the initial fire that ResizeObserver emits on `observe()`.
+                if (this.firstObservation) {
+                  this.firstObservation = false;
+                  return;
+                }
+                onResize();
+              });
+
+              this.observer.observe(view.scrollDOM);
+            }
+            destroy() {
+              this.destroyed = true;
+              this.observer.disconnect();
+            }
+          },
+        )
+      : [],
+
     // Detect user scroll and unpin (or re-pin if scrolled to the bottom).
     ViewPlugin.fromClass(
       class {
         private readonly cleanup: () => void;
         constructor(view: EditorView) {
-          this.cleanup = createUserScrollDetector(
-            view.scrollDOM,
-            throttle(() => {
-              requestAnimationFrame(() => {
-                const { scrollTop, scrollHeight, clientHeight } = view.scrollDOM;
-                const delta = scrollHeight - scrollTop - clientHeight;
-                const pinned = delta === 0;
-                setPinned(pinned);
-                if (!pinned) {
-                  view.dispatch({ effects: scrollerCrawlEffect.of(false) });
-                }
-              });
-            }, 500),
-          );
+          // Re-pin check is throttled so the listener doesn't thrash while scrolling, but
+          // unpinning must be immediate — otherwise content arriving during the throttle
+          // window re-applies the crawl effect and yanks the viewport back to the bottom.
+          const onUserScroll = throttle(() => {
+            requestAnimationFrame(() => {
+              const { scrollTop, scrollHeight, clientHeight } = view.scrollDOM;
+              const delta = scrollHeight - scrollTop - clientHeight;
+              // Sub-pixel tolerance: fractional scroll positions can leave delta at e.g. 0.5
+              // even when the user is visually at the bottom.
+              const pinned = Math.abs(delta) <= 1;
+              setPinned(pinned);
+              if (!pinned) {
+                view.dispatch({ effects: crawlerActiveEffect.of(false) });
+              }
+            });
+          }, 500);
+
+          this.cleanup = createUserScrollDetector(view.scrollDOM, () => {
+            if (isPinned) {
+              setPinned(false);
+              view.dispatch({ effects: crawlerActiveEffect.of(false) });
+            }
+            onUserScroll();
+          });
         }
         destroy() {
           this.cleanup();
@@ -141,7 +206,7 @@ export const autoScroll = (_: AutoScrollProps = {}) => {
             .on('click', () => {
               setPinned(true);
               view.dispatch({
-                effects: scrollerLineEffect.of({ line: -1, position: 'end', behavior: 'smooth' }),
+                effects: crawlerLineEffect.of({ line: -1, position: 'end', behavior: 'smooth' }),
               });
             });
 

package/src/extensions/{scroller.ts → scrolling/crawler.ts}

@@ -40,10 +40,10 @@ export type ScrollToProps = {
 };
 
 /** Scroll to a specific line. */
-export const scrollerLineEffect = StateEffect.define<ScrollToProps>();
+export const crawlerLineEffect = StateEffect.define<ScrollToProps>();
 
 /** Start/stop crawling the end of the document. */
-export const scrollerCrawlEffect = StateEffect.define<boolean>();
+export const crawlerActiveEffect = StateEffect.define<boolean>();
 
 /**
  * Helper function to scroll to a specific line.
@@ -51,22 +51,29 @@ export const scrollerCrawlEffect = StateEffect.define<boolean>();
  */
 export const scrollToLine = (view: EditorView, options: ScrollToProps) => {
   view.dispatch({
-    effects: scrollerLineEffect.of(options),
+    effects: crawlerLineEffect.of(options),
   });
 };
 
-export type ScrollerOptions = {
+export type CrawlerOptions = {
   /** Threshold in px to trigger scroll from bottom. */
   overScroll?: number;
 };
 
 /**
- * Extension that provides smooth scrolling to specific lines in the editor.
+ * Imperative scroll-control primitive for streaming editor views.
+ *
+ * Owns the scroll-related effects (`crawlerLineEffect`, `crawlerActiveEffect`), the spring
+ * crawler that follows the bottom of the document, and the `.cm-scroller` theme (overflow,
+ * scrollbar styling, and the `::after` overscroll spacer).
+ *
+ * Use directly for jump-to-line navigation, or pair with `autoScroll` for a pin-to-bottom
+ * streaming policy. The composite `streamScroll` bundles both for the common case.
  */
-export const scroller = ({ overScroll = 0 }: ScrollerOptions = {}) => {
+export const crawler = ({ overScroll = 0 }: CrawlerOptions = {}) => {
   // ViewPlugin to manage scroll animations.
-  const scrollPlugin = ViewPlugin.fromClass(
-    class ScrollerPlugin {
+  const crawlerPlugin = ViewPlugin.fromClass(
+    class CrawlerPlugin {
       private readonly crawler: ReturnType<typeof createCrawler>;
       constructor(private readonly view: EditorView) {
         this.crawler = createCrawler(this.view);
@@ -126,18 +133,18 @@ export const scroller = ({ overScroll = 0 }: ScrollerOptions = {}) => {
   );
 
   return [
-    scrollPlugin,
+    crawlerPlugin,
 
-    // Listen for effect.s
+    // Listen for effect.
     EditorView.updateListener.of((update) => {
       update.transactions.forEach((transaction) => {
         try {
-          const plugin = update.view.plugin(scrollPlugin);
+          const plugin = update.view.plugin(crawlerPlugin);
           if (plugin) {
             for (const effect of transaction.effects) {
-              if (effect.is(scrollerCrawlEffect)) {
+              if (effect.is(crawlerActiveEffect)) {
                 plugin.crawl(effect.value);
-              } else if (effect.is(scrollerLineEffect)) {
+              } else if (effect.is(crawlerLineEffect)) {
                 plugin.scroll(effect.value);
               }
             }
@@ -150,13 +157,13 @@ export const scroller = ({ overScroll = 0 }: ScrollerOptions = {}) => {
 
     // Styles.
     EditorView.theme({
-      '.cm-content': {
-        paddingBottom: `${overScroll}px`,
-      },
       '.cm-scroller': {
         overflowY: 'scroll',
-        overflowAnchor: 'none',
-        paddingBottom: '0',
+        // Browser scroll-anchoring: when widgets above the viewport resize (e.g. tool blocks
+        // expanding their TogglePanel), the browser picks a stable element near the viewport
+        // top and adjusts `scrollTop` so the user's view doesn't jump. Auto-scroll's pinning
+        // logic still has the final word when pinned (forces scrollTop to scrollHeight).
+        overflowAnchor: 'auto',
       },
       '.cm-scroller.cm-hide-scrollbar::-webkit-scrollbar': {
         display: 'none',
@@ -168,6 +175,16 @@ export const scroller = ({ overScroll = 0 }: ScrollerOptions = {}) => {
       '&:hover .cm-scroller::-webkit-scrollbar-thumb': {
         background: 'var(--color-scrollbar-thumb)',
       },
+      // Spacer below the last text line. Implemented as a real block pseudo-element
+      // (rather than `padding-bottom` on `.cm-content`) so it materializes in the
+      // scroller's `scrollHeight` regardless of how `padding` is reset by the base
+      // theme or downstream classes — this is what gives auto-scroll its head-room
+      // so the last line stays `overScroll` px above the viewport bottom.
+      '.cm-content::after': {
+        content: '""',
+        display: 'block',
+        height: `${overScroll}px`,
+      },
       '.cm-scroll-button': {
         position: 'absolute',
         bottom: '0.5rem',
@@ -180,49 +197,48 @@ export const scroller = ({ overScroll = 0 }: ScrollerOptions = {}) => {
 /**
  * Creates a smooth crawler that follows the live bottom of a CodeMirror 6 EditorView.
  *
- * Uses a velocity-based approach with easing:
- * - Accelerates smoothly when content starts arriving.
- * - Maintains a steady cruise velocity during continuous streaming.
- * - Decelerates smoothly when content stops arriving.
+ * Uses a critically-damped spring: each frame applies a restoring force toward the
+ * target and a damping force opposing current velocity. With damping = 2·ω, the
+ * system is critically damped — fastest approach without overshoot. The spring
+ * naturally sprints when far behind and eases as it approaches, so streaming
+ * content is followed tightly without the jerk of explicit accel/decel state.
+ *
+ * Integration uses real elapsed wall-clock time so the perceived speed stays
+ * constant when requestAnimationFrame is throttled (e.g. low-power mode dropping
+ * from 60Hz to 30Hz).
  *
- * @param accel Acceleration in px/frame^2 for ease-in/ease-out.
- * @param maxVelocity Maximum scroll velocity in px/frame.
- * @param snapThreshold Snap-to-target threshold in px.
+ * @param omega Spring stiffness in rad/s. Higher = snappier follow. ~12–18 feels good.
+ * @param snapThreshold Snap-to-target distance threshold in px.
+ * @param snapVelocity Snap-to-target velocity threshold in px/s.
  */
-export function createCrawler(view: EditorView, accel = 0.15, maxVelocity = 1, snapThreshold = 0.5) {
+export function createCrawler(view: EditorView, omega = 5, snapThreshold = 5, snapVelocity = 50) {
   const el = view.scrollDOM;
 
   let currentTop = 0;
   let velocity = 0;
   let rafId: number | null = null;
+  let lastTime = 0;
+
+  function frame(now: number) {
+    // Clamp dt to handle long pauses (tab backgrounded) and the first frame.
+    const dt = lastTime === 0 ? 1 / 60 : Math.min(0.1, (now - lastTime) / 1000);
+    lastTime = now;
 
-  function frame() {
     const targetTop = el.scrollHeight - el.clientHeight;
     const delta = targetTop - currentTop;
-    const absDelta = Math.abs(delta);
-
-    if (absDelta < snapThreshold && Math.abs(velocity) < snapThreshold) {
+    if (Math.abs(delta) < snapThreshold && Math.abs(velocity) < snapVelocity) {
       el.scrollTop = targetTop;
       currentTop = targetTop;
       velocity = 0;
       rafId = null;
+      lastTime = 0;
       return;
     }
 
-    // Stopping distance at current velocity: v^2 / (2 * accel).
-    const stoppingDistance = (velocity * velocity) / (2 * accel);
-    const direction = Math.sign(delta);
-
-    if (velocity !== 0 && (absDelta <= stoppingDistance || direction !== Math.sign(velocity))) {
-      // Decelerate: close enough to target or moving the wrong way.
-      velocity -= Math.sign(velocity) * Math.min(accel, Math.abs(velocity));
-    } else {
-      // Accelerate toward target, capped at maxVelocity.
-      velocity += direction * accel;
-      velocity = Math.sign(velocity) * Math.min(Math.abs(velocity), maxVelocity);
-    }
-
-    currentTop += velocity;
+    // Critically-damped spring: a = ω²·delta − 2ω·v.
+    const accel = omega * omega * delta - 2 * omega * velocity;
+    velocity += accel * dt;
+    currentTop += velocity * dt;
     el.scrollTop = currentTop;
     rafId = requestAnimationFrame(frame);
   }
@@ -231,14 +247,16 @@ export function createCrawler(view: EditorView, accel = 0.15, maxVelocity = 1, s
     scroll: () => {
       if (rafId === null) {
         currentTop = el.scrollTop;
+        lastTime = 0;
         rafId = requestAnimationFrame(frame);
       }
     },
     cancel: () => {
       if (rafId !== null) {
         cancelAnimationFrame(rafId);
-        rafId = null;
         velocity = 0;
+        lastTime = 0;
+        rafId = null;
       }
     },
   };

package/src/extensions/scrolling/index.ts

@@ -0,0 +1,8 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './auto-scroll';
+export * from './crawler';
+export * from './scroll-past-end';
+export * from './scroller';

package/src/extensions/{scroll-past-end.ts → scrolling/scroll-past-end.ts}

@@ -12,15 +12,15 @@ import { EditorView, ViewPlugin } from '@codemirror/view';
  */
 const scrollPastEndPlugin = ViewPlugin.fromClass(
   class {
-    height = 1000;
-    attrs: { style: string } | null = { style: 'padding-bottom: 1000px' };
+    _height = 1_000;
+    _attrs: { style: string } | null = { style: `padding-bottom: ${this._height}px` };
 
     update({ view }: { view: EditorView }) {
       const lastLineBlock = view.lineBlockAt(view.state.doc.length);
       const height = view.dom.clientHeight - lastLineBlock.height - view.documentPadding.top - 0.5;
-      if (height >= 0 && height !== this.height) {
-        this.height = height;
-        this.attrs = { style: `padding-bottom: ${height}px` };
+      if (height >= 0 && height !== this._height) {
+        this._height = height;
+        this._attrs = { style: `padding-bottom: ${height}px` };
       }
     }
   },
@@ -28,5 +28,5 @@ const scrollPastEndPlugin = ViewPlugin.fromClass(
 
 export const scrollPastEnd = (): Extension => [
   scrollPastEndPlugin,
-  EditorView.contentAttributes.of((view) => view.plugin(scrollPastEndPlugin)?.attrs ?? null),
+  EditorView.contentAttributes.of((view) => view.plugin(scrollPastEndPlugin)?._attrs ?? null),
 ];

package/src/extensions/scrolling/scroller.ts

@@ -0,0 +1,27 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { type Extension } from '@codemirror/state';
+
+import { isTruthy } from '@dxos/util';
+
+import { type AutoScrollProps, autoScroll as autoScrollExtension } from './auto-scroll';
+import { type CrawlerOptions, crawler } from './crawler';
+
+export type ScrollerOptions = CrawlerOptions &
+  AutoScrollProps & {
+    /**
+     * Include the auto-scroll policy (pin-to-bottom, user-scroll unpin, scroll-to-bottom button).
+     * Set to `false` to get only the crawler primitive (line jumps, theme, overscroll spacer).
+     * @default true
+     */
+    autoScroll?: boolean;
+  };
+
+/**
+ * Composite scroll extension for streaming editor views (chat threads, transcripts, logs).
+ */
+export const scroller = ({ overScroll, scrollOnResize, autoScroll = true }: ScrollerOptions = {}): Extension[] => {
+  return [crawler({ overScroll }), autoScroll && autoScrollExtension({ scrollOnResize })].filter(isTruthy);
+};

package/src/extensions/snippets.ts

@@ -0,0 +1,67 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { type Extension } from '@codemirror/state';
+import { keymap } from '@codemirror/view';
+
+const defaultItems = ['hello world!', 'this is a test.', 'this is [DXOS](https://dxos.org)'];
+
+export type SnippetsOptions = {
+  delay?: number;
+  items?: string[];
+};
+
+/**
+ * Configurable plugin that lets users cycle through pre-configured input snippets.
+ */
+// TODO(burdon): Review https://github.com/sergeche/codemirror-movie?tab=readme-ov-file
+export const snippets = ({ delay = 75, items = defaultItems }: SnippetsOptions = {}): Extension => {
+  let timer: ReturnType<typeof setTimeout> | undefined;
+  let index = 0; // TODO(burdon): Make global.
+
+  return [
+    keymap.of([
+      {
+        // Reset.
+        key: "alt-meta-'",
+        run: () => {
+          clearTimeout(timer);
+          index = 0;
+          return true;
+        },
+      },
+      {
+        // Next snippet.
+        // TODO(burdon): Press 1-9 to select snippet?
+        key: "Shift-Meta-'",
+        run: (view) => {
+          clearTimeout(timer);
+          // TODO(burdon): Add space if needed.
+          const text = items[index++];
+          if (index === items?.length) {
+            index = 0;
+          }
+
+          let offset = 0;
+          const insert = (delayMs = 0) => {
+            timer = setTimeout(() => {
+              const pos = view.state.selection.main.head;
+              view.dispatch({
+                changes: { from: pos, insert: text[offset++] },
+                selection: { anchor: pos + 1 },
+              });
+
+              if (offset < text.length) {
+                insert(Math.random() * delay * (text[offset] === ' ' ? 2 : 1));
+              }
+            }, delayMs);
+          };
+
+          insert();
+          return true;
+        },
+      },
+    ]),
+  ];
+};

package/src/extensions/tags/index.ts

@@ -4,5 +4,7 @@
 
 export * from './extended-markdown';
 export * from './fader';
-export * from './wire';
+export * from './typewriter';
+export * from './xml-block-decoration';
+export * from './xml-formatting';
 export * from './xml-tags';

package/src/extensions/tags/testing/text.md

@@ -0,0 +1,36 @@
+<prompt>summarize the posts</prompt>
+<reasoning>The user wants me to summarize the posts related to the magazine in context. Let me first load the magazine object to understand its structure, and then list the candidate posts.</reasoning>
+<status>Loading the magazine and listing candidate posts…</status>
+<toolCall id="toolu_01WMMcsaHxTvuGxcMh2CkfL4" />
+<toolCall id="toolu_01CxWNvXZ4jExfLEJumfMzqm" />
+<reasoning>The magazine has 10 posts already curated, and there are no uncurated candidate posts. The user wants me to summarize the posts that are already in the magazine. Let me load them.</reasoning>
+<status>No uncurated candidates — loading the 10 posts already in the magazine…</status>
+<toolCall id="toolu_0152ftz33GL5M1DDi8GGDHi2" />
+<reasoning>The magazine has 10 posts, but several are duplicates. Let me deduplicate by title/guid and summarize the unique articles. Unique articles:
+
+1. "FBI affidavit quotes White House press dinner shooting suspect expressing rage at 'a pedophile, rapist and traitor' – US politics live" - About Cole Allen's manifesto and charges, plus King Charles visiting Trump at the White House.
+2. "Australia news live: UK inquiry says 'cracks already beginning to show' on Aukus; search for missing five-year-old near Alice Springs grows" - Live blog covering Aukus inquiry, David Brat nominated as ambassador to Australia, fuel reserve crisis.
+3. "Rebel Wilson gives evidence in high-profile defamation case against star of directorial debut" - Rebel Wilson testifying in defamation case brought by Charlotte MacInnes.
+4. "Baby on board: US woman gives birth on Delta flight" - Ashley Blair delivered her baby aboard a Delta flight traveling from Atlanta to Portland.
+5. "'Shortcomings and failures' could sink Aukus nuclear submarines plan, UK inquiry warns" - A UK House of Commons defence committee report identifies significant funding gaps threatening the Aukus submarine program.</reasoning>
+   Here's a summary of the **5 unique articles** currently in the magazine (some posts are duplicates):
+
+6. **FBI affidavit quotes White House press dinner shooting suspect**
+   Federal charges filed against Cole Allen include excerpts from a manifesto he emailed to family and friends before attempting to charge into the White House Correspondents' Dinner. Separately, King Charles and Queen Camilla visited Donald Trump at the White House for tea and a beehive tour.
+
+7. **Australia news live: Aukus 'cracks' & missing child search**
+   A UK House of Commons inquiry reveals "shortcomings and failings" in the Aukus submarine program. Also covered: David Brat nominated as the next US ambassador to Australia, and a push to extend Australia's fuel reserves from 30 to 60 days amid rising security concerns.
+
+8. **Rebel Wilson testifies in defamation case**
+   Hollywood star Rebel Wilson gave evidence in a defamation lawsuit brought by Charlotte MacInnes, the lead actor of Wilson's directorial debut _The Deb_. The case centres on claims MacInnes confided to Wilson about being uncomfortable with a bathing request from a colleague.
+
+9. **Baby born on Delta flight**
+   Passenger Ashley Blair went into labor on a packed Delta flight from Atlanta to Portland. Two off-duty EMTs on the plane delivered baby Brielle Renee just before landing — using a shoelace as a tourniquet for an IV. Mother and baby were healthy on arrival.
+
+10. **UK inquiry warns Aukus submarine plan at risk**
+    A detailed House of Commons defence committee report finds UK submarine funding has "cracks already beginning to show," with chronic under-investment in shipbuilding and only one submarine yard (Barrow-in-Furness) already behind schedule. Australia has committed A$4.6 billion to help, but the committee warns political drift could derail the entire program.
+    <prompt>how many articles are there?</prompt>
+    <reasoning>The user is asking about the number of articles. From my previous analysis, there are 10 posts in the magazine, but only 5 unique articles (the rest are duplicates). Let me answer based on what I already know.</reasoning>
+    There are **10 posts** in the magazine, but only **5 unique articles** — each article appears twice (as duplicates from the two feeds).
+    <prompt>say your name inside an xml tag</prompt>
+    <name>Kai</name>

package/src/extensions/tags/testing/text.txt

@@ -0,0 +1,35 @@
+<prompt>summarize the posts</prompt>
+<reasoning>The user wants me to summarize the posts related to the magazine in context. Let me first load the magazine object to understand its structure, and then list the candidate posts.</reasoning>
+<status>Loading the magazine and listing candidate posts…</status>
+<toolCall id="toolu_01WMMcsaHxTvuGxcMh2CkfL4" />
+<toolCall id="toolu_01CxWNvXZ4jExfLEJumfMzqm" />
+<reasoning>The magazine has 10 posts already curated, and there are no uncurated candidate posts. The user wants me to summarize the posts that are already in the magazine. Let me load them.</reasoning>
+<status>No uncurated candidates — loading the 10 posts already in the magazine…</status>
+<toolCall id="toolu_0152ftz33GL5M1DDi8GGDHi2" />
+<reasoning>The magazine has 10 posts, but several are duplicates. Let me deduplicate by title/guid and summarize the unique articles. Unique articles:
+1. "FBI affidavit quotes White House press dinner shooting suspect expressing rage at 'a pedophile, rapist and traitor' – US politics live" - About Cole Allen's manifesto and charges, plus King Charles visiting Trump at the White House.
+2. "Australia news live: UK inquiry says 'cracks already beginning to show' on Aukus; search for missing five-year-old near Alice Springs grows" - Live blog covering Aukus inquiry, David Brat nominated as ambassador to Australia, fuel reserve crisis. 
+3. "Rebel Wilson gives evidence in high-profile defamation case against star of directorial debut" - Rebel Wilson testifying in defamation case brought by Charlotte MacInnes.
+4. "Baby on board: US woman gives birth on Delta flight" - Ashley Blair delivered her baby aboard a Delta flight traveling from Atlanta to Portland.
+5. "'Shortcomings and failures' could sink Aukus nuclear submarines plan, UK inquiry warns" - A UK House of Commons defence committee report identifies significant funding gaps threatening the Aukus submarine program.</reasoning>
+Here's a summary of the **5 unique articles** currently in the magazine (some posts are duplicates):
+
+1. **FBI affidavit quotes White House press dinner shooting suspect**
+   Federal charges filed against Cole Allen include excerpts from a manifesto he emailed to family and friends before attempting to charge into the White House Correspondents' Dinner. Separately, King Charles and Queen Camilla visited Donald Trump at the White House for tea and a beehive tour.
+
+2. **Australia news live: Aukus 'cracks' & missing child search**
+   A UK House of Commons inquiry reveals "shortcomings and failings" in the Aukus submarine program. Also covered: David Brat nominated as the next US ambassador to Australia, and a push to extend Australia's fuel reserves from 30 to 60 days amid rising security concerns.
+
+3. **Rebel Wilson testifies in defamation case**
+   Hollywood star Rebel Wilson gave evidence in a defamation lawsuit brought by Charlotte MacInnes, the lead actor of Wilson's directorial debut *The Deb*. The case centres on claims MacInnes confided to Wilson about being uncomfortable with a bathing request from a colleague.
+
+4. **Baby born on Delta flight**
+   Passenger Ashley Blair went into labor on a packed Delta flight from Atlanta to Portland. Two off-duty EMTs on the plane delivered baby Brielle Renee just before landing — using a shoelace as a tourniquet for an IV. Mother and baby were healthy on arrival.
+
+5. **UK inquiry warns Aukus submarine plan at risk**
+   A detailed House of Commons defence committee report finds UK submarine funding has "cracks already beginning to show," with chronic under-investment in shipbuilding and only one submarine yard (Barrow-in-Furness) already behind schedule. Australia has committed A$4.6 billion to help, but the committee warns political drift could derail the entire program.
+<prompt>how many articles are there?</prompt>
+<reasoning>The user is asking about the number of articles. From my previous analysis, there are 10 posts in the magazine, but only 5 unique articles (the rest are duplicates). Let me answer based on what I already know.</reasoning>
+There are **10 posts** in the magazine, but only **5 unique articles** — each article appears twice (as duplicates from the two feeds).
+<prompt>say your name inside an xml tag</prompt>
+<name>Kai</name>

package/src/extensions/tags/{wire.test.ts → typewriter.test.ts}

@@ -6,9 +6,9 @@ import { describe, test } from 'vitest';
 
 import { trim } from '@dxos/util';
 
-import { xmlElementLength } from './wire';
+import { xmlElementLength } from './typewriter';
 
-describe('wire', () => {
+describe('typewriter', () => {
   test('xmlElementLength handles hyphenated custom element names', ({ expect }) => {
     const inner = 'Hello';
     const el = `<dom-widget>${inner}</dom-widget>`;