@alpaca-editor/core 1.0.4049 → 1.0.4053

package/dist/styles.css

@@ -85,7 +85,6 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --breakpoint-xl: 80rem;
-    --container-md: 28rem;
     --container-lg: 32rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -293,6 +292,9 @@
   .bottom-2 {
     bottom: calc(var(--spacing) * 2);
   }
+  .bottom-8 {
+    bottom: calc(var(--spacing) * 8);
+  }
   .-left-1\.5 {
     left: calc(var(--spacing) * -1.5);
   }
@@ -380,9 +382,6 @@
   .mx-3 {
     margin-inline: calc(var(--spacing) * 3);
   }
-  .mx-4 {
-    margin-inline: calc(var(--spacing) * 4);
-  }
   .mx-6 {
     margin-inline: calc(var(--spacing) * 6);
   }
@@ -931,9 +930,6 @@
   .max-w-lg {
     max-width: var(--container-lg);
   }
-  .max-w-md {
-    max-width: var(--container-md);
-  }
   .max-w-none {
     max-width: none;
   }
@@ -967,9 +963,6 @@
   .min-w-\[120px\] {
     min-width: 120px;
   }
-  .min-w-\[200px\] {
-    min-width: 200px;
-  }
   .min-w-full {
     min-width: 100%;
   }
@@ -1241,6 +1234,13 @@
   .gap-7 {
     gap: calc(var(--spacing) * 7);
   }
+  .space-y-0 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-0\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1326,11 +1326,19 @@
       border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
     }
   }
+  .divide-gray-100 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-gray-100);
+    }
+  }
   .divide-gray-200 {
     :where(& > :not(:last-child)) {
       border-color: var(--color-gray-200);
     }
   }
+  .self-end {
+    align-self: flex-end;
+  }
   .self-stretch {
     align-self: stretch;
   }
@@ -2534,18 +2542,12 @@
   .\!\[--width\:340px\] {
     --width: 340px !important;
   }
-  .\[-ms-overflow-style\:none\] {
-    -ms-overflow-style: none;
-  }
   .\[animation-delay\:-0\.3s\] {
     animation-delay: -0.3s;
   }
   .\[animation-delay\:-0\.15s\] {
     animation-delay: -0.15s;
   }
-  .\[scrollbar-width\:none\] {
-    scrollbar-width: none;
-  }
   .fade-in {
     --tw-enter-opacity: 0;
   }
@@ -2895,13 +2897,6 @@
       }
     }
   }
-  .hover\:bg-red-200 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-red-200);
-      }
-    }
-  }
   .hover\:bg-red-400 {
     &:hover {
       @media (hover: hover) {
@@ -3106,11 +3101,6 @@
       border-color: var(--color-blue-400);
     }
   }
-  .focus\:border-blue-500 {
-    &:focus {
-      border-color: var(--color-blue-500);
-    }
-  }
   .focus\:bg-accent {
     &:focus {
       background-color: var(--accent);
@@ -3943,11 +3933,6 @@
       padding-left: calc(var(--spacing) * 5);
     }
   }
-  .\[\&\:\:-webkit-scrollbar\]\:hidden {
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
   .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
     &[data-variant="destructive"] {
       :is(& > *) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-editor/core",
-  "version": "1.0.4049",
+  "version": "1.0.4053",
   "publishConfig": {
     "access": "public"
   },

package/src/components/ui/textarea.tsx

@@ -11,7 +11,7 @@ const Textarea = React.forwardRef<
       ref={ref}
       data-slot="textarea"
       className={cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className,
       )}
       {...props}

package/src/editor/Terminal.tsx

@@ -129,10 +129,10 @@ export const Terminal = forwardRef<
       submit();
     }
     if (e.key === "ArrowUp") {
-      // Only navigate history if we haven't started typing or if we're already navigating history
-      const hasStartedTyping =
-        prompt.trim().length > 0 && currentHistoryIndex === -1;
-      if (!hasStartedTyping) {
+      // Only navigate history if prompt is empty or we're already navigating history
+      const canNavigateHistory =
+        prompt.trim().length === 0 || currentHistoryIndex !== -1;
+      if (canNavigateHistory) {
         e.preventDefault();
         if (promptHistory.length > 0) {
           const newIndex =

package/src/editor/ai/AgentCostDisplay.tsx

@@ -131,23 +131,19 @@ export function AgentCostDisplay({
         <PopoverContent className="w-80 p-4" align="end" side="bottom">
           <div className="space-y-4">
             <div className="border-b pb-2">
-              <h4 className="text-sm font-semibold">Cost Breakdown</h4>
+              <h4 className="flex items-center justify-between text-sm font-semibold">
+                <div>Cost Breakdown</div>
+                <span className="text-sm font-semibold">
+                  {displayTotalCost.toFixed(2)} {currency}
+                </span>
+              </h4>
             </div>
 
             <div className="space-y-3">
               {/* Session Cost Breakdown */}
               {(hasTotalData || hasTokenData) && (
                 <>
-                  <div className="flex items-center justify-between">
-                    <span className="text-sm font-semibold text-gray-600">
-                      Session Cost:
-                    </span>
-                    <span className="text-sm font-semibold">
-                      {displayTotalCost.toFixed(2)} {currency}
-                    </span>
-                  </div>
-
-                  <div className="space-y-2 border-t pt-2">
+                  <div className="space-y-2">
                     {hasTotalData ? (
                       <>
                         <div className="flex items-center justify-between">

package/src/editor/ai/AgentHistory.tsx

@@ -1,19 +1,20 @@
 import React from "react";
 import { History, Trash2 } from "lucide-react";
 import { SimpleIconButton } from "../ui/SimpleIconButton";
-import { AgentChat } from "../services/agentService";
+
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
 } from "../../components/ui/popover";
+import { Agent } from "../services/agentService";
 
 interface AgentHistoryProps {
-  closedAgents: AgentChat[];
+  closedAgents: Agent[];
   isOpen: boolean;
   onOpenChange: (open: boolean) => void;
-  onOpenAgent: (agent: AgentChat) => void;
-  onDeleteAgent: (agent: AgentChat) => void;
+  onOpenAgent: (agent: Agent) => void;
+  onDeleteAgent: (agent: Agent) => void;
   formatDateToLocalTime: (dateString: string) => string;
 }
 
@@ -25,7 +26,7 @@ export function AgentHistory({
   onDeleteAgent,
   formatDateToLocalTime,
 }: AgentHistoryProps) {
-  const handleDeleteClick = (e: React.MouseEvent, agent: AgentChat) => {
+  const handleDeleteClick = (e: React.MouseEvent, agent: Agent) => {
     e.stopPropagation(); // Prevent opening the agent
     onDeleteAgent(agent);
   };
@@ -59,10 +60,7 @@ export function AgentHistory({
                 <div className="min-w-0 flex-1">
                   <div className="truncate font-medium text-gray-900">
                     {agent.name}
-                  </div>
-                  <div className="truncate text-gray-500">
-                    {agent.profileName}
-                  </div>
+                  </div>                 
                   <div className="text-xs text-gray-400">
                     {formatDateToLocalTime(agent.updatedDate)}
                   </div>