Update files

packages/app/src/components/code-insets.ts

@@ -1,9 +1,9 @@
 export function getCodeInsets(theme: any) {
-  const paddingX = theme.spacing[3] + theme.spacing[2];
-  const paddingY = theme.spacing[1];
+  const currentHorizontal = theme.spacing[3] + theme.spacing[2];
+  const padding =
+    typeof theme.spacing?.[4] === "number" ? theme.spacing[4] : currentHorizontal;
   const extraRight = theme.spacing[4];
   const extraBottom = theme.spacing[3];
 
-  return { paddingX, paddingY, extraRight, extraBottom };
+  return { padding, extraRight, extraBottom };
 }
-

packages/app/src/components/diff-viewer.tsx

@@ -105,8 +105,8 @@ const styles = StyleSheet.create((theme) => {
     },
     line: {
       minWidth: "100%",
-      paddingHorizontal: insets.paddingX,
-      paddingVertical: insets.paddingY,
+      paddingHorizontal: insets.padding,
+      paddingVertical: insets.padding,
     },
     lineText: {
       fontFamily: Fonts.mono,

packages/app/src/components/tool-call-details.tsx

@@ -412,8 +412,8 @@ const styles = StyleSheet.create((theme) => {
   },
   codeLine: {
     minWidth: "100%",
-    paddingHorizontal: insets.paddingX,
-    paddingVertical: insets.paddingY,
+    paddingHorizontal: insets.padding,
+    paddingVertical: insets.padding,
   },
   scrollArea: {
     borderWidth: theme.borderWidth[1],
@@ -422,7 +422,7 @@ const styles = StyleSheet.create((theme) => {
     backgroundColor: theme.colors.surface2,
   },
   scrollContent: {
-    padding: theme.spacing[2],
+    padding: insets.padding,
   },
   scrollText: {
     fontFamily: Fonts.mono,
@@ -440,7 +440,7 @@ const styles = StyleSheet.create((theme) => {
     borderColor: theme.colors.destructive,
   },
   jsonContent: {
-    padding: theme.spacing[2],
+    padding: insets.padding,
   },
   errorText: {
     color: theme.colors.destructive,