@alpaca-editor/core 1.0.4027 → 1.0.4030

package/dist/splash-screen/RecentPages.js

@@ -7,7 +7,6 @@ export function RecentPages() {
     const editContext = useEditContext();
     const [history, setHistory] = useState();
     const [isLoading, setIsLoading] = useState(false);
-    const [selectedPage, setSelectedPage] = useState(null);
     const recentPages = editContext?.browseHistory || [];
     useEffect(() => {
         const fetchItems = async () => {
@@ -17,9 +16,7 @@ export function RecentPages() {
             }
             setIsLoading(true);
             try {
-                console.log("recentPages", recentPages);
                 const pages = await editContext?.itemsRepository.getItems(recentPages);
-                console.log("pages", pages);
                 setHistory(pages);
             }
             finally {
@@ -28,9 +25,6 @@ export function RecentPages() {
         };
         fetchItems();
     }, [editContext?.itemsRepository, recentPages]);
-    const handlePageSelect = (page) => {
-        setSelectedPage(page);
-    };
     const handlePageLoad = (item) => {
         if (editContext) {
             editContext
@@ -47,12 +41,6 @@ export function RecentPages() {
             });
         }
     };
-    const formatDate = (date) => {
-        if (!date)
-            return "—";
-        const d = new Date(date);
-        return d.toLocaleDateString();
-    };
-    return (_jsx(Card, { icon: _jsx("i", { className: "pi pi-history text-sm" }), title: "Recent Pages/Items", description: "Quick access to your recently viewed pages", className: "flex h-full flex-col", children: _jsx("div", { className: "relative flex min-h-0 flex-1 flex-col", children: _jsxs("div", { className: "absolute inset-0 overflow-auto", children: [_jsx("table", { className: "w-full text-xs", children: _jsx("tbody", { children: history?.map((page, index) => (_jsxs("tr", { onMouseOver: () => handlePageSelect(page), onClick: () => handlePageLoad(page), className: "cursor-pointer border-b border-gray-100 hover:bg-gray-50", children: [_jsx("td", { className: "py-3", children: _jsx("div", { className: "flex items-center gap-2", children: _jsxs("div", { className: "min-w-0 flex-1 pl-1", children: [_jsx("div", { className: "font-medium text-gray-900", children: page.name }), _jsx("div", { className: "text-xs break-all text-gray-500", children: page.path })] }) }) }), _jsx("td", { className: "hidden p-3 text-gray-700 md:table-cell", children: _jsx("div", { className: "truncate", children: page.templateName || "—" }) }), _jsx("td", { className: "p-3", children: _jsx("span", { className: "inline-flex items-center truncate rounded-full bg-blue-100 px-2 py-1 text-xs font-medium text-blue-800", children: page.workflowState || "Draft" }) }), _jsx("td", { className: "hidden p-3 text-gray-700 md:table-cell", children: page.versions || 0 })] }, page.id || index))) }) }), isLoading && (_jsxs("div", { className: "flex h-full flex-col items-center justify-center p-6 text-center", children: [_jsx("i", { className: "pi pi-spin pi-spinner text-lg text-gray-400" }), _jsx("div", { className: "mt-2 text-xs text-gray-500", children: "Loading recent pages..." })] })), !isLoading && (!history || history.length === 0) && (_jsx("div", { className: "p-6 text-center text-xs text-gray-500", children: "No recent pages found" }))] }) }) }));
+    return (_jsx(Card, { icon: _jsx("i", { className: "pi pi-history text-sm" }), title: "Recent Pages/Items", description: "Quick access to your recently viewed pages", className: "flex h-full flex-col", children: _jsx("div", { className: "relative flex min-h-0 flex-1 flex-col", children: _jsxs("div", { className: "absolute inset-0 overflow-auto", children: [_jsx("table", { className: "w-full text-xs", children: _jsx("tbody", { children: history?.map((page, index) => (_jsxs("tr", { onClick: () => handlePageLoad(page), className: "cursor-pointer border-b border-gray-100 hover:bg-gray-50", children: [_jsx("td", { className: "py-3", children: _jsx("div", { className: "flex items-center gap-2", children: _jsxs("div", { className: "min-w-0 flex-1 pl-1", children: [_jsx("div", { className: "font-medium text-gray-900", children: page.name }), _jsx("div", { className: "text-xs break-all text-gray-500", children: page.path })] }) }) }), _jsx("td", { className: "hidden p-3 text-gray-700 md:table-cell", children: _jsx("div", { className: "truncate", children: page.templateName || "—" }) }), _jsx("td", { className: "p-3", children: _jsx("span", { className: "inline-flex items-center truncate rounded-full bg-blue-100 px-2 py-1 text-xs font-medium text-blue-800", children: page.workflowState || "Draft" }) }), _jsx("td", { className: "hidden p-3 text-gray-700 md:table-cell", children: page.versions || 0 })] }, page.id || index))) }) }), isLoading && (_jsxs("div", { className: "flex h-full flex-col items-center justify-center p-6 text-center", children: [_jsx("i", { className: "pi pi-spin pi-spinner text-lg text-gray-400" }), _jsx("div", { className: "mt-2 text-xs text-gray-500", children: "Loading recent pages..." })] })), !isLoading && (!history || history.length === 0) && (_jsx("div", { className: "p-6 text-center text-xs text-gray-500", children: "No recent pages found" }))] }) }) }));
 }
 //# sourceMappingURL=RecentPages.js.map

package/dist/splash-screen/RecentPages.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecentPages.js","sourceRoot":"","sources":["../../src/splash-screen/RecentPages.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RecentPages.js","sourceRoot":"","sources":["../../src/splash-screen/RecentPages.tsx"],"names":[],"mappings":"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"}

package/dist/splash-screen/SplashScreen.js

@@ -68,7 +68,7 @@ export function SplashScreen() {
                                                             }, className: "w-1/3", children: "Try AI Editor" })] }) })] }), _jsx("div", { className: "flex-1", children: _jsx(RecentPages, {}) })] })] }), _jsx("div", { className: "bg-wizard absolute inset-0" })] }) }));
     }
     else {
-        return (_jsxs("div", { className: "flex h-full w-full gap-2 bg-gray-100 md:items-center md:justify-center", children: [_jsxs("div", { className: "z-10 flex flex-1 flex-col items-stretch gap-4 p-4 md:min-h-[40vh] md:max-w-screen-xl md:flex-row", children: [_jsx(Card, { title: "Welcome to the Editor Without A Name", description: "The easiest way to create and manage your content", icon: _jsx(Logo, {}), className: "flex-1", children: _jsxs("div", { className: "flex flex-col gap-4 text-sm text-gray-500", children: ["Ai Workbench is an editor for your favorite content management system. It allows you to create and manage your content in a simple and intuitive way.", _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(ActionButton, { id: "create-new-page-button", onClick: () => editContext?.switchView("new-page"), children: "Create new page" }), _jsx(ActionButton, { onClick: () => editContext?.switchView("open-page"), children: "Open existing page" }), _jsxs(ActionButton, { onClick: () => editContext?.startTour(), children: ["Take tour ", _jsx(MagicEditIcon, {})] }), _jsx(ActionButton, { onClick: () => {
+        return (_jsxs("div", { className: "flex h-full w-full gap-2 bg-gray-100 md:items-center md:justify-center", children: [_jsxs("div", { className: "z-10 flex flex-1 flex-col items-stretch gap-4 p-4 md:min-h-[40vh] md:max-w-screen-xl md:flex-row", children: [_jsx(Card, { title: "Welcome to the Editor Without A Name", description: "The easiest way to create and manage your content", icon: _jsx(Logo, {}), className: "flex-1", children: _jsxs("div", { className: "flex flex-col gap-4 text-sm text-gray-500", children: ["Ai Workbench is an editor for your favorite content management system. It allows you to create and manage your content in a simple and intuitive way.", _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(ActionButton, { "data-testid": "create-new-page-button", onClick: () => editContext?.switchView("new-page"), children: "Create new page" }), _jsx(ActionButton, { onClick: () => editContext?.switchView("open-page"), children: "Open existing page" }), _jsxs(ActionButton, { onClick: () => editContext?.startTour(), children: ["Take tour ", _jsx(MagicEditIcon, {})] }), _jsx(ActionButton, { onClick: () => {
                                                     window.open("/sitecore/shell/sitecore/client/Applications/Launchpad", "_blank");
                                                 }, children: "Open Sitecore Launchpad" }), _jsx(ActionButton, { className: "mt-6 md:mt-18", onClick: () => {
                                                     editContext?.switchView("page-editor");

package/dist/splash-screen/SplashScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplashScreen.js","sourceRoot":"","sources":["../../src/splash-screen/SplashScreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SplashScreen.js","sourceRoot":"","sources":["../../src/splash-screen/SplashScreen.tsx"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -13,10 +13,13 @@
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-red-800: oklch(44.4% 0.177 26.899);
+    --color-orange-50: oklch(98% 0.016 73.684);
     --color-orange-100: oklch(95.4% 0.038 75.164);
+    --color-orange-200: oklch(90.1% 0.076 70.697);
     --color-orange-400: oklch(75% 0.183 55.934);
     --color-orange-500: oklch(70.5% 0.213 47.604);
     --color-orange-600: oklch(64.6% 0.222 41.116);
+    --color-orange-700: oklch(55.3% 0.195 38.402);
     --color-orange-800: oklch(47% 0.157 37.304);
     --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
@@ -671,6 +674,9 @@
   .h-\[160px\] {
     height: 160px;
   }
+  .h-\[400px\] {
+    height: 400px;
+  }
   .h-\[600px\] {
     height: 600px;
   }
@@ -728,9 +734,6 @@
   .max-h-\[400px\] {
     max-height: 400px;
   }
-  .max-h-\[500px\] {
-    max-height: 500px;
-  }
   .max-h-\[600px\] {
     max-height: 600px;
   }
@@ -1513,6 +1516,9 @@
   .border-neutral-200 {
     border-color: var(--color-neutral-200);
   }
+  .border-orange-200 {
+    border-color: var(--color-orange-200);
+  }
   .border-orange-400 {
     border-color: var(--color-orange-400);
   }
@@ -1669,6 +1675,12 @@
   .bg-gray-400 {
     background-color: var(--color-gray-400);
   }
+  .bg-gray-400\/40 {
+    background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-400) 40%, transparent);
+    }
+  }
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
@@ -1699,12 +1711,21 @@
   .bg-neutral-100 {
     background-color: var(--color-neutral-100);
   }
+  .bg-orange-50 {
+    background-color: var(--color-orange-50);
+  }
   .bg-orange-100 {
     background-color: var(--color-orange-100);
   }
   .bg-orange-400 {
     background-color: var(--color-orange-400);
   }
+  .bg-orange-400\/40 {
+    background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-400) 40%, transparent);
+    }
+  }
   .bg-orange-500 {
     background-color: var(--color-orange-500);
   }
@@ -1723,6 +1744,12 @@
   .bg-purple-400 {
     background-color: var(--color-purple-400);
   }
+  .bg-purple-400\/40 {
+    background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-400) 40%, transparent);
+    }
+  }
   .bg-purple-500 {
     background-color: var(--color-purple-500);
   }
@@ -1762,6 +1789,12 @@
   .bg-teal-400 {
     background-color: var(--color-teal-400);
   }
+  .bg-teal-400\/40 {
+    background-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-teal-400) 40%, transparent);
+    }
+  }
   .bg-theme-secondary {
     background-color: var(--color-theme-secondary);
   }
@@ -2208,6 +2241,9 @@
   .text-orange-600 {
     color: var(--color-orange-600);
   }
+  .text-orange-700 {
+    color: var(--color-orange-700);
+  }
   .text-orange-800 {
     color: var(--color-orange-800);
   }
@@ -2675,6 +2711,13 @@
       }
     }
   }
+  .hover\:bg-blue-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-50);
+      }
+    }
+  }
   .hover\:bg-blue-200 {
     &:hover {
       @media (hover: hover) {
@@ -2790,6 +2833,27 @@
       }
     }
   }
+  .hover\:bg-orange-400 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-orange-400);
+      }
+    }
+  }
+  .hover\:bg-purple-400 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-purple-400);
+      }
+    }
+  }
+  .hover\:bg-red-400 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-400);
+      }
+    }
+  }
   .hover\:bg-red-600 {
     &:hover {
       @media (hover: hover) {
@@ -2807,6 +2871,13 @@
       }
     }
   }
+  .hover\:bg-teal-400 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-teal-400);
+      }
+    }
+  }
   .hover\:bg-theme-secondary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -2978,6 +3049,11 @@
       border-color: var(--color-blue-500);
     }
   }
+  .focus\:border-transparent {
+    &:focus {
+      border-color: transparent;
+    }
+  }
   .focus\:bg-accent {
     &:focus {
       background-color: var(--accent);
@@ -3102,6 +3178,15 @@
       opacity: 50%;
     }
   }
+  .disabled\:hover\:bg-transparent {
+    &:disabled {
+      &:hover {
+        @media (hover: hover) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
   .has-focus\:border-ring {
     &:has(*:focus) {
       border-color: var(--ring);

package/dist/types.d.ts

@@ -285,6 +285,12 @@ export type SystemStatusMessage = {
 export type SystemStatus = {
     messages: SystemStatusMessage[];
 };
+export type EditorSettings = {
+    itemNameValidation?: string;
+    invalidItemNameChars?: string;
+    maxItemNameLength?: number;
+    currency?: string;
+};
 export interface SuggestedEdit {
     id: string;
     mainItemId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-editor/core",
-  "version": "1.0.4027",
+  "version": "1.0.4030",
   "publishConfig": {
     "access": "public"
   },
@@ -41,7 +41,7 @@
     "@types/diff": "^7.0.2",
     "@types/lodash": "^4.17.16",
     "@uiw/react-md-editor": "^4.0.5",
-    "@uiw/react-textarea-code-editor": "^1.5.24",
+    "@uiw/react-textarea-code-editor": "^3.1.1",
     "allotment": "^1.20.3",
     "axios": "^1.6.7",
     "class-variance-authority": "^0.7.1",

package/src/components/ActionButton.tsx

@@ -27,9 +27,9 @@ export const ActionButton: React.FC<ActionButtonProps> = ({
   loadingText = "Loading...",
   children,
   type = "button",
-
   className = "",
   variant = "default",
+  ...props
 }) => {
   return (
     <Button
@@ -39,7 +39,8 @@ export const ActionButton: React.FC<ActionButtonProps> = ({
       disabled={disabled || isLoading}
       className={className}
       variant={variant}
-      size="sm"
+      size="sm"      
+      {...props}
     >
       {isLoading ? (
         <div className="flex items-center justify-center gap-2">

package/src/components/SimpleLanguageSelector.tsx

@@ -90,6 +90,11 @@ export function SimpleLanguageSelector({
     );
   }
 
+  // Sort languages alphabetically by name
+  const sortedLanguages = [...languages].sort((a, b) =>
+    a.name.localeCompare(b.name),
+  );
+
   return (
     <select
       value={selectedLanguage || ""}
@@ -98,7 +103,7 @@ export function SimpleLanguageSelector({
       className={`rounded-md border border-gray-300 p-2 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none ${disabled ? "cursor-not-allowed bg-gray-100" : "bg-white"} ${className}`}
     >
       <option value="">Select a language</option>
-      {languages.map((language) => (
+      {sortedLanguages.map((language) => (
         <option key={language.languageCode} value={language.languageCode}>
           {language.name} ({language.versions})
         </option>

package/src/config/config.tsx

@@ -223,7 +223,7 @@ export const getConfiguration = (): EditorConfiguration => {
     events: {},
     services: {
       aiService: {
-        promptUrl: "/alpaca/editor/ai/prompt",
+        endpoint: "/alpaca/editor/ai",
       },
     },
     fieldTypes: {

package/src/config/types.ts

@@ -136,7 +136,7 @@ export type EditorConfiguration = {
   };
   services: {
     aiService: {
-      promptUrl: string;
+      endpoint: string;
     };
   };
 

package/src/editor/ContextMenu.tsx

@@ -124,14 +124,11 @@ export async function showComponentContextMenu(
     });
   }
 
-
   // Call field type context menu factory when a single component is selected and field is available
   if (!editContext.readonly && field) {
     const fieldFromRepository =
       await editContext.itemsRepository.getField(field);
 
-    console.log("fieldFromRepository", fieldFromRepository);
-
     if (fieldFromRepository) {
       const fieldTypeConfig =
         editContext.configuration.fieldTypes[fieldFromRepository.type];

package/src/editor/Editor.tsx

@@ -5,10 +5,10 @@ import { EditorClient } from "./client/EditorClient";
 import { ItemDescriptor } from "./pageModel";
 import { EditorConfiguration } from "../config/types";
 import { useEffect, useState } from "react";
-import { SystemStatus, UserInfo, UserPreferences } from "../types";
+import { SystemStatus, UserInfo, UserPreferences, EditorSettings } from "../types";
 
 import { getUserInfo } from "./services/editService";
-import { getSystemStatus, saveUserPreferences } from "./services/systemService";
+import { getSystemStatus, getEditorSettings, saveUserPreferences } from "./services/systemService";
 import uuid from "react-uuid";
 import { getConfiguration } from "../config/config";
 
@@ -29,6 +29,7 @@ export function Editor({
   const [config, setConfig] = useState<EditorConfiguration>();
   const [userInfo, setUserInfo] = useState<UserInfo>();
   const [systemStatus, setSystemStatus] = useState<SystemStatus>();
+  const [editorSettings, setEditorSettings] = useState<EditorSettings>();
 
   const sessionId =
     typeof window !== "undefined"
@@ -36,7 +37,7 @@ export function Editor({
       : uuid();
 
   useEffect(() => {
-    // Get user info and system status
+    // Get user info, system status, and editor settings
     getUserInfo().then((userInfo) => {
       if (!userInfo) {
         window.location.href = "/sitecore/login";
@@ -50,6 +51,12 @@ export function Editor({
         setSystemStatus(status.data);
       }
     });
+
+    getEditorSettings().then((settings) => {
+      if (settings.data) {
+        setEditorSettings(settings.data);
+      }
+    });
   }, []);
 
   useEffect(() => {
@@ -88,6 +95,7 @@ export function Editor({
       sessionId={sessionId}
       userInfo={userInfo}
       userPreferences={userInfo.preferences}
+      editorSettings={editorSettings}
       setUserPreferences={(preferences: Partial<UserPreferences>) => {
         const newPreferences = { ...userInfo.preferences, ...preferences };
         saveUserPreferences(newPreferences);

package/src/editor/FieldListField.tsx

@@ -1,9 +1,10 @@
 import { Tooltip } from "primereact/tooltip";
 
 import { useEditContext, useModifiedFieldsContext } from "./client/editContext";
+import { useFieldModification } from "./client/fieldModificationStore";
 import { EditorConfiguration } from "../config/types";
 
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState, useMemo } from "react";
 
 import { FieldHistoryItem, SingleValidatorResult } from "../types";
 
@@ -21,8 +22,7 @@ import { FieldHistory } from "./FieldHistory";
 import {
   History,
   MessageCircle,
-  WandSparkles,
-  MoreVertical,
+  WandSparkles,  
   ExternalLink,
 } from "lucide-react";
 import { Checkbox } from "../components/ui/checkbox";
@@ -55,18 +55,22 @@ export default function FieldListField({
   const editContext = useEditContext();
   if (!editContext) return;
 
-  const modifiedFieldsContext = useModifiedFieldsContext();
-
   const fieldItem = field.descriptor.item;
 
+  // Field-specific subscription - only rerenders when THIS field changes
+  const { isModified, isSaved } = useFieldModification(
+    field.id,
+    fieldItem.id, 
+    fieldItem.language,
+    fieldItem.version
+  );
+
   const [showRawValue, setShowRawValue] = useState(false);
   const [showFieldJson, setShowFieldJson] = useState(false);
   const [fieldMenuOpen, setFieldMenuOpen] = useState(false);
   const [fieldHistoryOpen, setFieldHistoryOpen] = useState(false);
   const generatorsOverlay = useRef<FieldActionsOverlayRef>(null);
   const [generatorButtons, setButtons] = useState<FieldButton[]>();
-  const [isModified, setIsModified] = useState(false);
-  const [isSaved, setIsSaved] = useState(false);
   const [historyEntry, setHistoryEntry] = useState<FieldHistoryItem>();
 
   async function handleActionClick(action: FieldButton): Promise<void> {
@@ -81,7 +85,6 @@ export default function FieldListField({
   }
 
   useEffect(() => {
-    updateState();
     setShowRawValue(false);
   }, [
     field.descriptor.item.id,
@@ -90,26 +93,6 @@ export default function FieldListField({
     field.descriptor.fieldId,
   ]);
 
-  useEffect(updateState, [modifiedFieldsContext?.modifiedFields]);
-
-  function updateState() {
-    const modifiedField = modifiedFieldsContext?.modifiedFields.find(
-      (x) =>
-        x.fieldId === field.id &&
-        x.item.id === fieldItem.id &&
-        x.item.language === fieldItem.language &&
-        x.item.version === fieldItem.version,
-    );
-
-    if (modifiedField) {
-      setIsModified(true);
-      setIsSaved(!modifiedField.isDirty);
-    } else {
-      setIsModified(false);
-      setIsSaved(false);
-    }
-  }
-
   const fieldLockedBySession = getSessionWithFieldLock(
     field.descriptor,
     editContext,
@@ -174,7 +157,7 @@ export default function FieldListField({
     }
   }, [isFocusedField]);
 
-  const renderGeneratorButtons = () => {
+  const renderGeneratorButtons = useMemo(() => {
     if (generatorButtons?.length || 0 > 0)
       return (
         <>
@@ -205,7 +188,15 @@ export default function FieldListField({
         </>
       );
     return null;
-  };
+  }, [
+    generatorButtons,
+    executingAction,
+    handleActionClick,
+    handleParameterizedActionExecute,
+    editContext.currentOverlay,
+    editContext.setCurrentOverlay,
+    field.id,
+  ]);
 
   const config = editContext.configuration.fieldTypes[field.type];
 
@@ -360,7 +351,7 @@ export default function FieldListField({
                     }}
                     label="Add Comment"
                   />
-                  {!readonly && renderGeneratorButtons()}
+                  {!readonly && renderGeneratorButtons}
                   <Popover
                     open={fieldHistoryOpen}
                     onOpenChange={setFieldHistoryOpen}

package/src/editor/ImageEditButton.tsx

@@ -63,6 +63,7 @@ export function ImageEditButton({
         {actions.map((action) => (
           <DropdownMenuItem
             key={action.id}
+            data-testid={`menu-item-${action.id}`}
             onClick={(e) => {
               action.onClick(e);
               setShowMenu(false);

package/src/editor/ImageEditor.tsx

@@ -97,6 +97,7 @@ export function ImageEditor({
         actions={menuActions}
         compact={false}
         buttonText="Edit"
+        testId="select-media-button"
       />
     </div>
   );

package/src/editor/MainLayout.tsx

@@ -26,8 +26,8 @@ export default function MainLayout(props: MainLayoutProps) {
     return <MobileLayout {...props} />;
   }
 
-  // Keep all left sidebars mounted to preserve their state when switching views
-  const viewsWithLeftSidebar = editContext.configuration.editor.views.filter(
+  // Only render visible views that have left sidebars to improve performance
+  const viewsWithLeftSidebar = editContext.visibleViews.filter(
     (v) => v.leftSidebar,
   );
 

package/src/editor/Terminal.tsx

@@ -148,7 +148,7 @@ export const Terminal = forwardRef<
   }, [messages, response]);
 
   const responseBoxClasses =
-    "text-xs self-stretch text-gray-700 p-2 rounded border border-theme-secondary bg-theme-secondary-light";
+    "text-xs self-stretch text-gray-700 p-2 rounded border border-theme-secondary bg-theme-secondary-light min-h-8 flex flex-col justify-end";
   const getClasses = (m: Message) => {
     if (m.type === "response") return responseBoxClasses;
     return "text-xs text-gray-700 bg-indigo-100 border border-indigo-300 p-2 rounded prompt";

package/src/editor/Titlebar.tsx

@@ -15,8 +15,6 @@ export function Titlebar() {
 
   if (!editContext?.view) return null;
 
-  const isMobile = editContext.isMobile;
-
   // Get custom title from view's headerTitle function, or fall back to "workbench"
   const title = editContext.view.headerTitle
     ? editContext.view.headerTitle(editContext)