fix(ui): address PR feedback on docx fit and Monaco type cast

Use computed padding from `.docx-wrapper` instead of a hardcoded 60px
so the fit calculation survives docx-preview library changes. Replace
the inline `import()` cast for ShowLightbulbIconMode with a top-level
type import.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/docx-preview.tsx

@@ -15,9 +15,6 @@ import {
 
 const logger = createLogger('DocxPreview')
 
-/** Horizontal padding the docx-preview library applies inside `.docx-wrapper`. */
-const WRAPPER_HORIZONTAL_PADDING_PX = 60
-
 /**
  * Fit the rendered docx pages to the host container width using a CSS scale.
  * The library renders `<section class="docx">` at the document's natural page
@@ -38,7 +35,10 @@ function fitDocxToContainer(host: HTMLElement) {
   const naturalPageWidth = section.offsetWidth
   if (!naturalPageWidth) return
 
-  const naturalWrapperWidth = naturalPageWidth + WRAPPER_HORIZONTAL_PADDING_PX
+  const wrapperStyle = window.getComputedStyle(wrapper)
+  const horizontalPadding =
+    parseFloat(wrapperStyle.paddingLeft) + parseFloat(wrapperStyle.paddingRight)
+  const naturalWrapperWidth = naturalPageWidth + horizontalPadding
   const available = host.clientWidth
   const scale = Math.min(1, available / naturalWrapperWidth)
 

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/text-editor.tsx

@@ -2,6 +2,7 @@
 
 import { memo, useCallback, useEffect, useReducer, useRef, useState } from 'react'
 import type { OnMount } from '@monaco-editor/react'
+import type { editor as MonacoEditorTypes } from 'monaco-editor'
 import dynamic from 'next/dynamic'
 import { Skeleton } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
@@ -652,7 +653,7 @@ export const TextEditor = memo(function TextEditor({
               hover: { enabled: false },
               codeLens: false,
               lightbulb: {
-                enabled: 'off' as import('monaco-editor').editor.ShowLightbulbIconMode,
+                enabled: 'off' as MonacoEditorTypes.ShowLightbulbIconMode,
               },
               inlayHints: { enabled: 'off' },
             }}