react-os-shell 4.79.3 → 4.82.0

package/dist/{chunk-YZVJCHXV.js → chunk-LEMEFL6U.js}

@@ -1,121 +1,13 @@
 import { Breadcrumbs } from './chunk-HNH7FOYB.js';
 import { SidebarLayout } from './chunk-YG45DAUT.js';
-import { useIsMobile, useShellStrings, PopupMenu, PopupMenuItem, useShellPrefs } from './chunk-BLLINYDD.js';
+import { BrandMark } from './chunk-6XQHH7D2.js';
+import { BUTTON_BASE, BUTTON_VARIANTS, useIsMobile, useShellStrings, Button_default, PopupMenu, PopupMenuItem, useShellPrefs } from './chunk-5TLIIDRZ.js';
 import { registerModalEscapeInterceptor, useFocusTrap, useScrollLock } from './chunk-CDR2Q64Q.js';
 import { glassStyle } from './chunk-3CUSBZWG.js';
-import { forwardRef, useId, useCallback, useState, useRef, useEffect, createContext, useLayoutEffect, useMemo, Children, isValidElement, cloneElement, useContext, Fragment as Fragment$1, Component, useSyncExternalStore } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useCallback, useState, useRef, useId, useEffect, createContext, useLayoutEffect, useMemo, useContext, Children, isValidElement, cloneElement, Fragment as Fragment$1, Component, useSyncExternalStore } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
-var BUTTON_BASE = "inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-60";
-var BUTTON_VARIANTS = {
-  primary: "bg-blue-600 text-white shadow-sm hover:bg-blue-700 focus:ring-blue-400/40",
-  secondary: "border border-gray-300 bg-white text-gray-700 shadow-sm hover:bg-gray-50 focus:ring-blue-400/30",
-  ghost: "text-gray-700 hover:bg-gray-100 focus:ring-blue-400/30",
-  "ghost-danger": "text-red-600 hover:bg-red-50 focus:ring-red-400/30",
-  danger: "bg-red-600 text-white shadow-sm hover:bg-red-700 focus:ring-red-400/40",
-  /**
-   * A button that reads as a link: no box, no padding, underlined on hover.
-   * For an action that belongs in running text or beside a field — "Forgot
-   * your password?", "Use a different address" — where a boxed button would
-   * claim more of the page than the action deserves.
-   *
-   * It is still a <button>. Anything that NAVIGATES should be an anchor, so it
-   * can be middle-clicked and read off the status bar; this is for actions
-   * that merely look quiet.
-   */
-  link: "text-blue-600 underline-offset-4 hover:underline focus:ring-blue-400/30"
-};
-var SIZES = {
-  sm: "gap-1 px-2.5 py-1 text-xs",
-  md: "gap-1.5 px-3 py-1.5 text-sm",
-  // `py-2.5`, not `py-2`: this rung has to come out 40px to match IconButton's
-  // `h-10`, which is the promise IconButton's docblock makes for every rung.
-  // `py-2` gives 36px (20px line box + 8px twice) and puts a 4px step between a
-  // Button and an IconButton sitting in the same row.
-  lg: "gap-2 px-4 py-2.5 text-sm",
-  // 44px is the WCAG 2.5.5 floor, and a floor is not a comfortable size. Use it
-  // ONLY for chrome that sits outside the task — switching screens, ending a
-  // shift — and never on the path someone is actually working through. It
-  // exists so a dense toolbar has something legitimate to reach for instead of
-  // borrowing the desktop `sm`, which is half this height.
-  "touch-sm": "gap-1.5 h-11 px-4 text-base",
-  "touch": "gap-2 h-14 px-5 text-base",
-  // 56px — the comfortable default
-  "touch-lg": "gap-2 h-16 px-6 text-lg",
-  // 64px — primary action on a page
-  "touch-xl": "gap-3 h-20 px-8 text-2xl"
-  // 80px — keypad keys, tender
-};
-var LINK_BASE = "inline-flex items-center font-medium transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-60";
-var LINK_SIZES = {
-  sm: "gap-1 text-xs",
-  md: "gap-1.5 text-sm",
-  lg: "gap-2 text-sm",
-  "touch-sm": "gap-1.5 text-base",
-  "touch": "gap-2 text-base",
-  "touch-lg": "gap-2 text-lg",
-  "touch-xl": "gap-3 text-2xl"
-};
-function Spinner() {
-  return /* @__PURE__ */ jsxs("svg", { className: "h-3.5 w-3.5 animate-spin", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-    /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })
-  ] });
-}
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  size = "md",
-  loading = false,
-  leftIcon,
-  rightIcon,
-  block = false,
-  disabled,
-  type = "button",
-  children,
-  className = "",
-  disabledReason,
-  ...rest
-}, ref) {
-  const generatedId = useId();
-  const isDisabled = disabled || loading;
-  const showReason = isDisabled && disabledReason != null && disabledReason !== "";
-  const reasonId = showReason ? generatedId : void 0;
-  const button = /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      type,
-      disabled: isDisabled,
-      "aria-busy": loading || void 0,
-      "aria-describedby": reasonId,
-      className: [
-        // `link` takes the base WITHOUT the box: no rounding, no padding from
-        // the size table. It cannot cancel those by overriding — two padding
-        // utilities in one class attribute resolve by compiled-stylesheet
-        // order, not by the order they were written — so it never receives
-        // them, and keeps only the size's gap and text size.
-        variant === "link" ? LINK_BASE : BUTTON_BASE,
-        BUTTON_VARIANTS[variant],
-        variant === "link" ? LINK_SIZES[size] : SIZES[size],
-        block ? "w-full" : "",
-        className
-      ].filter(Boolean).join(" "),
-      ...rest,
-      children: [
-        loading ? /* @__PURE__ */ jsx(Spinner, {}) : leftIcon,
-        children,
-        !loading && rightIcon
-      ]
-    }
-  );
-  if (!showReason) return button;
-  return /* @__PURE__ */ jsxs("span", { className: block ? "flex w-full flex-col gap-1" : "inline-flex flex-col items-start gap-1", children: [
-    button,
-    /* @__PURE__ */ jsx("span", { id: reasonId, className: "text-xs text-red-600", children: disabledReason })
-  ] });
-});
-var Button_default = Button;
 var SQUARE = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
@@ -714,7 +606,7 @@ function isVideoUrl(url, accept = "") {
   const acceptsImage = accept.includes("image") || accept === "*" || accept === "";
   return VIDEO_EXT_RE.test(url) || acceptsVideo && !acceptsImage;
 }
-function Spinner2({ className = "h-5 w-5" }) {
+function Spinner({ className = "h-5 w-5" }) {
   return /* @__PURE__ */ jsxs("svg", { className: `${className} animate-spin text-gray-400`, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
     /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })
@@ -863,7 +755,7 @@ function MediaUploadField({
               className: "absolute inset-0 flex items-center justify-center gap-2",
               style: { background: "rgba(255,255,255,0.6)" },
               children: [
-                /* @__PURE__ */ jsx(Spinner2, {}),
+                /* @__PURE__ */ jsx(Spinner, {}),
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-600", children: busyLabel })
               ]
             }
@@ -902,7 +794,7 @@ function MediaUploadField({
         boxShadow: focused && !locked ? "0 0 0 2px rgba(59,130,246,0.45)" : void 0
       },
       children: busy ? /* @__PURE__ */ jsxs("span", { role: "status", className: "flex flex-col items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(Spinner2, {}),
+        /* @__PURE__ */ jsx(Spinner, {}),
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-500", children: busyLabel })
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: /* @__PURE__ */ jsx(UploadGlyph, {}) }),
@@ -917,6 +809,292 @@ function MediaUploadField({
     !onPick && /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", accept, className: "hidden", onChange: onNativeFile })
   ] });
 }
+function byteLimitMessage(maxBytes) {
+  return `Image must be smaller than ${maxBytes.toLocaleString()} bytes.`;
+}
+function actionNoun(assetName) {
+  const words = assetName.trim().toLocaleLowerCase().split(/\s+/);
+  return words.at(-1) || "image";
+}
+function acceptsFile(file, accept) {
+  const fileName = file.name.toLocaleLowerCase();
+  const fileType = file.type.toLocaleLowerCase();
+  return accept.split(",").map((value) => value.trim().toLocaleLowerCase()).some((rule) => {
+    if (!rule) return false;
+    if (rule.startsWith(".")) return fileName.endsWith(rule);
+    if (rule.endsWith("/*")) return fileType.startsWith(rule.slice(0, -1));
+    return fileType === rule;
+  });
+}
+function BrandAssetEditor({
+  committedUrl,
+  committedHasAlpha = null,
+  committedIsLight = null,
+  fallbackUrl,
+  fallbackHasAlpha = null,
+  fallbackIsLight = null,
+  subjectName,
+  assetName,
+  onSave,
+  onRemove,
+  // `image/x-icon` alone rejects most real .ico files: browsers report them as
+  // `image/vnd.microsoft.icon`, and some report nothing at all — hence the
+  // extension rule, which `acceptsFile` matches on the file name.
+  accept = "image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",
+  acceptHint = "PNG \xB7 ICO \xB7 SVG \xB7 JPG \xB7 WEBP",
+  maxBytes = 5 * 1024 * 1024,
+  previews = [],
+  disabled = false
+}) {
+  const inputRef = useRef(null);
+  const objectUrlRef = useRef(null);
+  const [stagedFile, setStagedFile] = useState(null);
+  const [stagedUrl, setStagedUrl] = useState("");
+  const [error, setError] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [removing, setRemoving] = useState(false);
+  const noun = actionNoun(assetName);
+  const visibleUrl = stagedUrl || committedUrl || fallbackUrl || "";
+  const visibleHasAlpha = stagedFile ? null : committedUrl ? committedHasAlpha : fallbackHasAlpha;
+  const visibleIsLight = stagedFile ? null : committedUrl ? committedIsLight : fallbackIsLight;
+  useEffect(() => () => {
+    if (objectUrlRef.current) URL.revokeObjectURL(objectUrlRef.current);
+  }, []);
+  const discardObjectUrl = () => {
+    if (!objectUrlRef.current) return;
+    URL.revokeObjectURL(objectUrlRef.current);
+    objectUrlRef.current = null;
+  };
+  const stage = (file) => {
+    if (!file || disabled) return;
+    if (!acceptsFile(file, accept)) {
+      setError(`Choose a supported image (${acceptHint}).`);
+      return;
+    }
+    if (file.size > maxBytes) {
+      setError(byteLimitMessage(maxBytes));
+      return;
+    }
+    discardObjectUrl();
+    const nextUrl = URL.createObjectURL(file);
+    objectUrlRef.current = nextUrl;
+    setStagedFile(file);
+    setStagedUrl(nextUrl);
+    setError("");
+  };
+  const onInput = (event) => {
+    stage(event.target.files?.[0]);
+    event.target.value = "";
+  };
+  const save = async () => {
+    if (!stagedFile || disabled || saving) return;
+    setSaving(true);
+    setError("");
+    try {
+      await onSave(stagedFile);
+      discardObjectUrl();
+      setStagedFile(null);
+      setStagedUrl("");
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : `Could not save ${noun}.`);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const remove = async () => {
+    if (disabled || removing) return;
+    if (stagedFile) {
+      discardObjectUrl();
+      setStagedFile(null);
+      setStagedUrl("");
+      setError("");
+      return;
+    }
+    if (!committedUrl) return;
+    setRemoving(true);
+    setError("");
+    try {
+      await onRemove();
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : `Could not remove ${noun}.`);
+    } finally {
+      setRemoving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("section", { "aria-label": `${assetName} for ${subjectName}`, className: "grid gap-4 lg:grid-cols-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4", children: [
+      /* @__PURE__ */ jsx(
+        MediaUploadField,
+        {
+          value: visibleUrl,
+          onChange: () => {
+          },
+          onPick: (file) => file ? stage(file) : inputRef.current?.click(),
+          label: assetName,
+          hint: error || `Used for ${subjectName}.`,
+          error: error || void 0,
+          accept,
+          acceptHint,
+          fit: "contain",
+          height: 180,
+          allowRemove: false,
+          busy: saving || removing,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", accept, hidden: true, onChange: onInput }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxs(Button_default, { onClick: save, disabled: !stagedFile || disabled, loading: saving, children: [
+          "Save ",
+          noun
+        ] }),
+        (stagedFile || committedUrl) && /* @__PURE__ */ jsx(Button_default, { variant: "ghost-danger", onClick: remove, disabled, loading: removing, children: stagedFile ? "Discard change" : `Remove ${noun}` })
+      ] })
+    ] }),
+    previews.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4", "aria-label": `${assetName} previews`, children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Preview" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 grid gap-3", children: previews.map((preview) => {
+        const mark = /* @__PURE__ */ jsx(
+          BrandMark,
+          {
+            src: visibleUrl,
+            alt: `${subjectName} ${assetName}`,
+            slot: preview.slot,
+            surface: preview.surface,
+            adaptive: true,
+            hasAlpha: visibleHasAlpha,
+            isLight: visibleIsLight,
+            size: preview.kind === "browser-tab" ? 16 : void 0
+          }
+        );
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-brand-preview": true,
+            className: preview.surface === "dark" ? "text-white" : "text-gray-900",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-gray-500", children: preview.label }),
+              preview.kind === "browser-tab" ? /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1 border-b border-gray-200", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex max-w-[220px] items-center gap-2 rounded-t-lg border border-b-0 border-gray-200 bg-white px-3 py-2", children: [
+                  mark,
+                  /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-gray-700", children: preview.title ?? subjectName }),
+                  /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "\xD7" })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "mb-1 ml-1 text-gray-400", children: "+" })
+              ] }) : preview.kind === "search-result" ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center overflow-hidden rounded-full border border-gray-200 bg-gray-50", children: mark }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 leading-tight", children: [
+                    /* @__PURE__ */ jsx("div", { className: "truncate text-xs font-medium text-gray-700", children: preview.title ?? subjectName }),
+                    preview.url && /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-gray-400", children: preview.url })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "mt-1.5 text-sm font-medium text-blue-700", children: preview.title ?? subjectName }),
+                preview.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: preview.description })
+              ] }) : /* @__PURE__ */ jsxs("div", { className: [
+                "flex items-center gap-3 rounded-md border border-gray-200 p-3",
+                preview.surface === "dark" ? "bg-gray-900 text-white" : "bg-white text-gray-900"
+              ].join(" "), children: [
+                mark,
+                /* @__PURE__ */ jsx("span", { className: "text-sm", children: preview.title ?? preview.label })
+              ] })
+            ]
+          },
+          `${preview.label}-${preview.slot}-${preview.surface ?? "light"}`
+        );
+      }) })
+    ] })
+  ] });
+}
+function resolvePortalBrandAsset(branding, options = {}) {
+  if (options.preferSquare && branding.logo_square_url) {
+    return {
+      src: branding.logo_square_url,
+      hasAlpha: branding.logo_square_has_alpha,
+      isLight: branding.logo_square_is_light,
+      adaptive: true
+    };
+  }
+  if (options.surface === "dark" && branding.logo_on_dark_url) {
+    return {
+      src: branding.logo_on_dark_url,
+      hasAlpha: null,
+      isLight: null,
+      adaptive: false
+    };
+  }
+  return {
+    src: branding.logo_url,
+    hasAlpha: branding.logo_has_alpha,
+    isLight: branding.logo_is_light,
+    adaptive: true
+  };
+}
+var PortalBrandingContext = createContext(null);
+function applyFavicon(url) {
+  const selector = 'link[data-portal-branding="favicon"]';
+  const existing = document.head.querySelector(selector);
+  if (!url) {
+    existing?.remove();
+    return;
+  }
+  const link = existing ?? document.createElement("link");
+  link.rel = "icon";
+  link.href = url;
+  link.dataset.portalBranding = "favicon";
+  if (!existing) document.head.appendChild(link);
+}
+function PortalBrandingProvider({
+  load,
+  fallback,
+  documentTitle,
+  children
+}) {
+  const [branding, setBranding] = useState(fallback);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const loadRef = useRef(load);
+  const fallbackRef = useRef(fallback);
+  loadRef.current = load;
+  fallbackRef.current = fallback;
+  useEffect(() => {
+    const controller = new AbortController();
+    let current = true;
+    setBranding(fallbackRef.current);
+    setLoading(true);
+    setError(null);
+    loadRef.current(controller.signal).then(
+      (result) => {
+        if (!current) return;
+        setBranding(result);
+        setLoading(false);
+      },
+      (cause) => {
+        if (!current) return;
+        setError(cause instanceof Error ? cause : new Error("Could not load portal branding."));
+        setLoading(false);
+      }
+    );
+    return () => {
+      current = false;
+      controller.abort();
+    };
+  }, []);
+  useEffect(() => {
+    applyFavicon(branding.favicon_url);
+    return () => applyFavicon(null);
+  }, [branding.favicon_url]);
+  useEffect(() => {
+    if (documentTitle) document.title = documentTitle(branding);
+  }, [branding, documentTitle]);
+  const value = useMemo(() => ({ branding, loading, error }), [branding, loading, error]);
+  return /* @__PURE__ */ jsx(PortalBrandingContext.Provider, { value, children });
+}
+function usePortalBranding() {
+  const value = useContext(PortalBrandingContext);
+  if (!value) throw new Error("usePortalBranding must be used inside PortalBrandingProvider.");
+  return value;
+}
 var REMOVE_ICON = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": "true", className: "h-3 w-3", children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" }) });
 function MediaUploadGrid({
   items,
@@ -1132,7 +1310,7 @@ function MediaUploadGrid({
             className: "absolute inset-0 flex items-center justify-center gap-2 rounded-lg",
             style: { background: "rgba(255,255,255,0.6)" },
             children: [
-              /* @__PURE__ */ jsx(Spinner2, {}),
+              /* @__PURE__ */ jsx(Spinner, {}),
               /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-600", children: busyLabel })
             ]
           }
@@ -1860,7 +2038,7 @@ var DatePicker = forwardRef(function DatePicker2({
           id: panelId,
           role: "dialog",
           "aria-label": ariaLabel ?? "Choose a date",
-          className: "fixed z-[400] w-72 rounded-xl border border-gray-200 bg-white p-3 shadow-lg",
+          className: "fixed z-[10000] w-72 rounded-xl border border-gray-200 bg-white p-3 shadow-lg",
           style: {
             left: pos?.left,
             right: pos?.right,
@@ -2021,7 +2199,7 @@ function NumericKeypad({
     )
   ] });
 }
-var SIZES2 = {
+var SIZES = {
   md: "h-24 p-3",
   lg: "h-32 p-4"
 };
@@ -2038,7 +2216,7 @@ var TileButton = forwardRef(function TileButton2({ title, subtitle, size = "lg",
         "focus:outline-none focus:ring-2 focus:ring-blue-400/40",
         "disabled:cursor-not-allowed disabled:opacity-50",
         selected ? "border-blue-600 bg-blue-50 ring-2 ring-blue-400/40" : "border-gray-200 bg-white hover:bg-gray-50",
-        SIZES2[size],
+        SIZES[size],
         className
       ].filter(Boolean).join(" "),
       ...rest,
@@ -3083,67 +3261,6 @@ function DescriptionList({
     )) })
   ] });
 }
-var STATUS_TONE = {
-  success: "success",
-  error: "error",
-  warning: "warning",
-  info: "info",
-  // A missing page is not an error the user made, and colouring it red says it
-  // was. Refused and broken are genuinely different from not-found.
-  404: "info",
-  403: "warning",
-  500: "error"
-};
-var TONE_CLASS = {
-  success: "text-green-600 bg-green-100",
-  error: "text-red-600 bg-red-100",
-  warning: "text-amber-600 bg-amber-100",
-  info: "text-blue-600 bg-blue-100"
-};
-var DEFAULT_TITLE = {
-  404: "Page not found",
-  403: "You don't have access to this",
-  500: "Something went wrong"
-};
-function StatusIcon({ tone }) {
-  const common = { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": true };
-  switch (tone) {
-    case "success":
-      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) });
-    case "error":
-      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
-    case "warning":
-      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" }) });
-    default:
-      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" }) });
-  }
-}
-function Result({
-  status = "info",
-  title,
-  subTitle,
-  extra,
-  icon,
-  children,
-  className = ""
-}) {
-  const tone = STATUS_TONE[status];
-  const announces = tone === "error";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: announces ? "alert" : void 0,
-      className: `flex flex-col items-center justify-center px-6 py-12 text-center ${className}`.trim(),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: `flex h-14 w-14 items-center justify-center rounded-full ${TONE_CLASS[tone]}`, children: icon ?? /* @__PURE__ */ jsx(StatusIcon, { tone }) }),
-        /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-semibold text-gray-900", children: title ?? DEFAULT_TITLE[status] ?? "" }),
-        subTitle && /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-md text-sm text-gray-500", children: subTitle }),
-        children && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full max-w-md text-left", children }),
-        extra && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap items-center justify-center gap-3", children: extra })
-      ]
-    }
-  );
-}
 var TONE2 = {
   danger: "bg-red-600 text-white",
   neutral: "bg-gray-600 text-white",
@@ -3721,17 +3838,6 @@ function PageHeader({
     ] })
   ] });
 }
-function LoadingSpinner({ size = "md", padding = "py-12", label, className = "" }) {
-  const dim = size === "sm" ? "h-5 w-5" : size === "lg" ? "h-12 w-12" : "h-8 w-8";
-  const ring = /* @__PURE__ */ jsx("div", { className: `${dim} animate-spin rounded-full border-2 border-gray-200 border-t-blue-600` });
-  if (label == null) {
-    return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center ${padding} ${className}`, children: ring });
-  }
-  return /* @__PURE__ */ jsxs("div", { role: "status", className: `flex flex-col items-center justify-center gap-3 ${padding} ${className}`, children: [
-    ring,
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: label })
-  ] });
-}
 
 // src/shell/severity.ts
 var SEVERITY_TONES = ["success", "warning", "danger"];
@@ -6554,6 +6660,6 @@ var ALT_SHIFT_D = isMac ? "\u2325\u21E7D" : "Alt+Shift+D";
 var ALT_SHIFT_E = isMac ? "\u2325\u21E7E" : "Alt+Shift+E";
 var ALT_SHIFT_N = isMac ? "\u2325\u21E7N" : "Alt+Shift+N";
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, Button_default, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CMD_SHIFT_Z, CMD_Z, Calendar, Card, ChatTemplate, Checkbox_default, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default, DateRangePicker, DateTimePicker_default, DescriptionList, Divider, DonutChart, Drawer, DropdownMenu, ENTER, EmailTemplate, EmptyState, ErrorBoundary, ErrorPage, FilePicker, FormErrorSummary, FormField, FormLayoutPage, GROUP_COLORS, GalleryTemplate, GlobalSearch, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, IconButton_default, Inline, InputNumber_default, Input_default, Kanban, Label, LineChart, ListFooter, ListLoadError, LoadingSpinner, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, Radio_default, Result, SHIFT, SearchableSelect, Segmented, Select_default, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Stepper, Switch_default, Tabs, TagInput, Text, Textarea_default, TileButton_default, TimePicker_default, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, firstEnabledIndex, formatDate, fromKey, inputClasses, isMac, isSeverityTone, lastEnabledIndex, matchTypeahead, mediaFileName, nextEnabledIndex, resolveTheme, severityOf, tabButtonId, tabPanelId, toISODate, toKey, useClickOutside, useTheme };
-//# sourceMappingURL=chunk-YZVJCHXV.js.map
-//# sourceMappingURL=chunk-YZVJCHXV.js.map
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, BrandAssetEditor, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CMD_SHIFT_Z, CMD_Z, Calendar, Card, ChatTemplate, Checkbox_default, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default, DateRangePicker, DateTimePicker_default, DescriptionList, Divider, DonutChart, Drawer, DropdownMenu, ENTER, EmailTemplate, EmptyState, ErrorBoundary, ErrorPage, FilePicker, FormErrorSummary, FormField, FormLayoutPage, GROUP_COLORS, GalleryTemplate, GlobalSearch, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, IconButton_default, Inline, InputNumber_default, Input_default, Kanban, Label, LineChart, ListFooter, ListLoadError, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, PortalBrandingProvider, Radio_default, SHIFT, SearchableSelect, Segmented, Select_default, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Stepper, Switch_default, Tabs, TagInput, Text, Textarea_default, TileButton_default, TimePicker_default, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, firstEnabledIndex, formatDate, fromKey, inputClasses, isMac, isSeverityTone, lastEnabledIndex, matchTypeahead, mediaFileName, nextEnabledIndex, resolvePortalBrandAsset, resolveTheme, severityOf, tabButtonId, tabPanelId, toISODate, toKey, useClickOutside, usePortalBranding, useTheme };
+//# sourceMappingURL=chunk-LEMEFL6U.js.map
+//# sourceMappingURL=chunk-LEMEFL6U.js.map