npm - @alpaca-editor/core - Versions diffs - 1.0.4184 → 1.0.4186 - Mend

@alpaca-editor/core 1.0.4184 → 1.0.4186

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/dist/agents-view/AgentCard.d.ts +12 -0
package/dist/agents-view/AgentCard.js +30 -0
package/dist/agents-view/AgentCard.js.map +1 -0
package/dist/agents-view/AgentsView.d.ts +2 -2
package/dist/agents-view/AgentsView.js +102 -85
package/dist/agents-view/AgentsView.js.map +1 -1
package/dist/agents-view/ProfileAgentsGroup.d.ts +17 -0
package/dist/agents-view/ProfileAgentsGroup.js +13 -0
package/dist/agents-view/ProfileAgentsGroup.js.map +1 -0
package/dist/components/ui/popover.d.ts +3 -3
package/dist/config/config.js +8 -1
package/dist/config/config.js.map +1 -1
package/dist/editor/ConfirmationDialog.js.map +1 -1
package/dist/editor/ImageEditButton.js.map +1 -1
package/dist/editor/ai/AgentProfilesOverview.js +1 -1
package/dist/editor/ai/AgentProfilesOverview.js.map +1 -1
package/dist/editor/ai/Agents.js +6 -2
package/dist/editor/ai/Agents.js.map +1 -1
package/dist/editor/client/EditorShell.js +17 -0
package/dist/editor/client/EditorShell.js.map +1 -1
package/dist/editor/client/ui/EditorChrome.js +1 -0
package/dist/editor/client/ui/EditorChrome.js.map +1 -1
package/dist/editor/commands/componentCommands.js +19 -1
package/dist/editor/commands/componentCommands.js.map +1 -1
package/dist/editor/field-types/DateTimeFieldEditor.js +1 -1
package/dist/editor/field-types/DateTimeFieldEditor.js.map +1 -1
package/dist/editor/page-editor-chrome/FrameMenu.js +7 -3
package/dist/editor/page-editor-chrome/FrameMenu.js.map +1 -1
package/dist/editor/page-viewer/PageViewerFrame.js +7 -28
package/dist/editor/page-viewer/PageViewerFrame.js.map +1 -1
package/dist/editor/reviews/Comment.js +56 -4
package/dist/editor/reviews/Comment.js.map +1 -1
package/dist/editor/reviews/CommentDisplayPopover.js.map +1 -1
package/dist/editor/reviews/CommentPopover.js +1 -1
package/dist/editor/reviews/CommentPopover.js.map +1 -1
package/dist/editor/reviews/SuggestionDisplayPopover.js.map +1 -1
package/dist/editor/services/agentService.d.ts +19 -0
package/dist/editor/services/agentService.js +39 -0
package/dist/editor/services/agentService.js.map +1 -1
package/dist/editor/services/aiService.d.ts +2 -0
package/dist/editor/services/aiService.js.map +1 -1
package/dist/editor/services/serviceHelper.d.ts +1 -0
package/dist/editor/services/serviceHelper.js +58 -4
package/dist/editor/services/serviceHelper.js.map +1 -1
package/dist/editor/views/ParheliaView.d.ts +5 -0
package/dist/editor/views/ParheliaView.js +136 -0
package/dist/editor/views/ParheliaView.js.map +1 -0
package/dist/revision.d.ts +2 -2
package/dist/revision.js +2 -2
package/dist/styles.css +8 -6
package/dist/tour/default-tour.js +24 -9
package/dist/tour/default-tour.js.map +1 -1
package/package.json +12 -8
package/src/agents-view/AgentCard.tsx +162 -0
package/src/agents-view/AgentsView.tsx +218 -253
package/src/agents-view/ProfileAgentsGroup.tsx +123 -0
package/src/config/config.tsx +10 -1
package/src/editor/ConfirmationDialog.tsx +1 -1
package/src/editor/ImageEditButton.tsx +4 -2
package/src/editor/ai/AgentProfilesOverview.tsx +1 -2
package/src/editor/ai/Agents.tsx +7 -2
package/src/editor/client/EditorShell.tsx +18 -0
package/src/editor/client/ui/EditorChrome.tsx +1 -0
package/src/editor/commands/componentCommands.tsx +19 -1
package/src/editor/field-types/DateTimeFieldEditor.tsx +5 -4
package/src/editor/page-editor-chrome/FrameMenu.tsx +9 -3
package/src/editor/page-viewer/PageViewerFrame.tsx +7 -36
package/src/editor/reviews/Comment.tsx +85 -4
package/src/editor/reviews/CommentDisplayPopover.tsx +2 -2
package/src/editor/reviews/CommentPopover.tsx +2 -2
package/src/editor/reviews/SuggestionDisplayPopover.tsx +1 -1
package/src/editor/services/agentService.ts +77 -0
package/src/editor/services/aiService.ts +4 -0
package/src/editor/services/serviceHelper.ts +92 -28
package/src/editor/views/ParheliaView.tsx +207 -0
package/src/revision.ts +2 -2
package/src/tour/default-tour.tsx +63 -48

package/src/editor/services/agentService.ts CHANGED Viewed

@@ -517,6 +517,19 @@ export interface GetAgentsResponse {
   hasMore: boolean;
 }
+export interface ProfileAgentsGroup {
+  profileId: string | null;
+  profileName: string;
+  profileSvgIcon?: string;
+  totalClosedCount: number;
+  agents: Agent[];
+}
+export interface GetAgentsGroupedResponse {
+  activeAgents: Agent[];
+  closedAgentsByProfile: ProfileAgentsGroup[];
+}
 /**
  * Gets all agents for the current user with pagination and search support
  */
@@ -550,6 +563,70 @@ export async function getActiveAgents(
   return result.data || { agents: [], totalCount: 0, hasMore: false };
 }
+/**
+ * Gets all active agents and closed agents grouped by profile for the current user
+ */
+export async function getAgentsGrouped(
+  searchTerm?: string,
+  includeShared: boolean = true,
+  includeOwned: boolean = true,
+): Promise<GetAgentsGroupedResponse> {
+  const queryParams = new URLSearchParams();
+  if (searchTerm) queryParams.append("searchTerm", searchTerm);
+  queryParams.append("includeShared", includeShared.toString());
+  queryParams.append("includeOwned", includeOwned.toString());
+  const queryString = queryParams.toString();
+  const url =
+    AGENT_BASE_URL +
+    "/getAgentsGroupedByProfile" +
+    (queryString ? `?${queryString}` : "");
+  const result = await get<GetAgentsGroupedResponse>(url);
+  if (result.type !== "success") {
+    throw new Error(
+      `Failed to get grouped agents: ${result.summary || "Unknown error"} ${result.details || ""}`,
+    );
+  }
+  return result.data || { activeAgents: [], closedAgentsByProfile: [] };
+}
+/**
+ * Gets more closed agents for a specific profile
+ */
+export async function getClosedAgentsByProfile(
+  profileId: string,
+  skip: number,
+  limit: number,
+  searchTerm?: string,
+): Promise<GetAgentsResponse> {
+  const queryParams = new URLSearchParams();
+  queryParams.append("profileId", profileId);
+  queryParams.append("skip", skip.toString());
+  queryParams.append("limit", limit.toString());
+  if (searchTerm) queryParams.append("searchTerm", searchTerm);
+  const queryString = queryParams.toString();
+  const url =
+    AGENT_BASE_URL +
+    "/getClosedAgentsByProfile" +
+    (queryString ? `?${queryString}` : "");
+  const result = await get<GetAgentsResponse>(url);
+  if (result.type !== "success") {
+    throw new Error(
+      `Failed to get closed agents by profile: ${result.summary || "Unknown error"} ${result.details || ""}`,
+    );
+  }
+  return result.data || { agents: [], totalCount: 0, hasMore: false };
+}
 /**
  * Gets all closed agents for the current user
  * @deprecated Use getActiveAgents() instead - the backend now returns all agents (including closed) by default

package/src/editor/services/aiService.ts CHANGED Viewed

@@ -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/services/serviceHelper.ts CHANGED Viewed

@@ -2,47 +2,102 @@ export type ExecutionResult<T> = {
   type: "success" | "error" | "unauthorized";
   summary?: string;
   details?: string;
+  rawDetails?: string; // Original unprocessed error details (for logging/debugging)
   response: Response;
   data?: T;
 };
+/**
+ * Extracts a user-friendly error message from the response.
+ * Handles HTML error pages by extracting the title or exception details.
+ * Also extracts source file information if available.
+ */
+function extractErrorMessage(message: string): string {
+  // Check if it's an HTML error page
+  if (message.includes("<!DOCTYPE html>") || message.includes("<html>")) {
+    let errorMessage = "";
+    // Try to extract the title (which usually contains the error message)
+    const titleMatch = message.match(/<title>(.*?)<\/title>/i);
+    if (titleMatch && titleMatch[1]) {
+      // Remove "Server Error" prefix if present
+      errorMessage = titleMatch[1].replace(
+        /^Server Error in '.*?' Application\.\s*/i,
+        "",
+      );
+    }
+    // If no title, try h2 tag (exception message)
+    if (!errorMessage) {
+      const h2Match = message.match(/<h2>\s*<i>(.*?)<\/i>\s*<\/h2>/i);
+      if (h2Match && h2Match[1]) {
+        errorMessage = h2Match[1];
+      }
+    }
+    // If no h2, try Exception Details
+    if (!errorMessage) {
+      const exceptionMatch = message.match(
+        /<b>\s*Exception Details:\s*<\/b>(.*?)(?:<br>|<\/)/i,
+      );
+      if (exceptionMatch && exceptionMatch[1]) {
+        errorMessage = exceptionMatch[1].replace(/<[^>]*>/g, "").trim();
+      }
+    }
+    // Try to extract source file and line information
+    const sourceMatch = message.match(
+      /<b>\s*Source File:\s*<\/b>\s*([^<]+)<b>\s*&nbsp;&nbsp;\s*Line:\s*<\/b>\s*(\d+)/i,
+    );
+    if (sourceMatch && sourceMatch[1] && sourceMatch[2]) {
+      const fileName = sourceMatch[1].trim().split("\\").pop();
+      errorMessage += ` (${fileName}:${sourceMatch[2]})`;
+    }
+    if (errorMessage) {
+      return errorMessage;
+    }
+    // If we can't parse it, just strip all HTML tags
+    const cleaned = message.replace(/<[^>]*>/g, "").trim();
+    // Limit length for toast display
+    return cleaned.length > 200 ? cleaned.substring(0, 200) + "..." : cleaned;
+  }
+  return message;
+}
 export async function post<T>(
   url: string,
   body: any,
-  session?: string
+  session?: string,
 ): Promise<ExecutionResult<T>> {
   if (session) url += "?sessionId=" + session;
-  const response = await fetch(
-    url,
-    {
-      method: "POST",
-      body: JSON.stringify(body),
-      credentials: "include",
-      headers: {
-        "Content-Type": "application/json",
-      },
-    }
-  );
+  const response = await fetch(url, {
+    method: "POST",
+    body: JSON.stringify(body),
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
   return handleResponse<T>(response);
 }
 export async function get<T>(
   url: string,
-  session?: string
+  session?: string,
 ): Promise<ExecutionResult<T>> {
   if (session) url += "?sessionId=" + session;
-  const response = await fetch(
-    url,
-    {
-      method: "GET",
-      credentials: "include",
-      headers: {
-        "Content-Type": "application/json",
-      },
-    }
-  );
+  const response = await fetch(url, {
+    method: "GET",
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
   return handleResponse<T>(response);
 }
@@ -54,17 +109,20 @@ async function handleResponse<T>(
     const data = await response.json();
     return {
       type: "error",
-      summary: data.summary,
-      details: data.details,
+      summary: data.summary ? extractErrorMessage(data.summary) : data.summary,
+      details: data.details ? extractErrorMessage(data.details) : data.details,
+      rawDetails: data.details || data.summary, // Preserve original for logging
       response,
     };
   }
   if (response.status === 500 || response.redirected) {
+    const rawText = await response.text();
     return {
       type: "error",
       summary: "Error",
-      details: await response.text(),
+      details: extractErrorMessage(rawText),
+      rawDetails: rawText, // Preserve full HTML error with stack trace
       response,
     };
   }
@@ -77,9 +135,15 @@ async function handleResponse<T>(
       response,
     };
   }
   if (response.status !== 200) {
-    return { type: "error", response, details: await response.text() };
+    const rawText = await response.text();
+    return {
+      type: "error",
+      response,
+      details: extractErrorMessage(rawText),
+      rawDetails: rawText, // Preserve original for logging
+    };
   }
   if (!response.headers.get("content-type")?.includes("application/json")) {

package/src/editor/views/ParheliaView.tsx ADDED Viewed

@@ -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/revision.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export const version = "1.0.4184";
-export const buildDate = "2025-10-23 01:46:04";
+export const version = "1.0.4186";
+export const buildDate = "2025-10-24 01:52:39";

package/src/tour/default-tour.tsx CHANGED Viewed

@@ -63,7 +63,7 @@ export function getDefaultTourSteps(
         </>
       ),
       focusElement: '#create-new-page-button, [data-testid="create-new-page-button"]',
-      bubblePosition: "top-right",
+      bubblePosition: "right",
       waitForUserInput: async () => {
         await waitForElement(".tour-pick-location");
       },
@@ -261,63 +261,78 @@ export function getDefaultTourSteps(
             <>
               <ArrowRight className="inline h-4 w-4" /> Great, show me!
             </>
-          ),
-          onClick: () => nextStep("open-agents-panel"),
+            ),
+            onClick: () => nextStep("open-agents-panel"),
+          },
+          ],
         },
-      ],
-    },
     "open-agents-panel": {
-      title: "Open AI Agents",
-      description: "Open the Agents panel to start an AI chat.",
-      focusElement: `#agents-panel-button, [data-testid="agents-panel-button"]`,
-      bubblePosition: "left",
-      waitForUserInput: async () => {
-        // Falls das Panel schon offen & Prompt da ist → sofort weiter
-        //if (document.querySelector(`[data-testid="agent-terminal-prompt"]`)) return;
-        const btn = document.querySelector(`#agents-panel-button, [data-testid="agents-panel-button"]`);
-        if (btn) {
-          await new Promise<void>((resolve) => {
+          title: "Open AI Agents",
+          description: "Open the Agents panel to start an AI chat.",
+          focusElement: "#agents-panel-button, [data-testid='agents-panel-button']",
+          bubblePosition: "left",
+          waitForUserInput: async () => {
+          const btn = document.querySelector(
+            "#agents-panel-button, [data-testid='agents-panel-button']"
+          );
+          if (btn) {
+            await new Promise<void>((resolve) => {
             btn.addEventListener("click", () => resolve(), { once: true });
-          });
-        }
-        await delay(500);
-        await waitForElement(`[data-testid="agent-terminal-prompt"]`);
-      },
-      nextStep: "start-agent-chat",
-    },
+            });
+          }
+          await delay(500);
+          await waitForElement("[data-testid='agent-profile-card']");
+          },
+          nextStep: "choose-agent",
+        },
+    "choose-agent": {
+          title: "Choose an AI Agent",
+          description: "Choose an AI agent to assist you with your tasks.",
+          focusElement: "#agent-profile-card, [data-testid='agent-profile-card']",
+          bubblePosition: "left",
+          waitForUserInput: async () => {
+          const btn = document.querySelector(
+            "#agent-profile-card, [data-testid='agent-profile-card']"
+          );
+          if (btn) {
+            await new Promise<void>((resolve) => {
+            btn.addEventListener("click", () => resolve(), { once: true });
+            });
+          }
+          await delay(500);
+          await waitForElement("[data-testid='agent-terminal-prompt']");
+          },
+          nextStep: "start-agent-chat",
+        },
     "start-agent-chat": {
-      title: "Start a chat",
-      description: "Type a prompt for the agent - Let AI create your whole webppage or just parts and press Enter.",
-      focusElement: `[data-testid="agent-terminal-prompt"]`,
-      bubblePosition: "top-left",
-      buttons: [
-        {
-          label: (
+          title: "Start a chat",
+          description:
+          "Type a prompt for the agent - Let AI create your whole webpage or just parts and press Enter.",
+          focusElement: "[data-testid='agent-terminal-prompt']",
+          bubblePosition: "top-left",
+          buttons: [
+          {
+            label: (
             <>
               <Check className="inline h-4 w-4" /> Got it
             </>
-          ),
-          onClick: () => nextStep("congratulations"),
-          className: "button button-primary mt-2",
+            ),
+            onClick: () => nextStep("congratulations"),
+            className: "button button-primary mt-2",
+          },
+          ],
+          waitForUserInput: async () => {
+          await waitForInput("[data-testid='agent-terminal-prompt'] textarea", 5);
+          },
+          nextStep: "congratulations",
         },
-      ],
-      waitForUserInput: async () => {
-        await waitForInput(
-          `[data-testid="agent-terminal-prompt"] textarea`,
-          5,
-        );
-      },
-      nextStep: "congratulations",
-    },
     congratulations: {
-      title: "Congratulations!",
-      description: "You have completed the tour and are now an AI Editor Pro!",
-      buttons: [
-        {
-          label: (
+          title: "Congratulations!",
+          description: "You have completed the tour and are now an AI Editor Pro!",
+          buttons: [
+          {
+            label: (
             <>
               <Check className="inline h-4 w-4" /> Finish Tour
             </>