@alpaca-editor/core 1.0.4190 → 1.0.4191

package/src/splash-screen/ParheliaAssistantChat.tsx

@@ -1,273 +0,0 @@
-"use client";
-
-import React, { useState, useEffect, useCallback, startTransition, ViewTransition } from "react";
-import { Loader2, RotateCcw, MessageSquare, X } from "lucide-react";
-import { useEditContext } from "../editor/client/editContext";
-import { AiProfile, loadAiProfiles } from "../editor/services/aiService";
-import { Agent, getActiveAgents, closeAgent } from "../editor/services/agentService";
-import { AgentTerminal } from "../editor/ai/AgentTerminal";
-import { cn } from "../lib/utils";
-import { Button } from "../components/ui/button";
-
-interface ParheliaAssistantChatProps {
-  className?: string;
-  externalAgent?: Agent | null;
-}
-
-export const ParheliaAssistantChat: React.FC<ParheliaAssistantChatProps> = ({
-  className,
-  externalAgent,
-}) => {
-  const editContext = useEditContext();
-  const [profile, setProfile] = useState<AiProfile | null>(null);
-  const [profiles, setProfiles] = useState<AiProfile[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const [agent, setAgent] = useState<Agent | null>(null);
-  const [agentKey, setAgentKey] = useState(0); // Force re-render of AgentTerminal
-  const [isTerminalVisible, setIsTerminalVisible] = useState(false);
-
-  // Create a new agent
-  const createNewAgent = useCallback((selectedProfile: AiProfile) => {
-    const agentDisplayName = selectedProfile.agentName || "Parhelia";
-    const agentId = crypto.randomUUID();
-
-    const newAgent: Agent = {
-      status: "new",
-      id: agentId,
-      name: agentDisplayName,
-      updatedDate: new Date().toISOString(),
-      userId: "",
-      profileId: selectedProfile.id,
-      profileName: selectedProfile.name,
-    };
-
-    setAgent(newAgent);
-    return newAgent;
-  }, []);
-
-  // Load AI profiles on mount
-  useEffect(() => {
-    const loadProfile = async () => {
-      try {
-        setIsLoading(true);
-        const profileList = await loadAiProfiles();
-
-        // Try to find Parhelia profile with multiple strategies
-        let assistantProfile: AiProfile | undefined;
-
-        // Strategy 1: Look for exact ID match
-        assistantProfile = profileList.find(
-          (p) => p.id === "7d45ab97-f253-4915-8b32-f9e8c762c5e9",
-        );
-
-        // Strategy 2: Look for exact name match (case-insensitive)
-        if (!assistantProfile) {
-          assistantProfile = profileList.find(
-            (p) => p.name.toLowerCase() === "parhelia",
-          );
-        }
-
-        // Strategy 3: Look for profile containing "parhelia" in name or displayTitle
-        if (!assistantProfile) {
-          assistantProfile = profileList.find(
-            (p) =>
-              p.name.toLowerCase().includes("parhelia") ||
-              p.displayTitle?.toLowerCase().includes("parhelia"),
-          );
-        }
-
-        // Strategy 4: Fallback to first available profile
-        const selectedProfile = assistantProfile || profileList[0];
-
-        if (selectedProfile) {
-          setProfile(selectedProfile);
-          setProfiles(profileList);
-
-          // Try to find latest idle Parhelia agent
-          try {
-            const response = await getActiveAgents({ limit: 50 });
-
-            // Filter for Parhelia agents (by profileId) that are idle/completed
-            // Exclude agents that are "running" (1) or "waitingForApproval" (2) to avoid showing stuck dancing dots
-            const parheliaAgents = response.agents.filter(
-              (a) =>
-                a.profileId === selectedProfile.id &&
-                a.status !== "running" &&
-                a.status !== 1 &&
-                a.status !== "waitingForApproval" &&
-                a.status !== 2,
-            );
-
-            if (parheliaAgents.length > 0 && parheliaAgents[0]) {
-              // Use the most recent idle agent (agents are typically ordered by updatedDate)
-              const latestAgent = parheliaAgents[0];
-              setAgent(latestAgent);
-              // Show terminal immediately for existing agents
-              setIsTerminalVisible(true);
-            } else {
-              // No existing idle agent, create new one
-              createNewAgent(selectedProfile);
-              // Terminal stays hidden for new agents
-            }
-          } catch (err) {
-            // Failed to fetch active agents, create new one
-            createNewAgent(selectedProfile);
-          }
-        }
-      } catch (err) {
-        console.error("Failed to load AI profile:", err);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    loadProfile();
-  }, [createNewAgent]);
-
-  // Handle external agent selection
-  useEffect(() => {
-    if (externalAgent) {
-      setAgent(externalAgent);
-      setAgentKey((prev) => prev + 1);
-      setIsTerminalVisible(true);
-    }
-  }, [externalAgent]);
-
-  // Handle revealing the terminal when user clicks into chat
-  const handleRevealTerminal = useCallback(() => {
-    startTransition(() => {
-      setIsTerminalVisible(true);
-    });
-  }, []);
-
-  // Handle start over
-  const handleStartOver = useCallback(async () => {
-    if (!profile || !agent) return;
-
-    try {
-      // Close the current agent first
-      await closeAgent(agent.id);
-    } catch (error) {
-      console.error("Failed to close agent:", error);
-      // Continue anyway to create new agent
-    }
-
-    // Create new agent and force re-render
-    createNewAgent(profile);
-    setAgentKey((prev) => prev + 1);
-    // Keep terminal visible when starting over
-  }, [profile, agent, createNewAgent]);
-
-  // Handle close
-  const handleClose = useCallback(async () => {
-    if (!agent) return;
-
-    try {
-      await closeAgent(agent.id);
-    } catch (error) {
-      console.error("Failed to close agent:", error);
-    }
-
-    // Hide the terminal
-    setIsTerminalVisible(false);
-  }, [agent]);
-
-  if (isLoading) {
-    return (
-      <div
-        className={cn(
-          "flex items-center justify-center rounded-lg bg-white p-8 shadow-md",
-          className,
-        )}
-      >
-        <Loader2 className="h-6 w-6 animate-spin text-gray-400" />
-      </div>
-    );
-  }
-
-  if (!agent || !profile) {
-    return (
-      <div
-        className={cn(
-          "flex items-center justify-center rounded-lg bg-white p-8 shadow-md",
-          className,
-        )}
-      >
-        <p className="text-sm text-gray-500">
-          Assistant unavailable. Please try again later.
-        </p>
-      </div>
-    );
-  }
-
-  return (
-    <div
-    onClick={handleRevealTerminal}
-      className={cn(
-        "flex flex-col overflow-hidden rounded-lg bg-white shadow-md",
-        !isTerminalVisible && "cursor-pointer",
-        className,
-      )}
-    >
-      {/* Header with Start Over and Close buttons */}
-      <div className="flex items-center justify-between border-b border-gray-200 px-4 py-2">
-        <div className="text-sm font-medium text-gray-700">
-          Chat with {agent.name || profile.agentName || "Parhelia"}
-        </div>
-        {isTerminalVisible && (
-          <div className="flex items-center gap-1">
-            <Button
-              variant="ghost"
-              size="sm"
-              onClick={handleStartOver}
-              className="h-7 gap-1.5 text-xs"
-            >
-              <RotateCcw className="h-3.5 w-3.5" strokeWidth={1} />
-              Start Over
-            </Button>
-            <Button
-              variant="ghost"
-              size="sm"
-              onClick={handleClose}
-              className="h-7 w-7 p-0"
-              aria-label="Close"
-            >
-              <X className="h-4 w-4" strokeWidth={1.5} />
-            </Button>
-          </div>
-        )}
-      </div>
-
-      {/* Agent Terminal or Placeholder */}
-      <div className="flex-1 overflow-hidden">
-        {isTerminalVisible && (
-          
-          <ViewTransition enter="slide-fade-in">
-            <div className="h-[600px]">
-            <AgentTerminal
-            
-              key={agentKey}
-              agentStub={agent}
-              initialMetadata={{
-                profile: profile.name,
-                additionalData: {
-                  profileId: profile.id,
-                  profileName: profile.name,
-                },
-              }}
-              profiles={profiles}
-              isActive={true}
-              compact={true}
-              hideContext={true}
-              hideBottomControls={true}
-              hideGreeting={false}
-              className="h-full"
-              initialPrompt={agent.status === "new" ? "" : undefined}
-            />
-            </div>
-          </ViewTransition>
-        ) }
-      </div>
-    </div>
-  );
-};

package/src/splash-screen/RecentAgents.tsx

@@ -1,151 +0,0 @@
-"use client";
-
-import React, { useState, useEffect } from "react";
-import { MessageSquare } from "lucide-react";
-import { AiProfile, loadAiProfiles } from "../editor/services/aiService";
-import { Agent, getAgentsGrouped } from "../editor/services/agentService";
-import { useEditContext } from "../editor/client/editContext";
-import { Button } from "../components/ui/button";
-
-interface RecentAgentsProps {
-  onSelectAgent?: (agent: Agent) => void;
-}
-
-export const RecentAgents: React.FC<RecentAgentsProps> = ({ onSelectAgent }) => {
-  const editContext = useEditContext();
-  const [agents, setAgents] = useState<Agent[]>([]);
-  const [profile, setProfile] = useState<AiProfile | null>(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [showExpanded, setShowExpanded] = useState(false);
-
-  useEffect(() => {
-    const loadData = async () => {
-      try {
-        setIsLoading(true);
-        
-        // Load Parhelia profile
-        const profileList = await loadAiProfiles();
-        let assistantProfile: AiProfile | undefined;
-        
-        assistantProfile = profileList.find(
-          (p) => p.id === "7d45ab97-f253-4915-8b32-f9e8c762c5e9",
-        );
-        
-        if (!assistantProfile) {
-          assistantProfile = profileList.find(
-            (p) => p.name.toLowerCase() === "parhelia",
-          );
-        }
-        
-        if (!assistantProfile) {
-          assistantProfile = profileList.find(
-            (p) =>
-              p.name.toLowerCase().includes("parhelia") ||
-              p.displayTitle?.toLowerCase().includes("parhelia"),
-          );
-        }
-        
-        const selectedProfile = assistantProfile || profileList[0] || null;
-        setProfile(selectedProfile);
-
-        // Fetch all agents (both active and closed) for this profile
-        if (selectedProfile) {
-          const response = await getAgentsGrouped();
-          
-          // Combine active agents with closed agents
-          const allAgents: Agent[] = [...response.activeAgents];
-          
-          // Add closed agents from all profiles
-          response.closedAgentsByProfile.forEach(group => {
-            allAgents.push(...group.agents);
-          });
-          
-          // Filter for Parhelia agents only
-          const parheliaAgents = allAgents.filter(
-            (a) => a.profileId === selectedProfile.id
-          );
-          
-          // Take the most recent 15 agents
-          setAgents(parheliaAgents.slice(0, 15));
-        }
-      } catch (err) {
-        console.error("Failed to load agents:", err);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    loadData();
-  }, []);
-
-  const handleOpenAgent = (agent: Agent) => {
-    // Use the callback to set the selected agent in the parent component
-    if (onSelectAgent) {
-      onSelectAgent(agent);
-      // Scroll to the top to show the chat interface
-      window.scrollTo({ top: 0, behavior: "smooth" });
-    }
-  };
-
-  const handleShowAll = () => {
-    editContext?.switchView("agents-overview");
-    editContext?.setShowAgentsPanel?.(true);
-  };
-
-  if (isLoading || agents.length === 0) {
-    return null;
-  }
-
-  // Show 3 agents by default, or 15 when expanded
-  const displayedAgents = showExpanded ? agents : agents.slice(0, 3);
-  const hasMoreAgents = agents.length > 3;
-
-  return (
-    <div className="w-full">
-      <h2 className="mb-3 text-center text-sm font-medium text-gray-700">
-        Recent Conversations
-      </h2>
-      <div className="space-y-1.5">
-        {displayedAgents.map((agent) => (
-          <button
-            key={agent.id}
-            onClick={() => handleOpenAgent(agent)}
-            className="flex w-full items-center gap-2 px-2 py-1.5 text-left transition-colors hover:bg-white/50 rounded"
-          >
-            <MessageSquare className="h-3.5 w-3.5 flex-shrink-0 text-gray-400" strokeWidth={1.5} />
-            <div className="flex-1 min-w-0">
-              <span className="text-xs text-gray-700 truncate block">
-                {agent.name}
-              </span>
-            </div>
-          </button>
-        ))}
-      </div>
-      
-      {hasMoreAgents && (
-        <div className="mt-3 flex gap-2">
-          {!showExpanded ? (
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={() => setShowExpanded(true)}
-              className="flex-1 text-xs"
-            >
-              Show More
-            </Button>
-          ) : (
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={handleShowAll}
-              className="flex-1 text-xs"
-            >
-              Show All
-            </Button>
-          )}
-        </div>
-      )}
-    </div>
-  );
-};
-