@alpaca-editor/core 1.0.4061 → 1.0.4064

package/src/editor/reviews/CommentPopover.tsx

@@ -36,6 +36,7 @@ export function CommentPopover({
   >([]);
   const contextFromHook = useEditContext();
   const editContext = externalEditContext || contextFromHook;
+  const contentRef = React.useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
     if (position) setIsOpen(true);
@@ -174,12 +175,34 @@ export function CommentPopover({
         </PopoverTrigger>
       )}
       <PopoverContent
+        ref={contentRef}
+        tabIndex={-1}
         className="w-96 p-4"
+        data-testid="add-comment-popover"
         side="bottom"
         align="start"
-        onPointerDownOutside={(e) => e.preventDefault()}
-        onInteractOutside={(e) => e.preventDefault()}
-        onFocusOutside={(e) => e.preventDefault()}
+        onOpenAutoFocus={(e) => {
+          e.preventDefault();
+          contentRef.current?.focus();
+        }}
+        onInteractOutside={(e) => {
+          const target = e.target as HTMLElement | null;
+          if (target && target.closest('[data-slot="tooltip-content"]')) {
+            e.preventDefault();
+          }
+        }}
+        onPointerDownOutside={(e) => {
+          const target = e.target as HTMLElement | null;
+          if (target && target.closest('[data-slot="tooltip-content"]')) {
+            e.preventDefault();
+          }
+        }}
+        onFocusOutside={(e) => {
+          const target = e.target as HTMLElement | null;
+          if (target && target.closest('[data-slot="tooltip-content"]')) {
+            e.preventDefault();
+          }
+        }}
         onMouseDown={(e) => e.stopPropagation()}
         onClick={(e) => e.stopPropagation()}
       >

package/src/editor/reviews/CommentView.tsx

@@ -81,15 +81,26 @@ export function CommentView({
     return (
       <div
         className={`${compact ? "mt-2" : "mt-3"} flex items-center border-t pt-${compact ? "2" : "3"} text-xs`}
+        data-testid="comment-context-info"
       >
         {showItemName && (
-          <div className="text-2xs text-gray-500">{comment.itemName}</div>
+          <div
+            className="text-2xs text-gray-500"
+            data-testid="comment-item-name"
+          >
+            {comment.itemName}
+          </div>
         )}
         {showFieldName && showItemName && (
           <div className="text-2xs mx-2 text-gray-500">&gt;</div>
         )}
         {showFieldName && (
-          <div className="text-2xs text-gray-500">{comment.fieldName}</div>
+          <div
+            className="text-2xs text-gray-500"
+            data-testid="comment-field-name"
+          >
+            {comment.fieldName}
+          </div>
         )}
       </div>
     );
@@ -118,6 +129,7 @@ export function CommentView({
               <SimpleIconButton
                 icon={<Edit className="h-3.5 w-3.5" strokeWidth={1} />}
                 label="Edit"
+                data-testid="comment-action-edit"
                 onClick={onEdit}
               />
             )}
@@ -130,11 +142,16 @@ export function CommentView({
                   <button
                     className="hover:bg-gray-5 cursor-pointer rounded-full p-[6px]"
                     title="Delete"
+                    data-testid="comment-action-delete"
                   >
                     <Trash2 className="h-3.5 w-3.5" strokeWidth={1} />
                   </button>
                 </PopoverTrigger>
-                <PopoverContent className="w-auto p-2" align="end">
+                <PopoverContent
+                  className="w-auto p-2"
+                  align="end"
+                  data-testid="comment-delete-popover"
+                >
                   <Button
                     variant="outline"
                     size="sm"
@@ -152,6 +169,7 @@ export function CommentView({
               <SimpleIconButton
                 icon={<Check className="h-3.5 w-3.5" strokeWidth={1} />}
                 label="Resolve"
+                data-testid="comment-action-resolve"
                 onClick={onResolve}
               />
             )}
@@ -170,6 +188,7 @@ export function CommentView({
                       formatDate(new Date(comment.resolvedDate!)) +
                       ")"
                     }
+                    data-testid="comment-resolved-indicator"
                   >
                     <Check
                       className="h-3.5 w-3.5 text-green-500"
@@ -195,6 +214,7 @@ export function CommentView({
               <SimpleIconButton
                 icon={<Sparkles className="h-3.5 w-3.5" strokeWidth={1} />}
                 label="AI"
+                data-testid="comment-action-ai"
                 onClick={onAiAction}
               />
             )}
@@ -205,6 +225,7 @@ export function CommentView({
       {/* Comment Text */}
       <div
         className={`${compact ? "text-sm" : "text-sm"} whitespace-pre-wrap text-gray-700`}
+        data-testid="comment-text"
       >
         {comment.text}
       </div>

package/src/editor/services/agentService.ts

@@ -80,6 +80,43 @@ export type AgentDetails = Agent & {
   messages?: AgentChatMessage[];
 };
 
+// Metadata shape stored on the agent. Server accepts a flexible JSON object; keep it permissive.
+export type AgentMetadata = {
+  selection?: string[];
+  selectedText?: string;
+  allowedFunctions?: string[];
+  addContextContent?: boolean;
+  addAllContent?: boolean;
+  addSelectedComponents?: boolean;
+  profile?: string;
+  additionalData?: Record<string, any>;
+  context?: {
+    pages?: Array<{
+      id: string;
+      language: string;
+      version: number;
+      path?: string;
+      name?: string;
+    }>;
+    componentIds?: string[];
+    field?: {
+      fieldId: string;
+      itemId: string;
+      name?: string;
+    };
+    comment?: {
+      id: string;
+      text?: string;
+      fieldName?: string;
+      itemName?: string;
+      author?: string;
+      selectedText?: string;
+      rangeStart?: number;
+      rangeEnd?: number;
+    };
+  };
+};
+
 export interface AgentChatMessage {
   id: string;
   agentId: string;
@@ -445,6 +482,27 @@ export async function closeAgent(agentId: string): Promise<any> {
   return result.data;
 }
 
+/**
+ * Updates the metadata (context) for an agent chat
+ */
+export async function updateAgentMetadata(
+  agentId: string,
+  metadata: AgentMetadata,
+): Promise<{ success: boolean }> {
+  const result = await post<{ success: boolean }>(
+    AGENT_BASE_URL + "/updateMetadata",
+    { agentId, metadata },
+  );
+
+  if (result.type !== "success") {
+    throw new Error(
+      `Failed to update agent metadata: ${result.summary || "Unknown error"} ${result.details || ""}`,
+    );
+  }
+
+  return result.data ?? { success: true };
+}
+
 /**
  * Checks if an agent exists and returns its current state with messages
  */

package/src/editor/services/indexService.ts

@@ -5,6 +5,7 @@ import {
   SubmitStagedResult,
   ImportStatus,
   CentroidsStatus,
+  CombinedIndexStatus,
 } from "../../types";
 import { get, post } from "./serviceHelper";
 
@@ -13,6 +14,13 @@ export async function getIndexStatus() {
   return result.data;
 }
 
+export async function getCombinedIndexStatus() {
+  const result = await get<CombinedIndexStatus>(
+    "/alpaca/editor/index/combinedstatus",
+  );
+  return result.data;
+}
+
 export async function rebuildIndex() {
   await post("/alpaca/editor/index/rebuild", {});
 }

package/src/editor/sidebar/ComponentTree.tsx

@@ -282,6 +282,7 @@ export function ComponentTree({}) {
       ),
       data: c,
       parent: parent,
+      isDraggable: true,
       tags: [],
       className:
         c.isRemovedFromMasterLanguage || !c.editable ? "text-gray-400" : "",
@@ -658,7 +659,7 @@ export function ComponentTree({}) {
       </div>
 
       {/* Tree content */}
-      <div className="flex-1 p-2" ref={treeRef}>
+      <div className="flex-1 p-2" ref={treeRef} data-testid="component-tree">
         <PerfectTree
           nodes={rootNodes}
           isDragging={!!editContext?.dragObject}
@@ -719,7 +720,10 @@ export function ComponentTree({}) {
 
 function renderNode(node: CustomTreeNode) {
   return (
-    <div>
+    <div
+      className={`component-tree-node ${node.type ? `component-tree-${node.type}` : ""}`}
+      data-component-node={node.type === "component" ? "true" : undefined}
+    >
       <div className="flex items-center gap-2 text-[12px] text-gray-600">
         {typeof node.icon === "string" ? (
           <i className={node.icon}></i>

package/src/editor/sidebar/SidebarView.tsx

@@ -12,12 +12,14 @@ export function SidebarView({
   active,
   onClose,
   detached,
+  paddingRight,
 }: {
   sidebar: Sidebar;
   editContext: EditContextType;
   active: boolean;
   onClose: () => void;
   detached?: boolean;
+  paddingRight?: boolean;
 }) {
   const resolvedPanels = sidebar.panels.map((x) => {
     if (typeof x === "function") {
@@ -60,9 +62,10 @@ export function SidebarView({
     return (
       <div
         className={cn(
-          "h-full", 
+          "h-full",
           detached ? "p-2" : "border-gray-3 border-r",
-          !active ? "hidden" : ""
+          !active ? "hidden" : "",
+          paddingRight ? "pr-2" : "pr-0",
         )}
       >
         <div
@@ -111,11 +114,9 @@ export function SidebarView({
   );
 
   return (
-    <div className={cn(
-      "h-full", 
-      detached ? "p-2" : "",
-      !active ? "hidden" : ""
-    )}>
+    <div
+      className={cn("h-full", detached ? "p-2" : "", !active ? "hidden" : "")}
+    >
       <Splitter
         panels={splitterPanels}
         direction="vertical"

package/src/editor/sidebar/ViewSelector.tsx

@@ -165,29 +165,62 @@ function ViewSelectorComponent() {
       {/* Three dots menu for non-selected views */}
       {views.length > 0 && (
         <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen}>
-          <Tooltip delayDuration={500}>
-            <TooltipTrigger asChild>
-              <PopoverTrigger asChild>
-                <Button
-                  variant="ghost"
-                  size="icon"
-                  data-testid="more-views-button"
-                  className={cn(
-                    "p-1.5 text-neutral-500 hover:text-gray-900",
-                    contextValues.isMobile ? "flex-shrink-0" : "",
-                  )}
-                >
-                  <VerticalDotsIcon />
-                </Button>
-              </PopoverTrigger>
-            </TooltipTrigger>
-            <TooltipContent side="right">More views</TooltipContent>
-          </Tooltip>
+          {!isPopoverOpen ? (
+            <Tooltip delayDuration={500}>
+              <TooltipTrigger asChild>
+                <PopoverTrigger asChild>
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    data-testid="more-views-button"
+                    className={cn(
+                      "p-1.5 text-neutral-500 hover:text-gray-900",
+                      contextValues.isMobile ? "flex-shrink-0" : "",
+                    )}
+                  >
+                    <VerticalDotsIcon />
+                  </Button>
+                </PopoverTrigger>
+              </TooltipTrigger>
+              <TooltipContent side="right">More views</TooltipContent>
+            </Tooltip>
+          ) : (
+            <PopoverTrigger asChild>
+              <Button
+                variant="ghost"
+                size="icon"
+                data-testid="more-views-button"
+                className={cn(
+                  "p-1.5 text-neutral-500 hover:text-gray-900",
+                  contextValues.isMobile ? "flex-shrink-0" : "",
+                )}
+              >
+                <VerticalDotsIcon />
+              </Button>
+            </PopoverTrigger>
+          )}
           <PopoverContent
             className="w-56 p-2"
             side={contextValues.isMobile ? "bottom" : "right"}
             align="start"
-            onOpenAutoFocus={(e) => e.preventDefault()}
+            onInteractOutside={(e) => {
+              const target = e.target as HTMLElement | null;
+              if (target && target.closest('[data-slot="tooltip-content"]')) {
+                e.preventDefault();
+              }
+            }}
+            onPointerDownOutside={(e) => {
+              const target = e.target as HTMLElement | null;
+              if (target && target.closest('[data-slot="tooltip-content"]')) {
+                e.preventDefault();
+              }
+            }}
+            onFocusOutside={(e) => {
+              const target = e.target as HTMLElement | null;
+              if (target && target.closest('[data-slot="tooltip-content"]')) {
+                e.preventDefault();
+              }
+            }}
           >
             <div className="space-y-1">
               <div className="px-2 py-1 text-xs font-medium tracking-wider text-gray-600 uppercase">

package/src/editor/ui/ItemSearch.tsx

@@ -3,9 +3,7 @@ import { useEditContext } from "../client/editContext";
 import { executeSearch } from "../services/searchService";
 import { toast } from "sonner";
 import { useDebouncedCallback } from "use-debounce";
-import { ProgressSpinner } from "primereact/progressspinner";
 import { ItemDescriptor } from "../pageModel";
-import { getItemDescriptor } from "../utils";
 import { ItemList } from "./ItemList";
 import { FilterInput } from "../../components/FilterInput";
 
@@ -85,7 +83,7 @@ export const ItemSearch: React.FC<SearchProps> = ({
       query: searchPrompt,
       editContext,
       rootItemIds,
-      maxResults: 5,
+      maxResults: 15,
     });
 
     if (query === currentQuery) {
@@ -131,9 +129,13 @@ export const ItemSearch: React.FC<SearchProps> = ({
         <ItemList
           items={results}
           onItemHover={setHoveredItem}
-          onItemClick={itemSelected}
-          maxItems={6}
-          className={`mt-1 ${resultClassName}`}
+          onItemClick={(item) => {
+            itemSelected(item);
+            setResults([]);
+            setQuery("");
+          }}
+          maxItems={15}
+          className={`mt-1 ${resultClassName} max-h-[200px] overflow-y-auto`}
         />
       )}
       {results.length === 0 && !loading && query && (

package/src/editor/ui/PerfectTree.tsx

@@ -533,7 +533,7 @@ const NodeContent = memo(
 
     return (
       <div
-        className="tree-node mb-0.5 flex cursor-pointer items-center"
+        className={`tree-node ${(node as any)?.type ? `tree-node-${(node as any).type}` : ""} mb-0.5 flex cursor-pointer items-center`}
         draggable={enableDragAndDrop && !!node.isDraggable}
         onClick={handleSelect}
         onDragStart={(event) => handleDragStart(event)}
@@ -546,6 +546,7 @@ const NodeContent = memo(
         onContextMenu={handleContextMenu}
         data-node-key={node.key}
         data-selected={isSelected}
+        data-node-type={(node as any)?.type}
       >
         {/* Render toggle arrow only if the node is expandable */}
         {node.hasChildren || node.children?.length ? (

package/src/editor/ui/SimpleIconButton.tsx

@@ -70,7 +70,7 @@ export const SimpleIconButton = forwardRef<
     }
 
     return (
-      <Tooltip>
+      <Tooltip delayDuration={500}>
         <TooltipTrigger asChild>{buttonElement}</TooltipTrigger>
         <TooltipContent>{label}</TooltipContent>
       </Tooltip>

package/src/editor/ui/SimpleTabs.tsx

@@ -51,7 +51,7 @@ export function SimpleTabs({
             style={{
               fontWeight: index === activeTab ? "medium" : "normal",
               borderBottom: index === activeTab ? "3px solid black" : "none",
-              marginBottom: index === activeTab ? "0" : "3px",
+              marginBottom: index === activeTab ? "0" : "2px",
               color: index === activeTab ? "black" : "gray",
             }}
           >

package/src/index.ts

@@ -23,8 +23,6 @@ export { requestTranslation } from "./editor/services/translationService";
 
 export { defaultTranslateAll } from "./editor/commands/localizeItem/LocalizeItemUtils";
 
-export * from "./fonts";
-
 export { Card } from "./components/ui/card";
 export { Button } from "./components/ui/button";
 

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.4061";
-export const buildDate = "2025-08-22 14:39:56";
+export const version = "1.0.4064";
+export const buildDate = "2025-08-25 01:54:20";

package/src/splash-screen/NewPage.tsx

@@ -14,7 +14,6 @@ import { getAbsoluteIconUrl, getItemDescriptor } from "../editor/utils";
 import { classNames } from "primereact/utils";
 import { useEditContext } from "../client-components";
 
-import { SectionHeadline } from "./SectionHeadline";
 import { ItemDescriptor } from "../editor/pageModel";
 import { useDebouncedCallback } from "use-debounce";
 import { getWizards } from "../page-wizard/service";
@@ -111,7 +110,7 @@ export function NewPage({ selectedItemId }: { selectedItemId?: string }) {
     if (valid) setValidationMessage(null);
 
     setIsValid(valid);
-  }, 500);
+  }, 200);
 
   useEffect(() => {
     isValidDebounced();
@@ -181,6 +180,7 @@ export function NewPage({ selectedItemId }: { selectedItemId?: string }) {
       <div className="flex flex-1 flex-col md:flex-row">
         {" "}
         <div
+          data-testid="new-page-pick-location-tree"
           className={`tour-pick-location w-full md:w-1/2 ${
             selectedItem ? "h-full md:h-full" : ""
           }`}

package/src/types.ts

@@ -167,7 +167,8 @@ export type User = {
 export type UserPreferences = {
   pinnedViews?: string[];
   showViewNames?: boolean;
-  showRightSidebar?: boolean;
+  showComponentNavigator?: boolean;
+  showAgentsPanel?: boolean;
   hideNonEditableComponents?: boolean;
 };
 
@@ -310,6 +311,13 @@ export type CentroidsStatus = {
   startedAt?: string;
 };
 
+export type CombinedIndexStatus = {
+  indexStatus: IndexStatus | null;
+  stagingStatus: StagingStatus | null;
+  importStatus: ImportStatus | null;
+  centroidsStatus: CentroidsStatus | null;
+};
+
 export type Error = {
   message: string;
   details: string;

package/styles.css

@@ -168,8 +168,6 @@ body {
 }
 
 @theme {
-  --font-geist-sans: "GeistSans";
-  --font-geist-mono: "GeistMono";
   --font-inter: "Inter";
   --color-canvas-red: #e32e52;
   --color-canvas-pink: #e32e52;

package/dist/fonts/index.d.ts

@@ -1,4 +0,0 @@
-export declare const inter: import("next/dist/compiled/@next/font").NextFontWithVariable;
-export declare const fonts: {
-    inter: import("next/dist/compiled/@next/font").NextFontWithVariable;
-};

package/dist/fonts/index.js

@@ -1,9 +0,0 @@
-import { Inter } from "next/font/google";
-export const inter = Inter({
-    subsets: ["latin"],
-    variable: "--font-inter",
-});
-export const fonts = {
-    inter,
-};
-//# sourceMappingURL=index.js.map

package/dist/fonts/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fonts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC;IACzB,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,QAAQ,EAAE,cAAc;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK;CACN,CAAC"}

package/src/fonts/index.ts

@@ -1,10 +0,0 @@
-import { Inter } from "next/font/google";
-
-export const inter = Inter({
-  subsets: ["latin"],
-  variable: "--font-inter",
-});
-
-export const fonts = {
-  inter,
-};