fix: manual textbox modification should lock box

koharu-app/src/renderer.rs

@@ -1084,6 +1084,21 @@ mod tests {
         assert_eq!(layout_boxes[0].bubble_id, Some(1));
     }
 
+    #[test]
+    fn locked_block_keeps_manual_layout_box_inside_bubble() {
+        let mut mask = GrayImage::from_pixel(200, 200, Luma([0u8]));
+        paint_rect(&mut mask, 20, 20, 180, 180, 1);
+        let index = BubbleIndex::new(mask);
+        let mut locked = block(70.0, 70.0, 20.0, 30.0, "hello");
+        locked.lock_layout_box = true;
+        let blocks = vec![locked];
+
+        let layout_boxes = resolve_layout_boxes(&blocks, Some(&index));
+
+        assert_eq!(layout_boxes[0].layout_box, seed_layout_box(&blocks[0]));
+        assert_eq!(layout_boxes[0].bubble_id, None);
+    }
+
     #[test]
     fn mask_collision_detects_alpha_outside_matched_bubble() {
         let mut mask = GrayImage::from_pixel(10, 10, Luma([0u8]));

ui/components/canvas/TextBlockLayer.tsx

@@ -6,7 +6,7 @@ import { useHotkeys } from 'react-hotkeys-hook'
 
 import { useBlobImage } from '@/hooks/useBlobData'
 import { useCurrentPage, useTextNodes, type TextNodeEntry } from '@/hooks/useCurrentPage'
-import type { Transform } from '@/lib/api/schemas'
+import type { NodeDataPatch, Transform } from '@/lib/api/schemas'
 import { applyOp, queueAutoRender } from '@/lib/io/scene'
 import { ops } from '@/lib/ops'
 import { useEditorUiStore } from '@/lib/stores/editorUiStore'
@@ -57,7 +57,12 @@ export function TextBlockLayer({ showSprites, scale, style }: TextBlockLayerProp
 
   const updateTransform = async (id: string, t: Transform) => {
     if (!page) return
-    await applyOp(ops.updateNode(page.id, id, { transform: t }))
+    const data: NodeDataPatch = {
+      text: {
+        lockLayoutBox: true,
+      },
+    }
+    await applyOp(ops.updateNode(page.id, id, { transform: t, data }))
     queueAutoRender(page.id)
   }
 

ui/components/canvas/Workspace.tsx

@@ -128,7 +128,7 @@ export function Workspace() {
         id: nodeId,
         transform,
         visible: true,
-        kind: { text: {} },
+        kind: { text: { lockLayoutBox: true } },
       }
       await applyOp(ops.addNode(page.id, at, node))
       useSelectionStore.getState().selectMany([nodeId])