@alpaca-editor/core 1.0.4192 → 1.0.4193

package/src/editor/ai/AiResponseMessage.tsx

@@ -5,7 +5,6 @@ import { useEditContext } from "../client/editContext";
 import { EditOperation } from "../../types";
 import { Message, ToolCall } from "./types";
 import { ToolCallDisplay } from "./ToolCallDisplay";
-import { MediaImage } from "./MediaImage";
 
 import { X } from "lucide-react";
 import { Button } from "../../components/ui/button";
@@ -29,16 +28,6 @@ type ContentSegment =
       kind: "todo";
       title?: string;
       items: { id?: string; text: string; done?: boolean; note?: string }[];
-    }
-  | {
-      kind: "media";
-      items: {
-        itemId: string;
-        url?: string; // Optional during streaming, required after augmentation
-        alt?: string;
-        label?: string;
-        caption?: string;
-      }[];
     };
 
 // Helper to extract partial quick actions from potentially incomplete JSON during streaming
@@ -173,7 +162,6 @@ function parseContentSegments(
   const plainQuickToken = "quick_action_buttons";
   const fencedTodoToken = "```todo_list";
   const plainTodoToken = "todo_list";
-  const fencedMediaToken = "```media_item";
 
   // Helper: find next valid plain token occurrence (at line start or after newline)
   const findNextPlainHeader = (token: string, fromIndex: number): number => {
@@ -233,13 +221,12 @@ function parseContentSegments(
     const nextPlainQuick = findNextPlainHeader(plainQuickToken, cursor);
     const nextFencedTodo = content.indexOf(fencedTodoToken, cursor);
     const nextPlainTodo = findNextPlainHeader(plainTodoToken, cursor);
-    const nextFencedMedia = content.indexOf(fencedMediaToken, cursor);
 
     // Determine which token occurs first among all supported tokens
     type TokenPick = {
       start: number;
       kind: "fenced" | "plain";
-      type: "quick" | "todo" | "media";
+      type: "quick" | "todo";
     };
     const candidates: TokenPick[] = [];
     if (nextFencedQuick !== -1)
@@ -254,8 +241,6 @@ function parseContentSegments(
       candidates.push({ start: nextFencedTodo, kind: "fenced", type: "todo" });
     if (nextPlainTodo !== -1)
       candidates.push({ start: nextPlainTodo, kind: "plain", type: "todo" });
-    if (nextFencedMedia !== -1)
-      candidates.push({ start: nextFencedMedia, kind: "fenced", type: "media" });
 
     let pick: TokenPick | null = null;
     if (candidates.length > 0) {
@@ -278,9 +263,7 @@ function parseContentSegments(
       const openTokenLength =
         pick.type === "quick"
           ? fencedQuickToken.length
-          : pick.type === "todo"
-            ? fencedTodoToken.length
-            : fencedMediaToken.length;
+          : fencedTodoToken.length;
       const afterOpenLineStart = pick.start + openTokenLength;
       const openLineMatch = content
         .slice(afterOpenLineStart)
@@ -311,46 +294,6 @@ function parseContentSegments(
           break;
         }
       }
-      
-      // Handle media_item blocks separately (pipe-delimited format, not JSON)
-      if (pick.type === "media") {
-        const items: { itemId: string; label?: string }[] = [];
-        
-        // Parse pipe-delimited format: {GUID}|Label or just {GUID}
-        const lines = jsonText.split(/\r?\n/).map(l => l.trim()).filter(l => l);
-        
-        for (const line of lines) {
-          // Only parse complete lines (must have closing brace)
-          if (line.includes('}')) {
-            const pipeIndex = line.indexOf('|');
-            if (pipeIndex !== -1) {
-              // Has label
-              const itemId = line.substring(0, pipeIndex).trim();
-              const label = line.substring(pipeIndex + 1).trim();
-              if (itemId && /\{[0-9a-fA-F-]+\}/.test(itemId)) {
-                items.push({ itemId, label: label || undefined });
-              }
-            } else {
-              // No label
-              const itemId = line.trim();
-              if (itemId && /\{[0-9a-fA-F-]+\}/.test(itemId)) {
-                items.push({ itemId });
-              }
-            }
-          }
-        }
-
-        if (items.length > 0) {
-          segments.push({
-            kind: "media",
-            items: items
-          });
-        }
-        
-        cursor = close + 3;
-        continue;
-      }
-      
       try {
         const parsed = JSON.parse(jsonText);
         if (pick.type === "quick") {
@@ -385,7 +328,7 @@ function parseContentSegments(
           if (actions.length > 0) {
             segments.push({ kind: "actions", actions });
           }
-        } else if (pick.type === "todo") {
+        } else {
           // todo_list
           const todoItems = Array.isArray(parsed)
             ? parsed
@@ -568,33 +511,8 @@ function extractCommandLinks(text: string): {
 
 function simpleFormatToHtml(text: string): string {
   return text
-    .replace(
-      /^######\s+(.+)$/gm,
-      '<h6 style="font-size: 0.75rem; font-weight: 500; margin: 0.75rem 0 0.25rem 0; color: #6b7280; letter-spacing: 0.01em; line-height: 1.3;">$1</h6>',
-    )
-    .replace(
-      /^#####\s+(.+)$/gm,
-      '<h5 style="font-size: 0.875rem; font-weight: 500; margin: 0.875rem 0 0.375rem 0; color: #4b5563; letter-spacing: 0.01em; line-height: 1.35;">$1</h5>',
-    )
-    .replace(
-      /^####\s+(.+)$/gm,
-      '<h4 style="font-size: 1rem; font-weight: 600; margin: 1rem 0 0.5rem 0; color: #374151; letter-spacing: -0.01em; line-height: 1.4;">$1</h4>',
-    )
-    .replace(
-      /^###\s+(.+)$/gm,
-      '<h3 style="font-size: 1.125rem; font-weight: 600; margin: 1.125rem 0 0.5rem 0; color: #1f2937; letter-spacing: -0.015em; line-height: 1.4;">$1</h3>',
-    )
-    .replace(
-      /^##\s+(.+)$/gm,
-      '<h2 style="font-size: 1.375rem; font-weight: 600; margin: 1.25rem 0 0.625rem 0; color: #111827; letter-spacing: -0.02em; line-height: 1.3;">$1</h2>',
-    )
-    .replace(
-      /^#\s+(.+)$/gm,
-      '<h1 style="font-size: 1.75rem; font-weight: 700; margin: 1.5rem 0 0.75rem 0; color: #0f172a; letter-spacing: -0.025em; line-height: 1.2;">$1</h1>',
-    )
     .replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>")
-    .replace(/\n/g, "<br/>")
-    .replace(/<\/(h[1-6])><br\/>/g, "</$1>");
+    .replace(/\n/g, "<br/>");
 }
 
 export function AiResponseMessage({
@@ -604,8 +522,6 @@ export function AiResponseMessage({
   error,
   onQuickAction,
   profileSvgIcon,
-  agentId,
-  agentName,
 }: {
   messages: Message[];
   finished: boolean;
@@ -622,8 +538,6 @@ export function AiResponseMessage({
     message: Message,
   ) => void;
   profileSvgIcon?: string;
-  agentId?: string;
-  agentName?: string;
 }) {
   const editContext = useEditContext();
 
@@ -761,11 +675,11 @@ export function AiResponseMessage({
   }, [nonToolAssistantMessages, isStreaming, preservedToolCalls]);
 
   return (
-    <div className="flex gap-3 px-4 py-3" data-testid="agent-message">
+    <div className="flex gap-3 p-4" data-testid="agent-message">
       <div className="flex-shrink-0">
         {profileSvgIcon ? (
           <div
-            className="text-gray-2 flex h-7 w-7 items-center justify-center [&>svg]:h-full [&>svg]:w-full"
+            className="text-gray-2 flex h-6 w-6 items-center justify-center [&>svg]:h-full [&>svg]:w-full"
             dangerouslySetInnerHTML={{
               __html: profileSvgIcon,
             }}
@@ -775,8 +689,8 @@ export function AiResponseMessage({
         )}
       </div>
       <div className="min-w-0 flex-1 select-text">
-        <div className="mb-0.5 flex items-center gap-2">
-          <span className="text-dark text-xs font-medium">{agentName || "Agent"}</span>
+        <div className="mb-1 flex items-center gap-2">
+          <span className="text-dark text-xs font-medium">Agent</span>
 
           {lastMessage && lastMessage.createdDate && (
             <span
@@ -791,7 +705,7 @@ export function AiResponseMessage({
 
         {error && (
           <div
-            className="mb-2 rounded-lg border-l-4 border-red-500 bg-red-50 p-2.5"
+            className="mb-3 rounded-lg border-l-4 border-red-500 bg-red-50 p-3"
             data-testid="agent-error"
           >
             <div className="flex items-start">
@@ -885,34 +799,34 @@ export function AiResponseMessage({
                   }
                 }
 
+                return (
+                  <div
+                    key={`item-${itemIndex}`}
+                    className={`prose prose-sm max-w-none text-xs text-gray-700 select-text ${shouldAddSpacing ? "mt-3" : ""}`}
+                  >
+                    {parts}
+                  </div>
+                );
+              }
+
+              // No command links, render as normal
+              const html = simpleFormatToHtml(trimmedText);
+              if (!html) return null;
               return (
                 <div
                   key={`item-${itemIndex}`}
-                  className={`prose prose-sm max-w-none text-xs text-gray-700 select-text ${shouldAddSpacing ? "mt-2" : ""}`}
-                >
-                  {parts}
-                </div>
+                  className={`prose prose-sm max-w-none text-xs text-gray-700 select-text ${shouldAddSpacing ? "mt-3" : ""}`}
+                  dangerouslySetInnerHTML={{ __html: html }}
+                />
               );
             }
 
-            // No command links, render as normal
-            const html = simpleFormatToHtml(trimmedText);
-            if (!html) return null;
-            return (
-              <div
-                key={`item-${itemIndex}`}
-                className={`prose prose-sm max-w-none text-xs text-gray-700 select-text ${shouldAddSpacing ? "mt-2" : ""}`}
-                dangerouslySetInnerHTML={{ __html: html }}
-              />
-            );
-            }
-
             if (segment.kind === "todo") {
               const todo = segment;
               return (
                 <div
                   key={`item-${itemIndex}`}
-                  className={`my-1 ${shouldAddSpacing ? "mt-2" : ""}`}
+                  className={`my-2 ${shouldAddSpacing ? "mt-3" : ""}`}
                 >
                   {todo.title && (
                     <div className="mb-1 text-xs font-medium text-gray-800">
@@ -954,30 +868,12 @@ export function AiResponseMessage({
               );
             }
 
-            if (segment.kind === "media") {
-              const media = segment;
-              return (
-                <div
-                  key={`item-${itemIndex}`}
-                  className={`my-2 flex flex-col gap-3 ${shouldAddSpacing ? "mt-2" : ""}`}
-                >
-                  {media.items.map((mediaItem, mIdx) => (
-                    <MediaImage
-                      key={mediaItem.itemId || `media-${itemIndex}-${mIdx}`}
-                      itemId={mediaItem.itemId}
-                      label={mediaItem.label}
-                    />
-                  ))}
-                </div>
-              );
-            }
-
             // segment.kind === "actions"
             const actions = segment.actions;
             return (
               <div
                 key={`item-${itemIndex}`}
-                className={`my-3 flex flex-wrap gap-2 ${shouldAddSpacing ? "mt-2" : ""}`}
+                className={`my-2 flex flex-wrap gap-2 ${shouldAddSpacing ? "mt-3" : ""}`}
               >
                 {actions.map((a, aIdx) => {
                   const variant =
@@ -1018,7 +914,7 @@ export function AiResponseMessage({
           return (
             <div
               key={`item-${itemIndex}`}
-              className={shouldAddSpacing ? "mt-2" : ""}
+              className={shouldAddSpacing ? "mt-3" : ""}
             >
               <ToolCallDisplay
                 toolCalls={item.toolCalls}
@@ -1026,14 +922,13 @@ export function AiResponseMessage({
                 openPopovers={openPopovers}
                 setOpenPopovers={setOpenPopovers}
                 messageId={item.messageId}
-                agentId={agentId}
               />
             </div>
           );
         })}
 
         {finished && editOperations.length > 0 && (
-          <div className="mt-2 flex items-center gap-2">
+          <div className="mt-3 flex items-center gap-2">
             <div className="tour-ai-response-message-changes text-xs">
               {editOperations.length} changes
             </div>

package/src/editor/ai/ToolCallDisplay.tsx

@@ -135,7 +135,6 @@ interface ToolCallDisplayProps {
     React.SetStateAction<{ [key: string]: boolean }>
   >;
   messageId: string;
-  agentId?: string;
 }
 
 // Helper function to normalize tool calls to a common format
@@ -360,7 +359,6 @@ export function ToolCallDisplay({
   openPopovers,
   setOpenPopovers,
   messageId,
-  agentId,
 }: ToolCallDisplayProps) {
   if (!toolCalls || toolCalls.length === 0) {
     return null;
@@ -528,20 +526,14 @@ export function ToolCallDisplay({
                         ? originalToolCall.dbMessageId ||
                           originalToolCall.messageId
                         : messageId;
-                      if (!agentId) {
-                        console.error(
-                          "❌ Cannot reject tool call: agentId is missing",
-                        );
-                        return;
-                      }
                       console.log("🚫 Rejecting tool call:", {
-                        agentId,
+                        agentId: (window as any)?.currentAgentId,
                         messageId: actualMessageId,
                         toolCallId: toolCall.id,
                       });
                       try {
                         const result = await rejectToolCall({
-                          agentId,
+                          agentId: (window as any)?.currentAgentId,
                           messageId: actualMessageId,
                           toolCallId: toolCall.id,
                         });
@@ -572,20 +564,14 @@ export function ToolCallDisplay({
                         ? originalToolCall.dbMessageId ||
                           originalToolCall.messageId
                         : messageId;
-                      if (!agentId) {
-                        console.error(
-                          "❌ Cannot approve tool call: agentId is missing",
-                        );
-                        return;
-                      }
                       console.log("✅ Approving tool call:", {
-                        agentId,
+                        agentId: (window as any)?.currentAgentId,
                         messageId: actualMessageId,
                         toolCallId: toolCall.id,
                       });
                       try {
                         const result = await approveToolCall({
-                          agentId,
+                          agentId: (window as any)?.currentAgentId,
                           messageId: actualMessageId,
                           toolCallId: toolCall.id,
                         });

package/src/editor/client/EditorShell.tsx

@@ -387,7 +387,7 @@ export function EditorShell({
         viewName:
           searchParams.get("view") ??
           configuration.editor.views[0]?.name ??
-          "content-tree",
+          "content-editor",
         item: {
           id: entry.itemId,
           language: entry.itemLanguage,
@@ -397,7 +397,7 @@ export function EditorShell({
         displayName:
           searchParams.get("view") ??
           configuration.editor.views[0]?.name ??
-          "content-tree",
+          "content-editor",
         itemName: entry.itemName,
         itemPath: entry.itemPath,
         itemIcon: entry.icon,
@@ -557,7 +557,6 @@ export function EditorShell({
     }
   }, [focusedField]);
 
-  
   const currentView =
     configuration.editor.views.find((x) => x.name === viewName) ??
     configuration.editor.views[0];
@@ -1227,8 +1226,6 @@ export function EditorShell({
     });
   }, []);
 
-
-
   const loadItem = useCallback(
     async (
       itemToLoad: ItemDescriptor | string,
@@ -1246,7 +1243,6 @@ export function EditorShell({
         };
 
       console.log("load item: " + itemToLoad.id, itemToLoad.language);
-      console.trace("loadItem called from:");
       const item = await itemsRepository.getItem(itemToLoad);
 
       if (!item) {
@@ -1255,15 +1251,13 @@ export function EditorShell({
         return undefined;
       }
 
-    console.log("viewName: ", viewName);
       if (
         !options?.skipViewChange &&
         ((!item.hasLayout && viewName === "page-editor") ||
           viewName == "splash-screen" ||
           viewName == "control-center")
       ) {
-        console.log("setting view name to content-tree");
-        setViewName("content-tree");
+        setViewName("content-editor");
       }
 
       // ensure this is object has no additional properties
@@ -2052,6 +2046,9 @@ export function EditorShell({
     [router],
   );
 
+  // Quota checking functions
+  // moved into hook
+
   // Calculate visible views separately to avoid circular dependency
   const visibleViews = useMemo(() => {
     const allViews =

package/src/editor/client/hooks/useSocketMessageHandler.ts

@@ -1,4 +1,4 @@
-import { useEffectEvent } from "react";
+import { useCallback } from "react";
 import { ItemDescriptor } from "../../pageModel";
 import type {
   EditOperation,
@@ -71,9 +71,8 @@ export function useSocketMessageHandler(deps: {
     isItemUsedInCurrentPage,
   } = deps;
 
-  // Wrap the entire message handler in useEffectEvent to ensure it always
-  // accesses the latest values (e.g., viewName in loadItem) without stale closures
-  const handleMessage = useEffectEvent(async (event: any) => {
+  const messageHandler = useCallback(
+    async (event: any) => {
       if (!event.data?.toString?.().startsWith?.("{")) return;
       const message = JSON.parse(event.data);
 
@@ -336,7 +335,9 @@ export function useSocketMessageHandler(deps: {
       }
 
       socketMessageListeners.current.forEach((listener) => listener(message));
-  });
+    },
+    [currentItemDescriptor, sessionId],
+  );
 
-  return handleMessage;
+  return messageHandler;
 }

package/src/editor/commands/componentCommands.tsx

@@ -118,7 +118,6 @@ function getDuplicateCommand(
   if (editContext.mode === "suggestions") return null;
 
   const component = components[0];
-  if (!component) return null;
   // Don't show duplicate for layout components when showLayoutComponents is disabled
   if (component.layoutId && !editContext.showLayoutComponents) return null;
 

package/src/editor/control-center/About.tsx

@@ -9,7 +9,7 @@ export function About() {
     <div className="max-h-full space-y-6 p-4">
       <div className="space-y-4">
         <h2 className="text-xl font-semibold text-gray-800">
-          About Parhelia
+          About AI Workbench
         </h2>
         {/* Application Information */}
         <div className="rounded-lg border border-gray-200 bg-white p-4">
@@ -21,7 +21,7 @@ export function About() {
               <label className="text-sm font-medium text-gray-500">
                 Product Name
               </label>
-              <p className="text-gray-900">Parhelia</p>
+              <p className="text-gray-900">AI Workbench</p>
             </div>
             <div>
               <label className="text-sm font-medium text-gray-500">

package/src/editor/control-center/AllAgentsPanel.tsx

@@ -169,7 +169,7 @@ export function AllAgentsPanel() {
       <div className="border-b border-gray-200 bg-white p-4">
         <div className="mb-3 flex items-center justify-between">
           <div>
-            <h2 className="text-md font-semibold text-gray-900">All Agents</h2>
+            <h2 className="text-lg font-semibold text-gray-900">All Agents</h2>
             <p className="text-xs text-gray-500">
               Showing {filteredAgents.length} non-closed agent
               {filteredAgents.length !== 1 ? "s" : ""} across all users

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

@@ -75,7 +75,7 @@ export function MultiLineText({
       key={fieldItem.id + field.id + fieldItem.language + fieldItem.version}
       value={value}
       disabled={readOnly}
-      className="focus-shadow bg-gray-5 w-full p-2 text-xs max-h-[400px] overflow-y-auto"
+      className="focus-shadow bg-gray-5 w-full p-2 text-xs"
       rows={12}
       onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => {
         setValue(e.target.value);

package/src/editor/services/aiService.ts

@@ -28,8 +28,6 @@ export type AiProfile = {
   includeUserBrowseHistory?: number;
   // Whether to include user favorites
   includeUserFavorites?: boolean;
-  // Display name for the agent in chat (e.g., "Parhelia", "ContentBot")
-  agentName?: string;
 };
 
 // In-flight de-duplication and short TTL cache for AI profiles to avoid

package/src/editor/sidebar/Validation.tsx

@@ -84,7 +84,7 @@ export function Validation() {
             if (!item || !editContext) return;
             editContext.setCenterPanelView(
               editContext.configuration.editor.views.find(
-                (x) => x.name === "content-tree",
+                (x) => x.name === "content-editor",
               )?.defaultCenterPanelView,
             );
             fieldsContext?.setFocusedField(

package/src/index.ts

@@ -51,8 +51,3 @@ export { MainContentTree } from "./editor/sidebar/MainContentTree";
 export { ScrollingContentTree } from "./editor/ScrollingContentTree";
 
 export { getLanguages } from "./editor/services/contentService";
-
-// Splash screen components
-export { SplashScreen } from "./splash-screen/SplashScreen";
-export { ModernSplashScreen } from "./splash-screen/ModernSplashScreen";
-export { ParheliaAssistantChat } from "./splash-screen/ParheliaAssistantChat";

package/src/page-wizard/PageWizard.tsx

@@ -128,7 +128,7 @@ export function PageWizard() {
       } catch (error) {
         console.error("PageWizard: Error loading wizard:", error);
         // If the wizard couldn't be loaded (not found, not valid for context, etc.)
-        editContext?.switchView("content-tree", { skipConfirmation: true });
+        editContext?.switchView("content-editor", { skipConfirmation: true });
       } finally {
         setIsLoading(false);
       }
@@ -140,9 +140,9 @@ export function PageWizard() {
   // Only switch away if we have no wizard AND no wizard ID (i.e., we're not supposed to be here)
   if (!wizard && !editContext?.currentWizardId) {
     console.log(
-      "PageWizard - No wizard and no wizard ID, switching to content-tree",
+      "PageWizard - No wizard and no wizard ID, switching to content-editor",
     );
-    editContext?.switchView("content-tree", { skipConfirmation: true });
+    editContext?.switchView("content-editor", { skipConfirmation: true });
     return null;
   }
 

package/src/page-wizard/WizardSteps.tsx

@@ -437,7 +437,7 @@ export function WizardSteps({ wizard, parentItem }: WizardStepsProps) {
     // If wizard was opened from new-page, go to splash screen instead
     const targetView = editContext?.previousViewName === "new-page" 
       ? "splash-screen" 
-      : (editContext?.previousViewName || "content-tree");
+      : (editContext?.previousViewName || "content-editor");
     editContext?.switchView(targetView);
   };
 

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.4192";
-export const buildDate = "2025-10-26 09:34:53";
+export const version = "1.0.4193";
+export const buildDate = "2025-10-26 09:38:26";

package/src/splash-screen/OpenPage.tsx

@@ -11,7 +11,6 @@ import { Logo, MagicEditIcon } from "../editor/ui/Icons";
 import { ActionButton } from "../components/ActionButton";
 import { RecentPages } from "./RecentPages";
 import { X, Network } from "lucide-react";
-import ItemSearch, { ResultItem } from "../editor/ui/ItemSearch";
 
 export function OpenPage() {
   const savedHistory =
@@ -26,7 +25,6 @@ export function OpenPage() {
     : [];
 
   const [isLoading, setIsLoading] = useState(false);
-  const [hoveredItem, setHoveredItem] = useState<ResultItem>();
 
   useEffect(() => {
     if (recentPages.length > 0 && recentPages[0])
@@ -97,16 +95,10 @@ export function OpenPage() {
               noPadding
               className="h-full"
             >
-              <div className="flex h-full flex-col gap-2 px-4 py-2">
-                <ItemSearch
-                  setHoveredItem={setHoveredItem}
-                  itemSelected={(item) => {
-                    loadItem(item);
-                  }}
-                />
-                <div className="relative flex-1">
-                  <ScrollingContentTree                    
-                    selectedItemId={hoveredItem?.id ?? selectedPage?.id}
+              <div className="h-full px-4">
+                <div className="relative h-full">
+                  <ScrollingContentTree
+                    selectedItemId={selectedPage?.id}
                     hideRootNodes={true}
                     onSelectionChange={(selection) => {
                       const selectedItem = selection[0];