@replohq/sandbox-runtime 1.13.2 → 1.13.4

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "branch": "HEAD",
-  "commit": "1fe63426bf74b55c32a549607740292ec2d1f41d",
-  "builtAt": "2026-10-11T03:08:13.456Z"
+  "commit": "846cda8229162197eb0c6dc9c32ce08fccd2d89e",
+  "builtAt": "2026-10-12T04:17:30.872Z"
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.13.2",
+    "version": "1.13.4",
     "branch": "HEAD",
-    "commit": "1fe63426bf74b55c32a549607740292ec2d1f41d",
-    "builtAt": "2026-10-11T03:08:13.456Z"
+    "commit": "846cda8229162197eb0c6dc9c32ce08fccd2d89e",
+    "builtAt": "2026-10-12T04:17:30.872Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/selectModeStore.js

@@ -268,7 +268,7 @@ const selectModeStore = createShallowStore(
         onCommit: commitInlineEdit,
         onEscape: revertInlineEdit,
         onBlur: handleBlur,
-        onSelectionUpdate: (activeMarks) => {
+        onActiveMarksChange: (activeMarks) => {
           set({ activeMarks });
           reportInlineEditingState({
             activeMarks,
@@ -289,7 +289,7 @@ const selectModeStore = createShallowStore(
       });
       editor.focusAndSelectAll();
       reportInlineEditingState({
-        activeMarks: EMPTY_ACTIVE_MARKS,
+        activeMarks: get().activeMarks,
         isInlineEditing: true,
         request: null
       });

package/select-mode/tiptapInlineEditor.d.ts

@@ -8,13 +8,13 @@ export type InlineTiptapEditor = {
     getJSON: () => JSONContent;
     runFormatCommand: (command: SelectModeFormatCommand) => void;
 };
-export declare function createInlineTiptapEditor({ element, content, onCommit, onEscape, onBlur, onSelectionUpdate, }: {
+export declare function createInlineTiptapEditor({ element, content, onCommit, onEscape, onBlur, onActiveMarksChange, }: {
     element: HTMLElement;
     content: string;
     onCommit: () => void;
     onEscape: () => void;
     onBlur: () => void;
-    onSelectionUpdate: (activeMarks: {
+    onActiveMarksChange: (activeMarks: {
         bold: boolean;
         italic: boolean;
         underline: boolean;

package/select-mode/tiptapInlineEditor.js

@@ -1,4 +1,4 @@
-import { Editor, Mark, Node } from "@tiptap/core";
+import { Editor, Extension, Mark, Node } from "@tiptap/core";
 import Bold from "@tiptap/extension-bold";
 import Document from "@tiptap/extension-document";
 import History from "@tiptap/extension-history";
@@ -23,12 +23,25 @@ const InlineBreak = Node.create({
     };
   }
 });
+const InlineMarkStyles = Extension.create({
+  name: "inlineMarkStyles",
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["bold", "italic", "underline", "strike", "link"],
+        attributes: {
+          class: { default: null },
+          style: { default: null }
+        }
+      }
+    ];
+  }
+});
 const InlineLink = Mark.create({
   name: "link",
   inclusive: false,
   addAttributes() {
     return {
-      class: { default: null },
       href: { default: null },
       rel: { default: null },
       target: { default: null }
@@ -47,7 +60,7 @@ function createInlineTiptapEditor({
   onCommit,
   onEscape,
   onBlur,
-  onSelectionUpdate
+  onActiveMarksChange
 }) {
   const originalAttributes = Array.from(
     element.attributes,
@@ -72,7 +85,8 @@ function createInlineTiptapEditor({
       Italic,
       Underline,
       Strike,
-      InlineLink
+      InlineLink,
+      InlineMarkStyles
     ],
     editorProps: {
       attributes: {
@@ -93,8 +107,8 @@ function createInlineTiptapEditor({
         return false;
       }
     },
-    onSelectionUpdate: ({ editor: activeEditor }) => {
-      onSelectionUpdate({
+    onTransaction: ({ editor: activeEditor }) => {
+      onActiveMarksChange({
         bold: activeEditor.isActive("bold"),
         italic: activeEditor.isActive("italic"),
         underline: activeEditor.isActive("underline"),