@alpaca-editor/core 1.0.4185 → 1.0.4187

package/src/editor/ai/Agents.tsx

@@ -289,7 +289,7 @@ export const Agents = React.memo(function Agents({
           }
         }
         if (message.type === "agent:run:start") {
-          const { agentId, agentName } = message.payload;
+          const { agentId, agentName, autoSelect } = message.payload;
 
           if (!agentId || !agentName) {
             console.warn(
@@ -320,7 +320,7 @@ export const Agents = React.memo(function Agents({
               };
               return updatedAgents;
             } else {
-              // Add new agent to the array (but don't activate it - user may be in a different browser instance)
+              // Add new agent to the array
               const newAgent: Agent = {
                 id: agentId,
                 name: agentName,
@@ -332,6 +332,11 @@ export const Agents = React.memo(function Agents({
               return [...prevAgents, newAgent];
             }
           });
+
+          // Auto-switch to the spawned agent if requested
+          if (autoSelect === true) {
+            setActiveAgentIdWithStorage(agentId);
+          }
         } else if (message.type === "agent:info:updated") {
           const { agentId, agentName, agentDescription } =
             message.payload || {};

package/src/editor/client/EditorShell.tsx

@@ -1518,6 +1518,24 @@ export function EditorShell({
     switchView();
   };
 
+  // Listen for switch-view commands from agents via websocket
+  useEffect(() => {
+    const handleSwitchView = (message: { type: string; payload: any }) => {
+      if (message.type === "switch-view" && message.payload?.viewName) {
+        try {
+          switchView(message.payload.viewName);
+        } catch (error) {
+          console.error("Error switching view:", error);
+        }
+      }
+    };
+
+    const unsubscribe = addSocketMessageListener(handleSwitchView);
+    return () => {
+      unsubscribe();
+    };
+  }, [addSocketMessageListener, switchView]);
+
   const [dialog, setDialog] = useState<ReactNode>(null);
 
   const openDialog: OpenDialog = useCallback(

package/src/editor/client/ui/EditorChrome.tsx

@@ -50,6 +50,7 @@ export function EditorChrome(props: {
         showAgentsPanel &&
         !editContext.currentWizardId &&
         ![
+          "parhelia",
           "splash-screen",
           "open-page",
           "new-page",

package/src/editor/field-types/DateTimeFieldEditor.tsx

@@ -177,9 +177,10 @@ export function DateTimeFieldEditor({
         <PopoverTrigger asChild>
           <Button
             variant="outline"
+            size="sm"
             data-empty={!date}
             className={cn(
-              "bg-gray-5 justify-start p-1 text-left text-xs font-normal",
+              "bg-gray-5 justify-start px-2 text-left text-xs font-normal",
               !date && "text-muted-foreground",
             )}
             disabled={readOnly}
@@ -205,7 +206,7 @@ export function DateTimeFieldEditor({
 
       <div
         className={cn(
-          "bg-gray-5 flex items-center justify-start gap-1 px-2 text-left text-xs font-normal",
+          "bg-gray-5 flex h-8 items-center justify-start gap-1 rounded-sm px-2 text-left text-xs font-normal",
           !date && "text-muted-foreground",
         )}
       >
@@ -216,7 +217,7 @@ export function DateTimeFieldEditor({
           <PopoverTrigger asChild>
             <Button
               variant="ghost"
-              className="bg-gray-5 h-8 w-12 p-1 text-xs"
+              className="bg-gray-5 h-8 w-12 p-0 text-xs"
               disabled={readOnly || !date}
             >
               {hours.toString().padStart(2, "0")}
@@ -249,7 +250,7 @@ export function DateTimeFieldEditor({
           <PopoverTrigger asChild>
             <Button
               variant="ghost"
-              className="bg-gray-5 h-7.5 w-12 text-xs"
+              className="bg-gray-5 h-8 w-12 p-0 text-xs"
               disabled={readOnly || !date}
             >
               {minutes.toString().padStart(2, "0")}

package/src/editor/reviews/CommentDisplayPopover.tsx

@@ -109,9 +109,9 @@ export function CommentDisplayPopover({
       }}
       enableIframeClickDetection={true}
     >
-      <PopoverTrigger asChild>{children}</PopoverTrigger>
+      <PopoverTrigger asChild>{children as any}</PopoverTrigger>
       <PopoverContent
-        ref={contentRef}
+        ref={contentRef as any}
         tabIndex={-1}
         className="w-96 p-4"
         side="bottom"

package/src/editor/reviews/CommentPopover.tsx

@@ -163,11 +163,11 @@ export function CommentPopover({
       )}
       {!position && (
         <PopoverTrigger asChild>
-          {children ?? <MessageCirclePlus size={16} strokeWidth={1} />}
+          {(children ?? <MessageCirclePlus size={16} strokeWidth={1} />) as any}
         </PopoverTrigger>
       )}
       <PopoverContent
-        ref={contentRef}
+        ref={contentRef as any}
         tabIndex={-1}
         className="w-96 p-4"
         data-testid="add-comment-popover"

package/src/editor/reviews/SuggestionDisplayPopover.tsx

@@ -265,7 +265,7 @@ export function SuggestionDisplayPopover({
       }}
       enableIframeClickDetection={true}
     >
-      <PopoverTrigger asChild>{children}</PopoverTrigger>
+      <PopoverTrigger asChild>{children as any}</PopoverTrigger>
       <PopoverContent className="w-96 p-4" side="bottom" align="start">
         <div className="space-y-3">
           {/* Header */}

package/src/editor/services/aiService.ts

@@ -24,6 +24,10 @@ export type AiProfile = {
   hiddenFromOverview?: boolean;
   // Optional cost limit configured on the profile (USD)
   costLimit?: number | null;
+  // Number of user browse history items to include (0 = disabled)
+  includeUserBrowseHistory?: number;
+  // Whether to include user favorites
+  includeUserFavorites?: boolean;
 };
 
 // In-flight de-duplication and short TTL cache for AI profiles to avoid

package/src/editor/views/ParheliaView.tsx

@@ -0,0 +1,207 @@
+import React, { useState, useEffect } from "react";
+import { AgentTerminal } from "../ai/AgentTerminal";
+import { Agent, AgentMetadata } from "../services/agentService";
+import { useEditContext } from "../client/editContext";
+import { AiProfile, loadAiProfiles } from "../services/aiService";
+import { AgentProfilesOverview } from "../ai/AgentProfilesOverview";
+
+/**
+ * ParheliaView - A minimalistic, focused view for a single agent terminal
+ * This view provides a distraction-free interface with just the agent terminal centered on screen
+ */
+export function ParheliaView() {
+  const editContext = useEditContext();
+  const [agent, setAgent] = useState<Agent | null>(null);
+  const [initialMetadata, setInitialMetadata] = useState<
+    AgentMetadata | undefined
+  >(undefined);
+  const [availableProfiles, setAvailableProfiles] = useState<AiProfile[]>([]);
+  const [loadingProfiles, setLoadingProfiles] = useState(false);
+
+  // Load available profiles
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        setLoadingProfiles(true);
+        const profiles = await loadAiProfiles(
+          editContext?.currentItemDescriptor,
+        );
+        if (cancelled) return;
+        setAvailableProfiles(profiles || []);
+      } catch (e) {
+        console.error("Failed to load AI profiles", e);
+      } finally {
+        if (!cancelled) setLoadingProfiles(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [editContext?.currentItemDescriptor?.id]);
+
+  // Listen for external requests to add a new agent
+  useEffect(() => {
+    const handleAddNewAgent = (ev: Event) => {
+      let metadata: AgentMetadata | undefined = undefined;
+      try {
+        const ce = ev as unknown as CustomEvent;
+        metadata = (ce.detail && (ce.detail as any).metadata) as
+          | AgentMetadata
+          | undefined;
+      } catch {}
+
+      // Create a new agent
+      const newAgent: Agent = {
+        status: "new",
+        id: crypto.randomUUID(),
+        name: `New Agent`,
+        updatedDate: new Date().toISOString(),
+        userId: "",
+      };
+      setAgent(newAgent);
+      setInitialMetadata(metadata);
+
+      // Focus the prompt after the agent mounts
+      setTimeout(() => {
+        try {
+          window.dispatchEvent(new CustomEvent("editor:focusAgentPrompt"));
+        } catch {}
+      }, 60);
+    };
+
+    window.addEventListener(
+      "editor:addNewAgent",
+      handleAddNewAgent as EventListener,
+    );
+    return () =>
+      window.removeEventListener(
+        "editor:addNewAgent",
+        handleAddNewAgent as EventListener,
+      );
+  }, []);
+
+  // Listen for external requests to open an existing agent
+  useEffect(() => {
+    const handleOpenAgent = (ev: Event) => {
+      try {
+        const ce = ev as unknown as CustomEvent;
+        const agentId = (ce.detail && (ce.detail as any).agentId) as
+          | string
+          | undefined;
+
+        if (!agentId) return;
+
+        // Load the agent
+        const loadedAgent: Agent = {
+          id: agentId,
+          name: "Loading...",
+          status: "running",
+          userId: "",
+          updatedDate: new Date().toISOString(),
+        };
+        setAgent(loadedAgent);
+      } catch (error) {
+        console.error("Error opening agent:", error);
+      }
+    };
+
+    window.addEventListener(
+      "editor:openAgent",
+      handleOpenAgent as EventListener,
+    );
+    return () =>
+      window.removeEventListener(
+        "editor:openAgent",
+        handleOpenAgent as EventListener,
+      );
+  }, []);
+
+  const handleSelectProfile = (profileId: string) => {
+    try {
+      const selected = availableProfiles.find((p) => p.id === profileId);
+      const metadata = selected
+        ? {
+            profile: selected.name,
+            additionalData: {
+              profileId: selected.id,
+              profileName: selected.name,
+            },
+          }
+        : undefined;
+
+      // Create a new agent with the selected profile
+      const newAgent: Agent = {
+        status: "new",
+        id: crypto.randomUUID(),
+        name: `New Agent`,
+        updatedDate: new Date().toISOString(),
+        userId: "",
+      };
+      setAgent(newAgent);
+      setInitialMetadata(metadata);
+
+      // Focus the prompt after the agent mounts
+      setTimeout(() => {
+        try {
+          window.dispatchEvent(new CustomEvent("editor:focusAgentPrompt"));
+        } catch {}
+      }, 60);
+    } catch (error) {
+      console.error("Error creating agent with profile:", error);
+    }
+  };
+
+  // Empty state when no agent is active
+  if (!agent) {
+    return (
+      <div className="flex h-full items-center justify-center bg-gray-50 p-8">
+        <div className="w-full max-w-4xl">
+          {loadingProfiles ? (
+            <div className="text-center text-sm text-gray-500">
+              Loading profiles...
+            </div>
+          ) : availableProfiles.length > 0 ? (
+            <div className="flex flex-col gap-6">
+              <div className="text-center">
+                <h2 className="text-2xl font-light tracking-wide text-gray-900">
+                  parhelia
+                </h2>
+                <p className="mt-2 text-sm text-gray-500">
+                  Select an AI agent profile to begin
+                </p>
+              </div>
+              <AgentProfilesOverview
+                profiles={availableProfiles}
+                onSelectProfile={handleSelectProfile}
+              />
+            </div>
+          ) : (
+            <div className="text-center">
+              <h2 className="text-2xl font-light tracking-wide text-gray-900">
+                parhelia
+              </h2>
+              <p className="mt-2 text-sm text-gray-500">
+                No agent profiles available
+              </p>
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  }
+
+  // Active agent terminal view
+  return (
+    <div className="flex h-full items-center justify-center bg-gray-50">
+      <div className="h-full w-full max-w-6xl">
+        <AgentTerminal
+          agentStub={agent}
+          initialMetadata={initialMetadata}
+          profiles={availableProfiles}
+          isActive={true}
+        />
+      </div>
+    </div>
+  );
+}

package/src/page-wizard/WizardSteps.tsx

@@ -429,12 +429,16 @@ export function WizardSteps({ wizard, parentItem }: WizardStepsProps) {
   };
 
   const handleFinish = () => {
+    editContext?.setCurrentWizardId(null);
     editContext?.switchView("page-editor", { skipConfirmation: true });
   };
 
   const handleClose = () => {
-    editContext?.setCurrentWizardId(null);
-    editContext?.switchView("content-editor");
+    // If wizard was opened from new-page, go to splash screen instead
+    const targetView = editContext?.previousViewName === "new-page" 
+      ? "splash-screen" 
+      : (editContext?.previousViewName || "content-editor");
+    editContext?.switchView(targetView);
   };
 
   const currentStep = wizard.steps[currentStepIndex];

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.4185";
-export const buildDate = "2025-10-23 17:45:06";
+export const version = "1.0.4187";
+export const buildDate = "2025-10-24 13:03:58";

package/src/splash-screen/SplashScreen.tsx

@@ -102,14 +102,14 @@ export function SplashScreen() {
       <>
         <div className="relative flex h-full w-full bg-gray-100 md:items-center md:justify-center">
           <div className="mt-2 flex flex-col gap-6 p-4 md:mt-6 md:gap-12">
-            <div className="z-10">
+            <div className="relative z-20">
               <h1 className="text-xl font-semibold">Your global website</h1>
               <div className="text-sm text-gray-500">
                 Add a new page or manage existing ones
               </div>
             </div>
 
-            <div className="z-10 flex flex-1 flex-col items-stretch gap-4 md:max-w-screen-xl md:flex-row">
+            <div className="relative z-20 flex flex-1 flex-col items-stretch gap-4 md:max-w-screen-xl md:flex-row">
               <div className="flex flex-1 flex-col gap-4">
                 <div className="flex-1 flex-col gap-7 rounded-lg bg-white p-6">
                   <div className="flex flex-col gap-4 md:flex-row">
@@ -157,70 +157,27 @@ export function SplashScreen() {
                 <RecentPages />
               </div>
             </div>
-            {/* Agent Profiles Overview Card (Demo view) */}
-            <Card
-              title="AI Agent Profiles"
-              description="Choose a profile to start a new agent"
-              icon={<Bot strokeWidth={1} />}
-              className="w-full md:max-w-screen-xl"
-            >
-              {loadingProfiles ? (
-                <div className="flex h-80 items-center justify-center text-xs text-gray-500">
-                  Loading profiles...
-                </div>
-              ) : profiles && profiles.length > 0 ? (
-                <AgentProfilesOverview
-                  profiles={profiles}
-                  onSelectProfile={(profileId) => {
-                    // Switch to agents overview to show both overview and agents panel
-                    editContext?.switchView("agents-overview");
-                    editContext?.setShowAgentsPanel?.(true);
-                    // Longer delay to allow view switch and Agents panel to mount
-                    setTimeout(() => {
-                      try {
-                        const selectedProfile = profiles.find(
-                          (p) => p.id === profileId,
-                        );
-                        window.dispatchEvent(
-                          new CustomEvent("editor:addNewAgent", {
-                            detail: {
-                              metadata: {
-                                profile: selectedProfile?.name,
-                                additionalData: {
-                                  profileId: selectedProfile?.id,
-                                  profileName: selectedProfile?.name,
-                                },
-                              },
-                            },
-                          }),
-                        );
-                      } catch {}
-                    }, 500);
-                  }}
-                />
-              ) : (
-                <div className="flex h-80 items-center justify-center text-xs text-gray-500">
-                  No agent profiles available
-                </div>
-              )}
-            </Card>
           </div>
-          <div className="bg-wizard absolute inset-0" />
+          <div className="bg-wizard absolute inset-0 z-10" />
         </div>
       </>
     );
   } else {
     return (
-      <div className="flex h-full w-full flex-col gap-2 bg-gray-100 md:items-center md:justify-center">
-        <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">
-          <Card
-            title=<span className="tracking-wides text-2xl font-extralight">
-              parhelia
-            </span>
-            description="The easiest way to create and manage your content"
-            icon={<AnimatedSunIcon />}
-            className="flex-1"
-          >
+      <div className="relative flex h-full w-full bg-gray-100 md:items-center md:justify-center" data-testid = "asdf">
+        <div className="mt-2 flex flex-col gap-6 p-4 md:mt-6 md:gap-12">
+          
+
+          <div className="relative z-20 flex flex-1 flex-col items-stretch gap-4 md:max-w-screen-xl md:flex-row">
+            <div className="flex flex-1 flex-col gap-4">
+              <Card
+                title=<span className="tracking-wides text-2xl font-extralight">
+                  parhelia
+                </span>
+                description="The easiest way to create and manage your content"
+                icon={<AnimatedSunIcon />}
+                className="flex-1"
+              >
             <div className="flex flex-col gap-4 text-sm text-gray-500">
               Parhelia is an editor for your favorite content management system.
               It allows you to create and manage your content in a simple and
@@ -258,9 +215,8 @@ export function SplashScreen() {
                 >
                   Open Sitecore Launchpad
                 </ActionButton>
-
                 <ActionButton
-                  className="mt-6 md:mt-18"
+                  // className="mt-6 md:mt-18"
                   onClick={() => {
                     editContext?.switchView("page-editor");
                   }}
@@ -269,61 +225,66 @@ export function SplashScreen() {
                 </ActionButton>
               </div>
             </div>
-          </Card>
-          <div className="flex-1">
-            <RecentPages />
+              </Card>
+            </div>
+            <div className="flex-1">
+              <RecentPages />
+            </div>
           </div>
-        </div>
-        {/* Agent Profiles Overview Card */}
-        <div className="z-10 mt-2 flex w-full max-w-screen-xl flex-1 px-4">
-          <Card
-            title="AI Agent Profiles"
-            description="Choose a profile to start a new agent"
-            icon={<Bot strokeWidth={1} />}
-            className="w-full"
-          >
-            {loadingProfiles ? (
-              <div className="flex h-80 items-center justify-center text-xs text-gray-500">
-                Loading profiles...
-              </div>
-            ) : profiles && profiles.length > 0 ? (
-              <AgentProfilesOverview
-                profiles={profiles}
-                onSelectProfile={(profileId) => {
-                  // Switch to agents overview to show both overview and agents panel
-                  editContext?.switchView("agents-overview");
-                  editContext?.setShowAgentsPanel?.(true);
-                  // Longer delay to allow view switch and Agents panel to mount
-                  setTimeout(() => {
-                    try {
-                      const selectedProfile = profiles.find(
-                        (p) => p.id === profileId,
-                      );
-                      window.dispatchEvent(
-                        new CustomEvent("editor:addNewAgent", {
-                          detail: {
-                            metadata: {
-                              profile: selectedProfile?.name,
-                              additionalData: {
-                                profileId: selectedProfile?.id,
-                                profileName: selectedProfile?.name,
+          {/* Agent Profiles Overview Card */}
+          <div className="relative z-20">
+            <Card
+              title="AI Agent Profiles"
+              description="Choose a profile to start a new agent"
+              icon={<Bot strokeWidth={1} />}
+              className="w-full md:max-w-screen-xl"
+            >
+              <div className="max-h-80 overflow-y-auto">
+                {loadingProfiles ? (
+                  <div className="flex h-80 items-center justify-center text-xs text-gray-500">
+                    Loading profiles...
+                  </div>
+                ) : profiles && profiles.length > 0 ? (
+                  <AgentProfilesOverview
+                    profiles={profiles}
+                    onSelectProfile={(profileId) => {
+                      // Switch to agents overview to show both overview and agents panel
+                      editContext?.switchView("agents-overview");
+                      editContext?.setShowAgentsPanel?.(true);
+                      // Longer delay to allow view switch and Agents panel to mount
+                      setTimeout(() => {
+                        try {
+                          const selectedProfile = profiles.find(
+                            (p) => p.id === profileId,
+                          );
+                          window.dispatchEvent(
+                            new CustomEvent("editor:addNewAgent", {
+                              detail: {
+                                metadata: {
+                                  profile: selectedProfile?.name,
+                                  additionalData: {
+                                    profileId: selectedProfile?.id,
+                                    profileName: selectedProfile?.name,
+                                  },
+                                },
                               },
-                            },
-                          },
-                        }),
-                      );
-                    } catch {}
-                  }, 500);
-                }}
-              />
-            ) : (
-              <div className="flex h-80 items-center justify-center text-xs text-gray-500">
-                No agent profiles available
+                            }),
+                          );
+                        } catch {}
+                      }, 500);
+                    }}
+                    className="overflow-x-auto"
+                  />
+                ) : (
+                  <div className="flex h-80 items-center justify-center text-xs text-gray-500">
+                    No agent profiles available
+                  </div>
+                )}
               </div>
-            )}
-          </Card>
+            </Card>
+          </div>
         </div>
-        <div className="bg-wizard absolute inset-0" />
+        <div className="bg-wizard absolute inset-0 z-10" />
       </div>
     );
   }