@vybestack/llxprt-ui 0.7.0-nightly.251215.66bf0bc39 → 0.7.0-nightly.251216.6bcf96e64

package/bun.lock

@@ -244,7 +244,7 @@
 
     "@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.53.4", "", { "os": "win32", "cpu": "x64" }, "sha512-Sbx45u/Lbb5RyptSbX7/3deP+/lzEmZ0BTSHxwxN/IMOZDZf8S0AGo0hJD5n/LQssxb5Z3B4og4P2X6Dd8acCA=="],
 
-    "@standard-schema/spec": ["@standard-schema/spec@1.0.0", "", {}, "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA=="],
+    "@standard-schema/spec": ["@standard-schema/spec@1.1.0", "", {}, "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w=="],
 
     "@testing-library/dom": ["@testing-library/dom@10.4.1", "", { "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", "@types/aria-query": "^5.0.1", "aria-query": "5.3.0", "dom-accessibility-api": "^0.5.9", "lz-string": "^1.5.0", "picocolors": "1.1.1", "pretty-format": "^27.0.2" } }, "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg=="],
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vybestack/llxprt-ui",
-  "version": "0.7.0-nightly.251215.66bf0bc39",
+  "version": "0.7.0-nightly.251216.6bcf96e64",
   "description": "Experimental terminal UI for llxprt-code",
   "type": "module",
   "main": "src/index.ts",
@@ -41,7 +41,7 @@
     "react": "^19.2.1"
   },
   "peerDependencies": {
-    "@vybestack/llxprt-code-core": "^0.7.0-nightly.251215.66bf0bc39"
+    "@vybestack/llxprt-code-core": "^0.7.0-nightly.251216.6bcf96e64"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",

package/src/ui/components/HeaderBar.tsx

@@ -1,11 +1,8 @@
 import { existsSync } from 'node:fs';
-import { fileURLToPath } from 'node:url';
+import { resolve } from 'node:path';
 import React from 'react';
 import type { ThemeDefinition } from '../../features/theme';
 
-const DEFAULT_LOGO_PATH = fileURLToPath(
-  new URL('../../../llxprt.png', import.meta.url),
-);
 const LOGO_ASPECT_RATIO = 415 / 260;
 
 interface HeaderBarProps {
@@ -13,14 +10,44 @@ interface HeaderBarProps {
   readonly theme: ThemeDefinition;
 }
 
-export function HeaderBar({ text, theme }: HeaderBarProps): React.ReactNode {
+function getPackageRoot(): string | undefined {
+  // Bun: import.meta.dir
+  // Node 20.11+: import.meta.dirname
+  const meta = import.meta as ImportMeta & {
+    readonly dir: string;
+    readonly dirname: string;
+  };
+
+  return meta.dir || meta.dirname;
+}
+
+export function HeaderBar({ text, theme }: HeaderBarProps) {
   const headerHeight = 3;
-  const themeLogoPath = fileURLToPath(
-    new URL(`../../../logos/${theme.slug}.png`, import.meta.url),
-  );
-  const logoPath = existsSync(themeLogoPath)
-    ? themeLogoPath
-    : DEFAULT_LOGO_PATH;
+
+  const packageRoot = getPackageRoot();
+
+  let logoPath: string;
+  try {
+    const root = packageRoot ?? process.cwd();
+
+    // Try theme-specific logo first
+    const themeLogoPath = resolve(
+      root,
+      '..',
+      '..',
+      'logos',
+      `${theme.slug}.png`,
+    );
+    if (existsSync(themeLogoPath)) {
+      logoPath = themeLogoPath;
+    } else {
+      // Fall back to default logo
+      logoPath = resolve(root, '..', '..', 'llxprt.png');
+    }
+  } catch {
+    // Last resort fallback - use relative path for edge cases
+    logoPath = `../../../logos/${theme.slug}.png`;
+  }
 
   return (
     <box