fix global version read

Author: spoons-and-mirrors

packages/opencode/src/cli/cmd/tui/component/dialog-status.tsx

@@ -1,10 +1,30 @@
 import { TextAttributes } from "@opentui/core"
 import { useTheme } from "../context/theme"
 import { useSync } from "@tui/context/sync"
-import { For, Match, Switch, Show, createMemo } from "solid-js"
+import { For, Match, Switch, Show, createMemo, createResource } from "solid-js"
 
 export type DialogStatusProps = {}
 
+async function getPluginVersion(path: string): Promise<string | undefined> {
+  try {
+    const nodeModulesIndex = path.indexOf("/node_modules/")
+    if (nodeModulesIndex === -1) return undefined
+
+    const afterNodeModules = path.substring(nodeModulesIndex + "/node_modules/".length)
+    const parts = afterNodeModules.split("/")
+    const isScoped = parts[0].startsWith("@")
+    const packagePath = isScoped
+      ? path.substring(0, nodeModulesIndex) + "/node_modules/" + parts[0] + "/" + parts[1]
+      : path.substring(0, nodeModulesIndex) + "/node_modules/" + parts[0]
+
+    const packageJsonPath = packagePath + "/package.json"
+    const packageJson = await Bun.file(packageJsonPath).json()
+    return packageJson.version
+  } catch {
+    return undefined
+  }
+}
+
 export function DialogStatus() {
   const sync = useSync()
   const { theme } = useTheme()
@@ -24,7 +44,7 @@ export function DialogStatus() {
           const parts = afterNodeModules.split("/")
           // Handle scoped packages (@scope/package)
           const name = parts[0].startsWith("@") ? `${parts[0]}/${parts[1]}` : parts[0]
-          return { raw: plugin, name, type: "npm" as const }
+          return { raw: plugin, name, type: "npm" as const, path }
         }
 
         // Local file plugin
@@ -145,24 +165,31 @@ export function DialogStatus() {
         <box>
           <text fg={theme.text}>{plugins().length} Plugins</text>
           <For each={plugins()}>
-            {(item) => (
-              <box flexDirection="row" gap={1}>
-                <text
-                  flexShrink={0}
-                  style={{
-                    fg: theme.success,
-                  }}
-                >
-                  •
-                </text>
-                <text wrapMode="word" fg={theme.text}>
-                  <b>{item.name}</b>
-                  <Show when={item.type === "npm" && item.version}>
-                    <span style={{ fg: theme.textMuted }}> @{item.version}</span>
-                  </Show>
-                </text>
-              </box>
-            )}
+            {(item) => {
+              const [version] =
+                item.type === "npm" && "path" in item && item.path
+                  ? createResource(() => getPluginVersion(item.path!))
+                  : [() => (item.type === "npm" && "version" in item ? item.version : undefined)]
+
+              return (
+                <box flexDirection="row" gap={1}>
+                  <text
+                    flexShrink={0}
+                    style={{
+                      fg: theme.success,
+                    }}
+                  >
+                    •
+                  </text>
+                  <text wrapMode="word" fg={theme.text}>
+                    <b>{item.name}</b>
+                    <Show when={item.type === "npm" && version()}>
+                      <span style={{ fg: theme.textMuted }}> @{version()}</span>
+                    </Show>
+                  </text>
+                </box>
+              )
+            }}
           </For>
         </box>
       </Show>