@reddb-io/ui 0.4.4 → 0.4.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reddb-io/ui",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "private": false,
   "description": "RedDB UI components and standalone web application.",
   "type": "module",
@@ -47,8 +47,8 @@
   },
   "dependencies": {
     "@aflsolutions/graphology-communities-leiden": "^1.1.1",
-    "@reddb-io/ui-kit": "0.4.4",
-    "@reddb-io/ui-mcp": "0.4.4",
+    "@reddb-io/ui-kit": "0.4.6",
+    "@reddb-io/ui-mcp": "0.4.6",
     "@sigma/edge-curve": "^3.1.0",
     "@sigma/node-border": "^3.0.0",
     "@tauri-apps/api": "^2.5.0",

package/src/lib/ConnectDropdown.svelte

@@ -27,6 +27,7 @@
   }
 
   let open = $state(false)
+  let signInOpen = $state(false)
   let url = $state(pickDefaultUrl())
   let username = $state('')
   let password = $state('')
@@ -143,6 +144,7 @@
       error = connection.probe.error
       status = 'error'
       open = true
+      if (error.includes('HTTP 401')) signInOpen = true
     }
   })
 
@@ -225,7 +227,7 @@
 
         <div class="mb-2 text-[10px] font-mono text-fg-3">URL or Base64-encoded URL · reachable here: {supportedHint}</div>
 
-        <details class="mb-3">
+        <details class="mb-3" bind:open={signInOpen}>
           <summary class="cursor-pointer text-xs text-fg-2">Sign in to the database</summary>
           <div class="grid gap-2 mt-2">
             <label class="text-xs text-fg-2" for="connect-username">Username</label>

package/src/lib/reddb/client.ts

@@ -430,7 +430,10 @@ export class RedClient {
 
     if (!res.ok) {
       const body = await res.text().catch(() => "");
-      const message = `${verb} ${path} → ${res.status} ${body.slice(0, 200)}`;
+      const message =
+        res.status === 401
+          ? "Database credentials required (HTTP 401). Sign in with a database username and password."
+          : `${verb} ${path} → ${res.status} ${body.slice(0, 200)}`;
       devConsole.record({
         kind: "http",
         verb,

package/src/lib/reddb/connection-string.ts

@@ -59,7 +59,16 @@ export function decodeConnectionString(input: string): string {
   }
 }
 
-/** Browser connections use HTTP. RedWire aliases retain the existing HTTP bridge port convention. */
+/** Managed RedDB databases publish HTTPS on 443; their native wire and HTTP
+ * container ports are not browser endpoints. Self-hosted aliases keep the
+ * existing local HTTP bridge convention. Explicit HTTP(S) URLs stay caller-owned. */
+function managedDatabaseHost(hostname: string): boolean {
+  const label = "[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?";
+  return new RegExp(
+    `^${label}\\.${label}\\.dbs\\.reddb\\.(?:dev|io)$`,
+    "i"
+  ).test(hostname);
+}
 export function parseConnectionString(input: string): ParsedConnectionString {
   let raw = decodeConnectionString(input);
   if (/^(file|unix|red\+unix):\/\//i.test(raw)) return { url: raw };
@@ -98,7 +107,14 @@ export function parseConnectionString(input: string): ParsedConnectionString {
       url.username = "";
       url.password = "";
     }
-    if (wire) url.port = "5055";
+    if (wire) {
+      if (managedDatabaseHost(url.hostname)) {
+        url.protocol = "https:";
+        url.port = "";
+      } else {
+        url.port = "5055";
+      }
+    }
     const endpoint = url.href.replace(/\/$/, "");
     return { url: endpoint, ...(credentials ? { credentials } : {}) };
   } catch (error) {