feat: remove Run button replace with Reload button

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">

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(

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>

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}

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

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

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>
+  )
+}