@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-QCSJ4CWE.js

@@ -0,0 +1,1067 @@
+"use client";
+import {
+  payerShortLabel
+} from "./chunk-7TIX2UAR.js";
+import {
+  showUndoToast
+} from "./chunk-QK5EFEUT.js";
+import {
+  ACCESS_CHOICES,
+  SPEND_PERIOD_OPTIONS,
+  abuseCategoryLabel,
+  availabilityMessage,
+  domainFromHostname,
+  draftFromPublication,
+  hasOutsideViewers,
+  invitedEmailProblem,
+  labelProblemMessage,
+  normalizeLabelInput,
+  outsideLimitsFromDraft,
+  outsideUsageLine,
+  platformRefusal,
+  publicationRequest,
+  readinessTitle,
+  sentence,
+  siteErrorCode,
+  sitePublicationLoadFromError,
+  splitReadinessWarnings,
+  suggestedLabel,
+  suspendedByLabel,
+  viewAsVisitorUrl
+} from "./chunk-SYCDHPZF.js";
+import {
+  EmailChipsInput
+} from "./chunk-O732GAFC.js";
+import {
+  Disclosure
+} from "./chunk-I4MRDSUF.js";
+import {
+  useWorkspaceModelCatalog
+} from "./chunk-TX3VECZU.js";
+import {
+  ModelPicker
+} from "./chunk-YSJEAAOL.js";
+import {
+  useCopyToClipboard
+} from "./chunk-2YUOVM3G.js";
+import {
+  toast
+} from "./chunk-O4EA4F3W.js";
+import {
+  ChoiceCard,
+  ChoiceCards
+} from "./chunk-YENLNISG.js";
+import {
+  ListRow,
+  RowList
+} from "./chunk-54YW6SZZ.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  StatusBadge
+} from "./chunk-HIPM3BEC.js";
+import {
+  DropdownMenuItem
+} from "./chunk-GM3LG6BG.js";
+import {
+  FormDialog,
+  FormInline,
+  FormPage
+} from "./chunk-ZYAZUPPV.js";
+import {
+  userErrorText
+} from "./chunk-O4OOG3D6.js";
+import {
+  LogoTile
+} from "./chunk-K4DHWGCT.js";
+import {
+  Section
+} from "./chunk-TE67CGMY.js";
+import {
+  Switch
+} from "./chunk-7V5REBCP.js";
+import {
+  SelectMenu
+} from "./chunk-3CPWWGNK.js";
+import {
+  RelativeTime
+} from "./chunk-53AGXXZM.js";
+import {
+  SettingRow
+} from "./chunk-YNF2OC54.js";
+import {
+  CheckboxField,
+  Field,
+  FieldStack,
+  TextArea,
+  TextInput
+} from "./chunk-MVW6HNPI.js";
+import {
+  Notice
+} from "./chunk-FSOQDUCG.js";
+import {
+  Button,
+  buttonVariants
+} from "./chunk-7QQN3KNP.js";
+
+// src/app/components/artifacts/site-publishing.tsx
+import {
+  CheckIcon,
+  CopyIcon,
+  ExternalLinkIcon,
+  FlagIcon,
+  GlobeIcon,
+  LoaderCircleIcon,
+  PlusIcon,
+  RotateCcwIcon,
+  UsersIcon,
+  XIcon
+} from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useSitePublication({
+  client,
+  workspaceId,
+  siteId,
+  enabled
+}) {
+  const [load, setLoad] = useState({ state: "loading" });
+  const abortRef = useRef(null);
+  const reload = useCallback(async () => {
+    abortRef.current?.abort();
+    if (!enabled) return;
+    const abort = new AbortController();
+    abortRef.current = abort;
+    try {
+      const publication = await client.getSitePublication(workspaceId, siteId, {
+        signal: abort.signal
+      });
+      if (!abort.signal.aborted) setLoad({ state: "ready", publication });
+    } catch (error) {
+      if (!abort.signal.aborted) setLoad(sitePublicationLoadFromError(error));
+    }
+  }, [client, enabled, siteId, workspaceId]);
+  useEffect(() => {
+    setLoad({ state: "loading" });
+    void reload();
+    return () => abortRef.current?.abort();
+  }, [reload]);
+  const setPublication = useCallback(
+    (publication) => setLoad({ state: "ready", publication }),
+    []
+  );
+  return { load, reload, setPublication };
+}
+function livePublication(load) {
+  return load.state === "ready" && load.publication.status === "active" ? load.publication : null;
+}
+function SitePublishButton({
+  load,
+  onOpen
+}) {
+  if (load.state === "unavailable" || load.state === "forbidden") return null;
+  if (load.state === "ready" && load.publication.status !== "unpublished") return null;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      size: "sm",
+      variant: "outline",
+      onClick: onOpen,
+      title: "Publish",
+      className: "rounded-[10px] pointer-coarse:h-11 max-sm:px-2.5 pointer-coarse:max-sm:w-11",
+      children: [
+        /* @__PURE__ */ jsx(GlobeIcon, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "max-sm:sr-only", children: "Publish" })
+      ]
+    }
+  );
+}
+function sitePublicationHeader(load) {
+  const live = livePublication(load);
+  const suspended = load.state === "ready" && load.publication.status === "suspended";
+  return {
+    meta: live ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: live.url,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "relative z-10 font-medium og-link text-fg-muted",
+        children: live.hostname
+      },
+      "publication"
+    ) : null,
+    chip: suspended ? /* @__PURE__ */ jsx(StatusBadge, { tone: "danger", icon: "auto", children: "Taken down" }) : null
+  };
+}
+function useHostnameAvailability(client, workspaceId, label, skip) {
+  const [availability, setAvailability] = useState({ state: "idle" });
+  useEffect(() => {
+    if (skip || labelProblemMessage(label)) {
+      setAvailability({ state: "idle" });
+      return;
+    }
+    setAvailability({ state: "checking", label });
+    const abort = new AbortController();
+    const timer = setTimeout(() => {
+      client.checkSiteHostname(workspaceId, label, { signal: abort.signal }).then((result) => {
+        if (!abort.signal.aborted) setAvailability({ state: "done", label, result });
+      }).catch(() => {
+        if (!abort.signal.aborted) setAvailability({ state: "failed", label });
+      });
+    }, 350);
+    return () => {
+      clearTimeout(timer);
+      abort.abort();
+    };
+  }, [client, label, skip, workspaceId]);
+  return availability;
+}
+function PublishFrame({
+  layout = "page",
+  back,
+  ...props
+}) {
+  return layout === "panel" ? /* @__PURE__ */ jsx(FormInline, { ...props }) : /* @__PURE__ */ jsx(FormPage, { back, ...props });
+}
+function SitePublishPage(props) {
+  const { load, site, onBack, layout } = props;
+  const back = { label: site.title, onClick: onBack };
+  const blocked = (title, body, action) => /* @__PURE__ */ jsx(
+    PublishFrame,
+    {
+      layout,
+      back,
+      title: "Publish to web",
+      submitLabel: "Publish",
+      footer: false,
+      children: /* @__PURE__ */ jsx(Notice, { title, action, actionLayout: "responsive", children: body })
+    }
+  );
+  if (!props.canManage || load.state === "forbidden")
+    return blocked(
+      "You can't publish this Site",
+      "You need permission to publish artifacts in this workspace."
+    );
+  if (load.state === "unavailable")
+    return blocked(
+      "Publishing isn't set up on this server",
+      "An administrator sets a Sites domain to turn it on."
+    );
+  if (site.visibility === "private" && load.state !== "ready")
+    return blocked(
+      "Share this Site with the workspace first",
+      "A Site that only you can see can't be published.",
+      props.onShareWithWorkspace ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", onClick: props.onShareWithWorkspace, children: [
+        /* @__PURE__ */ jsx(UsersIcon, { "aria-hidden": "true" }),
+        "Share with workspace"
+      ] }) : void 0
+    );
+  if (load.state === "error")
+    return blocked(
+      "Couldn't load publishing",
+      userErrorText(load.error),
+      /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: props.onReload, children: [
+        /* @__PURE__ */ jsx(RotateCcwIcon, { "aria-hidden": "true" }),
+        "Retry"
+      ] })
+    );
+  if (load.state === "loading")
+    return /* @__PURE__ */ jsx(
+      PublishFrame,
+      {
+        layout,
+        back,
+        title: "Publish to web",
+        submitLabel: "Publish",
+        loading: true,
+        loadingFields: 4
+      }
+    );
+  return /* @__PURE__ */ jsx(
+    SitePublishForm,
+    {
+      ...props,
+      saved: load.state === "ready" ? load.publication : null
+    },
+    load.state === "ready" ? load.publication.updatedAt : "new"
+  );
+}
+function SitePublishForm({
+  client,
+  workspaceId,
+  workspaceName,
+  site,
+  saved,
+  onPublication,
+  onBack,
+  sites,
+  labelSuffix,
+  isAdmin,
+  layout = "page",
+  onSubmitted
+}) {
+  const forceNoindex = sites.forceNoindex === true;
+  const [draft, setDraft] = useState(
+    () => draftFromPublication(saved, suggestedLabel(site.title, labelSuffix), forceNoindex)
+  );
+  const [labelError, setLabelError] = useState(null);
+  const [emailError, setEmailError] = useState(null);
+  const [limitError, setLimitError] = useState(null);
+  const [agentError, setAgentError] = useState(null);
+  const [refusal, setRefusal] = useState(null);
+  const [busy, setBusy] = useState(null);
+  const [takedownOpen, setTakedownOpen] = useState(false);
+  const update = (patch) => setDraft((current) => ({ ...current, ...patch }));
+  const discard = () => {
+    setLabelError(null);
+    setEmailError(null);
+    setLimitError(null);
+    setAgentError(null);
+    setDraft(draftFromPublication(saved, suggestedLabel(site.title, labelSuffix), forceNoindex));
+  };
+  const labelUnchanged = saved?.label === draft.label;
+  const suspended = saved?.status === "suspended";
+  const availability = useHostnameAvailability(client, workspaceId, draft.label, labelUnchanged);
+  const reportedDomain = sites.domain ?? domainFromHostname(saved?.hostname, saved?.label ?? "") ?? (availability.state === "done" ? domainFromHostname(availability.result.hostname, availability.label) : null);
+  const [lastDomain, setLastDomain] = useState(reportedDomain);
+  if (reportedDomain && reportedDomain !== lastDomain) setLastDomain(reportedDomain);
+  const domain = reportedDomain ?? lastDomain;
+  const localProblem = labelProblemMessage(draft.label);
+  const remoteProblem = availability.state === "done" && availability.label === draft.label ? availabilityMessage(availability.result) : null;
+  const shownLabelError = labelError ?? localProblem ?? remoteProblem;
+  const publishing = !saved || saved.status === "unpublished";
+  const request = publicationRequest(draft, saved, {
+    publish: publishing,
+    canChangeLimits: isAdmin
+  });
+  const dirty = Object.keys(request).length > 0;
+  const outsideViewers = hasOutsideViewers(draft.access);
+  const publicDisabled = sites.publicEnabled === false;
+  const warnings = saved?.status === "active" && saved.access === draft.access ? saved.warnings : [];
+  const submit = async () => {
+    setLabelError(null);
+    setAgentError(null);
+    if (localProblem || remoteProblem) return false;
+    if (availability.state === "checking" && !labelUnchanged) return false;
+    const badEmail = draft.access === "invited" ? draft.invitedEmails.find(invitedEmailProblem) : void 0;
+    if (badEmail) {
+      setEmailError(`${badEmail} isn't an email address.`);
+      return false;
+    }
+    setEmailError(null);
+    if (outsideViewers && isAdmin && "invalid" in outsideLimitsFromDraft(draft)) {
+      setLimitError("Use dollar amounts like 10 or 0.50.");
+      return false;
+    }
+    setLimitError(null);
+    setRefusal(null);
+    try {
+      const next = await client.updateSitePublication(workspaceId, site.id, request);
+      onPublication(next);
+      toast.success(publishing ? "Site published" : "Changes saved", {
+        ...publishing ? { description: next.hostname } : {}
+      });
+      return true;
+    } catch (error) {
+      const code = siteErrorCode(error);
+      if (code === "site_hostname_taken") {
+        setLabelError("Another Site uses this name.");
+        return false;
+      }
+      if (code === "site_admin_required") {
+        if (request.limitProfile) setLimitError("Only a workspace admin can change limits.");
+        else setAgentError("Only a workspace admin can make this change.");
+        return false;
+      }
+      const platform = platformRefusal(error);
+      if (platform) {
+        setRefusal(platform);
+        return false;
+      }
+      throw error;
+    }
+  };
+  const applyFix = async (fix) => {
+    try {
+      onPublication(await client.applySitePublicationFix(workspaceId, site.id, fix));
+      toast.success("Fixed");
+    } catch (error) {
+      toast.error("Couldn't apply the fix", { description: userErrorText(error) });
+    }
+  };
+  const unpublish = async () => {
+    if (!saved) return;
+    setBusy("unpublish");
+    try {
+      const next = await client.unpublishSite(workspaceId, site.id);
+      onPublication(next);
+      showUndoToast({
+        title: "Site unpublished",
+        description: `${saved.hostname} stays reserved for this workspace.`,
+        onUndo: () => void client.updateSitePublication(workspaceId, site.id, { status: "active" }).then(onPublication).catch(
+          (error) => toast.error("Couldn't publish again", { description: userErrorText(error) })
+        )
+      });
+    } catch (error) {
+      toast.error("Couldn't unpublish", { description: userErrorText(error) });
+    } finally {
+      setBusy(null);
+    }
+  };
+  const restore = async () => {
+    setBusy("restore");
+    try {
+      onPublication(await client.restoreSite(workspaceId, site.id));
+      toast.success("Site restored");
+    } catch (error) {
+      toast.error("Couldn't restore the Site", { description: userErrorText(error) });
+    } finally {
+      setBusy(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PublishFrame,
+      {
+        layout,
+        back: { label: site.title, onClick: onBack },
+        title: publishing ? "Publish to web" : "Web address",
+        description: publishing ? `Give \u201C${site.title}\u201D its own address on the web.` : "Its address, who can open it and its agent.",
+        submitLabel: publishing ? "Publish" : "Save changes",
+        pendingLabel: publishing ? "Publishing\u2026" : "Saving\u2026",
+        onSubmit: submit,
+        ...onSubmitted ? { onSubmitted } : {},
+        ...layout === "panel" ? dirty && !publishing ? { cancelLabel: "Discard", onCancel: discard } : { cancelLabel: null } : { onCancel: onBack },
+        footer: publishing || dirty ? void 0 : false,
+        children: /* @__PURE__ */ jsxs(FieldStack, { children: [
+          refusal ? /* @__PURE__ */ jsx(Notice, { tone: "failed", title: refusal.title, children: refusal.body }) : null,
+          saved ? /* @__PURE__ */ jsx(
+            PublicationStatus,
+            {
+              publication: saved,
+              isAdmin,
+              busy,
+              onUnpublish: () => void unpublish(),
+              onRestore: () => void restore()
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              label: "Address",
+              error: shownLabelError,
+              hint: suspended ? "Restore the Site to change its address." : /* @__PURE__ */ jsx(
+                AvailabilityHint,
+                {
+                  availability,
+                  label: draft.label,
+                  domain,
+                  unchanged: labelUnchanged
+                }
+              ),
+              children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
+                /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    value: draft.label,
+                    disabled: suspended,
+                    onChange: (event) => {
+                      setLabelError(null);
+                      update({ label: normalizeLabelInput(event.target.value) });
+                    },
+                    suppressAutofill: true,
+                    spellCheck: false,
+                    autoCapitalize: "off",
+                    maxLength: 63,
+                    className: "w-auto min-w-0 flex-1 basis-56 font-mono text-[13px]"
+                  }
+                ),
+                domain ? /* @__PURE__ */ jsxs("span", { className: "min-w-0 truncate font-mono text-xs text-fg-muted", children: [
+                  ".",
+                  domain
+                ] }) : null
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(Field, { label: "Who can open it", group: true, children: /* @__PURE__ */ jsx(
+            ChoiceCards,
+            {
+              value: draft.access,
+              onValueChange: (value) => update({ access: value }),
+              variant: "radio",
+              children: ACCESS_CHOICES.map((choice) => /* @__PURE__ */ jsx(
+                ChoiceCard,
+                {
+                  value: choice.value,
+                  title: choice.title,
+                  description: choice.description({
+                    workspaceName,
+                    loginOnly: sites.loginOnly === true
+                  }),
+                  disabled: choice.value === "public" && publicDisabled,
+                  disabledReason: "Public Sites are turned off on this server."
+                },
+                choice.value
+              ))
+            }
+          ) }),
+          draft.access === "invited" ? /* @__PURE__ */ jsx(
+            Field,
+            {
+              label: "Invited people",
+              hint: "They open the Site after signing in with this email.",
+              error: emailError,
+              children: /* @__PURE__ */ jsx(
+                EmailChipsInput,
+                {
+                  chips: draft.invitedEmails.map((value) => ({
+                    value,
+                    ...invitedEmailProblem(value) ? { problem: invitedEmailProblem(value) } : {}
+                  })),
+                  onChange: (invitedEmails) => {
+                    setEmailError(null);
+                    update({ invitedEmails });
+                  },
+                  placeholder: "name@example.com"
+                }
+              )
+            }
+          ) : null,
+          warnings.length > 0 ? /* @__PURE__ */ jsx(SiteReadiness, { warnings, access: draft.access, onFix: applyFix }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [
+            /* @__PURE__ */ jsx(
+              CheckboxField,
+              {
+                label: "Let people chat with the Site's agent",
+                checked: draft.agentEnabled,
+                onCheckedChange: (agentEnabled) => update({ agentEnabled })
+              }
+            ),
+            draft.agentEnabled ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-4 pl-7", children: [
+              /* @__PURE__ */ jsx(
+                SiteAgentModelField,
+                {
+                  workspaceId,
+                  model: draft.agentModel,
+                  allowed: saved?.effectiveLimits.agentModels ?? null,
+                  onChange: (agentModel) => update({ agentModel })
+                }
+              ),
+              outsideViewers ? /* @__PURE__ */ jsx(
+                OutsideAgentSection,
+                {
+                  workspaceId,
+                  draft,
+                  saved,
+                  isAdmin,
+                  error: limitError ?? agentError,
+                  onChange: (patch) => {
+                    setLimitError(null);
+                    update(patch);
+                  }
+                }
+              ) : agentError ? /* @__PURE__ */ jsx("p", { className: "text-sm text-danger", children: agentError }) : null
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            CheckboxField,
+            {
+              label: "Hide from search engines",
+              description: "Asks search engines not to list the Site.",
+              checked: draft.noindex,
+              disabled: forceNoindex,
+              disabledReason: "Always on for this server.",
+              onCheckedChange: (noindex) => update({ noindex })
+            }
+          ),
+          saved ? /* @__PURE__ */ jsx(
+            SiteReports,
+            {
+              client,
+              workspaceId,
+              siteId: site.id,
+              publication: saved,
+              onTakeDown: () => setTakedownOpen(true)
+            }
+          ) : null
+        ] })
+      }
+    ),
+    saved ? /* @__PURE__ */ jsx(
+      TakedownDialog,
+      {
+        open: takedownOpen,
+        onOpenChange: setTakedownOpen,
+        hostname: saved.hostname,
+        onTakeDown: async (reason) => {
+          const next = await client.takeDownSite(workspaceId, site.id, { reason });
+          onPublication(next);
+          toast.success("Site taken down", {
+            description: "Visitors see a takedown notice."
+          });
+        }
+      }
+    ) : null
+  ] });
+}
+function AvailabilityHint({
+  availability,
+  label,
+  domain,
+  unchanged
+}) {
+  if (unchanged) return "Changing it moves the Site. The old address stops working.";
+  if (availability.state === "checking" || availability.state !== "idle" && availability.label !== label)
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(LoaderCircleIcon, { "aria-hidden": "true", className: "size-3.5 motion-safe:animate-spin" }),
+      "Checking\u2026"
+    ] });
+  if (availability.state === "failed")
+    return "Couldn't check this name. It's checked again when you publish.";
+  if (availability.state === "done" && availability.result.available)
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-status-idle", children: [
+      /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className: "size-3.5" }),
+      domain ? `${label}.${domain}` : label,
+      " is available"
+    ] });
+  return "Lowercase letters, digits and hyphens.";
+}
+function PublicationStatus({
+  publication,
+  isAdmin,
+  busy,
+  onUnpublish,
+  onRestore
+}) {
+  const { state: copied, copy } = useCopyToClipboard();
+  const viewAs = viewAsVisitorUrl(publication);
+  if (publication.status === "suspended") {
+    const { suspendedAt, suspendedBy, suspendedReason } = publication.moderation;
+    const byPlatform = suspendedBy === "platform";
+    const adminOnly = suspendedBy === "admin" && !isAdmin;
+    return /* @__PURE__ */ jsxs(
+      Notice,
+      {
+        tone: "failed",
+        title: "Taken down",
+        actionLayout: "responsive",
+        action: byPlatform || adminOnly ? void 0 : /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", disabled: busy !== null, onClick: onRestore, children: [
+          /* @__PURE__ */ jsx(RotateCcwIcon, { "aria-hidden": "true" }),
+          busy === "restore" ? "Restoring\u2026" : "Restore"
+        ] }),
+        children: [
+          "By ",
+          suspendedByLabel(suspendedBy),
+          suspendedAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx(RelativeTime, { date: suspendedAt, inSentence: true })
+          ] }) : null,
+          ". ",
+          suspendedReason ? `${sentence(suspendedReason)} ` : null,
+          "Visitors to",
+          " ",
+          publication.hostname,
+          " see a takedown notice.",
+          byPlatform ? " Contact support to restore it." : null,
+          adminOnly ? " A workspace admin can restore it." : null
+        ]
+      }
+    );
+  }
+  if (publication.status === "unpublished")
+    return /* @__PURE__ */ jsxs(Notice, { title: "Not published", children: [
+      publication.hostname,
+      " stays reserved for this workspace. Publish to put it back online."
+    ] });
+  return /* @__PURE__ */ jsx(
+    Notice,
+    {
+      icon: /* @__PURE__ */ jsx(GlobeIcon, { className: "size-4" }),
+      title: "Published",
+      actionLayout: "responsive",
+      action: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            onClick: () => void copy(publication.url),
+            className: "rounded-[10px] pointer-coarse:h-11",
+            children: [
+              copied === "copied" ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(CopyIcon, { "aria-hidden": "true" }),
+              copied === "copied" ? "Copied" : "Copy link"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            disabled: busy !== null,
+            onClick: onUnpublish,
+            className: "rounded-[10px] pointer-coarse:h-11",
+            children: busy === "unpublish" ? "Unpublishing\u2026" : "Unpublish"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: publication.url,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "inline-flex max-w-full items-center gap-1 font-medium og-link",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: publication.hostname }),
+              /* @__PURE__ */ jsx(ExternalLinkIcon, { "aria-hidden": "true", className: "size-3.5 shrink-0" })
+            ]
+          }
+        ),
+        viewAs ? /* @__PURE__ */ jsx("a", { href: viewAs, target: "_blank", rel: "noreferrer", className: "text-fg-muted og-link", children: "View as visitor" }) : null
+      ] })
+    }
+  );
+}
+function SiteAgentModelField({
+  workspaceId,
+  model,
+  allowed,
+  onChange
+}) {
+  const catalog = useWorkspaceModelCatalog(workspaceId);
+  const rows = useMemo(
+    () => allowed ? catalog.rows.filter((row) => allowed.includes(row.id)) : catalog.rows,
+    [allowed, catalog.rows]
+  );
+  const fallback = catalog.defaultSelection?.model ?? rows[0]?.id ?? "";
+  const shown = model ?? fallback;
+  const selected = rows.find((row) => row.id === shown);
+  return /* @__PURE__ */ jsx(Field, { label: "Model", hint: model === null ? "Uses the workspace default." : void 0, children: /* @__PURE__ */ jsx(
+    ModelPicker,
+    {
+      rows,
+      model: shown,
+      effort: catalog.defaultSelection?.reasoningEffort ?? "medium",
+      latencyMode: "standard",
+      allowLatencyMode: false,
+      allowModelOptions: false,
+      loading: catalog.loading,
+      error: catalog.error,
+      messages: { label: "Agent model" },
+      triggerStyle: "field",
+      triggerMeta: selected ? payerShortLabel(selected) : null,
+      className: cn(
+        buttonVariants({ variant: "outline", size: "sm" }),
+        "max-w-full min-w-[180px] justify-start gap-2 self-start rounded-[10px] px-2.5 pointer-coarse:h-11"
+      ),
+      onModelChange: (next) => onChange(next),
+      onEffortChange: () => {
+      },
+      onLatencyModeChange: () => {
+      }
+    }
+  ) });
+}
+var reportRowLeading = (size) => /* @__PURE__ */ jsx(LogoTile, { size, icon: /* @__PURE__ */ jsx(FlagIcon, {}), name: "Report" });
+function OutsideAgentSection({
+  workspaceId,
+  draft,
+  saved,
+  isAdmin,
+  error,
+  onChange
+}) {
+  const locked = !isAdmin;
+  const savedHere = saved?.status === "active" && saved.access === draft.access ? saved : null;
+  return /* @__PURE__ */ jsx(
+    SettingRow,
+    {
+      variant: "control-right",
+      label: "Agent for people outside the workspace",
+      description: "People outside the workspace can only use this Site's own data.",
+      hint: locked ? "Only workspace admins change this." : void 0,
+      error,
+      control: /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: draft.outsideAgent,
+          disabled: locked,
+          disabledReason: "Only workspace admins change this.",
+          onCheckedChange: (outsideAgent) => onChange({ outsideAgent })
+        }
+      ),
+      className: "border-0 px-0",
+      children: draft.outsideAgent ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-3 pt-1", children: [
+        savedHere?.outsideAgentModel && savedHere.agent.model === draft.agentModel ? /* @__PURE__ */ jsx(OutsideModelLine, { workspaceId, model: savedHere.outsideAgentModel }) : null,
+        /* @__PURE__ */ jsx(
+          SpendLimitLine,
+          {
+            label: "Limit",
+            amount: draft.siteLimit,
+            period: draft.sitePeriod,
+            disabled: locked,
+            onAmountChange: (siteLimit) => onChange({ siteLimit }),
+            onPeriodChange: (sitePeriod) => onChange({ sitePeriod })
+          }
+        ),
+        draft.personLimitOn ? /* @__PURE__ */ jsx(
+          SpendLimitLine,
+          {
+            label: "Per person",
+            amount: draft.personLimit,
+            period: draft.personPeriod,
+            disabled: locked,
+            onAmountChange: (personLimit) => onChange({ personLimit }),
+            onPeriodChange: (personPeriod) => onChange({ personPeriod }),
+            onRemove: () => onChange({ personLimitOn: false, personLimit: "" })
+          }
+        ) : locked ? null : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange({ personLimitOn: true, personLimit: "1", personPeriod: "day" }),
+            className: "inline-flex items-center gap-1 self-start text-sm font-medium og-link",
+            children: [
+              /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true", className: "size-3.5" }),
+              "Limit per person"
+            ]
+          }
+        ),
+        savedHere ? /* @__PURE__ */ jsx("p", { className: "text-xs text-fg-muted", children: outsideUsageLine(savedHere) }) : null
+      ] }) : null
+    }
+  );
+}
+function SpendLimitLine({
+  label,
+  amount,
+  period,
+  disabled,
+  onAmountChange,
+  onPeriodChange,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "w-20 shrink-0 text-fg-muted max-sm:w-auto", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "relative w-24 shrink-0", children: [
+      /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute top-1/2 left-3 -translate-y-1/2 text-fg-muted", children: "$" }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          "aria-label": `${label} amount`,
+          inputMode: "decimal",
+          placeholder: "None",
+          value: amount,
+          disabled,
+          onChange: (event) => onAmountChange(event.target.value),
+          className: "pl-6"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "text-fg-muted", children: "per" }),
+    /* @__PURE__ */ jsx(
+      SelectMenu,
+      {
+        "aria-label": `${label} period`,
+        options: SPEND_PERIOD_OPTIONS,
+        value: period,
+        disabled,
+        onValueChange: onPeriodChange,
+        className: "w-28"
+      }
+    ),
+    onRemove && !disabled ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "icon-sm",
+        variant: "ghost",
+        "aria-label": `Remove the ${label.toLowerCase()} limit`,
+        onClick: onRemove,
+        children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
+      }
+    ) : null
+  ] });
+}
+function OutsideModelLine({ workspaceId, model }) {
+  const catalog = useWorkspaceModelCatalog(workspaceId);
+  const label = catalog.rows.find((row) => row.id === model)?.label ?? model;
+  return /* @__PURE__ */ jsxs("p", { className: "text-xs text-fg-muted", children: [
+    "People outside the workspace use ",
+    label,
+    " (paid with credits)."
+  ] });
+}
+function SiteReadiness({
+  warnings,
+  access,
+  onFix
+}) {
+  const [fixing, setFixing] = useState(null);
+  const { notices, problems } = splitReadinessWarnings(warnings);
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-3", children: [
+    notices.map((notice) => /* @__PURE__ */ jsxs(Notice, { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-fg", children: notice.message }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs leading-[18px]", children: notice.suggestion })
+    ] }, `${notice.code}:${notice.message}`)),
+    problems.length > 0 ? /* @__PURE__ */ jsx(Disclosure, { title: readinessTitle(problems, access), children: /* @__PURE__ */ jsx("ul", { className: "flex min-w-0 flex-col gap-3 pt-1", children: problems.map((warning, index) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex min-w-0 items-start justify-between gap-3",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-fg", children: warning.message }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs leading-[18px] text-fg-muted", children: warning.suggestion })
+          ] }),
+          warning.fix ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              disabled: fixing !== null,
+              onClick: () => {
+                setFixing(index);
+                void onFix(warning.fix).finally(() => setFixing(null));
+              },
+              className: "shrink-0 rounded-[10px] pointer-coarse:h-11",
+              children: fixing === index ? "Fixing\u2026" : "Fix"
+            }
+          ) : null
+        ]
+      },
+      `${warning.code}:${warning.message}`
+    )) }) }) : null
+  ] });
+}
+function SiteReports({
+  client,
+  workspaceId,
+  siteId,
+  publication,
+  onTakeDown
+}) {
+  const [reports, setReports] = useState(null);
+  const [failed, setFailed] = useState(false);
+  const openReports = publication.moderation.openReports;
+  useEffect(() => {
+    const abort = new AbortController();
+    setFailed(false);
+    client.listSiteAbuseReports(workspaceId, siteId, { signal: abort.signal }).then((response) => {
+      if (!abort.signal.aborted) setReports(response.reports.filter((r) => r.status === "open"));
+    }).catch(() => {
+      if (!abort.signal.aborted) setFailed(true);
+    });
+    return () => abort.abort();
+  }, [client, openReports, siteId, workspaceId]);
+  const close = async (report, status) => {
+    try {
+      await client.updateSiteAbuseReport(workspaceId, siteId, report.id, { status });
+      setReports((current) => current?.filter((item) => item.id !== report.id) ?? null);
+      toast.success(status === "dismissed" ? "Report dismissed" : "Report marked as handled");
+    } catch (error) {
+      toast.error("Couldn't update the report", { description: userErrorText(error) });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      title: "Reports",
+      description: "Visitors can report this Site from the link at the bottom of every page.",
+      action: publication.status === "suspended" ? null : /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          onClick: onTakeDown,
+          className: "rounded-[10px] text-danger hover:text-danger pointer-coarse:h-11",
+          children: "Take down\u2026"
+        }
+      ),
+      className: "border-t border-border pt-6",
+      children: /* @__PURE__ */ jsx("div", { className: "mt-3", children: failed ? /* @__PURE__ */ jsx("p", { className: "text-sm text-fg-muted", children: "Couldn't load reports." }) : reports === null ? /* @__PURE__ */ jsx("p", { className: "text-sm text-fg-muted", children: "Loading reports\u2026" }) : reports.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-fg-muted", children: "No open reports." }) : /* @__PURE__ */ jsx(RowList, { label: "Open reports", flush: true, children: reports.map((report) => /* @__PURE__ */ jsx(
+        ListRow,
+        {
+          leading: reportRowLeading,
+          title: abuseCategoryLabel(report.category),
+          description: report.message || void 0,
+          meta: [
+            report.contactEmail ?? "Anonymous",
+            /* @__PURE__ */ jsx(RelativeTime, { date: report.createdAt }, "created")
+          ],
+          menuLabel: `Actions for the ${abuseCategoryLabel(report.category)} report`,
+          menu: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => void close(report, "actioned"), children: [
+              /* @__PURE__ */ jsx(CheckIcon, {}),
+              "Mark as handled"
+            ] }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => void close(report, "dismissed"), children: "Dismiss" })
+          ] })
+        },
+        report.id
+      )) }) })
+    }
+  );
+}
+function TakedownDialog({
+  open,
+  onOpenChange,
+  hostname,
+  onTakeDown
+}) {
+  const [reason, setReason] = useState("");
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (open) {
+      setReason("");
+      setError(null);
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      onOpenChange,
+      size: "sm",
+      title: "Take this Site down?",
+      description: `${hostname} shows a takedown notice right away. You can restore it later.`,
+      submitLabel: "Take down",
+      pendingLabel: "Taking down\u2026",
+      tone: "destructive",
+      onSubmit: async () => {
+        if (!reason.trim()) {
+          setError("Say why, for the record.");
+          return false;
+        }
+        await onTakeDown(reason.trim());
+      },
+      children: /* @__PURE__ */ jsx(Field, { label: "Reason", error, children: /* @__PURE__ */ jsx(
+        TextArea,
+        {
+          value: reason,
+          maxLength: 2e3,
+          onChange: (event) => {
+            setError(null);
+            setReason(event.target.value);
+          }
+        }
+      ) })
+    }
+  );
+}
+
+export {
+  useSitePublication,
+  SitePublishButton,
+  sitePublicationHeader,
+  SitePublishPage
+};
+//# sourceMappingURL=chunk-QCSJ4CWE.js.map