@starlove/orbit 1.3.1 → 1.3.3

package/dist/full/version.json

@@ -1,6 +1,6 @@
 {
   "name": "@starlove/orbit",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "edition": "full",
-  "builtAt": "2026-06-03T01:18:23.204Z"
+  "builtAt": "2026-06-03T04:36:04.899Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starlove/orbit",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Starscape Orbit — local-first, pretty, human-ai-first kanban system.",
   "license": "AGPL-3.0",
   "type": "module",

package/public/js/starscape.js

@@ -14,6 +14,8 @@ import {
   THEME_CHANGE_EVENT,
   applyStoredThemePreference,
   currentTheme,
+  storedThemePreference,
+  setThemePreference,
   toggleThemePreference
 } from "./theme-preference.js";
 
@@ -42,6 +44,14 @@ themeToggle?.addEventListener("click", () => {
   toggleThemePreference();
 });
 
+// When there's no explicit user preference stored, track OS changes live so
+// data-theme stays in sync and CSS selectors ([data-theme="dark"]) keep working.
+window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
+  if (!storedThemePreference()) {
+    setThemePreference(e.matches ? "dark" : "light", { notify: true });
+  }
+});
+
 window.addEventListener(THEME_CHANGE_EVENT, () => {
   syncThemeIcon();
   starscape.sync();

package/public/js/theme-preference.js

@@ -37,20 +37,27 @@ export function storedThemePreference(storage = safeStorage()) {
   return THEMES.has(value) ? value : null;
 }
 
+function systemTheme() {
+  try {
+    return globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  } catch {
+    return "light";
+  }
+}
+
 export function currentTheme({ doc = safeDocument(), storage = safeStorage() } = {}) {
   const rootTheme = safeDocument(doc)?.documentElement?.getAttribute?.("data-theme");
-  return THEMES.has(rootTheme) ? rootTheme : storedThemePreference(storage) ?? "light";
+  if (THEMES.has(rootTheme)) return rootTheme;
+  return storedThemePreference(storage) ?? systemTheme();
 }
 
 export function applyStoredThemePreference({
   doc = safeDocument(),
   storage = safeStorage()
 } = {}) {
-  const storedTheme = storedThemePreference(storage);
-  if (storedTheme) {
-    safeDocument(doc)?.documentElement?.setAttribute?.("data-theme", storedTheme);
-  }
-  return currentTheme({ doc, storage });
+  const theme = storedThemePreference(storage) ?? systemTheme();
+  safeDocument(doc)?.documentElement?.setAttribute?.("data-theme", theme);
+  return theme;
 }
 
 export function setThemePreference(theme, {

package/src/core/system-picker.js

@@ -6,6 +6,21 @@ const execFileAsync = promisify(execFile);
 
 const DEFAULT_TITLE = "Choose repo folder for Orbit board";
 
+const WINDOWS_FOLDER_PICKER_ARGS = (title) => [
+  "-NoProfile",
+  "-STA",
+  "-Command",
+  [
+    "Add-Type -AssemblyName System.Windows.Forms",
+    "$dialog = New-Object System.Windows.Forms.FolderBrowserDialog",
+    `$dialog.Description = ${JSON.stringify(title)}`,
+    "if ($dialog.ShowDialog() -eq [System.Windows.Forms.DialogResult]::OK) {",
+    "  [Console]::OutputEncoding = [System.Text.Encoding]::UTF8",
+    "  Write-Output $dialog.SelectedPath",
+    "}"
+  ].join("; ")
+];
+
 export function folderPickerCommands(platform = process.platform, title = DEFAULT_TITLE) {
   if (platform === "darwin") {
     return [
@@ -20,20 +35,7 @@ export function folderPickerCommands(platform = process.platform, title = DEFAUL
     return [
       {
         command: "powershell.exe",
-        args: [
-          "-NoProfile",
-          "-STA",
-          "-Command",
-          [
-            "Add-Type -AssemblyName System.Windows.Forms",
-            "$dialog = New-Object System.Windows.Forms.FolderBrowserDialog",
-            `$dialog.Description = ${JSON.stringify(title)}`,
-            "if ($dialog.ShowDialog() -eq [System.Windows.Forms.DialogResult]::OK) {",
-            "  [Console]::OutputEncoding = [System.Text.Encoding]::UTF8",
-            "  Write-Output $dialog.SelectedPath",
-            "}"
-          ].join("; ")
-        ]
+        args: WINDOWS_FOLDER_PICKER_ARGS(title)
       }
     ];
   }
@@ -46,6 +48,10 @@ export function folderPickerCommands(platform = process.platform, title = DEFAUL
     {
       command: "kdialog",
       args: ["--getexistingdirectory", ".", title]
+    },
+    {
+      command: "powershell.exe",
+      args: WINDOWS_FOLDER_PICKER_ARGS(title)
     }
   ];
 }
@@ -59,6 +65,15 @@ function isPickerCancel(error) {
   return error?.code === 1 && /cancel|user canceled|user cancelled/i.test(stderr);
 }
 
+function windowsPathToWslPath(rawPath) {
+  const path = String(rawPath || "").trim();
+  const drivePath = path.match(/^([a-zA-Z]):[\\/](.*)$/);
+  if (!drivePath) return path;
+  const drive = drivePath[1].toLowerCase();
+  const rest = drivePath[2].replace(/\\/g, "/").replace(/^\/+/, "");
+  return `/mnt/${drive}/${rest}`;
+}
+
 export async function pickFolder(options = {}) {
   const platform = options.platform || process.platform;
   const title = options.title || DEFAULT_TITLE;
@@ -73,7 +88,8 @@ export async function pickFolder(options = {}) {
         timeout: 120000,
         windowsHide: false
       });
-      const selectedPath = normalizePath(String(result.stdout || "").trim());
+      const rawPath = String(result.stdout || "").trim();
+      const selectedPath = normalizePath(platform === "linux" && spec.command === "powershell.exe" ? windowsPathToWslPath(rawPath) : rawPath);
       return selectedPath ? { path: selectedPath } : { canceled: true };
     } catch (error) {
       if (isMissingCommand(error)) {