@reacteditor/core 0.0.12 → 0.0.13

package/dist/{Editor-GK6JTUPD.mjs → Editor-3COFH5WN.mjs}

@@ -4,18 +4,18 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-YBG2RYVF.mjs";
-import "./chunk-TGVAC3JP.mjs";
-import "./chunk-X4EUZIHA.mjs";
+} from "./chunk-BZ4BQZJR.mjs";
+import "./chunk-BUR5T7IX.mjs";
+import "./chunk-FT6UFK7G.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-XLVEWZWT.mjs";
-import "./chunk-MJJPWASL.mjs";
+import "./chunk-OIFPBVSF.mjs";
+import "./chunk-AD7BMXAA.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{actions-C0LX6bI4.d.mts → actions-DDpLL_TR.d.mts}

@@ -559,10 +559,25 @@ type ArrayState = {
     items: ItemWithId[];
     openId: string;
 };
+/**
+ * Static UI chrome flags. Mount-once: read when <Editor>/<App> mounts and
+ * never re-evaluated. They decide whether a chrome element exists at all.
+ * Distinct from runtime `*Visible` keys in `UiState`, which the user toggles
+ * via the UI (sidebars, fullscreen). All default to `true`. If all three
+ * BrowserBar flags (`showUrlBar`, `showDeviceToggle`, `showFullScreenToggle`)
+ * are `false`, the browser bar collapses entirely.
+ */
+type EditorChromeConfig = {
+    showNavBar: boolean;
+    showThemeToggle: boolean;
+    showHistoryControls: boolean;
+    showUrlBar: boolean;
+    showDeviceToggle: boolean;
+    showFullScreenToggle: boolean;
+};
 type UiState = {
     leftSideBarVisible: boolean;
     rightSideBarVisible: boolean;
-    navBarVisible: boolean;
     leftSideBarWidth?: number | null;
     rightSideBarWidth?: number | null;
     mobilePanelExpanded?: boolean;
@@ -857,4 +872,4 @@ type EditorAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type EditorComponent as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootDataWithProps as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type Permissions as a, type EditorContext as a0, type EditorMetadata as a1, type ExternalField as a2, type ExternalFieldWithAdaptor as a3, type ExtractConfigParams as a4, type ExtractField as a5, type FieldMetadata as a6, type FieldRenderFunctions as a7, type FieldTransformFn as a8, type FieldTransformFnParams as a9, type ItemWithId as aa, type MappedItem as ab, type NumberField as ac, type ObjectField as ad, type OverrideKey as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithEditorProps as ar, type WithSlotProps as as, overrideKeys as at, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type InitialHistory as q, type ItemSelector as r, type PluginInternal as s, type Adaptor as t, type ArrayField as u, type ArrayState as v, type AsFieldProps as w, type BaseField as x, type CacheOpts as y, type ColorField as z };
+export { type DragAxis as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ColorField as G, type History as H, type IframeConfig as I, type ComponentConfigExtensions as J, type ComponentConfigParams as K, type ComponentDataMap as L, type Metadata as M, type ComponentDataOptionalId as N, type OnAction as O, type PrivateAppState as P, type ComponentMetadata as Q, type RootDataWithProps as R, type ConfigParams as S, type CustomField as T, type UserGenerics as U, type Viewports as V, type WithId as W, type CustomFieldRender as X, type DefaultRootProps as Y, type DefaultRootRenderProps as Z, type Direction as _, type Permissions as a, type EditorComponent as a0, type EditorContext as a1, type EditorMetadata as a2, type ExternalField as a3, type ExternalFieldWithAdaptor as a4, type ExtractConfigParams as a5, type ExtractField as a6, type FieldMetadata as a7, type FieldRenderFunctions as a8, type FieldTransformFn as a9, type FieldTransformFnParams as aa, type ItemWithId as ab, type MappedItem as ac, type NumberField as ad, type ObjectField as ae, type OverrideKey as af, type RadioField as ag, type RichText as ah, type RootConfig as ai, type RootDataWithoutProps as aj, type SelectField as ak, type Slot as al, type SlotComponent as am, type SlotField as an, type TextField as ao, type TextareaField as ap, type Viewport as aq, type WithChildren as ar, type WithEditorProps as as, type WithSlotProps as at, overrideKeys as au, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type EditorChromeConfig as q, type InitialHistory as r, type ItemSelector as s, type PluginInternal as t, type Adaptor as u, type ArrayField as v, type ArrayState as w, type AsFieldProps as x, type BaseField as y, type CacheOpts as z };

package/dist/{actions-C0LX6bI4.d.ts → actions-DDpLL_TR.d.ts}

@@ -559,10 +559,25 @@ type ArrayState = {
     items: ItemWithId[];
     openId: string;
 };
+/**
+ * Static UI chrome flags. Mount-once: read when <Editor>/<App> mounts and
+ * never re-evaluated. They decide whether a chrome element exists at all.
+ * Distinct from runtime `*Visible` keys in `UiState`, which the user toggles
+ * via the UI (sidebars, fullscreen). All default to `true`. If all three
+ * BrowserBar flags (`showUrlBar`, `showDeviceToggle`, `showFullScreenToggle`)
+ * are `false`, the browser bar collapses entirely.
+ */
+type EditorChromeConfig = {
+    showNavBar: boolean;
+    showThemeToggle: boolean;
+    showHistoryControls: boolean;
+    showUrlBar: boolean;
+    showDeviceToggle: boolean;
+    showFullScreenToggle: boolean;
+};
 type UiState = {
     leftSideBarVisible: boolean;
     rightSideBarVisible: boolean;
-    navBarVisible: boolean;
     leftSideBarWidth?: number | null;
     rightSideBarWidth?: number | null;
     mobilePanelExpanded?: boolean;
@@ -857,4 +872,4 @@ type EditorAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type EditorComponent as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootDataWithProps as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type Permissions as a, type EditorContext as a0, type EditorMetadata as a1, type ExternalField as a2, type ExternalFieldWithAdaptor as a3, type ExtractConfigParams as a4, type ExtractField as a5, type FieldMetadata as a6, type FieldRenderFunctions as a7, type FieldTransformFn as a8, type FieldTransformFnParams as a9, type ItemWithId as aa, type MappedItem as ab, type NumberField as ac, type ObjectField as ad, type OverrideKey as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithEditorProps as ar, type WithSlotProps as as, overrideKeys as at, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type InitialHistory as q, type ItemSelector as r, type PluginInternal as s, type Adaptor as t, type ArrayField as u, type ArrayState as v, type AsFieldProps as w, type BaseField as x, type CacheOpts as y, type ColorField as z };
+export { type DragAxis as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type EditorAction as E, type Fields as F, type ColorField as G, type History as H, type IframeConfig as I, type ComponentConfigExtensions as J, type ComponentConfigParams as K, type ComponentDataMap as L, type Metadata as M, type ComponentDataOptionalId as N, type OnAction as O, type PrivateAppState as P, type ComponentMetadata as Q, type RootDataWithProps as R, type ConfigParams as S, type CustomField as T, type UserGenerics as U, type Viewports as V, type WithId as W, type CustomFieldRender as X, type DefaultRootProps as Y, type DefaultRootRenderProps as Z, type Direction as _, type Permissions as a, type EditorComponent as a0, type EditorContext as a1, type EditorMetadata as a2, type ExternalField as a3, type ExternalFieldWithAdaptor as a4, type ExtractConfigParams as a5, type ExtractField as a6, type FieldMetadata as a7, type FieldRenderFunctions as a8, type FieldTransformFn as a9, type FieldTransformFnParams as aa, type ItemWithId as ab, type MappedItem as ac, type NumberField as ad, type ObjectField as ae, type OverrideKey as af, type RadioField as ag, type RichText as ah, type RootConfig as ai, type RootDataWithoutProps as aj, type SelectField as ak, type Slot as al, type SlotComponent as am, type SlotField as an, type TextField as ao, type TextareaField as ap, type Viewport as aq, type WithChildren as ar, type WithEditorProps as as, type WithSlotProps as at, overrideKeys as au, type ComponentData as b, type ResolveDataTrigger as c, type Plugin as d, type Overrides as e, type UiState as f, type ComponentConfig as g, type FieldTransforms as h, type RichtextField as i, type Content as j, type DefaultComponents as k, type DefaultComponentProps as l, type DefaultRootFieldProps as m, type RootData as n, type Field as o, type FieldProps as p, type EditorChromeConfig as q, type InitialHistory as r, type ItemSelector as s, type PluginInternal as t, type Adaptor as u, type ArrayField as v, type ArrayState as w, type AsFieldProps as x, type BaseField as y, type CacheOpts as z };

package/dist/{chunk-MJJPWASL.mjs → chunk-AD7BMXAA.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-TGVAC3JP.mjs → chunk-BUR5T7IX.mjs}

@@ -1,12 +1,12 @@
 import {
   useListOptions
-} from "./chunk-X4EUZIHA.mjs";
+} from "./chunk-FT6UFK7G.mjs";
 import {
   useAlignOptions
-} from "./chunk-XLVEWZWT.mjs";
+} from "./chunk-OIFPBVSF.mjs";
 import {
   useHeadingOptions
-} from "./chunk-MJJPWASL.mjs";
+} from "./chunk-AD7BMXAA.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-BT7NIVEO.mjs").then((m) => ({
+  () => import("./loaded-GLBLMTBL.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-YFYCF5F4.mjs").then((m) => ({
+  () => import("./loaded-R34BR6I5.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-HVOKDVC3.mjs").then((m) => ({
+  () => import("./loaded-O4QHGE26.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-YBG2RYVF.mjs → chunk-BZ4BQZJR.mjs}

@@ -1,13 +1,13 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-TGVAC3JP.mjs";
+} from "./chunk-BUR5T7IX.mjs";
 import {
   styles_module_default
 } from "./chunk-6QJ2HF4O.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-IUPXFMQP.mjs").then((m) => ({
+  () => import("./full-QT5KXRDP.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{chunk-X4EUZIHA.mjs → chunk-FT6UFK7G.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-ERNSJXVF.mjs → chunk-IIRJMJFU.mjs}

@@ -116,7 +116,6 @@ var defaultAppState = {
   ui: {
     leftSideBarVisible: true,
     rightSideBarVisible: true,
-    navBarVisible: true,
     arrayState: {},
     itemSelector: null,
     componentList: {},

package/dist/{chunk-OKTANBAI.mjs → chunk-KX5XDJF6.mjs}

@@ -1,13 +1,13 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-YBG2RYVF.mjs";
+} from "./chunk-BZ4BQZJR.mjs";
 import {
   ActionBar,
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-TGVAC3JP.mjs";
+} from "./chunk-BUR5T7IX.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -16,7 +16,7 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-II42EKFK.mjs";
+} from "./chunk-PUDWMFBH.mjs";
 import {
   Check,
   ChevronDown,
@@ -60,7 +60,7 @@ import {
   useRegisterFieldsSlice,
   useRegisterHistorySlice,
   useRegisterPermissionsSlice
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import {
   getItem,
   insert,
@@ -71,7 +71,7 @@ import {
 import {
   defaultAppState,
   defaultViewports
-} from "./chunk-ERNSJXVF.mjs";
+} from "./chunk-IIRJMJFU.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -2146,7 +2146,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment3, jsx as jsx20 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-GK6JTUPD.mjs").then((m) => ({
+  () => import("./Editor-3COFH5WN.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -4698,7 +4698,7 @@ import {
 } from "react";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-GK6JTUPD.mjs").then((m) => ({
+  () => import("./Editor-3COFH5WN.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -7637,6 +7637,7 @@ var BrowserBar = ({
   onViewportChange
 }) => {
   const { routes, currentRoute, onRouteChange } = usePropsContext();
+  const chrome = useChromeConfig();
   const viewports = useAppStore((s) => s.state.ui.viewports);
   const dispatch = useAppStore((s) => s.dispatch);
   const leftSideBarVisible = useAppStore((s) => s.state.ui.leftSideBarVisible);
@@ -7674,8 +7675,11 @@ var BrowserBar = ({
     if (!next || next === currentRoute) return;
     void (onRouteChange == null ? void 0 : onRouteChange(next));
   };
+  if (!chrome.showUrlBar && !chrome.showDeviceToggle && !chrome.showFullScreenToggle) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs20("div", { className: getClassName29(), children: [
-    showRoutePicker ? /* @__PURE__ */ jsxs20(
+    chrome.showUrlBar && (showRoutePicker ? /* @__PURE__ */ jsxs20(
       Combobox,
       {
         items: routes,
@@ -7719,9 +7723,9 @@ var BrowserBar = ({
     ) : /* @__PURE__ */ jsxs20("div", { className: getClassName29("urlTrigger"), children: [
       /* @__PURE__ */ jsx48(Globe, { className: getClassName29("urlIcon"), size: 14 }),
       /* @__PURE__ */ jsx48("span", { className: getClassName29("urlText"), children: "/" })
-    ] }),
-    /* @__PURE__ */ jsxs20("div", { className: getClassName29("actions"), children: [
-      /* @__PURE__ */ jsx48(
+    ] })),
+    (chrome.showDeviceToggle || chrome.showFullScreenToggle) && /* @__PURE__ */ jsxs20("div", { className: getClassName29("actions"), children: [
+      chrome.showDeviceToggle && /* @__PURE__ */ jsx48(
         IconButton,
         {
           type: "button",
@@ -7730,7 +7734,7 @@ var BrowserBar = ({
           children: /* @__PURE__ */ jsx48("span", { className: getClassName29("deviceIcon"), children: activeDevice === "desktop" ? /* @__PURE__ */ jsx48(Monitor, { size: 16 }) : /* @__PURE__ */ jsx48(Smartphone, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ jsx48(
+      chrome.showFullScreenToggle && /* @__PURE__ */ jsx48(
         IconButton,
         {
           type: "button",
@@ -8425,6 +8429,7 @@ var getPluginTabClassName = get_class_name_factory_default("EditorPluginTab", st
 var FieldSideBarToolbar = () => {
   const appStore = useAppStoreApi();
   const { onPublish, currentRoute } = usePropsContext();
+  const chrome = useChromeConfig();
   const back = useAppStore((s) => s.history.back);
   const forward = useAppStore((s) => s.history.forward);
   const hasFuture = useAppStore((s) => s.history.hasFuture());
@@ -8433,7 +8438,7 @@ var FieldSideBarToolbar = () => {
     (s) => s.overrides.headerActions || DefaultOverride
   );
   return /* @__PURE__ */ jsxs24("div", { className: getClassName34("fieldSideBarToolbar"), children: [
-    /* @__PURE__ */ jsxs24("div", { className: getClassName34("fieldSideBarHistory"), children: [
+    chrome.showHistoryControls ? /* @__PURE__ */ jsxs24("div", { className: getClassName34("fieldSideBarHistory"), children: [
       /* @__PURE__ */ jsx54(
         IconButton,
         {
@@ -8454,7 +8459,7 @@ var FieldSideBarToolbar = () => {
           children: /* @__PURE__ */ jsx54(Redo2, { size: 18 })
         }
       )
-    ] }),
+    ] }) : /* @__PURE__ */ jsx54("div", {}),
     /* @__PURE__ */ jsx54("div", { className: getClassName34("fieldSideBarActions"), children: /* @__PURE__ */ jsx54(CustomHeaderActions, { children: /* @__PURE__ */ jsx54(
       Button,
       {
@@ -8507,7 +8512,8 @@ var Layout = ({ children }) => {
   const rightSideBarVisible = useAppStore(
     (s) => s.state.ui.rightSideBarVisible
   );
-  const navBarVisible = useAppStore((s) => s.state.ui.navBarVisible);
+  const chrome = useChromeConfig();
+  const navBarVisible = chrome.showNavBar;
   const instanceId = useAppStore((s) => s.instanceId);
   const {
     width: leftWidth,
@@ -8749,7 +8755,7 @@ var Layout = ({ children }) => {
                     Nav,
                     {
                       items: pluginItems,
-                      footer: /* @__PURE__ */ jsx54(
+                      footer: chrome.showThemeToggle ? /* @__PURE__ */ jsx54(
                         IconButton,
                         {
                           type: "button",
@@ -8757,7 +8763,7 @@ var Layout = ({ children }) => {
                           onClick: toggleTheme,
                           children: themeIcon
                         }
-                      )
+                      ) : void 0
                     }
                   ) }),
                   /* @__PURE__ */ jsxs24(
@@ -8846,11 +8852,45 @@ var Layout = ({ children }) => {
 
 // components/Editor/index.tsx
 import { jsx as jsx55 } from "react/jsx-runtime";
+var CHROME_KEYS = [
+  "showNavBar",
+  "showThemeToggle",
+  "showHistoryControls",
+  "showUrlBar",
+  "showDeviceToggle",
+  "showFullScreenToggle"
+];
+var DEFAULT_CHROME = {
+  showNavBar: true,
+  showThemeToggle: true,
+  showHistoryControls: true,
+  showUrlBar: true,
+  showDeviceToggle: true,
+  showFullScreenToggle: true
+};
+var splitUiConfig = (ui) => {
+  const runtime = {};
+  const chrome = {};
+  if (!ui) return { runtime, chrome };
+  for (const [key, value] of Object.entries(ui)) {
+    if (CHROME_KEYS.includes(key)) {
+      chrome[key] = value;
+    } else {
+      runtime[key] = value;
+    }
+  }
+  return { runtime, chrome };
+};
 var propsContext = createContext8({});
 function PropsProvider(props) {
   return /* @__PURE__ */ jsx55(propsContext.Provider, { value: props, children: props.children });
 }
 var usePropsContext = () => useContext15(propsContext);
+var useChromeConfig = () => {
+  const { ui } = usePropsContext();
+  const { chrome } = splitUiConfig(ui);
+  return __spreadValues(__spreadValues({}, DEFAULT_CHROME), chrome);
+};
 function EditorProvider({ children }) {
   const {
     config,
@@ -8878,7 +8918,8 @@ function EditorProvider({ children }) {
   );
   const [generatedAppState] = useState24(() => {
     var _a, _b, _c, _d, _e, _f;
-    const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUi);
+    const { runtime: initialUiRuntime } = splitUiConfig(initialUi);
+    const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUiRuntime);
     let clientUiState = {};
     if (Object.keys((initialData == null ? void 0 : initialData.root) || {}).length > 0 && !((_a = initialData == null ? void 0 : initialData.root) == null ? void 0 : _a.props)) {
       console.warn(

package/dist/{chunk-56I7ST5F.mjs → chunk-LRFRIIKG.mjs}

@@ -8,7 +8,7 @@ import {
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-ERNSJXVF.mjs";
+} from "./chunk-IIRJMJFU.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";

package/dist/{chunk-XLVEWZWT.mjs → chunk-OIFPBVSF.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-II42EKFK.mjs → chunk-PUDWMFBH.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   defaultAppState,
   resolveComponentData
-} from "./chunk-ERNSJXVF.mjs";
+} from "./chunk-IIRJMJFU.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";

package/dist/{full-IUPXFMQP.mjs → full-QT5KXRDP.mjs}

@@ -1,12 +1,12 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-TGVAC3JP.mjs";
-import "./chunk-X4EUZIHA.mjs";
-import "./chunk-XLVEWZWT.mjs";
-import "./chunk-MJJPWASL.mjs";
-import "./chunk-56I7ST5F.mjs";
+} from "./chunk-BUR5T7IX.mjs";
+import "./chunk-FT6UFK7G.mjs";
+import "./chunk-OIFPBVSF.mjs";
+import "./chunk-AD7BMXAA.mjs";
+import "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{index-DMbFEg8G.d.mts → index-BTatdZaE.d.mts}

@@ -1,4 +1,4 @@
-import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-C0LX6bI4.mjs';
+import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-DDpLL_TR.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/{index-DmThy7vE.d.ts → index-zhUFD8aP.d.ts}

@@ -1,4 +1,4 @@
-import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-C0LX6bI4.js';
+import { H as History, a as Permissions, b as ComponentData, C as Config, U as UserGenerics, F as Fields, E as EditorAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, e as Overrides, V as Viewports, I as IframeConfig, f as UiState, g as ComponentConfig, A as AppState, M as Metadata, h as FieldTransforms, i as RichtextField } from './actions-DDpLL_TR.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/index.d.mts

@@ -1,10 +1,10 @@
-import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, q as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-C0LX6bI4.mjs';
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, k as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-C0LX6bI4.mjs';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-5oDs6qOL.mjs';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, q as EditorChromeConfig, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, r as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, s as ItemSelector, t as PluginInternal } from './actions-DDpLL_TR.mjs';
+export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, k as DefaultComponents, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-DDpLL_TR.mjs';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-Cxbt1UVr.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DMbFEg8G.mjs';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-BTatdZaE.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -153,7 +153,7 @@ type EditorPassthroughProps<UserConfig extends Config = Config, G extends UserGe
     onPublish?: (data: G["UserData"], route?: string) => void;
     onChange?: (data: G["UserData"]) => void;
     onAction?: OnAction<G["UserData"]>;
-    ui?: Partial<UiState>;
+    ui?: Partial<UiState> & Partial<EditorChromeConfig>;
     plugins?: Plugin<UserConfig>[];
     overrides?: Partial<Overrides<UserConfig>>;
     fieldTransforms?: FieldTransforms<UserConfig>;
@@ -288,7 +288,13 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     children?: ReactNode;
     config: UserConfig;
     data: Partial<G["UserData"] | Data>;
-    ui?: Partial<UiState>;
+    /**
+     * Initial runtime UI state plus static chrome flags (`navBar`,
+     * `themeToggle`, `historyControls`, `urlBar`, `deviceToggle`,
+     * `fullScreenToggle`). Chrome flags are read once on mount and cannot be
+     * toggled via `dispatch` — they live on props, not in AppState.
+     */
+    ui?: Partial<UiState> & Partial<EditorChromeConfig>;
     onChange?: (data: G["UserData"]) => void;
     onPublish?: (data: G["UserData"], route?: string) => void;
     onAction?: OnAction<G["UserData"]>;
@@ -551,4 +557,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };
+export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, q as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, r as ItemSelector, s as PluginInternal } from './actions-C0LX6bI4.js';
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, k as DefaultComponents, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, a6 as FieldMetadata, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, F as Fields, H as History, aa as ItemWithId, ab as MappedItem, ac as NumberField, ad as ObjectField, ae as OverrideKey, af as RadioField, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, ap as Viewport, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-C0LX6bI4.js';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-B1q6t5Jp.js';
+import { D as Data, o as Field, p as FieldProps, C as Config, U as UserGenerics, O as OnAction, f as UiState, q as EditorChromeConfig, d as Plugin, e as Overrides, h as FieldTransforms, M as Metadata, I as IframeConfig, V as Viewports, a as Permissions, E as EditorAction, r as InitialHistory, b as ComponentData, l as DefaultComponentProps, m as DefaultRootFieldProps, c as ResolveDataTrigger, s as ItemSelector, t as PluginInternal } from './actions-DDpLL_TR.js';
+export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, k as DefaultComponents, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, a7 as FieldMetadata, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, F as Fields, H as History, ab as ItemWithId, ac as MappedItem, ad as NumberField, ae as ObjectField, af as OverrideKey, ag as RadioField, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, aq as Viewport, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-DDpLL_TR.js';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-Cnyva5MB.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
-import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DmThy7vE.js';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-zhUFD8aP.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
@@ -153,7 +153,7 @@ type EditorPassthroughProps<UserConfig extends Config = Config, G extends UserGe
     onPublish?: (data: G["UserData"], route?: string) => void;
     onChange?: (data: G["UserData"]) => void;
     onAction?: OnAction<G["UserData"]>;
-    ui?: Partial<UiState>;
+    ui?: Partial<UiState> & Partial<EditorChromeConfig>;
     plugins?: Plugin<UserConfig>[];
     overrides?: Partial<Overrides<UserConfig>>;
     fieldTransforms?: FieldTransforms<UserConfig>;
@@ -288,7 +288,13 @@ type EditorProps<UserConfig extends Config = Config, G extends UserGenerics<User
     children?: ReactNode;
     config: UserConfig;
     data: Partial<G["UserData"] | Data>;
-    ui?: Partial<UiState>;
+    /**
+     * Initial runtime UI state plus static chrome flags (`navBar`,
+     * `themeToggle`, `historyControls`, `urlBar`, `deviceToggle`,
+     * `fullScreenToggle`). Chrome flags are read once on mount and cannot be
+     * toggled via `dispatch` — they live on props, not in AppState.
+     */
+    ui?: Partial<UiState> & Partial<EditorChromeConfig>;
     onChange?: (data: G["UserData"]) => void;
     onPublish?: (data: G["UserData"], route?: string) => void;
     onAction?: OnAction<G["UserData"]>;
@@ -551,4 +557,4 @@ declare const outlinePlugin: () => Plugin;
 
 declare const legacySideBarPlugin: () => Plugin;
 
-export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };
+export { Action, ActionBar, App, type AppContextValue, type AppEditorProps, type AppMatched, type AppProps, AppProvider, type AppProviderProps, type AppRenderProps, type AppRouterVariant, AutoField, Button, ComponentData, ComponentList, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, Editor, EditorAction, type EditorApi, EditorChromeConfig, type EditorCommands, Field, FieldLabel, FieldProps, FieldTransforms, type GlobalsMap, Group, IconButton, IframeConfig, InitialHistory, type InsertComponentArgs, Label, Metadata, type MoveDestination, OnAction, Overrides, type PageMetadata, type Parent, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, type Route, type RouteKey, Separator, UiState, type UseEditorData, UserGenerics, Viewports, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue };

package/dist/index.js

@@ -3165,7 +3165,6 @@ var init_default_app_state = __esm({
       ui: {
         leftSideBarVisible: true,
         rightSideBarVisible: true,
-        navBarVisible: true,
         arrayState: {},
         itemSelector: null,
         componentList: {},
@@ -13304,6 +13303,7 @@ var BrowserBar = ({
   onViewportChange
 }) => {
   const { routes, currentRoute, onRouteChange } = usePropsContext();
+  const chrome = useChromeConfig();
   const viewports = useAppStore((s) => s.state.ui.viewports);
   const dispatch = useAppStore((s) => s.dispatch);
   const leftSideBarVisible = useAppStore((s) => s.state.ui.leftSideBarVisible);
@@ -13341,8 +13341,11 @@ var BrowserBar = ({
     if (!next || next === currentRoute) return;
     void (onRouteChange == null ? void 0 : onRouteChange(next));
   };
+  if (!chrome.showUrlBar && !chrome.showDeviceToggle && !chrome.showFullScreenToggle) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36(), children: [
-    showRoutePicker ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    chrome.showUrlBar && (showRoutePicker ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       Combobox,
       {
         items: routes,
@@ -13386,9 +13389,9 @@ var BrowserBar = ({
     ) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("urlTrigger"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Globe, { className: getClassName36("urlIcon"), size: 14 }),
       /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: getClassName36("urlText"), children: "/" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("actions"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    ] })),
+    (chrome.showDeviceToggle || chrome.showFullScreenToggle) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("actions"), children: [
+      chrome.showDeviceToggle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         IconButton,
         {
           type: "button",
@@ -13397,7 +13400,7 @@ var BrowserBar = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: getClassName36("deviceIcon"), children: activeDevice === "desktop" ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Monitor, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Smartphone, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      chrome.showFullScreenToggle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         IconButton,
         {
           type: "button",
@@ -14156,6 +14159,7 @@ var getPluginTabClassName = get_class_name_factory_default("EditorPluginTab", st
 var FieldSideBarToolbar = () => {
   const appStore = useAppStoreApi();
   const { onPublish, currentRoute } = usePropsContext();
+  const chrome = useChromeConfig();
   const back = useAppStore((s) => s.history.back);
   const forward = useAppStore((s) => s.history.forward);
   const hasFuture = useAppStore((s) => s.history.hasFuture());
@@ -14164,7 +14168,7 @@ var FieldSideBarToolbar = () => {
     (s) => s.overrides.headerActions || DefaultOverride
   );
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarToolbar"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarHistory"), children: [
+    chrome.showHistoryControls ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarHistory"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         IconButton,
         {
@@ -14185,7 +14189,7 @@ var FieldSideBarToolbar = () => {
           children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Redo2, { size: 18 })
         }
       )
-    ] }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", {}),
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: getClassName43("fieldSideBarActions"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Button,
       {
@@ -14238,7 +14242,8 @@ var Layout = ({ children }) => {
   const rightSideBarVisible = useAppStore(
     (s) => s.state.ui.rightSideBarVisible
   );
-  const navBarVisible = useAppStore((s) => s.state.ui.navBarVisible);
+  const chrome = useChromeConfig();
+  const navBarVisible = chrome.showNavBar;
   const instanceId = useAppStore((s) => s.instanceId);
   const {
     width: leftWidth,
@@ -14480,7 +14485,7 @@ var Layout = ({ children }) => {
                     Nav,
                     {
                       items: pluginItems,
-                      footer: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+                      footer: chrome.showThemeToggle ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                         IconButton,
                         {
                           type: "button",
@@ -14488,7 +14493,7 @@ var Layout = ({ children }) => {
                           onClick: toggleTheme,
                           children: themeIcon
                         }
-                      )
+                      ) : void 0
                     }
                   ) }),
                   /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
@@ -14577,11 +14582,45 @@ var Layout = ({ children }) => {
 
 // components/Editor/index.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
+var CHROME_KEYS = [
+  "showNavBar",
+  "showThemeToggle",
+  "showHistoryControls",
+  "showUrlBar",
+  "showDeviceToggle",
+  "showFullScreenToggle"
+];
+var DEFAULT_CHROME = {
+  showNavBar: true,
+  showThemeToggle: true,
+  showHistoryControls: true,
+  showUrlBar: true,
+  showDeviceToggle: true,
+  showFullScreenToggle: true
+};
+var splitUiConfig = (ui) => {
+  const runtime = {};
+  const chrome = {};
+  if (!ui) return { runtime, chrome };
+  for (const [key, value] of Object.entries(ui)) {
+    if (CHROME_KEYS.includes(key)) {
+      chrome[key] = value;
+    } else {
+      runtime[key] = value;
+    }
+  }
+  return { runtime, chrome };
+};
 var propsContext = (0, import_react95.createContext)({});
 function PropsProvider(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(propsContext.Provider, { value: props, children: props.children });
 }
 var usePropsContext = () => (0, import_react95.useContext)(propsContext);
+var useChromeConfig = () => {
+  const { ui } = usePropsContext();
+  const { chrome } = splitUiConfig(ui);
+  return __spreadValues(__spreadValues({}, DEFAULT_CHROME), chrome);
+};
 function EditorProvider({ children }) {
   const {
     config,
@@ -14609,7 +14648,8 @@ function EditorProvider({ children }) {
   );
   const [generatedAppState] = (0, import_react95.useState)(() => {
     var _a, _b, _c, _d, _e, _f;
-    const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUi);
+    const { runtime: initialUiRuntime } = splitUiConfig(initialUi);
+    const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUiRuntime);
     let clientUiState = {};
     if (Object.keys((initialData == null ? void 0 : initialData.root) || {}).length > 0 && !((_a = initialData == null ? void 0 : initialData.root) == null ? void 0 : _a.props)) {
       console.warn(

package/dist/index.mjs

@@ -25,8 +25,8 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-OKTANBAI.mjs";
-import "./chunk-YBG2RYVF.mjs";
+} from "./chunk-KX5XDJF6.mjs";
+import "./chunk-BZ4BQZJR.mjs";
 import {
   Action,
   ActionBar,
@@ -35,21 +35,21 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-TGVAC3JP.mjs";
-import "./chunk-X4EUZIHA.mjs";
+} from "./chunk-BUR5T7IX.mjs";
+import "./chunk-FT6UFK7G.mjs";
 import {
   getRouteProps,
   migrate,
   resolveAllData,
   resolveRouteFromString,
   transformProps
-} from "./chunk-II42EKFK.mjs";
+} from "./chunk-PUDWMFBH.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-XLVEWZWT.mjs";
-import "./chunk-MJJPWASL.mjs";
-import "./chunk-56I7ST5F.mjs";
+import "./chunk-OIFPBVSF.mjs";
+import "./chunk-AD7BMXAA.mjs";
+import "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree

package/dist/internal.d.mts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-C0LX6bI4.mjs';
-import { A as AppStore } from './index-DMbFEg8G.mjs';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-DDpLL_TR.mjs';
+import { A as AppStore } from './index-BTatdZaE.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/internal.d.ts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-C0LX6bI4.js';
-import { A as AppStore } from './index-DmThy7vE.js';
+import { D as Data, A as AppState, O as OnAction, P as PrivateAppState, E as EditorAction } from './actions-DDpLL_TR.js';
+import { A as AppStore } from './index-zhUFD8aP.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/{loaded-BT7NIVEO.mjs → loaded-GLBLMTBL.mjs}

@@ -1,13 +1,13 @@
 import {
   useAlignOptions
-} from "./chunk-XLVEWZWT.mjs";
+} from "./chunk-OIFPBVSF.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{loaded-HVOKDVC3.mjs → loaded-O4QHGE26.mjs}

@@ -1,13 +1,13 @@
 import {
   useListOptions
-} from "./chunk-X4EUZIHA.mjs";
+} from "./chunk-FT6UFK7G.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/{loaded-YFYCF5F4.mjs → loaded-R34BR6I5.mjs}

@@ -1,13 +1,13 @@
 import {
   useHeadingOptions
-} from "./chunk-MJJPWASL.mjs";
+} from "./chunk-AD7BMXAA.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-56I7ST5F.mjs";
+} from "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-JIXMPJZA.mjs";
 import {

package/dist/no-external.d.mts

@@ -1,6 +1,6 @@
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, b as ComponentData, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, C as Config, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, E as EditorAction, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, o as Field, a6 as FieldMetadata, p as FieldProps, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, q as InitialHistory, aa as ItemWithId, ab as MappedItem, M as Metadata, ac as NumberField, ad as ObjectField, O as OnAction, ae as OverrideKey, e as Overrides, a as Permissions, d as Plugin, af as RadioField, c as ResolveDataTrigger, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, f as UiState, U as UserGenerics, ap as Viewport, V as Viewports, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-C0LX6bI4.mjs';
+export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-DDpLL_TR.mjs';
 export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppMatched, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GlobalsMap, Group, IconButton, InsertComponentArgs, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, RouteKey, Separator, UseEditorData, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue } from './index.mjs';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-5oDs6qOL.mjs';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-Cxbt1UVr.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
@@ -18,4 +18,4 @@ import '@tiptap/extension-strike';
 import '@tiptap/extension-text-align';
 import '@tiptap/extension-underline';
 import 'react/jsx-runtime';
-import './index-DMbFEg8G.mjs';
+import './index-BTatdZaE.mjs';

package/dist/no-external.d.ts

@@ -1,6 +1,6 @@
-export { t as Adaptor, A as AppState, u as ArrayField, v as ArrayState, w as AsFieldProps, B as BaseData, x as BaseField, y as CacheOpts, z as ColorField, g as ComponentConfig, G as ComponentConfigExtensions, J as ComponentConfigParams, b as ComponentData, K as ComponentDataMap, L as ComponentDataOptionalId, N as ComponentMetadata, C as Config, Q as ConfigParams, j as Content, S as CustomField, T as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, X as DefaultRootProps, Y as DefaultRootRenderProps, Z as Direction, _ as DragAxis, E as EditorAction, $ as EditorComponent, a0 as EditorContext, a1 as EditorMetadata, a2 as ExternalField, a3 as ExternalFieldWithAdaptor, a4 as ExtractConfigParams, a5 as ExtractField, o as Field, a6 as FieldMetadata, p as FieldProps, a7 as FieldRenderFunctions, a8 as FieldTransformFn, a9 as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, q as InitialHistory, aa as ItemWithId, ab as MappedItem, M as Metadata, ac as NumberField, ad as ObjectField, O as OnAction, ae as OverrideKey, e as Overrides, a as Permissions, d as Plugin, af as RadioField, c as ResolveDataTrigger, ag as RichText, i as RichtextField, ah as RootConfig, n as RootData, R as RootDataWithProps, ai as RootDataWithoutProps, aj as SelectField, ak as Slot, al as SlotComponent, am as SlotField, an as TextField, ao as TextareaField, f as UiState, U as UserGenerics, ap as Viewport, V as Viewports, aq as WithChildren, ar as WithEditorProps, W as WithId, as as WithSlotProps, at as overrideKeys } from './actions-C0LX6bI4.js';
+export { u as Adaptor, A as AppState, v as ArrayField, w as ArrayState, x as AsFieldProps, B as BaseData, y as BaseField, z as CacheOpts, G as ColorField, g as ComponentConfig, J as ComponentConfigExtensions, K as ComponentConfigParams, b as ComponentData, L as ComponentDataMap, N as ComponentDataOptionalId, Q as ComponentMetadata, C as Config, S as ConfigParams, j as Content, T as CustomField, X as CustomFieldRender, D as Data, l as DefaultComponentProps, k as DefaultComponents, m as DefaultRootFieldProps, Y as DefaultRootProps, Z as DefaultRootRenderProps, _ as Direction, $ as DragAxis, E as EditorAction, q as EditorChromeConfig, a0 as EditorComponent, a1 as EditorContext, a2 as EditorMetadata, a3 as ExternalField, a4 as ExternalFieldWithAdaptor, a5 as ExtractConfigParams, a6 as ExtractField, o as Field, a7 as FieldMetadata, p as FieldProps, a8 as FieldRenderFunctions, a9 as FieldTransformFn, aa as FieldTransformFnParams, h as FieldTransforms, F as Fields, H as History, I as IframeConfig, r as InitialHistory, ab as ItemWithId, ac as MappedItem, M as Metadata, ad as NumberField, ae as ObjectField, O as OnAction, af as OverrideKey, e as Overrides, a as Permissions, d as Plugin, ag as RadioField, c as ResolveDataTrigger, ah as RichText, i as RichtextField, ai as RootConfig, n as RootData, R as RootDataWithProps, aj as RootDataWithoutProps, ak as SelectField, al as Slot, am as SlotComponent, an as SlotField, ao as TextField, ap as TextareaField, f as UiState, U as UserGenerics, aq as Viewport, V as Viewports, ar as WithChildren, as as WithEditorProps, W as WithId, at as WithSlotProps, au as overrideKeys } from './actions-DDpLL_TR.js';
 export { Action, ActionBar, App, AppContextValue, AppEditorProps, AppMatched, AppProps, AppProvider, AppProviderProps, AppRenderProps, AppRouterVariant, AutoField, Button, ComponentList, Drawer, Editor, EditorApi, EditorCommands, FieldLabel, GlobalsMap, Group, IconButton, InsertComponentArgs, Label, MoveDestination, PageMetadata, Parent, Render, RichTextMenu, Route, RouteKey, Separator, UseEditorData, appConfigContext, blocksPlugin, createUseEditor, fieldsPlugin, legacySideBarPlugin, outlinePlugin, pageMetadata, registerOverlayPortal, renderContext, setDeep, useApp, useEditor, useGetEditor, usePropsContext, useRouteParams, useStableValue } from './index.js';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-B1q6t5Jp.js';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-Cnyva5MB.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
@@ -18,4 +18,4 @@ import '@tiptap/extension-strike';
 import '@tiptap/extension-text-align';
 import '@tiptap/extension-underline';
 import 'react/jsx-runtime';
-import './index-DmThy7vE.js';
+import './index-zhUFD8aP.js';

package/dist/no-external.js

@@ -3165,7 +3165,6 @@ var init_default_app_state = __esm({
       ui: {
         leftSideBarVisible: true,
         rightSideBarVisible: true,
-        navBarVisible: true,
         arrayState: {},
         itemSelector: null,
         componentList: {},
@@ -13304,6 +13303,7 @@ var BrowserBar = ({
   onViewportChange
 }) => {
   const { routes, currentRoute, onRouteChange } = usePropsContext();
+  const chrome = useChromeConfig();
   const viewports = useAppStore((s) => s.state.ui.viewports);
   const dispatch = useAppStore((s) => s.dispatch);
   const leftSideBarVisible = useAppStore((s) => s.state.ui.leftSideBarVisible);
@@ -13341,8 +13341,11 @@ var BrowserBar = ({
     if (!next || next === currentRoute) return;
     void (onRouteChange == null ? void 0 : onRouteChange(next));
   };
+  if (!chrome.showUrlBar && !chrome.showDeviceToggle && !chrome.showFullScreenToggle) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36(), children: [
-    showRoutePicker ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    chrome.showUrlBar && (showRoutePicker ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       Combobox,
       {
         items: routes,
@@ -13386,9 +13389,9 @@ var BrowserBar = ({
     ) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("urlTrigger"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Globe, { className: getClassName36("urlIcon"), size: 14 }),
       /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: getClassName36("urlText"), children: "/" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("actions"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    ] })),
+    (chrome.showDeviceToggle || chrome.showFullScreenToggle) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: getClassName36("actions"), children: [
+      chrome.showDeviceToggle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         IconButton,
         {
           type: "button",
@@ -13397,7 +13400,7 @@ var BrowserBar = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: getClassName36("deviceIcon"), children: activeDevice === "desktop" ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Monitor, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Smartphone, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      chrome.showFullScreenToggle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         IconButton,
         {
           type: "button",
@@ -14156,6 +14159,7 @@ var getPluginTabClassName = get_class_name_factory_default("EditorPluginTab", st
 var FieldSideBarToolbar = () => {
   const appStore = useAppStoreApi();
   const { onPublish, currentRoute } = usePropsContext();
+  const chrome = useChromeConfig();
   const back = useAppStore((s) => s.history.back);
   const forward = useAppStore((s) => s.history.forward);
   const hasFuture = useAppStore((s) => s.history.hasFuture());
@@ -14164,7 +14168,7 @@ var FieldSideBarToolbar = () => {
     (s) => s.overrides.headerActions || DefaultOverride
   );
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarToolbar"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarHistory"), children: [
+    chrome.showHistoryControls ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: getClassName43("fieldSideBarHistory"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         IconButton,
         {
@@ -14185,7 +14189,7 @@ var FieldSideBarToolbar = () => {
           children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Redo2, { size: 18 })
         }
       )
-    ] }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", {}),
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: getClassName43("fieldSideBarActions"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CustomHeaderActions, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Button,
       {
@@ -14238,7 +14242,8 @@ var Layout = ({ children }) => {
   const rightSideBarVisible = useAppStore(
     (s) => s.state.ui.rightSideBarVisible
   );
-  const navBarVisible = useAppStore((s) => s.state.ui.navBarVisible);
+  const chrome = useChromeConfig();
+  const navBarVisible = chrome.showNavBar;
   const instanceId = useAppStore((s) => s.instanceId);
   const {
     width: leftWidth,
@@ -14480,7 +14485,7 @@ var Layout = ({ children }) => {
                     Nav,
                     {
                       items: pluginItems,
-                      footer: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+                      footer: chrome.showThemeToggle ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                         IconButton,
                         {
                           type: "button",
@@ -14488,7 +14493,7 @@ var Layout = ({ children }) => {
                           onClick: toggleTheme,
                           children: themeIcon
                         }
-                      )
+                      ) : void 0
                     }
                   ) }),
                   /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
@@ -14577,11 +14582,45 @@ var Layout = ({ children }) => {
 
 // components/Editor/index.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
+var CHROME_KEYS = [
+  "showNavBar",
+  "showThemeToggle",
+  "showHistoryControls",
+  "showUrlBar",
+  "showDeviceToggle",
+  "showFullScreenToggle"
+];
+var DEFAULT_CHROME = {
+  showNavBar: true,
+  showThemeToggle: true,
+  showHistoryControls: true,
+  showUrlBar: true,
+  showDeviceToggle: true,
+  showFullScreenToggle: true
+};
+var splitUiConfig = (ui) => {
+  const runtime = {};
+  const chrome = {};
+  if (!ui) return { runtime, chrome };
+  for (const [key, value] of Object.entries(ui)) {
+    if (CHROME_KEYS.includes(key)) {
+      chrome[key] = value;
+    } else {
+      runtime[key] = value;
+    }
+  }
+  return { runtime, chrome };
+};
 var propsContext = (0, import_react95.createContext)({});
 function PropsProvider(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(propsContext.Provider, { value: props, children: props.children });
 }
 var usePropsContext = () => (0, import_react95.useContext)(propsContext);
+var useChromeConfig = () => {
+  const { ui } = usePropsContext();
+  const { chrome } = splitUiConfig(ui);
+  return __spreadValues(__spreadValues({}, DEFAULT_CHROME), chrome);
+};
 function EditorProvider({ children }) {
   const {
     config,
@@ -14609,7 +14648,8 @@ function EditorProvider({ children }) {
   );
   const [generatedAppState] = (0, import_react95.useState)(() => {
     var _a, _b, _c, _d, _e, _f;
-    const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUi);
+    const { runtime: initialUiRuntime } = splitUiConfig(initialUi);
+    const initial = __spreadValues(__spreadValues({}, defaultAppState.ui), initialUiRuntime);
     let clientUiState = {};
     if (Object.keys((initialData == null ? void 0 : initialData.root) || {}).length > 0 && !((_a = initialData == null ? void 0 : initialData.root) == null ? void 0 : _a.props)) {
       console.warn(

package/dist/no-external.mjs

@@ -25,8 +25,8 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-OKTANBAI.mjs";
-import "./chunk-YBG2RYVF.mjs";
+} from "./chunk-KX5XDJF6.mjs";
+import "./chunk-BZ4BQZJR.mjs";
 import {
   Action,
   ActionBar,
@@ -35,21 +35,21 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-TGVAC3JP.mjs";
-import "./chunk-X4EUZIHA.mjs";
+} from "./chunk-BUR5T7IX.mjs";
+import "./chunk-FT6UFK7G.mjs";
 import {
   getRouteProps,
   migrate,
   resolveAllData,
   resolveRouteFromString,
   transformProps
-} from "./chunk-II42EKFK.mjs";
+} from "./chunk-PUDWMFBH.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-XLVEWZWT.mjs";
-import "./chunk-MJJPWASL.mjs";
-import "./chunk-56I7ST5F.mjs";
+import "./chunk-OIFPBVSF.mjs";
+import "./chunk-AD7BMXAA.mjs";
+import "./chunk-LRFRIIKG.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree

package/dist/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './actions-C0LX6bI4.mjs';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-5oDs6qOL.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-DDpLL_TR.mjs';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-Cxbt1UVr.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './actions-C0LX6bI4.js';
-export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-B1q6t5Jp.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-DDpLL_TR.js';
+export { G as GetRoutePropsOptions, g as getRouteProps, m as migrate, r as resolveAllData, a as resolveRouteFromString, t as transformProps, w as walkTree } from './walk-tree-Cnyva5MB.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.js

@@ -1160,7 +1160,6 @@ var defaultAppState = {
   ui: {
     leftSideBarVisible: true,
     rightSideBarVisible: true,
-    navBarVisible: true,
     arrayState: {},
     itemSelector: null,
     componentList: {},

package/dist/rsc.mjs

@@ -7,9 +7,9 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-II42EKFK.mjs";
+} from "./chunk-PUDWMFBH.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-ERNSJXVF.mjs";
+import "./chunk-IIRJMJFU.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   rootAreaId,

package/dist/{walk-tree-B1q6t5Jp.d.ts → walk-tree-Cnyva5MB.d.ts}

@@ -1,4 +1,4 @@
-import { C as Config, D as Data, W as WithId, U as UserGenerics, j as Content, b as ComponentData, k as DefaultComponents, l as DefaultComponentProps, m as DefaultRootFieldProps, M as Metadata, n as RootData } from './actions-C0LX6bI4.js';
+import { C as Config, D as Data, W as WithId, U as UserGenerics, j as Content, b as ComponentData, k as DefaultComponents, l as DefaultComponentProps, m as DefaultRootFieldProps, M as Metadata, n as RootData } from './actions-DDpLL_TR.js';
 
 type GetRoutePropsOptions = {
     /** Defaults to "/editor". Pass null to skip editor-prefix handling. */

package/dist/{walk-tree-5oDs6qOL.d.mts → walk-tree-Cxbt1UVr.d.mts}

@@ -1,4 +1,4 @@
-import { C as Config, D as Data, W as WithId, U as UserGenerics, j as Content, b as ComponentData, k as DefaultComponents, l as DefaultComponentProps, m as DefaultRootFieldProps, M as Metadata, n as RootData } from './actions-C0LX6bI4.mjs';
+import { C as Config, D as Data, W as WithId, U as UserGenerics, j as Content, b as ComponentData, k as DefaultComponents, l as DefaultComponentProps, m as DefaultRootFieldProps, M as Metadata, n as RootData } from './actions-DDpLL_TR.mjs';
 
 type GetRoutePropsOptions = {
     /** Defaults to "/editor". Pass null to skip editor-prefix handling. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reacteditor/core",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "The open-source visual editor for React",
   "author": "Rami Bitar <rami@frontend.co>",
   "repository": "reacteditor/editor",