@alpaca-editor/core 1.0.4190 → 1.0.4191

package/src/splash-screen/RecentPages.tsx

@@ -46,7 +46,7 @@ export function RecentPages() {
           editContext.switchView(
             editContext.contentEditorItem?.hasLayout
               ? "page-editor"
-              : "content-tree",
+              : "content-editor",
           );
         });
     }
@@ -54,69 +54,72 @@ export function RecentPages() {
 
   return (
     <Card
-      collapsible="no"
-      defaultCollapsed="no"
       icon={<History className="h-4 w-4" />}
       title="Recent Pages/Items"
       description="Quick access to your recently viewed pages"
+      className="flex h-full flex-col"
     >
-      {isLoading ? (
-        <div className="flex flex-col items-center justify-center p-6 text-center">
-          <Loader2 className="h-5 w-5 animate-spin text-gray-400" />
-          <div className="mt-2 text-xs text-gray-500">
-            Loading recent pages...
-          </div>
-        </div>
-      ) : !history || history.length === 0 ? (
-        <div className="p-6 text-center text-xs text-gray-500">
-          No recent pages found
-        </div>
-      ) : (
-        <table className="w-full text-xs">
-          <tbody>
-            {history.map((page, index) => (
-              <tr
-                key={page.id || index}
-                onClick={() => handlePageLoad(page)}
-                className="cursor-pointer border-b border-gray-100 hover:bg-gray-50"
-              >
-                <td className="px-1.5 py-3">
-                  <div className="flex items-center gap-2">
-                    {/* {page.icon && (
-                      <img
-                        src={page.icon}
-                        width="16"
-                        height="16"
-                        alt=""
-                        className="flex-shrink-0"
-                      />
-                    )} */}
-                    <div className="min-w-0 flex-1 pl-1">
-                      <div className="font-medium text-gray-900">
-                        {page.name}
-                      </div>
-                      <div className="break-all text-xs text-gray-500">
-                        {page.path}
+      <div className="relative flex min-h-0 flex-1 flex-col">
+        <div className="absolute inset-0 overflow-auto">
+          <table className="w-full text-xs">
+            <tbody>
+              {history?.map((page, index) => (
+                <tr
+                  key={page.id || index}
+                  onClick={() => handlePageLoad(page)}
+                  className="cursor-pointer border-b border-gray-100 hover:bg-gray-50"
+                >
+                  <td className="px-1.5 py-3">
+                    <div className="flex items-center gap-2">
+                      {/* {page.icon && (
+                        <img
+                          src={page.icon}
+                          width="16"
+                          height="16"
+                          alt=""
+                          className="flex-shrink-0"
+                        />
+                      )} */}
+                      <div className="min-w-0 flex-1 pl-1">
+                        <div className="font-medium text-gray-900">
+                          {page.name}
+                        </div>
+                        <div className="text-xs break-all text-gray-500">
+                          {page.path}
+                        </div>
                       </div>
                     </div>
-                  </div>
-                </td>
-                <td className="hidden p-3 text-gray-700 md:table-cell">
-                  <div className="truncate">{page.templateName || "—"}</div>
-                </td>
-                <td className="p-3">
-                  <span className="inline-flex items-center truncate rounded-full bg-blue-100 px-2 py-1 text-xs font-medium text-blue-800">
-                    {page.workflowState || "Draft"}
-                  </span>
-                </td>
-                <td className="hidden p-3 text-gray-700 md:table-cell">
-                  {page.versions || 0}
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      )}
+                  </td>
+                  <td className="hidden p-3 text-gray-700 md:table-cell">
+                    <div className="truncate">{page.templateName || "—"}</div>
+                  </td>
+                  <td className="p-3">
+                    <span className="inline-flex items-center truncate rounded-full bg-blue-100 px-2 py-1 text-xs font-medium text-blue-800">
+                      {page.workflowState || "Draft"}
+                    </span>
+                  </td>
+                  <td className="hidden p-3 text-gray-700 md:table-cell">
+                    {page.versions || 0}
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+          {isLoading && (
+            <div className="flex h-full flex-col items-center justify-center p-6 text-center">
+              <Loader2 className="h-5 w-5 animate-spin text-gray-400" />
+              <div className="mt-2 text-xs text-gray-500">
+                Loading recent pages...
+              </div>
+            </div>
+          )}
+          {!isLoading && (!history || history.length === 0) && (
+            <div className="p-6 text-center text-xs text-gray-500">
+              No recent pages found
+            </div>
+          )}
+        </div>
+      </div>
     </Card>
   );
 }

package/src/splash-screen/SplashScreen.tsx

@@ -174,7 +174,7 @@ export function SplashScreen() {
                 title=<span className="tracking-wides text-2xl font-extralight">
                   parhelia
                 </span>
-                description="Where brilliant ideas become brilliant content"
+                description="The easiest way to create and manage your content"
                 icon={<AnimatedSunIcon />}
                 className="flex-1"
               >

package/styles.css

@@ -1064,23 +1064,3 @@ body {
 [data-side="right"].slide-in-from-left-2 {
   animation-name: slide-in-from-left;
 }
-
-/* ViewTransition animations for Parhelia Assistant Chat */
-::view-transition-old(.slide-fade-in) {
-  animation: 200ms cubic-bezier(0.4, 0, 0.2, 1) both fade-out;
-}
-
-::view-transition-new(.slide-fade-in) {
-  animation: 400ms cubic-bezier(0.4, 0, 0.2, 1) both slide-fade-in-animation;
-}
-
-@keyframes slide-fade-in-animation {
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}

package/dist/components/ui/PlaceholderInput.d.ts

@@ -1,41 +0,0 @@
-/**
- * PlaceholderInput component for AI Agent quick actions.
- *
- * Allows users to fill in placeholders in text templates with tab navigation.
- *
- * Example usage for AI Agents:
- * ```json
- * {
- *   "label": "Create Component",
- *   "prompt": "Create a {component_type} component named {component_name}",
- *   "behavior": "submit"
- * }
- * ```
- *
- * Supported placeholder formats:
- * - Curly braces: {placeholder_name} or {0}, {1}, {2}
- * - Angle brackets: <placeholder_name> or <0>, <1>, <2>
- *
- * Keyboard navigation:
- * - Tab: Move to next placeholder (wraps to first)
- * - Shift+Tab: Move to previous placeholder (wraps to last)
- * - Enter: Submit with filled values
- * - Escape: Cancel
- */
-export type Placeholder = {
-    name: string;
-    type: string;
-    parameters: Record<string, string>;
-    index: number;
-    startPos: number;
-    endPos: number;
-};
-type PlaceholderInputProps = {
-    text: string;
-    onComplete: (filledText: string) => void;
-    onCancel?: () => void;
-    className?: string;
-    showButtons?: boolean;
-};
-export declare function PlaceholderInput({ text, onComplete, onCancel, className, showButtons, }: PlaceholderInputProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ui/PlaceholderInput.js

@@ -1,160 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-import { Button } from "./button";
-import { X } from "lucide-react";
-import { placeholderInputTypeRegistry } from "./PlaceholderInputTypes";
-function parsePlaceholders(text) {
-    const placeholders = [];
-    // Match both {placeholder} and <placeholder> formats
-    const regex = /\{([^}]+)\}|<([^>]+)>/g;
-    let match;
-    let index = 0;
-    while ((match = regex.exec(text)) !== null) {
-        // match[1] is for {placeholder}, match[2] is for <placeholder>
-        const placeholderContent = match[1] || match[2];
-        if (placeholderContent) {
-            // Parse the content: {label|type|param=value|param2=value2}
-            const parts = placeholderContent.split("|");
-            const label = parts[0]?.trim() || "";
-            const type = parts[1]?.trim() || "text"; // Default to "text" type
-            // Parse parameters from remaining parts (format: key=value)
-            const parameters = {};
-            for (let i = 2; i < parts.length; i++) {
-                const part = parts[i]?.trim() || "";
-                if (!part)
-                    continue;
-                const eqIndex = part.indexOf("=");
-                if (eqIndex !== -1) {
-                    const key = part.substring(0, eqIndex).trim();
-                    const value = part.substring(eqIndex + 1).trim();
-                    if (key) {
-                        parameters[key] = value;
-                    }
-                }
-            }
-            placeholders.push({
-                name: label,
-                type,
-                parameters,
-                index: index++,
-                startPos: match.index,
-                endPos: match.index + match[0].length,
-            });
-        }
-    }
-    return placeholders;
-}
-export function PlaceholderInput({ text, onComplete, onCancel, className, showButtons = true, }) {
-    const placeholders = React.useMemo(() => parsePlaceholders(text), [text]);
-    const [values, setValues] = React.useState({});
-    // Create refs for each placeholder using useRef to avoid the null issue
-    const inputRefs = React.useRef({});
-    // Auto-focus first placeholder on mount
-    React.useEffect(() => {
-        if (placeholders.length > 0) {
-            const firstInput = inputRefs.current[0];
-            if (firstInput) {
-                setTimeout(() => firstInput.focus(), 0);
-            }
-        }
-    }, [placeholders.length]);
-    const handleValueChange = (index, value) => {
-        setValues((prev) => ({ ...prev, [index]: value }));
-    };
-    const handleKeyDown = (e, index) => {
-        if (e.key === "Tab") {
-            e.preventDefault();
-            if (e.shiftKey) {
-                // Shift+Tab: go to previous input (wrap to last if at first)
-                const prevIndex = index - 1;
-                if (prevIndex >= 0) {
-                    inputRefs.current[prevIndex]?.focus();
-                }
-                else {
-                    // Wrap to last placeholder
-                    inputRefs.current[placeholders.length - 1]?.focus();
-                }
-            }
-            else {
-                // Tab: go to next input (wrap to first if at last)
-                const nextIndex = index + 1;
-                if (nextIndex < placeholders.length) {
-                    inputRefs.current[nextIndex]?.focus();
-                }
-                else {
-                    // Wrap to first placeholder
-                    inputRefs.current[0]?.focus();
-                }
-            }
-        }
-        else if (e.key === "Enter") {
-            e.preventDefault();
-            handleSubmit();
-        }
-        else if (e.key === "Escape") {
-            e.preventDefault();
-            onCancel?.();
-        }
-    };
-    const handleSubmit = () => {
-        // Build the filled text by replacing placeholders with values
-        let filledText = text;
-        // Replace in reverse order to maintain correct positions
-        for (let i = placeholders.length - 1; i >= 0; i--) {
-            const placeholder = placeholders[i];
-            if (!placeholder)
-                continue;
-            const value = values[i] || "";
-            // Format the value based on placeholder type and parameters
-            let formattedValue = value;
-            if (placeholder.type === "item" && value.includes("|")) {
-                // Parse item value format: "id|path"
-                const parts = value.split("|");
-                const id = parts[0] || "";
-                const path = parts[1] || "";
-                const name = path.split("/").pop() || "";
-                // For item placeholders, output both ID and name
-                formattedValue = `{${id}} (${name})`;
-            }
-            filledText =
-                filledText.substring(0, placeholder.startPos) +
-                    formattedValue +
-                    filledText.substring(placeholder.endPos);
-        }
-        onComplete(filledText);
-    };
-    if (placeholders.length === 0) {
-        // No placeholders, just display text
-        return _jsx("div", { className: cn("text-xs", className), children: text });
-    }
-    // Build segments: text and placeholder inputs
-    const segments = [];
-    let lastPos = 0;
-    placeholders.forEach((placeholder, idx) => {
-        // Add text before this placeholder
-        if (placeholder.startPos > lastPos) {
-            segments.push(_jsx("span", { className: "whitespace-pre-wrap", children: text.substring(lastPos, placeholder.startPos) }, `text-${idx}`));
-        }
-        // Add input for this placeholder
-        // Look up the component for this placeholder type
-        const typeConfig = placeholderInputTypeRegistry.get(placeholder.type);
-        const InputComponent = typeConfig?.component;
-        if (InputComponent) {
-            segments.push(_jsx(InputComponent, { placeholder: placeholder, value: values[idx] || "", onChange: (value) => handleValueChange(idx, value), onKeyDown: (e) => handleKeyDown(e, idx), inputRef: (el) => {
-                    inputRefs.current[idx] = el;
-                }, autoFocus: idx === 0 }, `input-${idx}`));
-        }
-        lastPos = placeholder.endPos;
-    });
-    // Add remaining text after last placeholder
-    if (lastPos < text.length) {
-        segments.push(_jsx("span", { className: "whitespace-pre-wrap", children: text.substring(lastPos) }, "text-end"));
-    }
-    const allFilled = placeholders.every((_, idx) => {
-        const value = values[idx];
-        return value !== undefined && value.trim() !== "";
-    });
-    return (_jsxs("div", { className: cn("space-y-2", className), children: [_jsxs("div", { className: cn("relative flex flex-wrap items-center gap-1 rounded-lg border border-blue-200 bg-blue-50/50 p-3 text-xs h-[80px] overflow-y-auto", onCancel && "pr-8"), children: [segments, onCancel && (_jsx("button", { onClick: onCancel, className: "absolute right-2 top-2 rounded p-0.5 text-gray-400 hover:bg-blue-100 hover:text-gray-600 transition-colors", title: "Cancel (Esc)", "aria-label": "Cancel", children: _jsx(X, { size: 14, strokeWidth: 2 }) }))] }), showButtons && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { size: "sm", onClick: handleSubmit, disabled: !allFilled, className: "h-7", children: "Submit" }), onCancel && (_jsx(Button, { size: "sm", variant: "ghost", onClick: onCancel, className: "h-7", children: "Cancel" })), !allFilled && (_jsx("span", { className: "text-xs text-gray-500", children: "Fill all fields (use Tab to navigate)" }))] }))] }));
-}
-//# sourceMappingURL=PlaceholderInput.js.map

package/dist/components/ui/PlaceholderInput.js.map

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

package/dist/components/ui/PlaceholderInputTypes.d.ts

@@ -1,41 +0,0 @@
-import * as React from "react";
-import { Placeholder } from "./PlaceholderInput";
-/**
- * Props interface that all placeholder input type components must implement
- */
-export interface PlaceholderInputComponentProps {
-    placeholder: Placeholder;
-    value: string;
-    onChange: (value: string) => void;
-    onKeyDown: (e: React.KeyboardEvent) => void;
-    inputRef: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
-    autoFocus?: boolean;
-}
-/**
- * Configuration for a placeholder input type
- */
-export interface PlaceholderInputTypeConfig {
-    type: string;
-    component: React.ComponentType<PlaceholderInputComponentProps>;
-    validator?: (value: string) => boolean;
-}
-/**
- * Registry for placeholder input types
- */
-declare class PlaceholderInputTypeRegistry {
-    private types;
-    /**
-     * Register a new placeholder input type
-     */
-    register(config: PlaceholderInputTypeConfig): void;
-    /**
-     * Get a registered placeholder input type configuration
-     */
-    get(type: string): PlaceholderInputTypeConfig | undefined;
-    /**
-     * Check if a type is registered
-     */
-    has(type: string): boolean;
-}
-export declare const placeholderInputTypeRegistry: PlaceholderInputTypeRegistry;
-export {};

package/dist/components/ui/PlaceholderInputTypes.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Registry for placeholder input types
- */
-class PlaceholderInputTypeRegistry {
-    types = new Map();
-    /**
-     * Register a new placeholder input type
-     */
-    register(config) {
-        this.types.set(config.type.toLowerCase(), config);
-    }
-    /**
-     * Get a registered placeholder input type configuration
-     */
-    get(type) {
-        return this.types.get(type.toLowerCase());
-    }
-    /**
-     * Check if a type is registered
-     */
-    has(type) {
-        return this.types.has(type.toLowerCase());
-    }
-}
-// Create singleton instance
-export const placeholderInputTypeRegistry = new PlaceholderInputTypeRegistry();
-/**
- * Default text input component for placeholders
- */
-const TextInput = ({ placeholder, value, onChange, onKeyDown, inputRef, autoFocus, }) => {
-    return (_jsx("input", { ref: inputRef, type: "text", value: value, onChange: (e) => onChange(e.target.value), onKeyDown: onKeyDown, placeholder: placeholder.name, autoFocus: autoFocus, className: "inline-flex min-w-[80px] max-w-[200px] rounded border border-blue-400 bg-blue-50 px-2 py-0.5 text-xs outline-none transition-all focus:border-blue-600 focus:bg-blue-100 focus:ring-2 focus:ring-blue-500/30 placeholder:text-blue-400", style: {
-            width: `${Math.max(80, (value?.length || placeholder.name.length) * 7 + 20)}px`,
-        } }));
-};
-// Register default text type
-placeholderInputTypeRegistry.register({
-    type: "text",
-    component: TextInput,
-});
-// Import and register item selector (dynamic import to avoid circular dependencies)
-import("./PlaceholderItemSelector").then((module) => {
-    placeholderInputTypeRegistry.register({
-        type: "item",
-        component: module.PlaceholderItemSelector,
-    });
-});
-//# sourceMappingURL=PlaceholderInputTypes.js.map

package/dist/components/ui/PlaceholderInputTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlaceholderInputTypes.js","sourceRoot":"","sources":["../../../src/components/ui/PlaceholderInputTypes.tsx"],"names":[],"mappings":";AAwBA;;GAEG;AACH,MAAM,4BAA4B;IACxB,KAAK,GAA4C,IAAI,GAAG,EAAE,CAAC;IAEnE;;OAEG;IACH,QAAQ,CAAC,MAAkC;QACzC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,MAAM,CAAC,CAAC;IACpD,CAAC;IAED;;OAEG;IACH,GAAG,CAAC,IAAY;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5C,CAAC;IAED;;OAEG;IACH,GAAG,CAAC,IAAY;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5C,CAAC;CACF;AAED,4BAA4B;AAC5B,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,4BAA4B,EAAE,CAAC;AAE/E;;GAEG;AACH,MAAM,SAAS,GAA6C,CAAC,EAC3D,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,gBACE,GAAG,EAAE,QAAuC,EAC5C,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,CAAC,IAAI,EAC7B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,wOAAwO,EAClP,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI;SAChF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,6BAA6B;AAC7B,4BAA4B,CAAC,QAAQ,CAAC;IACpC,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH,oFAAoF;AACpF,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;IAClD,4BAA4B,CAAC,QAAQ,CAAC;QACpC,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,MAAM,CAAC,uBAAuB;KAC1C,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/ui/PlaceholderItemSelector.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { PlaceholderInputComponentProps } from "./PlaceholderInputTypes";
-/**
- * Item selector component for placeholder inputs
- * Allows selecting a Sitecore item via search or tree browsing
- */
-export declare const PlaceholderItemSelector: React.FC<PlaceholderInputComponentProps>;

package/dist/components/ui/PlaceholderItemSelector.js

@@ -1,154 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover";
-import { ItemSearch } from "../../editor/ui/ItemSearch";
-import ContentTree from "../../editor/ContentTree";
-import { useEditContext } from "../../editor/client/editContext";
-import { X, ChevronDown } from "lucide-react";
-import { Splitter } from "../../editor/ui/Splitter";
-/**
- * Item selector component for placeholder inputs
- * Allows selecting a Sitecore item via search or tree browsing
- */
-export const PlaceholderItemSelector = ({ placeholder, value, onChange, onKeyDown, inputRef, autoFocus, }) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [selectedItem, setSelectedItem] = React.useState(null);
-    const [rootItemId, setRootItemId] = React.useState(null);
-    const [isLoadingRoot, setIsLoadingRoot] = React.useState(false);
-    const editContext = useEditContext();
-    // Parse root parameter from placeholder.parameters
-    const rootPathOrId = placeholder.parameters.root || "/sitecore/content";
-    // Helper to check if a string is a GUID
-    const isGuid = (str) => {
-        const guidPattern = /^[{]?[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}[}]?$/;
-        return guidPattern.test(str);
-    };
-    // Resolve root path/ID to an item ID on mount
-    React.useEffect(() => {
-        const resolveRootItem = async () => {
-            if (!editContext)
-                return;
-            // If it's already a GUID, use it directly
-            if (isGuid(rootPathOrId)) {
-                setRootItemId(rootPathOrId.replace(/[{}]/g, ""));
-                return;
-            }
-            // Otherwise, resolve the path to an ID
-            setIsLoadingRoot(true);
-            try {
-                const item = await editContext.itemsRepository.getItem({
-                    id: rootPathOrId, // Try as ID first
-                    language: "en",
-                    version: 0,
-                });
-                if (item?.id) {
-                    setRootItemId(item.id);
-                }
-                else {
-                    // If not found by ID, it might be a path - we need to search for it
-                    console.error("Could not resolve root item:", rootPathOrId);
-                    // Fallback to Sitecore content root
-                    setRootItemId("0DE95AE4-41AB-4D01-9EB0-67441B7C2450");
-                }
-            }
-            catch (error) {
-                console.error("Error resolving root item:", error);
-                // Fallback to Sitecore content root
-                setRootItemId("0DE95AE4-41AB-4D01-9EB0-67441B7C2450");
-            }
-            finally {
-                setIsLoadingRoot(false);
-            }
-        };
-        resolveRootItem();
-    }, [editContext, rootPathOrId]);
-    const loadItemByIdOrPath = React.useCallback(async (idOrPath) => {
-        if (!editContext)
-            return;
-        try {
-            const item = await editContext.itemsRepository.getItem({
-                id: idOrPath,
-                language: "en",
-                version: 0,
-            });
-            if (item) {
-                setSelectedItem({
-                    id: item.id,
-                    path: item.path || item.name,
-                    name: item.name,
-                    language: "en",
-                    icon: item.icon,
-                });
-                const newValue = `${item.id}|${item.path || item.name}`;
-                onChange(newValue);
-            }
-        }
-        catch (error) {
-            console.error("Failed to load item:", error);
-        }
-    }, [editContext, onChange]);
-    // Parse existing value (format: "id|path")
-    React.useEffect(() => {
-        if (!value || !editContext)
-            return;
-        if (value.includes("|")) {
-            const [id, path] = value.split("|");
-            const name = path?.split("/").pop() || "";
-            setSelectedItem({ id: id || "", path: path || "", name, language: "en" });
-        }
-        else {
-            // Try to load item by ID or path
-            loadItemByIdOrPath(value);
-        }
-    }, [value, editContext, loadItemByIdOrPath]);
-    const handleItemSelected = (item) => {
-        const resultItem = {
-            id: item.id,
-            name: item.name || "",
-            path: item.path || "",
-            language: item.language || "en",
-            icon: item.icon,
-            idPath: item.idPath,
-        };
-        setSelectedItem(resultItem);
-        const newValue = `${resultItem.id}|${resultItem.path}`;
-        onChange(newValue);
-        setIsOpen(false);
-    };
-    const handleClear = (e) => {
-        e.stopPropagation();
-        setSelectedItem(null);
-        onChange("");
-    };
-    const displayValue = selectedItem ? selectedItem.path : "";
-    // Don't render until root is resolved
-    if (isLoadingRoot || !rootItemId) {
-        return (_jsx("div", { ref: inputRef, className: "inline-flex min-w-[150px] max-w-[300px] items-center gap-1 rounded border border-gray-300 bg-gray-50 px-2 py-0.5 text-xs", children: _jsx("span", { className: "flex-1 text-gray-400", children: "Loading..." }) }));
-    }
-    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("div", { ref: inputRef, tabIndex: 0, onKeyDown: onKeyDown, className: cn("inline-flex min-w-[150px] max-w-[300px] cursor-pointer items-center gap-1 rounded border border-blue-400 bg-blue-50 px-2 py-0.5 text-xs outline-none transition-all", "hover:border-blue-500 hover:bg-blue-100", "focus:border-blue-600 focus:bg-blue-100 focus:ring-2 focus:ring-blue-500/30"), children: selectedItem ? (_jsxs(_Fragment, { children: [selectedItem.icon && (_jsx("img", { src: selectedItem.icon, alt: "", className: "h-3 w-3 flex-shrink-0" })), _jsx("span", { className: "flex-1 truncate", children: displayValue }), _jsx("button", { onClick: handleClear, className: "rounded p-0.5 hover:bg-blue-200", title: "Clear selection", children: _jsx(X, { size: 12 }) })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "flex-1 text-blue-400", children: placeholder.name }), _jsx(ChevronDown, { size: 12, className: "text-blue-400" })] })) }) }), _jsx(PopoverContent, { className: "w-[700px] p-0", align: "start", onOpenAutoFocus: (e) => e.preventDefault(), children: _jsx("div", { className: "flex h-[450px]", children: _jsx(Splitter, { direction: "horizontal", localStorageKey: "placeholder-item-selector-split", panels: [
-                            {
-                                name: "tree",
-                                defaultSize: 300,
-                                content: (_jsx("div", { className: "h-full overflow-auto border-r border-gray-200 p-2", children: _jsx(ContentTree, { rootItemIds: [rootItemId], selectionMode: "single", selectedItemIds: selectedItem ? [selectedItem.id] : [], onSelectionChange: (selection) => {
-                                            const node = selection[0];
-                                            if (node) {
-                                                handleItemSelected({
-                                                    id: node.id,
-                                                    name: node.name,
-                                                    path: node.path || node.name,
-                                                    language: "en",
-                                                    version: 0,
-                                                    icon: node.icon,
-                                                });
-                                            }
-                                        }, language: "en" }) })),
-                            },
-                            {
-                                name: "search",
-                                defaultSize: "auto",
-                                content: (_jsx("div", { className: "flex h-full flex-col p-4", children: _jsx(ItemSearch, { rootItemIds: rootItemId ? [rootItemId] : undefined, itemSelected: handleItemSelected, language: "en", autoFocus: true }) })),
-                            },
-                        ] }) }) })] }));
-};
-//# sourceMappingURL=PlaceholderItemSelector.js.map