Fix/dryrun history

src/app/entity/[slug]/ProcessInteraction.tsx

@@ -14,7 +14,7 @@ import { MonoFontFF } from "@/components/RootLayout/fonts"
 import { prettifyResult } from "@/utils/ao-utils"
 import { truncateId } from "@/utils/data-utils"
 
-import { RequestHistoryPanel, dryRunHistoryStore } from "@/components/RequestHistoryPanel"
+import { RequestHistoryPanel, dryRunHistoryStore, addToDryRunHistory } from "@/components/RequestHistoryPanel"
 
 type ProcessInteractionProps = {
   processId: string
@@ -58,9 +58,7 @@ export function ProcessInteraction(props: ProcessInteractionProps) {
           timestamp: new Date().toISOString(),
         }
 
-        const existing = dryRunHistoryStore.get() || []
-        const updated = [...existing, newItem].slice(-10)
-        dryRunHistoryStore.set(updated)
+        addToDryRunHistory(newItem)
       } else {
         const sentMsgId = await message({
           ...msg,
@@ -78,9 +76,7 @@ export function ProcessInteraction(props: ProcessInteractionProps) {
           sentMessageId: sentMsgId,
         }
 
-        const existing = dryRunHistoryStore.get() || []
-        const updated  = [...existing.slice(-9), newItem]
-        dryRunHistoryStore.set(updated)
+        addToDryRunHistory(newItem)
       }
 
       setResponse(JSON.stringify(prettifyResult(json), null, 2))

src/components/AsyncTable.tsx

@@ -180,7 +180,7 @@ export function AsyncTable(props: AsyncTableProps) {
           </TableRow>
         </TableHead>
         <TableBody>
-          {virtualize && data.length > pageSize * 3 ? (
+          {virtualize && data.length > pageSize * 100 ? (
             <VirtualRows
               data={data}
               rowRenderer={renderRow}

src/components/RequestHistoryPanel.tsx

@@ -20,6 +20,17 @@ export const dryRunHistoryStore = persistentAtom<any[]>(
   { encode: JSON.stringify, decode: JSON.parse },
 )
 
+const MAX_HISTORY = 5;
+
+export function addToDryRunHistory(newItem: any) {
+  const prev = dryRunHistoryStore.get() || [];
+  const updated = [...prev, newItem];
+  if (updated.length > MAX_HISTORY) {
+    updated.splice(0, updated.length - MAX_HISTORY); // Remove oldest
+  }
+  dryRunHistoryStore.set(updated);
+}
+
 const ChevronDownIcon = () => (
   <svg width="24" height="24" fill="none" viewBox="0 0 24 24" style={{ display: "block" }}>
     <path
@@ -45,7 +56,8 @@ const CodeEditor = lazy(() => import("./CodeEditor").then(m=>({default:m.CodeEdi
 
 export function RequestHistoryPanel({ onSelect }: RequestHistoryPanelProps) {
   const address = useActiveAddress()
-  const history = useStore(dryRunHistoryStore)
+  const rawHistory = useStore(dryRunHistoryStore)
+  const history = Array.isArray(rawHistory) ? rawHistory : []
   const [expanded, setExpanded] = useState<string | false>(false)
   const [hoveredId, setHoveredId] = useState<string | null>(null)