fix padding

packages/opencode/src/cli/cmd/tui/feature-plugins/system/diff-viewer.tsx

@@ -73,7 +73,10 @@ function DiffViewer(props: { api: TuiPluginApi }) {
     if (input.mode === "last-turn") {
       const sessionID = input.sessionID
       if (!sessionID) return []
-      const result = await props.api.client.session.diff({ sessionID, messageID: input.messageID }, { throwOnError: true })
+      const result = await props.api.client.session.diff(
+        { sessionID, messageID: input.messageID },
+        { throwOnError: true },
+      )
       return normalizeDiffs(result.data ?? [])
     }
 
@@ -121,7 +124,10 @@ function DiffViewer(props: { api: TuiPluginApi }) {
     const highlighted = highlightedFileNode()
     if (highlighted !== undefined && fileRows().some((row) => row.id === highlighted)) return
     const lastHighlighted = lastHighlightedFileNode()
-    const next = lastHighlighted !== undefined && fileRows().some((row) => row.id === lastHighlighted) ? lastHighlighted : fileRows()[0]?.id
+    const next =
+      lastHighlighted !== undefined && fileRows().some((row) => row.id === lastHighlighted)
+        ? lastHighlighted
+        : fileRows()[0]?.id
     setHighlightedFileNode(next)
   }
 
@@ -130,7 +136,8 @@ function DiffViewer(props: { api: TuiPluginApi }) {
     if (node !== undefined) setLastHighlightedFileNode(node)
   }
 
-  const moveFileSelection = (offset: number) => setHighlighted(moveFileTreeSelection(fileRows(), highlightedFileNode(), offset))
+  const moveFileSelection = (offset: number) =>
+    setHighlighted(moveFileTreeSelection(fileRows(), highlightedFileNode(), offset))
 
   const clearFileTreePatchState = () => {
     setHighlightedFileNode(undefined)
@@ -182,14 +189,17 @@ function DiffViewer(props: { api: TuiPluginApi }) {
 
   const jumpRelativePatchFile = (offset: number) => {
     const current = focus() === "files" ? highlightedFileNode() : undefined
-    const nextFromSelection = current === undefined ? undefined : moveFileTreeSelectionToFile(fileRows(), current, offset)
+    const nextFromSelection =
+      current === undefined ? undefined : moveFileTreeSelectionToFile(fileRows(), current, offset)
     if (nextFromSelection !== undefined) {
       jumpToFileIndex(fileRows().find((row) => row.id === nextFromSelection)?.fileIndex)
       return
     }
     const currentFileIndex = activePatchFileIndex() ?? currentPatchFileIndex()
     const currentRow = fileRows().find((row) => row.fileIndex === currentFileIndex)
-    scrollToFileIndex(fileRows().find((row) => row.id === moveFileTreeSelectionToFile(fileRows(), currentRow?.id, offset))?.fileIndex)
+    scrollToFileIndex(
+      fileRows().find((row) => row.id === moveFileTreeSelectionToFile(fileRows(), currentRow?.id, offset))?.fileIndex,
+    )
   }
 
   const highlightedPatchFileIndex = () => fileRows().find((row) => row.id === highlightedFileNode())?.fileIndex
@@ -316,7 +326,9 @@ function DiffViewer(props: { api: TuiPluginApi }) {
       category: "VCS",
       run: focusRunner({
         files() {
-            setExpandedFileNodes((expanded) => setFileTreeDirectoryExpanded(fileTree(), expanded, highlightedFileNode(), true))
+          setExpandedFileNodes((expanded) =>
+            setFileTreeDirectoryExpanded(fileTree(), expanded, highlightedFileNode(), true),
+          )
         },
         patches() {},
       }),
@@ -327,7 +339,9 @@ function DiffViewer(props: { api: TuiPluginApi }) {
       category: "VCS",
       run: focusRunner({
         files() {
-            setExpandedFileNodes((expanded) => setFileTreeDirectoryExpanded(fileTree(), expanded, highlightedFileNode(), false))
+          setExpandedFileNodes((expanded) =>
+            setFileTreeDirectoryExpanded(fileTree(), expanded, highlightedFileNode(), false),
+          )
         },
         patches() {},
       }),
@@ -505,10 +519,14 @@ function DiffViewer(props: { api: TuiPluginApi }) {
             >
               <Switch>
                 <Match when={diff.error}>
+                  <box paddingTop={1}>
                     <text fg={theme().error}>Failed to load diff</text>
+                  </box>
                 </Match>
                 <Match when={files().length === 0}>
+                  <box paddingTop={1}>
                     <text fg={theme().textMuted}>No diff to show</text>
+                  </box>
                 </Match>
                 <Match when={files().length > 0}>
                   <scrollbox
@@ -539,7 +557,10 @@ function DiffViewer(props: { api: TuiPluginApi }) {
                             <text fg={theme().diffAdded}>+{entry.file.additions}</text>
                             <text fg={theme().diffRemoved}>-{entry.file.deletions}</text>
                           </box>
-                      <Show when={entry.file.patch} fallback={<text fg={theme().textMuted}>No patch available for this file.</text>}>
+                          <Show
+                            when={entry.file.patch}
+                            fallback={<text fg={theme().textMuted}>No patch available for this file.</text>}
+                          >
                             {(patch) => (
                               <diff
                                 diff={patch()}
@@ -598,14 +619,16 @@ function DiffViewer(props: { api: TuiPluginApi }) {
         <Show when={toggleFileTreeShortcut()}>
           {(shortcut) => (
             <text fg={theme().text}>
-              {shortcut()} <span style={{ fg: theme().textMuted }}>{showFileTree() ? "hide file tree" : "show file tree"}</span>
+              {shortcut()}{" "}
+              <span style={{ fg: theme().textMuted }}>{showFileTree() ? "hide file tree" : "show file tree"}</span>
             </text>
           )}
         </Show>
         <Show when={singlePatchShortcut()}>
           {(shortcut) => (
             <text fg={theme().text}>
-              {shortcut()} <span style={{ fg: theme().textMuted }}>{singlePatch() ? "all patches" : "single patch"}</span>
+              {shortcut()}{" "}
+              <span style={{ fg: theme().textMuted }}>{singlePatch() ? "all patches" : "single patch"}</span>
             </text>
           )}
         </Show>
@@ -619,7 +642,8 @@ function DiffViewer(props: { api: TuiPluginApi }) {
         <Show when={toggleViewShortcut()}>
           {(shortcut) => (
             <text fg={theme().text}>
-              {shortcut()} <span style={{ fg: theme().textMuted }}>{view() === "split" ? "unified view" : "split view"}</span>
+              {shortcut()}{" "}
+              <span style={{ fg: theme().textMuted }}>{view() === "split" ? "unified view" : "split view"}</span>
             </text>
           )}
         </Show>