From 53aed7505867968728ca6856437191cc9edd98c9 Mon Sep 17 00:00:00 2001
From: Nick Mitchell <nickm@us.ibm.com>
Date: Thu, 10 Jul 2025 12:28:28 -0400
Subject: [PATCH] feat: remove Run button replace with Reload button

Signed-off-by: Nick Mitchell <nickm@us.ibm.com>
---
 pdl-live-react/src/page/MyTracesNavItems.tsx  |  2 +-
 pdl-live-react/src/page/PageBreadcrumbs.tsx   |  1 +
 pdl-live-react/src/page/welcome/Welcome.tsx   |  2 +-
 .../src/page/welcome/tiles/MyTraces.tsx       |  7 +++-
 .../src/view/masonry/MasonryCombo.tsx         |  1 +
 pdl-live-react/src/view/masonry/Toolbar.tsx   |  7 +++-
 .../src/view/masonry/ToolbarReloadButton.tsx  | 41 +++++++++++++++++++
 7 files changed, 56 insertions(+), 5 deletions(-)
 create mode 100644 pdl-live-react/src/view/masonry/ToolbarReloadButton.tsx

diff --git a/pdl-live-react/src/page/MyTracesNavItems.tsx b/pdl-live-react/src/page/MyTracesNavItems.tsx
index b30613238..2b9c40c42 100644
--- a/pdl-live-react/src/page/MyTracesNavItems.tsx
+++ b/pdl-live-react/src/page/MyTracesNavItems.tsx
@@ -43,7 +43,7 @@ export default function MyTracesNavItems({
           const id = "/my/" + encodeURIComponent(title)
           return (
             <NavItem key={filename} itemId={id} isActive={activeItem === id}>
-              <Link to={id + hash}>
+              <Link to={id + hash + "?traceFile=" + filename}>
                 <Stack>
                   {title}
                   <StackItem className="pdl-duration">
diff --git a/pdl-live-react/src/page/PageBreadcrumbs.tsx b/pdl-live-react/src/page/PageBreadcrumbs.tsx
index d9f238645..0ff889fdb 100644
--- a/pdl-live-react/src/page/PageBreadcrumbs.tsx
+++ b/pdl-live-react/src/page/PageBreadcrumbs.tsx
@@ -17,6 +17,7 @@ export default function PageBreadcrumbs({
   breadcrumb2,
 }: PageBreadcrumbProps) {
   const [searchParams] = useSearchParams()
+  searchParams.delete("traceFile")
   const s = searchParams.toString()
   const search = s.length > 0 ? "?" + s : ""
   const renderHome = useCallback(
diff --git a/pdl-live-react/src/page/welcome/Welcome.tsx b/pdl-live-react/src/page/welcome/Welcome.tsx
index e9fc86476..bcb358f2b 100644
--- a/pdl-live-react/src/page/welcome/Welcome.tsx
+++ b/pdl-live-react/src/page/welcome/Welcome.tsx
@@ -22,7 +22,7 @@ export default function Welcome(props: Props) {
     <Page breadcrumb1={props.breadcrumb1}>
       <PageSection>
         <Flex>
-          <Title headingLevel="h1">Prompt Declaration Language (PDL)</Title>{" "}
+          <Title headingLevel="h1">Prompt Declaration Language (PDL)</Title>
           <FlexItem flex={flex1}>
             <Toolbar />
           </FlexItem>
diff --git a/pdl-live-react/src/page/welcome/tiles/MyTraces.tsx b/pdl-live-react/src/page/welcome/tiles/MyTraces.tsx
index 2b297a4d6..aa636aae6 100644
--- a/pdl-live-react/src/page/welcome/tiles/MyTraces.tsx
+++ b/pdl-live-react/src/page/welcome/tiles/MyTraces.tsx
@@ -25,7 +25,12 @@ export default function MyTraces() {
             <Button key={filename} isInline variant="link" icon={<FileIcon />}>
               <Link
                 to={
-                  "/my/" + encodeURIComponent(title) + (s ? `?${s}` : "") + hash
+                  "/my/" +
+                  encodeURIComponent(title) +
+                  (s ? `?${s}` : "") +
+                  hash +
+                  "?traceFile=" +
+                  filename
                 }
               >
                 {title}
diff --git a/pdl-live-react/src/view/masonry/MasonryCombo.tsx b/pdl-live-react/src/view/masonry/MasonryCombo.tsx
index 7c43229a6..6dc9863ee 100644
--- a/pdl-live-react/src/view/masonry/MasonryCombo.tsx
+++ b/pdl-live-react/src/view/masonry/MasonryCombo.tsx
@@ -214,6 +214,7 @@ export default function MasonryCombo({ value, setValue }: Props) {
           perPage={perPage}
           setPage={setPage}
           setPerPage={setPerPage}
+          setValue={setValue}
         />
       </PageSection>
       <PageSection
diff --git a/pdl-live-react/src/view/masonry/Toolbar.tsx b/pdl-live-react/src/view/masonry/Toolbar.tsx
index b6a68898e..d1160c1b7 100644
--- a/pdl-live-react/src/view/masonry/Toolbar.tsx
+++ b/pdl-live-react/src/view/masonry/Toolbar.tsx
@@ -3,7 +3,7 @@ import { Toolbar, ToolbarGroup, ToolbarContent } from "@patternfly/react-core"
 import DarkModeToggle from "../../page/DarkModeToggle"
 import ToolbarPaginator from "./ToolbarPaginator"
 import ToolbarSMLToggle from "./ToolbarSMLToggle"
-import ToolbarReplayButton from "./ToolbarReplayButton"
+import ToolbarReloadButton from "./ToolbarReloadButton"
 import ToolbarShowSourceButton from "./ToolbarShowSourceButton"
 
 import { isNonScalarPdlBlock } from "../../helpers"
@@ -19,6 +19,8 @@ export type Props = import("./ToolbarPaginator").Props & {
 
   sml: SML
   setSML(sml: SML): void
+
+  setValue(value: string): void
 }
 
 export default function MasonryToolbar({
@@ -33,12 +35,13 @@ export default function MasonryToolbar({
   perPage,
   setPage,
   setPerPage,
+  setValue,
 }: Props) {
   return (
     <Toolbar className="pdl-masonry-toolbar">
       <ToolbarContent>
         <ToolbarGroup variant="action-group-plain">
-          <ToolbarReplayButton run={run} isRunning={isRunning} />
+          <ToolbarReloadButton setValue={setValue} />
         </ToolbarGroup>
         <ToolbarGroup align={alignEnd} variant="action-group">
           <ToolbarPaginator
diff --git a/pdl-live-react/src/view/masonry/ToolbarReloadButton.tsx b/pdl-live-react/src/view/masonry/ToolbarReloadButton.tsx
new file mode 100644
index 000000000..4fa2b232b
--- /dev/null
+++ b/pdl-live-react/src/view/masonry/ToolbarReloadButton.tsx
@@ -0,0 +1,41 @@
+import { invoke } from "@tauri-apps/api/core"
+import { useCallback } from "react"
+import { useSearchParams } from "react-router"
+import { Button, Tooltip } from "@patternfly/react-core"
+
+import Icon from "@patternfly/react-icons/dist/esm/icons/redo-icon"
+
+type Props = {
+  setValue(value: string): void
+}
+
+export default function ToolbarReloadButton({ setValue }: Props) {
+  const [searchParams] = useSearchParams()
+  const traceFile = searchParams.get("traceFile")
+
+  const enabled = window.__TAURI_INTERNALS__ && searchParams.has("traceFile")
+  const handleClick = useCallback(async () => {
+    try {
+      const buf = await invoke<ArrayBuffer>("read_trace", {
+        traceFile,
+      }).catch(console.error)
+      if (buf) {
+        const decoder = new TextDecoder("utf-8") // Assuming UTF-8 encoding
+        const newTraceBuf = decoder.decode(new Uint8Array(buf))
+        if (newTraceBuf) {
+          setValue(newTraceBuf)
+        }
+      }
+    } catch (err) {
+      console.error(err)
+    }
+  }, [setValue])
+
+  return (
+    <Tooltip content="Reload this trace">
+      <Button isDisabled={!enabled} onClick={handleClick} icon={<Icon />}>
+        Reload
+      </Button>
+    </Tooltip>
+  )
+}