@fayz-ai/admin 0.62.0 → 0.65.2

package/dist/chunk-6UUFVQ2E.js

@@ -0,0 +1,283 @@
+import { useFayzProjectsStore, defaultProjectOf, editorUrlOf } from './chunk-6MMSYC2I.js';
+import { cn } from './chunk-JRZJBMOY.js';
+import { useOrganizationStore } from './chunk-YKPPCV2Z.js';
+import * as React from 'react';
+import { Globe, LayoutTemplate, Store, ChevronsUpDown, ExternalLink, PenSquare, RefreshCw } from 'lucide-react';
+import { useLayoutStore, Button, Dropdown, DropdownTrigger, DropdownContent, DropdownLabel, DropdownItem } from '@fayz-ai/ui';
+import { useTranslation } from '@fayz-ai/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var KIND_ICON = {
+  site: Globe,
+  storefront: Store,
+  landing_page: LayoutTemplate,
+  other: Globe
+};
+function openExternal(url) {
+  if (url) window.open(url, "_blank", "noopener,noreferrer");
+}
+function previewSourceOf(p) {
+  const metadata = p.metadata ?? {};
+  if (typeof metadata.sandbox_url === "string" && metadata.sandbox_url) return metadata.sandbox_url;
+  const env = import.meta.env;
+  return env?.VITE_APP_BUILDER_SANDBOX_URL || p.previewUrl;
+}
+function synthFromFallback(f) {
+  if (!f) return null;
+  return {
+    id: "config-site",
+    tenantId: "",
+    name: f.name,
+    kind: f.kind ?? "site",
+    isDefault: true,
+    storefrontEnabled: f.kind === "storefront",
+    fayzProjectId: f.fayzProjectId ?? null,
+    appId: null,
+    previewUrl: f.previewUrl ?? null,
+    editorUrl: f.editorUrl ?? null,
+    slug: null,
+    metadata: {},
+    createdAt: "",
+    updatedAt: ""
+  };
+}
+function SeuSiteWidget({ fallback, onEdit }) {
+  const t = useTranslation();
+  const currentOrgId = useOrganizationStore((s) => s.currentOrg?.id);
+  const projects = useFayzProjectsStore((s) => s.projects);
+  const load = useFayzProjectsStore((s) => s.load);
+  const loadedFor = useFayzProjectsStore((s) => s.loadedFor);
+  const collapsed = useLayoutStore((s) => s.sidebarCollapsed);
+  const [selectedId, setSelectedId] = React.useState(null);
+  const [hovered, setHovered] = React.useState(false);
+  const [primed, setPrimed] = React.useState(false);
+  const closeTimer = React.useRef(null);
+  const cancelClose = () => {
+    if (closeTimer.current) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+  };
+  const openPreview = () => {
+    cancelClose();
+    setPrimed(true);
+    setHovered(true);
+  };
+  const closePreview = () => {
+    cancelClose();
+    closeTimer.current = setTimeout(() => setHovered(false), 140);
+  };
+  React.useEffect(() => () => cancelClose(), []);
+  React.useEffect(() => {
+    if (loadedFor !== (currentOrgId ?? null)) void load(currentOrgId);
+  }, [currentOrgId, loadedFor, load]);
+  const active = projects.find((p) => p.id === selectedId) ?? defaultProjectOf(projects) ?? synthFromFallback(fallback);
+  if (!active) return null;
+  const Icon = KIND_ICON[active.kind] ?? Globe;
+  const tr = (key, fallback2) => {
+    const v = t(key);
+    return !v || v === key ? fallback2 : v;
+  };
+  const multiple = projects.length > 1;
+  const editorUrl = editorUrlOf(active);
+  const domain = active.previewUrl ? active.previewUrl.replace(/^https?:\/\//, "").replace(/\/+$/, "") : null;
+  const edit = () => onEdit ? onEdit() : openExternal(editorUrl);
+  const canEdit = !!onEdit || !!editorUrl;
+  const iconBtn = "rounded-button p-1 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground disabled:cursor-not-allowed disabled:opacity-30";
+  const body = collapsed ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "bare",
+      size: "bare",
+      onClick: () => openExternal(active.previewUrl),
+      title: active.name,
+      className: "flex w-full items-center justify-center rounded-button p-2 text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
+      children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" })
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("p", { className: "px-1 pb-1 text-[10px] font-semibold uppercase tracking-wider text-sidebar-muted", children: fallback?.label ?? tr("projects.yourSite", "Seu site") }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: canEdit ? "button" : void 0,
+        tabIndex: canEdit ? 0 : void 0,
+        onClick: canEdit ? edit : void 0,
+        onKeyDown: canEdit ? (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            edit();
+          }
+        } : void 0,
+        className: cn("rounded-button px-1 py-0.5", canEdit && "cursor-pointer hover:bg-sidebar-accent/40"),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0 text-sidebar-foreground/70" }),
+            multiple ? /* @__PURE__ */ jsxs(Dropdown, { children: [
+              /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "bare", size: "bare", onClick: (e) => e.stopPropagation(), className: "flex min-w-0 flex-1 items-center gap-1 text-left justify-start whitespace-normal text-[length:inherit] font-normal", children: [
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] font-medium text-sidebar-foreground", children: active.name }),
+                /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-3 w-3 shrink-0 text-sidebar-muted" })
+              ] }) }),
+              /* @__PURE__ */ jsxs(DropdownContent, { align: "start", className: "w-56", children: [
+                /* @__PURE__ */ jsx(DropdownLabel, { children: tr("projects.yourProjects", "Seus projetos") }),
+                projects.map((p) => {
+                  const PIcon = KIND_ICON[p.kind] ?? Globe;
+                  return /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => setSelectedId(p.id), children: [
+                    /* @__PURE__ */ jsx(PIcon, { className: "mr-2 h-3.5 w-3.5 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: p.name })
+                  ] }, p.id);
+                })
+              ] })
+            ] }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] font-medium text-sidebar-foreground", children: active.name }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: (e) => {
+                e.stopPropagation();
+                openExternal(active.previewUrl);
+              }, disabled: !active.previewUrl, title: tr("projects.open", "Abrir"), className: iconBtn, children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }) }),
+              /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", onClick: (e) => {
+                e.stopPropagation();
+                edit();
+              }, disabled: !canEdit, title: tr("projects.edit", "Editar"), className: iconBtn, children: /* @__PURE__ */ jsx(PenSquare, { className: "h-3.5 w-3.5" }) })
+            ] })
+          ] }),
+          domain && /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: active.previewUrl ?? void 0,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: (e) => e.stopPropagation(),
+              className: "mt-0.5 block truncate pl-6 text-[11px] text-sidebar-muted hover:text-sidebar-foreground/80",
+              children: domain
+            }
+          )
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "relative", onMouseEnter: openPreview, onMouseLeave: closePreview, children: [
+    body,
+    primed && /* @__PURE__ */ jsx(
+      SitePreview,
+      {
+        project: active,
+        open: hovered,
+        label: domain ?? fallback?.label ?? tr("projects.yourSite", "Seu site"),
+        onOpen: () => openExternal(active.previewUrl),
+        onEdit: canEdit ? edit : void 0,
+        tr
+      }
+    )
+  ] });
+}
+var PREVIEW_W = 1200;
+var PREVIEW_H = 780;
+var PANEL_W = 336;
+var SCALE = PANEL_W / PREVIEW_W;
+function SitePreview({
+  project,
+  open,
+  label,
+  onOpen,
+  onEdit,
+  tr
+}) {
+  const [nonce, setNonce] = React.useState(0);
+  const [loading, setLoading] = React.useState(true);
+  const url = previewSourceOf(project);
+  React.useEffect(() => {
+    setLoading(true);
+  }, [nonce, url]);
+  const action = "flex items-center gap-1.5 rounded-button px-2 py-1 text-[11.5px] font-medium text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground disabled:cursor-not-allowed disabled:opacity-40";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: { width: PANEL_W },
+      className: cn(
+        "absolute bottom-0 left-full z-50 ml-2 hidden md:block",
+        "motion-safe:transition-opacity motion-safe:duration-150",
+        open ? "opacity-100" : "pointer-events-none opacity-0"
+      ),
+      "aria-hidden": !open,
+      children: /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-sidebar-border bg-sidebar text-sidebar-foreground shadow-xl shadow-black/25", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] font-semibold", children: project.name }),
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-sidebar-muted", children: label })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "bare",
+              size: "bare",
+              type: "button",
+              onClick: () => setNonce((n) => n + 1),
+              disabled: !url,
+              title: tr("projects.refresh", "Atualizar"),
+              "aria-label": tr("projects.refresh", "Atualizar"),
+              className: "rounded-button p-1 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground disabled:opacity-30",
+              children: /* @__PURE__ */ jsx(RefreshCw, { className: cn("h-3.5 w-3.5", loading && url && "motion-safe:animate-spin") })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: { height: PREVIEW_H * SCALE },
+            className: "relative overflow-hidden border-y border-sidebar-border bg-white",
+            children: [
+              url && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "bare",
+                  size: "bare",
+                  type: "button",
+                  onClick: onOpen,
+                  "aria-label": tr("projects.open", "Abrir"),
+                  className: "absolute inset-0 z-10 cursor-pointer"
+                }
+              ),
+              url ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "iframe",
+                  {
+                    src: url,
+                    title: project.name,
+                    loading: "lazy",
+                    onLoad: () => setLoading(false),
+                    sandbox: "allow-scripts allow-same-origin",
+                    style: {
+                      width: PREVIEW_W,
+                      height: PREVIEW_H,
+                      transform: `scale(${SCALE})`,
+                      transformOrigin: "top left"
+                    },
+                    className: "pointer-events-none absolute left-0 top-0 border-0"
+                  },
+                  `${url}#${nonce}`
+                ),
+                loading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 motion-safe:animate-pulse bg-sidebar-accent/40" })
+              ] }) : /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-1 px-4 text-center", children: [
+                /* @__PURE__ */ jsx(Globe, { className: "h-5 w-5 text-sidebar-muted" }),
+                /* @__PURE__ */ jsx("p", { className: "text-[11.5px] text-sidebar-muted", children: tr("projects.noPreview", "Este projeto ainda n\xE3o tem endere\xE7o publicado.") })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5", children: [
+          /* @__PURE__ */ jsxs(Button, { variant: "bare", size: "bare", type: "button", onClick: onOpen, disabled: !url, className: action, children: [
+            /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
+            tr("projects.open", "Abrir")
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { variant: "bare", size: "bare", type: "button", onClick: onEdit, disabled: !onEdit, className: action, children: [
+            /* @__PURE__ */ jsx(PenSquare, { className: "h-3.5 w-3.5" }),
+            tr("projects.edit", "Editar")
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+export { SeuSiteWidget };
+//# sourceMappingURL=chunk-6UUFVQ2E.js.map
+//# sourceMappingURL=chunk-6UUFVQ2E.js.map

package/dist/chunk-6UUFVQ2E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/projects/SeuSiteWidget.tsx"],"names":["fallback"],"mappings":"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","file":"chunk-6UUFVQ2E.js","sourcesContent":["import * as React from 'react'\nimport { Globe, Store, LayoutTemplate, ExternalLink, PenSquare, ChevronsUpDown, RefreshCw } from 'lucide-react'\nimport { Button, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, DropdownLabel, useLayoutStore } from '@fayz-ai/ui'\nimport { useTranslation } from '@fayz-ai/core'\nimport { cn } from '../lib/cn'\nimport { useOrganizationStore } from '../org/store'\nimport { useFayzProjectsStore, defaultProjectOf, editorUrlOf } from './store'\nimport type { FayzProject, FayzProjectKind } from './types'\nimport type { AppSiteConfig } from '../app/config'\n\n// ---------------------------------------------------------------------------\n// \"Seu site\" — sidebar footer widget (rendered just above the user row). Shows\n// the current tenant's default fayz project with two actions: Abrir (open the\n// live/preview site) and Editar (open the fayz editor, /fayz/editor). When the\n// tenant owns more than one project, a picker switches which one is shown.\n// Self-hides when the tenant has no projects (or no supabase).\n// ---------------------------------------------------------------------------\n\nconst KIND_ICON: Record<FayzProjectKind, React.ComponentType<{ className?: string }>> = {\n  site: Globe,\n  storefront: Store,\n  landing_page: LayoutTemplate,\n  other: Globe,\n}\n\nfunction openExternal(url: string | null | undefined) {\n  if (url) window.open(url, '_blank', 'noopener,noreferrer')\n}\n\n/** The running preview container, when its address is known — the same source\n *  the builder canvas uses. Falls back to the published site. */\nfunction previewSourceOf(p: FayzProject): string | null {\n  const metadata = (p.metadata ?? {}) as Record<string, unknown>\n  if (typeof metadata.sandbox_url === 'string' && metadata.sandbox_url) return metadata.sandbox_url\n  const env = (import.meta as unknown as { env?: Record<string, string | undefined> }).env\n  return env?.VITE_APP_BUILDER_SANDBOX_URL || p.previewUrl\n}\n\n/** Build a display-only FayzProject from the app's config-declared site. */\nfunction synthFromFallback(f?: AppSiteConfig): FayzProject | null {\n  if (!f) return null\n  return {\n    id: 'config-site', tenantId: '', name: f.name, kind: f.kind ?? 'site',\n    isDefault: true, storefrontEnabled: f.kind === 'storefront',\n    fayzProjectId: f.fayzProjectId ?? null, appId: null,\n    previewUrl: f.previewUrl ?? null, editorUrl: f.editorUrl ?? null,\n    slug: null, metadata: {}, createdAt: '', updatedAt: '',\n  }\n}\n\nexport function SeuSiteWidget({ fallback, onEdit }: { fallback?: AppSiteConfig; onEdit?: () => void }) {\n  const t = useTranslation()\n  const currentOrgId = useOrganizationStore((s) => s.currentOrg?.id)\n  const projects = useFayzProjectsStore((s) => s.projects)\n  const load = useFayzProjectsStore((s) => s.load)\n  const loadedFor = useFayzProjectsStore((s) => s.loadedFor)\n  const collapsed = useLayoutStore((s) => s.sidebarCollapsed)\n\n  const [selectedId, setSelectedId] = React.useState<string | null>(null)\n\n  // Hover preview. `primed` stays true after the first hover so the iframe is\n  // mounted once and re-hovering is instant — the point of a preview is to see\n  // the store NOW, not to watch it load again every time.\n  const [hovered, setHovered] = React.useState(false)\n  const [primed, setPrimed] = React.useState(false)\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const cancelClose = () => {\n    if (closeTimer.current) {\n      clearTimeout(closeTimer.current)\n      closeTimer.current = null\n    }\n  }\n  const openPreview = () => {\n    cancelClose()\n    setPrimed(true)\n    setHovered(true)\n  }\n  const closePreview = () => {\n    cancelClose()\n    closeTimer.current = setTimeout(() => setHovered(false), 140)\n  }\n  React.useEffect(() => () => cancelClose(), [])\n\n  React.useEffect(() => {\n    if (loadedFor !== (currentOrgId ?? null)) void load(currentOrgId)\n  }, [currentOrgId, loadedFor, load])\n\n  // DB projects win; the config-declared site is the fallback for mock/standalone\n  // apps with no per-tenant rows (e.g. a mock admin whose site is bamboo.business).\n  const active: FayzProject | null =\n    projects.find((p) => p.id === selectedId) ?? defaultProjectOf(projects) ?? synthFromFallback(fallback)\n\n  if (!active) return null\n\n  const Icon = KIND_ICON[active.kind] ?? Globe\n  const tr = (key: string, fallback: string) => {\n    const v = t(key)\n    return !v || v === key ? fallback : v\n  }\n\n  const multiple = projects.length > 1\n  const editorUrl = editorUrlOf(active)\n  const domain = active.previewUrl ? active.previewUrl.replace(/^https?:\\/\\//, '').replace(/\\/+$/, '') : null\n  const edit = () => (onEdit ? onEdit() : openExternal(editorUrl))\n  const canEdit = !!onEdit || !!editorUrl\n\n  const iconBtn = 'rounded-button p-1 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground disabled:cursor-not-allowed disabled:opacity-30'\n\n  // Collapsed rail: a single icon that opens the live site. Pointing at it\n  // still brings up the full preview — that is the whole reason to hover a\n  // 4rem rail in the first place.\n  const body = collapsed ? (\n    <Button\n      variant=\"bare\"\n      size=\"bare\"\n      onClick={() => openExternal(active.previewUrl)}\n      title={active.name}\n      className=\"flex w-full items-center justify-center rounded-button p-2 text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground\"\n    >\n      <Icon className=\"h-4 w-4 shrink-0\" />\n    </Button>\n  ) : (\n    <>\n      <p className=\"px-1 pb-1 text-[10px] font-semibold uppercase tracking-wider text-sidebar-muted\">\n        {/* App-supplied wording wins over the translation: \"site\" is wrong for a\n            store admin, and the right word is the host's to choose. */}\n        {fallback?.label ?? tr('projects.yourSite', 'Seu site')}\n      </p>\n      {/* The whole row is the door: the pencil was a 14px target for the thing\n          the widget exists to open. */}\n      <div\n        role={canEdit ? 'button' : undefined}\n        tabIndex={canEdit ? 0 : undefined}\n        onClick={canEdit ? edit : undefined}\n        onKeyDown={canEdit ? (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); edit() } } : undefined}\n        className={cn('rounded-button px-1 py-0.5', canEdit && 'cursor-pointer hover:bg-sidebar-accent/40')}\n      >\n        <div className=\"flex items-center gap-2\">\n          <Icon className=\"h-4 w-4 shrink-0 text-sidebar-foreground/70\" />\n          {multiple ? (\n            <Dropdown>\n              <DropdownTrigger asChild>\n                <Button variant=\"bare\" size=\"bare\" onClick={(e) => e.stopPropagation()} className=\"flex min-w-0 flex-1 items-center gap-1 text-left justify-start whitespace-normal text-[length:inherit] font-normal\">\n                  <span className=\"min-w-0 flex-1 truncate text-[13px] font-medium text-sidebar-foreground\">{active.name}</span>\n                  <ChevronsUpDown className=\"h-3 w-3 shrink-0 text-sidebar-muted\" />\n                </Button>\n              </DropdownTrigger>\n              <DropdownContent align=\"start\" className=\"w-56\">\n                <DropdownLabel>{tr('projects.yourProjects', 'Seus projetos')}</DropdownLabel>\n                {projects.map((p) => {\n                  const PIcon = KIND_ICON[p.kind] ?? Globe\n                  return (\n                    <DropdownItem key={p.id} onClick={() => setSelectedId(p.id)}>\n                      <PIcon className=\"mr-2 h-3.5 w-3.5 shrink-0\" />\n                      <span className=\"truncate\">{p.name}</span>\n                    </DropdownItem>\n                  )\n                })}\n              </DropdownContent>\n            </Dropdown>\n          ) : (\n            <span className=\"min-w-0 flex-1 truncate text-[13px] font-medium text-sidebar-foreground\">{active.name}</span>\n          )}\n          <div className=\"flex shrink-0 items-center gap-0.5\">\n            <Button variant=\"bare\" size=\"bare\" onClick={(e) => { e.stopPropagation(); openExternal(active.previewUrl) }} disabled={!active.previewUrl} title={tr('projects.open', 'Abrir')} className={iconBtn}>\n              <ExternalLink className=\"h-3.5 w-3.5\" />\n            </Button>\n            <Button variant=\"bare\" size=\"bare\" onClick={(e) => { e.stopPropagation(); edit() }} disabled={!canEdit} title={tr('projects.edit', 'Editar')} className={iconBtn}>\n              <PenSquare className=\"h-3.5 w-3.5\" />\n            </Button>\n          </div>\n        </div>\n        {domain && (\n          <a\n            href={active.previewUrl ?? undefined}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            onClick={(e) => e.stopPropagation()}\n            className=\"mt-0.5 block truncate pl-6 text-[11px] text-sidebar-muted hover:text-sidebar-foreground/80\"\n          >\n            {domain}\n          </a>\n        )}\n      </div>\n    </>\n  )\n\n  return (\n    <div className=\"relative\" onMouseEnter={openPreview} onMouseLeave={closePreview}>\n      {body}\n      {primed && (\n        <SitePreview\n          project={active}\n          open={hovered}\n          // The rail already prints \"Seu site\" above the widget; the card's\n          // second line is better spent on WHICH address this is.\n          label={domain ?? fallback?.label ?? tr('projects.yourSite', 'Seu site')}\n          onOpen={() => openExternal(active.previewUrl)}\n          onEdit={canEdit ? edit : undefined}\n          tr={tr}\n        />\n      )}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// SitePreview — the store itself, as it is right now.\n//\n// A live iframe rather than a stored thumbnail: a screenshot is a promise that\n// the store still looks like that, and the merchant's whole question when they\n// point at this widget is \"what does it look like AFTER what I just changed?\".\n// It is scaled down from a desktop viewport so the frame shows the real layout\n// and not a phone-width column, and it is inert (pointer-events off) — this is\n// a look at the store, not a second place to use it.\n// ---------------------------------------------------------------------------\n\nconst PREVIEW_W = 1200\nconst PREVIEW_H = 780\nconst PANEL_W = 336\nconst SCALE = PANEL_W / PREVIEW_W\n\nfunction SitePreview({\n  project,\n  open,\n  label,\n  onOpen,\n  onEdit,\n  tr,\n}: {\n  project: FayzProject\n  open: boolean\n  label: string\n  onOpen: () => void\n  onEdit?: () => void\n  tr: (key: string, fallback: string) => string\n}) {\n  // Bumping the key remounts the frame, which is the only reliable way to\n  // reload a cross-origin document we don't control.\n  const [nonce, setNonce] = React.useState(0)\n  const [loading, setLoading] = React.useState(true)\n  // The container if it is up, the published site otherwise: hovering asks\n  // \"how does it look NOW\", and now is the sandbox once one exists.\n  const url = previewSourceOf(project)\n\n  React.useEffect(() => {\n    setLoading(true)\n  }, [nonce, url])\n\n  const action =\n    'flex items-center gap-1.5 rounded-button px-2 py-1 text-[11.5px] font-medium text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground disabled:cursor-not-allowed disabled:opacity-40'\n\n  return (\n    <div\n      style={{ width: PANEL_W }}\n      className={cn(\n        'absolute bottom-0 left-full z-50 ml-2 hidden md:block',\n        'motion-safe:transition-opacity motion-safe:duration-150',\n        open ? 'opacity-100' : 'pointer-events-none opacity-0',\n      )}\n      aria-hidden={!open}\n    >\n      <div className=\"overflow-hidden rounded-lg border border-sidebar-border bg-sidebar text-sidebar-foreground shadow-xl shadow-black/25\">\n        <div className=\"flex items-center gap-2 px-3 py-2\">\n          <span className=\"min-w-0 flex-1\">\n            <span className=\"block truncate text-[13px] font-semibold\">{project.name}</span>\n            <span className=\"block truncate text-[11px] text-sidebar-muted\">{label}</span>\n          </span>\n          <Button\n            variant=\"bare\"\n            size=\"bare\"\n            type=\"button\"\n            onClick={() => setNonce((n) => n + 1)}\n            disabled={!url}\n            title={tr('projects.refresh', 'Atualizar')}\n            aria-label={tr('projects.refresh', 'Atualizar')}\n            className=\"rounded-button p-1 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground disabled:opacity-30\"\n          >\n            <RefreshCw className={cn('h-3.5 w-3.5', loading && url && 'motion-safe:animate-spin')} />\n          </Button>\n        </div>\n\n        <div\n          style={{ height: PREVIEW_H * SCALE }}\n          className=\"relative overflow-hidden border-y border-sidebar-border bg-white\"\n        >\n          {/* The picture of the store IS a link to the store — clicking what\n              you are looking at is the first thing anyone tries. */}\n          {url && (\n            <Button\n              variant=\"bare\"\n              size=\"bare\"\n              type=\"button\"\n              onClick={onOpen}\n              aria-label={tr('projects.open', 'Abrir')}\n              className=\"absolute inset-0 z-10 cursor-pointer\"\n            />\n          )}\n          {url ? (\n            <>\n              <iframe\n                key={`${url}#${nonce}`}\n                src={url}\n                title={project.name}\n                loading=\"lazy\"\n                onLoad={() => setLoading(false)}\n                // Untrusted-by-default: the storefront is the tenant's own page,\n                // but it has no business scripting or navigating the admin.\n                sandbox=\"allow-scripts allow-same-origin\"\n                style={{\n                  width: PREVIEW_W,\n                  height: PREVIEW_H,\n                  transform: `scale(${SCALE})`,\n                  transformOrigin: 'top left',\n                }}\n                className=\"pointer-events-none absolute left-0 top-0 border-0\"\n              />\n              {loading && (\n                <div className=\"absolute inset-0 motion-safe:animate-pulse bg-sidebar-accent/40\" />\n              )}\n            </>\n          ) : (\n            <div className=\"flex h-full flex-col items-center justify-center gap-1 px-4 text-center\">\n              <Globe className=\"h-5 w-5 text-sidebar-muted\" />\n              <p className=\"text-[11.5px] text-sidebar-muted\">\n                {tr('projects.noPreview', 'Este projeto ainda não tem endereço publicado.')}\n              </p>\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-1 px-2 py-1.5\">\n          <Button variant=\"bare\" size=\"bare\" type=\"button\" onClick={onOpen} disabled={!url} className={action}>\n            <ExternalLink className=\"h-3.5 w-3.5\" />\n            {tr('projects.open', 'Abrir')}\n          </Button>\n          <Button variant=\"bare\" size=\"bare\" type=\"button\" onClick={onEdit} disabled={!onEdit} className={action}>\n            <PenSquare className=\"h-3.5 w-3.5\" />\n            {tr('projects.edit', 'Editar')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}