@realiizlabs/admin 0.15.8 → 0.16.0

package/dist/studio-ui/index.d.cts

@@ -67,6 +67,8 @@ interface PublishInput {
         branch: string;
     } | null;
     images?: ImagePayload[];
+    /** The slug this item was opened as (edits only) — lets a save that changes the file name rename rather than duplicate. */
+    replaces?: string | null;
 }
 /** The pending Studio update, as Studio.readers.studioUpdate() returns it (serialisable). */
 interface StudioUpdate {
@@ -172,21 +174,31 @@ type PendingSummary = {
     removal: boolean;
 };
 
+/** Per type, per field — the choices for a reference field, e.g. { events: { venue: ["soundplex"] } }. */
+type StudioOptions = Record<string, Record<string, string[]>>;
 interface StudioContextValue {
     contentTypes: Record<string, ContentTypeEntry>;
     actions: StudioActions;
     /** Who to ask when something needs the agency — "your web team" by default. */
     supportName: string;
     siteName: string;
+    /**
+     * Option lists the server resolved for this request (an event's venue is one of the
+     * site's venues). The registry is imported client-side and can't read the repo, so a
+     * layout computes these with Studio.readers.listSlugs and passes them here.
+     */
+    options: StudioOptions;
 }
-declare function StudioProvider({ contentTypes, actions, supportName, siteName, children }: {
+declare function StudioProvider({ contentTypes, actions, supportName, siteName, options, children }: {
     contentTypes: Record<string, ContentTypeEntry>;
     actions: StudioActions;
     supportName?: string;
     siteName?: string;
+    options?: StudioOptions;
     children: ReactNode;
 }): react.JSX.Element;
 declare function useStudio(): StudioContextValue;
+/** The registry entry, with any server-resolved option lists merged over the entry's own. */
 declare function useEntry(typeId: string): ContentTypeEntry | null;
 /** Pictures for a type live under public/<last folder segment>/. */
 declare function publicDirOf(entry: {
@@ -307,11 +319,13 @@ declare function StudioAccount({ me, manages, team, branding, myUserId, myRole,
  * zod schema, so it can't cross the server→client boundary — the page passes
  * the type id and this component looks the entry up on the client.
  */
-declare function ContentEditor({ typeId, initialValues, initialBody, existing, isNew, footer }: {
+declare function ContentEditor({ typeId, initialValues, initialBody, existing, isNew, replaces, footer }: {
     typeId: string;
     initialValues?: Record<string, unknown>;
     /** A brand-new item: the web address follows the title until it's edited by hand. */
     isNew?: boolean;
+    /** The slug this item was opened as; lets a save that changes the file name rename rather than duplicate. */
+    replaces?: string | null;
     initialBody?: string;
     /** An open change for this file; saves go onto its branch (05c). */
     existing?: {
@@ -485,4 +499,4 @@ declare function searchHelp(query: string, articles?: HelpArticle[]): HelpHit[];
 /** Every article as plain text, section by section — what STUDIO_FACTS carries to the assistant. */
 declare function helpAsText(vars?: HelpVars): string;
 
-export { ACTION_NAMES, type ActionResult, ContentEditor, type DiscardOutcome, GLOSSARY, HELP_ARTICLES, HELP_SECTIONS, type HelpArticle, type HelpSection, type HelpSectionId, type ImagePayload, InstallTracker, type Installing, Jargon, type ListRow, type MergeOutcome, type NudgeOutcome, type PendingSummary, type PublishInput, PublishPanel, RemoveItem, STUDIO_CSS, STUDIO_FACTS, StudioAcceptInvite, StudioAccount, type StudioActions, type StudioContextValue, StudioDashboard, StudioEdit, StudioHelp, StudioList, StudioNew, StudioNoAccess, StudioNotConfigured, StudioProvider, StudioPullRequest, StudioShellFrame, StudioSignIn, StudioTerm, type StudioUpdate, type TeamState, UpdateBody, UpdateStrip, canSeeUpdates, copyFor, fillVars, helpAsText, joinTypes, publicDirOf, searchHelp, useEntry, useInstalling, useStudio };
+export { ACTION_NAMES, type ActionResult, ContentEditor, type DiscardOutcome, GLOSSARY, HELP_ARTICLES, HELP_SECTIONS, type HelpArticle, type HelpSection, type HelpSectionId, type ImagePayload, InstallTracker, type Installing, Jargon, type ListRow, type MergeOutcome, type NudgeOutcome, type PendingSummary, type PublishInput, PublishPanel, RemoveItem, STUDIO_CSS, STUDIO_FACTS, StudioAcceptInvite, StudioAccount, type StudioActions, type StudioContextValue, StudioDashboard, StudioEdit, StudioHelp, StudioList, StudioNew, StudioNoAccess, StudioNotConfigured, type StudioOptions, StudioProvider, StudioPullRequest, StudioShellFrame, StudioSignIn, StudioTerm, type StudioUpdate, type TeamState, UpdateBody, UpdateStrip, canSeeUpdates, copyFor, fillVars, helpAsText, joinTypes, publicDirOf, searchHelp, useEntry, useInstalling, useStudio };

package/dist/studio-ui/index.d.ts

@@ -67,6 +67,8 @@ interface PublishInput {
         branch: string;
     } | null;
     images?: ImagePayload[];
+    /** The slug this item was opened as (edits only) — lets a save that changes the file name rename rather than duplicate. */
+    replaces?: string | null;
 }
 /** The pending Studio update, as Studio.readers.studioUpdate() returns it (serialisable). */
 interface StudioUpdate {
@@ -172,21 +174,31 @@ type PendingSummary = {
     removal: boolean;
 };
 
+/** Per type, per field — the choices for a reference field, e.g. { events: { venue: ["soundplex"] } }. */
+type StudioOptions = Record<string, Record<string, string[]>>;
 interface StudioContextValue {
     contentTypes: Record<string, ContentTypeEntry>;
     actions: StudioActions;
     /** Who to ask when something needs the agency — "your web team" by default. */
     supportName: string;
     siteName: string;
+    /**
+     * Option lists the server resolved for this request (an event's venue is one of the
+     * site's venues). The registry is imported client-side and can't read the repo, so a
+     * layout computes these with Studio.readers.listSlugs and passes them here.
+     */
+    options: StudioOptions;
 }
-declare function StudioProvider({ contentTypes, actions, supportName, siteName, children }: {
+declare function StudioProvider({ contentTypes, actions, supportName, siteName, options, children }: {
     contentTypes: Record<string, ContentTypeEntry>;
     actions: StudioActions;
     supportName?: string;
     siteName?: string;
+    options?: StudioOptions;
     children: ReactNode;
 }): react.JSX.Element;
 declare function useStudio(): StudioContextValue;
+/** The registry entry, with any server-resolved option lists merged over the entry's own. */
 declare function useEntry(typeId: string): ContentTypeEntry | null;
 /** Pictures for a type live under public/<last folder segment>/. */
 declare function publicDirOf(entry: {
@@ -307,11 +319,13 @@ declare function StudioAccount({ me, manages, team, branding, myUserId, myRole,
  * zod schema, so it can't cross the server→client boundary — the page passes
  * the type id and this component looks the entry up on the client.
  */
-declare function ContentEditor({ typeId, initialValues, initialBody, existing, isNew, footer }: {
+declare function ContentEditor({ typeId, initialValues, initialBody, existing, isNew, replaces, footer }: {
     typeId: string;
     initialValues?: Record<string, unknown>;
     /** A brand-new item: the web address follows the title until it's edited by hand. */
     isNew?: boolean;
+    /** The slug this item was opened as; lets a save that changes the file name rename rather than duplicate. */
+    replaces?: string | null;
     initialBody?: string;
     /** An open change for this file; saves go onto its branch (05c). */
     existing?: {
@@ -485,4 +499,4 @@ declare function searchHelp(query: string, articles?: HelpArticle[]): HelpHit[];
 /** Every article as plain text, section by section — what STUDIO_FACTS carries to the assistant. */
 declare function helpAsText(vars?: HelpVars): string;
 
-export { ACTION_NAMES, type ActionResult, ContentEditor, type DiscardOutcome, GLOSSARY, HELP_ARTICLES, HELP_SECTIONS, type HelpArticle, type HelpSection, type HelpSectionId, type ImagePayload, InstallTracker, type Installing, Jargon, type ListRow, type MergeOutcome, type NudgeOutcome, type PendingSummary, type PublishInput, PublishPanel, RemoveItem, STUDIO_CSS, STUDIO_FACTS, StudioAcceptInvite, StudioAccount, type StudioActions, type StudioContextValue, StudioDashboard, StudioEdit, StudioHelp, StudioList, StudioNew, StudioNoAccess, StudioNotConfigured, StudioProvider, StudioPullRequest, StudioShellFrame, StudioSignIn, StudioTerm, type StudioUpdate, type TeamState, UpdateBody, UpdateStrip, canSeeUpdates, copyFor, fillVars, helpAsText, joinTypes, publicDirOf, searchHelp, useEntry, useInstalling, useStudio };
+export { ACTION_NAMES, type ActionResult, ContentEditor, type DiscardOutcome, GLOSSARY, HELP_ARTICLES, HELP_SECTIONS, type HelpArticle, type HelpSection, type HelpSectionId, type ImagePayload, InstallTracker, type Installing, Jargon, type ListRow, type MergeOutcome, type NudgeOutcome, type PendingSummary, type PublishInput, PublishPanel, RemoveItem, STUDIO_CSS, STUDIO_FACTS, StudioAcceptInvite, StudioAccount, type StudioActions, type StudioContextValue, StudioDashboard, StudioEdit, StudioHelp, StudioList, StudioNew, StudioNoAccess, StudioNotConfigured, type StudioOptions, StudioProvider, StudioPullRequest, StudioShellFrame, StudioSignIn, StudioTerm, type StudioUpdate, type TeamState, UpdateBody, UpdateStrip, canSeeUpdates, copyFor, fillVars, helpAsText, joinTypes, publicDirOf, searchHelp, useEntry, useInstalling, useStudio };

package/dist/studio-ui/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { createContext, useContext, useState, useEffect, useId, useTransition, Suspense, useMemo, useRef, useCallback, useSyncExternalStore, Fragment as Fragment$1 } from 'react';
+import { createContext, useContext, useMemo, useState, useEffect, useId, useTransition, Suspense, useRef, useCallback, useSyncExternalStore, Fragment as Fragment$1 } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { createBrowserClient } from '@supabase/ssr';
@@ -7,8 +7,8 @@ import Link3 from 'next/link';
 
 // src/studio-ui/context.tsx
 var Ctx = createContext(null);
-function StudioProvider({ contentTypes, actions, supportName = "your web team", siteName = "Studio", children }) {
-  return /* @__PURE__ */ jsx(Ctx.Provider, { value: { contentTypes, actions, supportName, siteName }, children });
+function StudioProvider({ contentTypes, actions, supportName = "your web team", siteName = "Studio", options = {}, children }) {
+  return /* @__PURE__ */ jsx(Ctx.Provider, { value: { contentTypes, actions, supportName, siteName, options }, children });
 }
 function useStudio() {
   const v = useContext(Ctx);
@@ -16,7 +16,10 @@ function useStudio() {
   return v;
 }
 function useEntry(typeId) {
-  return useStudio().contentTypes[typeId] ?? null;
+  const { contentTypes, options } = useStudio();
+  const entry = contentTypes[typeId] ?? null;
+  const served = options[typeId];
+  return useMemo(() => entry && served ? { ...entry, options: { ...entry.options, ...served } } : entry, [entry, served]);
 }
 function publicDirOf(entry) {
   return `/${entry.folder.split("/").filter(Boolean).pop() ?? "images"}/`;
@@ -307,20 +310,22 @@ function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, hel
 }
 function TopBar({ siteName, productName, logoUrl, homeHref, siteUrl, user, role, theme, onTheme, signOutPath, accountHref, helpHref, version }) {
   return /* @__PURE__ */ jsxs("header", { className: "rz-topbar", children: [
-    /* @__PURE__ */ jsxs(
-      "a",
-      {
-        href: siteUrl || homeHref,
-        className: "rz-topbar__brand",
-        ...siteUrl ? { target: "_blank", rel: "noreferrer", title: "Open the live website in a new tab" } : {},
-        children: [
-          logoUrl && /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "", className: "rz-topbar__logo" }),
-          /* @__PURE__ */ jsx("span", { children: siteName }),
-          /* @__PURE__ */ jsx("span", { className: "rz-topbar__product", children: productName }),
-          siteUrl && /* @__PURE__ */ jsx(OutboundArrow, {})
-        ]
-      }
-    ),
+    /* @__PURE__ */ jsxs("div", { className: "rz-topbar__brand", children: [
+      /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: siteUrl || homeHref,
+          className: "rz-topbar__site",
+          ...siteUrl ? { target: "_blank", rel: "noreferrer", title: "Open the live website in a new tab" } : {},
+          children: [
+            logoUrl && /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "", className: "rz-topbar__logo" }),
+            /* @__PURE__ */ jsx("span", { children: siteName }),
+            siteUrl && /* @__PURE__ */ jsx(OutboundArrow, {})
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "rz-topbar__product", children: productName })
+    ] }),
     user && role && /* @__PURE__ */ jsxs("div", { className: "rz-topbar__right", children: [
       /* @__PURE__ */ jsxs("span", { className: "rz-topbar__greeting", "data-testid": "rz-greeting", children: [
         "Welcome back, ",
@@ -383,11 +388,14 @@ var SHELL_CSS = `
 
 /* ---- frame ---------------------------------------------------------- */
 .rz-topbar { height: var(--rz-topbar); display: flex; align-items: center; gap: 1rem; padding: 0 1.25rem; border-bottom: 1px solid var(--border); background: var(--surface-1); flex-shrink: 0; }
-.rz-topbar__brand { display: flex; align-items: center; gap: .6rem; font-weight: 600; font-size: .9375rem; text-decoration: none; }
+.rz-topbar__brand { display: flex; align-items: center; gap: .6rem; font-weight: 600; font-size: .9375rem; }
+.rz-topbar__site { display: inline-flex; align-items: center; gap: .6rem; color: inherit; text-decoration: none; }
+.rz-topbar__site:hover { color: var(--signal); }
 .rz-topbar__logo { height: 22px; width: auto; display: block; }
 .rz-topbar__product { font-weight: 400; color: var(--text-secondary); }
-.rz-topbar__brand .rz-arrow { color: var(--text-muted); opacity: 0; transition: opacity .15s, transform .15s; }
-.rz-topbar__brand:hover .rz-arrow { opacity: 1; }
+/* The arrow's width is reserved, so "Studio" never shifts when it fades in. */
+.rz-topbar__site .rz-arrow { color: var(--text-muted); opacity: 0; margin-left: -.25rem; transition: opacity .15s, transform .15s; }
+.rz-topbar__site:hover .rz-arrow { opacity: 1; color: var(--signal); }
 .rz-topbar__right { margin-left: auto; display: flex; align-items: center; gap: 1rem; }
 .rz-topbar__greeting { color: var(--text-secondary); font-size: .8rem; }
 .rz-body { display: flex; flex: 1; min-height: 0; }
@@ -733,7 +741,7 @@ function Tabs({ options, value, onChange, label = "Sections" }) {
 }
 
 // src/version.ts
-var ADMIN_VERSION = "0.15.8" ;
+var ADMIN_VERSION = "0.16.0" ;
 
 // src/studio-ui/css.ts
 var STUDIO_CSS = `
@@ -3115,7 +3123,7 @@ function toBase64(blob) {
     r.readAsDataURL(blob);
   });
 }
-function ContentEditor({ typeId, initialValues, initialBody, existing = null, isNew = false, footer }) {
+function ContentEditor({ typeId, initialValues, initialBody, existing = null, isNew = false, replaces = null, footer }) {
   const entry = useEntry(typeId);
   const { publishContent, previewBody } = useStudio().actions;
   const [error, setError] = useState(null);
@@ -3133,7 +3141,7 @@ function ContentEditor({ typeId, initialValues, initialBody, existing = null, is
     startTransition(async () => {
       setError(null);
       const images = await pictures.toPayload(s.images, s.body);
-      const result = await publishContent({ type: typeId, frontmatter: s.frontmatter, body: s.body, images, existing: existing ? { number: existing.number, branch: existing.branch } : null });
+      const result = await publishContent({ type: typeId, frontmatter: s.frontmatter, body: s.body, images, existing: existing ? { number: existing.number, branch: existing.branch } : null, replaces });
       if (result && result.ok === false) setError(result.error);
       resolve();
     });
@@ -3671,6 +3679,7 @@ function StudioEdit({ typeId, slug, frontmatter, body, pending }) {
         typeId: entry.id,
         initialValues: frontmatter,
         initialBody: body,
+        replaces: slug,
         existing: pending ? { number: pending.number, branch: pending.branch, state: pending.state } : null,
         footer: !pending ? /* @__PURE__ */ jsx(RemoveItem, { typeId: entry.id, slug }) : void 0
       }
@@ -4986,6 +4995,8 @@ The old listing shows "Rescheduled" with a link to the new date. The new one is
 
 You can, for small corrections. But once people have shared the link or put it in a calendar, a visible "moved" trail avoids no-shows on the wrong day.
 
+On sites where the date is part of the event's web address, changing the date moves the event to a new address and the old one stops working \u2014 Studio handles the move cleanly (one file, not two), but any link already shared points at nothing. That's the real reason to prefer **Moved to**.
+
 ## After it's over
 
 Nothing to do. Past events move to the **Past** section automatically the day after they end.