showpane 0.4.27 → 0.4.28

package/bundle/meta/scaffold-manifest.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "generatedAt": "2026-04-13T22:57:26.230Z",
+  "generatedAt": "2026-04-13T23:18:58.439Z",
   "scaffoldVersion": "0.2.7",
   "files": {
     ".env.example": "ed105f2bdcd1888a98181d55e3c9f7d6eff3ae9c3e2366c2e777a12e3caddfa7",
@@ -19,7 +19,7 @@
     "scripts/prisma-db-push.mjs": "76ac85fe65b5dc3d9cc7432e44618fcc84b7443574c8d88198d01f13ac23c040",
     "scripts/prisma-generate.mjs": "d371e63388fa39f963b7c3c7cb8f87e0d9cd43cbf69d254b999108e29b8738c8",
     "scripts/prisma-schema.mjs": "0a86cc1b5f84120948aed8f97a84f2d5b173f91a43ea34ad6767441894121d83",
-    "src/__tests__/branding.test.ts": "dffbb3744705bc378ad91b9d7b8868004ffeaa45623f4748e1fed951096b9e3f",
+    "src/__tests__/branding.test.ts": "ed6246013ca9465e3ee73de72791b781556a75b65935ed61e116d3dcc7885b53",
     "src/__tests__/client-portals.test.ts": "9c3236bf0f7190b7d5ba9082287dcb29bc00d28dd63782a89505125ead06c624",
     "src/__tests__/deploy-bundle.test.ts": "abd3216170f306c09df6abb0d2afad966a5741e8859f25a310a0a09693d37609",
     "src/__tests__/portal-contracts.test.ts": "a3ecf29c460a14f22ef48449fc9de5b945ce5f03423f12380d05e01159d1e3b4",
@@ -28,7 +28,7 @@
     "src/app/(portal)/client/example/example-client.tsx": "ed32b111acea861f448d865338f8841d47c6ca7c2f87ed30d85bb0804940d4ec",
     "src/app/(portal)/client/example/page.tsx": "f330864f63c9feea76c8a62c3eba3ce57578627e0d4abd929fd7fefdfc7af058",
     "src/app/(portal)/client/layout.tsx": "4f43871510408a81da229d48ae316ec1d1c1beda93121922246300a2c8fd0999",
-    "src/app/(portal)/client/page.tsx": "cf0d1b0517aadf1bfbfc91552d0c13201a140c31d2df9e08e1c62a5d48e59189",
+    "src/app/(portal)/client/page.tsx": "bb22886df765690f2ce0c2ddfcac3dcfe4fa5845142d358c596d813d86c3e849",
     "src/app/api/client-auth/route.ts": "ce1858559b1e944d5b1dc719d1f03bebf66286671700b1b5397382109f0f1e0d",
     "src/app/api/client-auth/share/route.ts": "ed82414212dcd26af8c6c0f2bd44d9d79a727ed35cfedbac8c4077a6220aad14",
     "src/app/api/client-events/route.ts": "13d545537b7e8ce421e6169d25c105adf2a2de3d978ae0a2c6751ff5f7d2eb33",
@@ -41,10 +41,10 @@
     "src/app/layout.tsx": "c17aabeb2b486f023e777230343ace6cc06840f641a10b9dd9f65e092018f82f",
     "src/app/page.tsx": "1f71205c3ae30bf6929d37947b0c94ae53aed33b6689b7d6b13066ad51c1bc14",
     "src/components/copy-button.tsx": "2f3d1d8a6a0a570c8d78e19c3c15519c44af17b5d8893ae5a5f57db5ecce7077",
-    "src/components/portal-login.tsx": "8b0d91bb28674e1102fd2e5b5ddcc3a93755dd806fbd3d1b2dbea2646cffca5e",
+    "src/components/portal-login.tsx": "1056ae210dfa16b69b69ca63be988025d11cc543daf253f17ffb97cb446be30f",
     "src/components/portal-shell.tsx": "f46a0f753a4a0318f06c8b4e46295febb84b03ea082c95057a6da50c737b4e21",
     "src/lib/abuse-controls.ts": "d79d58d93267aca48ad0b7b9b91f753c9a3c27263e4e98daf768a950c44a6fc6",
-    "src/lib/branding.ts": "f0fa242c285610105c27fcaf76828f1892c8051fc2db5c36bdbe92ea916aa4bd",
+    "src/lib/branding.ts": "c4faf299209aa7e07ec4ff24237a1c9f7ed4e87f0353cf9393d9c484d987cf04",
     "src/lib/client-auth.ts": "b9bdfe77dbe5d6ec6c6a930627fc43d3253f0d76fd8fc4093af5a75742bebe42",
     "src/lib/client-portals.ts": "9b531f9a9ea459b4ab85257b9dd282874fa1422838fe89d511940e417114216a",
     "src/lib/control-plane.ts": "e0cf39f28ec7de715fd5cfbb5f4240773fcd3d775cd1677588dd749fff740a0e",

package/bundle/scaffold/src/__tests__/branding.test.ts

@@ -5,6 +5,7 @@ import {
   getDomainFromWebsite,
   getLogoUrl,
   normalizeWebsiteUrl,
+  resolvePortalLabel,
 } from "@/lib/branding";
 
 describe("branding helpers", () => {
@@ -40,4 +41,9 @@ describe("branding helpers", () => {
       }),
     ).toBe(getLogoUrl("", "Bidgen"));
   });
+
+  it("uses the org name when the stored portal label is still generic", () => {
+    expect(resolvePortalLabel("Bidgen-Test", "Client Portal")).toBe("Bidgen-Test Portal");
+    expect(resolvePortalLabel("Bidgen-Test", "Bidgen-Test Workspace")).toBe("Bidgen-Test Workspace");
+  });
 });

package/bundle/scaffold/src/app/(portal)/client/page.tsx

@@ -1,5 +1,5 @@
 import { PortalLogin } from "@/components/portal-login";
-import { getBrandLogoUrl } from "@/lib/branding";
+import { getBrandLogoUrl, resolvePortalLabel } from "@/lib/branding";
 import { prisma } from "@/lib/db";
 import { resolveDefaultOrganizationId } from "@/lib/client-portals";
 import { getRuntimePortalBySlug, getRuntimeState, isRuntimeSnapshotMode } from "@/lib/runtime-state";
@@ -29,7 +29,7 @@ export default async function ClientLogin({
           const orgName = state?.organization?.name || companyName;
           companyName = orgName;
           companyLogoAlt = orgName;
-          portalLabel = state?.organization?.portalLabel || `${orgName} Portal`;
+          portalLabel = resolvePortalLabel(orgName, state?.organization?.portalLabel);
           description = `Private portal created by ${orgName} for ${portal.companyName}. Sign in with the credentials you were sent.`;
           companyLogoSrc = getBrandLogoUrl({
             logoUrl: state?.organization?.logoUrl,
@@ -71,7 +71,7 @@ export default async function ClientLogin({
             const orgName = organization?.name || companyName;
             companyName = orgName;
             companyLogoAlt = orgName;
-            portalLabel = organization?.portalLabel || `${orgName} Portal`;
+            portalLabel = resolvePortalLabel(orgName, organization?.portalLabel);
             description = `Private portal created by ${orgName} for ${portal.companyName}. Sign in with the credentials you were sent.`;
             companyLogoSrc = getBrandLogoUrl({
               logoUrl: organization?.logoUrl,
@@ -95,21 +95,8 @@ export default async function ClientLogin({
   return (
     <PortalLogin
       companyName={companyName}
-      companyLogo={
-        companyLogoSrc ? (
-          <img
-            src={companyLogoSrc}
-            alt={companyLogoAlt}
-            className="h-7 w-7 rounded-lg object-cover"
-          />
-        ) : (
-          <div className="flex h-7 w-7 items-center justify-center rounded-lg bg-gray-900">
-            <span className="text-xs font-bold text-white">
-              {companyName[0]?.toUpperCase() || "S"}
-            </span>
-          </div>
-        )
-      }
+      companyLogoSrc={companyLogoSrc}
+      companyLogoAlt={companyLogoAlt}
       companyUrl={companyUrl}
       supportEmail={supportEmail}
       portalLabel={portalLabel}

package/bundle/scaffold/src/components/portal-login.tsx

@@ -1,11 +1,12 @@
 "use client";
 
-import { useState, FormEvent, ReactNode } from "react";
+import { useState, FormEvent } from "react";
 import { ArrowRight, Eye, EyeOff } from "lucide-react";
 
 export type PortalLoginProps = {
   companyName: string;
-  companyLogo: ReactNode;
+  companyLogoSrc?: string | null;
+  companyLogoAlt?: string;
   companyUrl: string;
   portalLabel?: string;
   description?: string;
@@ -16,7 +17,8 @@ export type PortalLoginProps = {
 
 export function PortalLogin({
   companyName,
-  companyLogo,
+  companyLogoSrc,
+  companyLogoAlt,
   companyUrl,
   portalLabel,
   description,
@@ -29,11 +31,13 @@ export function PortalLogin({
   const [error, setError] = useState<{ message: string; hint?: string } | null>(null);
   const [loading, setLoading] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
+  const [logoFailed, setLogoFailed] = useState(false);
 
   const resolvedPortalLabel = portalLabel ?? "Client Portal";
   const resolvedDescription = description ?? `Private portal for ${companyName} clients. Sign in with the credentials we sent you.`;
   const resolvedAuthEndpoint = authEndpoint ?? "/api/client-auth";
   const resolvedRedirectBasePath = redirectBasePath ?? "/client";
+  const resolvedCompanyLogoAlt = companyLogoAlt ?? companyName;
 
   let displayDomain: string;
   try {
@@ -86,7 +90,20 @@ export function PortalLogin({
 
       <div className="relative z-10 w-full max-w-sm">
         <a href={companyUrl} className="mx-auto mb-8 flex w-fit items-center gap-2 transition-opacity hover:opacity-70">
-          {companyLogo}
+          {companyLogoSrc && !logoFailed ? (
+            <img
+              src={companyLogoSrc}
+              alt={resolvedCompanyLogoAlt}
+              className="h-7 w-7 rounded-lg object-cover"
+              onError={() => setLogoFailed(true)}
+            />
+          ) : (
+            <div className="flex h-7 w-7 items-center justify-center rounded-lg bg-gray-900">
+              <span className="text-xs font-bold text-white">
+                {companyName[0]?.toUpperCase() || "S"}
+              </span>
+            </div>
+          )}
           <span className="text-base font-bold tracking-tight text-gray-900">{companyName}</span>
         </a>
 

package/bundle/scaffold/src/lib/branding.ts

@@ -41,8 +41,13 @@ export function getDomainFromWebsite(value?: string | null): string | null {
  */
 export function getLogoUrl(domain: string, fallbackName?: string): string {
   if (domain) {
-    // Clearbit Logo API - free, no authentication needed
-    return `https://logo.clearbit.com/${domain}`;
+    const params = new URLSearchParams({
+      size: "128",
+      format: "webp",
+      fallback: "monogram",
+      retina: "true",
+    });
+    return `https://img.logo.dev/${domain}?${params.toString()}`;
   }
   // Fallback: initial-based avatar via ui-avatars.com
   const initial = (fallbackName || "?")[0].toUpperCase();
@@ -66,6 +71,17 @@ export function getBrandLogoUrl(options: {
   return getLogoUrl(domain ?? "", options.fallbackName);
 }
 
+export function resolvePortalLabel(
+  organizationName: string,
+  portalLabel?: string | null,
+): string {
+  if (portalLabel && portalLabel.trim() && portalLabel !== "Client Portal") {
+    return portalLabel;
+  }
+
+  return `${organizationName} Portal`;
+}
+
 /**
  * Fetch a Gravatar URL for an email address.
  * Falls back to UI Avatars if no Gravatar exists.

package/bundle/toolchain/CLI_VERSION

@@ -1 +1 @@
-0.4.27
+0.4.28

package/bundle/toolchain/bin/create-portal.ts

@@ -13,6 +13,21 @@ function fail(message: string): never {
   process.exit(1);
 }
 
+function shouldRetryWithoutWebsiteUrl(message: string): boolean {
+  const normalized = message.toLowerCase();
+  return (
+    normalized.includes("websiteurl") &&
+    (
+      normalized.includes("unknown arg") ||
+      normalized.includes("unknown argument") ||
+      normalized.includes("unknown field") ||
+      normalized.includes("no column named") ||
+      normalized.includes("has no column") ||
+      normalized.includes("does not exist")
+    )
+  );
+}
+
 async function main() {
   const args = process.argv.slice(2);
 
@@ -74,11 +89,7 @@ async function main() {
       });
     } catch (error) {
       const message = error instanceof Error ? error.message : String(error);
-      if (
-        websiteUrl &&
-        (message.includes("Unknown arg `websiteUrl`") ||
-          message.includes("Unknown argument `websiteUrl`"))
-      ) {
+      if (websiteUrl && shouldRetryWithoutWebsiteUrl(message)) {
         delete createData.websiteUrl;
         portal = await prisma.clientPortal.create({
           data: createData,

package/bundle/toolchain/bin/export-runtime-state.ts

@@ -45,21 +45,57 @@ async function main() {
       fail("No organization found");
     }
 
-    const portals = await prisma.clientPortal.findMany({
-      where: { organizationId: organization.id },
-      orderBy: { createdAt: "asc" },
-      select: {
-        slug: true,
-        companyName: true,
-        websiteUrl: true,
-        logoUrl: true,
-        username: true,
-        passwordHash: true,
-        credentialVersion: true,
-        isActive: true,
-        lastUpdated: true,
-      },
-    });
+    let portals: Array<{
+      slug: string;
+      companyName: string;
+      websiteUrl?: string | null;
+      logoUrl?: string | null;
+      username: string;
+      passwordHash: string;
+      credentialVersion: string;
+      isActive: boolean;
+      lastUpdated?: string | null;
+    }> = [];
+    try {
+      portals = await prisma.clientPortal.findMany({
+        where: { organizationId: organization.id },
+        orderBy: { createdAt: "asc" },
+        select: {
+          slug: true,
+          companyName: true,
+          websiteUrl: true,
+          logoUrl: true,
+          username: true,
+          passwordHash: true,
+          credentialVersion: true,
+          isActive: true,
+          lastUpdated: true,
+        },
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      if (!message.toLowerCase().includes("websiteurl")) {
+        throw error;
+      }
+      const legacyPortals = await prisma.clientPortal.findMany({
+        where: { organizationId: organization.id },
+        orderBy: { createdAt: "asc" },
+        select: {
+          slug: true,
+          companyName: true,
+          logoUrl: true,
+          username: true,
+          passwordHash: true,
+          credentialVersion: true,
+          isActive: true,
+          lastUpdated: true,
+        },
+      });
+      portals = legacyPortals.map((portal) => ({
+        ...portal,
+        websiteUrl: null,
+      }));
+    }
 
     console.log(JSON.stringify({
       ok: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "showpane",
-  "version": "0.4.27",
+  "version": "0.4.28",
   "description": "CLI for Showpane — AI-generated client portals",
   "type": "module",
   "bin": {