Allow http and https preview URLs

- accept remote http/https preview URLs in desktop validation
- update preview copy and tests for the new URL rules
- keep theme switcher formatting consistent

Author: BunsDev

apps/desktop/src/preview.test.ts

@@ -19,7 +19,22 @@ describe("validateDesktopPreviewUrl", () => {
     });
   });
 
-  it("rejects missing, malformed, or remote URLs", () => {
+  it("accepts https and remote http URLs", () => {
+    expect(validateDesktopPreviewUrl("https://localhost:3000")).toEqual({
+      ok: true,
+      url: "https://localhost:3000/",
+    });
+    expect(validateDesktopPreviewUrl("http://example.com:3000")).toEqual({
+      ok: true,
+      url: "http://example.com:3000/",
+    });
+    expect(validateDesktopPreviewUrl("http://localhost")).toEqual({
+      ok: true,
+      url: "http://localhost/",
+    });
+  });
+
+  it("rejects missing, malformed, or non-http URLs", () => {
     expect(validateDesktopPreviewUrl("")).toEqual({
       ok: false,
       error: {
@@ -34,25 +49,11 @@ describe("validateDesktopPreviewUrl", () => {
         message: "Preview URL is not a valid URL.",
       },
     });
-    expect(validateDesktopPreviewUrl("https://localhost:3000")).toEqual({
-      ok: false,
-      error: {
-        code: "non-local-url",
-        message: "Preview only supports local http URLs.",
-      },
-    });
-    expect(validateDesktopPreviewUrl("http://example.com:3000")).toEqual({
-      ok: false,
-      error: {
-        code: "non-local-url",
-        message: "Preview only supports localhost, 127.0.0.1, or ::1.",
-      },
-    });
-    expect(validateDesktopPreviewUrl("http://localhost")).toEqual({
+    expect(validateDesktopPreviewUrl("ftp://localhost:3000")).toEqual({
       ok: false,
       error: {
         code: "invalid-url",
-        message: "Preview URL must include an explicit port.",
+        message: "Preview only supports http and https URLs.",
       },
     });
   });

apps/web/src/components/PreviewPanel.test.ts

@@ -12,7 +12,7 @@ describe("resolvePreviewStatusCopy", () => {
         visible: false,
         error: null,
       }),
-    ).toContain("localhost URL");
+    ).toContain("Enter a URL");
 
     expect(
       resolvePreviewStatusCopy({

apps/web/src/components/ThemeModeSwitcher.tsx

@@ -24,9 +24,7 @@ export function ThemeModeSwitcher() {
             aria-label={label}
             className={cn(
               "flex h-6 flex-1 items-center justify-center rounded-md text-muted-foreground transition-colors",
-              isActive
-                ? "bg-background text-foreground shadow-xs"
-                : "hover:text-foreground/80",
+              isActive ? "bg-background text-foreground shadow-xs" : "hover:text-foreground/80",
             )}
             onClick={() => setTheme(value)}
           >