@reddb-io/ui 0.4.3 → 0.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reddb-io/ui",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "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.3",
-    "@reddb-io/ui-mcp": "0.4.3",
+    "@reddb-io/ui-kit": "0.4.5",
+    "@reddb-io/ui-mcp": "0.4.5",
     "@sigma/edge-curve": "^3.1.0",
     "@sigma/node-border": "^3.0.0",
     "@tauri-apps/api": "^2.5.0",

package/src/lib/Topbar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Kbd } from '../../vendor/ds/kits/base/src/index.ts'
+  import { Kbd, Logo } from '../../vendor/ds/kits/base/src/index.ts'
   import ConnectDropdown from './ConnectDropdown.svelte'
   import ActivityIndicator from './ActivityIndicator.svelte'
   import Search from '@lucide/svelte/icons/search'
@@ -34,13 +34,14 @@
 
 <header class="h-11 flex items-center justify-between px-3.5 bg-bg-1/80 backdrop-blur-md border-b border-line-1 relative z-10">
   <div class="flex items-center gap-2.5">
-    <a
+    <Logo
+      layout="horizontal"
+      size={16}
+      on={theme.current}
       href={router.href({ view: 'collections' })}
+      label="RedDB home"
       onclick={(e) => router.go({ view: 'collections' }, e)}
-      class="font-mono font-semibold text-[13px] tracking-tight text-fg-0 no-underline hover:text-primary-text transition-colors"
-    >
-      red<span class="text-primary-text mx-px">·</span>ui
-    </a>
+    />
     {#if showConnect}
       <div class="w-px h-[18px] bg-line-2"></div>
       <ConnectDropdown />

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) {