fix: update presentation when typing inside table in sdt

Author: VladaHarbour

packages/layout-engine/layout-bridge/src/cache.ts

@@ -141,6 +141,14 @@ const hashRuns = (block: FlowBlock): string => {
         const cellBlocks = cell.blocks ?? (cell.paragraph ? [cell.paragraph] : []);
 
         for (const cellBlock of cellBlocks) {
+          if (cellBlock?.kind === 'table') {
+            // Nested tables inside table cells must contribute to the parent
+            // table cache key, otherwise edits can be missed until a later
+            // broader invalidation.
+            cellHashes.push(`nt:${hashRuns(cellBlock as FlowBlock)}`);
+            continue;
+          }
+
           const paragraphBlock = cellBlock as ParagraphBlock;
 
           // Safety: Check that runs array exists before iterating

packages/layout-engine/painters/dom/src/renderer.ts

@@ -7335,6 +7335,10 @@ const deriveBlockVersion = (block: FlowBlock): string => {
               hash = hashString(hash, getRunStringProp(run, 'vertAlign'));
               hash = hashNumber(hash, getRunNumberProp(run, 'baselineShift'));
             }
+          } else if (cellBlock?.kind) {
+            // Include nested non-paragraph blocks (notably nested tables inside
+            // table cells) so edits there invalidate this parent table version.
+            hash = hashString(hash, deriveBlockVersion(cellBlock as FlowBlock));
           }
         }
       }

packages/super-editor/src/editors/v1/core/presentation-editor/pointer-events/EditorInputManager.ts

@@ -1278,9 +1278,13 @@ export class EditorInputManager {
     if (!handledByDepth) {
       try {
         // SD-1584: clicking inside a block SDT selects the node (NodeSelection).
+        // Exception: clicks inside tables nested in this SDT should use text
+        // selection so caret placement/editing inside table cells works.
         const sdtBlock = clickDepth === 1 ? this.#findStructuredContentBlockAtPos(doc, hit.pos) : null;
         let nextSelection: Selection;
-        if (sdtBlock) {
+        const insideTableInSdt =
+          !!sdtBlock && this.#isInsideTableWithinStructuredContentBlock(doc, hit.pos, sdtBlock.pos);
+        if (sdtBlock && !insideTableInSdt) {
           nextSelection = NodeSelection.create(doc, sdtBlock.pos);
         } else {
           nextSelection = TextSelection.create(doc, hit.pos);
@@ -1585,6 +1589,34 @@ export class EditorInputManager {
     return null;
   }
 
+  #isInsideTableWithinStructuredContentBlock(doc: ProseMirrorNode, pos: number, sdtPos: number): boolean {
+    if (!Number.isFinite(pos) || !Number.isFinite(sdtPos)) return false;
+
+    try {
+      const $pos = doc.resolve(pos);
+      let tableDepth = -1;
+      let blockDepth = -1;
+
+      for (let depth = $pos.depth; depth > 0; depth--) {
+        const nodeName = $pos.node(depth)?.type?.name;
+        if (tableDepth === -1 && nodeName === 'table') {
+          tableDepth = depth;
+        }
+        if (nodeName === 'structuredContentBlock') {
+          const candidatePos = $pos.before(depth);
+          if (candidatePos === sdtPos) {
+            blockDepth = depth;
+            break;
+          }
+        }
+      }
+
+      return tableDepth !== -1 && blockDepth !== -1 && tableDepth > blockDepth;
+    } catch {
+      return false;
+    }
+  }
+
   #findStructuredContentBlockById(doc: ProseMirrorNode, id: string): StructuredContentSelection | null {
     let found: StructuredContentSelection | null = null;
     doc.descendants((node, pos) => {