From f16b9172471a5f603890e88e287a25920459c00a Mon Sep 17 00:00:00 2001
From: charlesLoder <charles.w.loder@gmail.com>
Date: Fri, 10 Apr 2026 23:21:06 -0400
Subject: [PATCH 1/3] feat: export conversation

---
 src/icons/Export.tsx                 | 18 ++++++++
 src/icons/index.ts                   |  1 +
 src/plugin/Panel/ChatInput/index.tsx | 68 +++++++++++++++++++++++++++-
 3 files changed, 86 insertions(+), 1 deletion(-)
 create mode 100644 src/icons/Export.tsx

diff --git a/src/icons/Export.tsx b/src/icons/Export.tsx
new file mode 100644
index 0000000..bb59eb6
--- /dev/null
+++ b/src/icons/Export.tsx
@@ -0,0 +1,18 @@
+export const Export: React.FC<React.SVGProps<SVGSVGElement>> = () => {
+  return (
+    <svg
+      fill="none"
+      height="100%"
+      viewBox="0 0 15 15"
+      width="100%"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clipRule="evenodd"
+        d="M3.5 5.00006C3.22386 5.00006 3 5.22392 3 5.50006L3 11.5001C3 11.7762 3.22386 12.0001 3.5 12.0001L11.5 12.0001C11.7761 12.0001 12 11.7762 12 11.5001L12 5.50006C12 5.22392 11.7761 5.00006 11.5 5.00006L10.25 5.00006C9.97386 5.00006 9.75 4.7762 9.75 4.50006C9.75 4.22392 9.97386 4.00006 10.25 4.00006L11.5 4.00006C12.3284 4.00006 13 4.67163 13 5.50006L13 11.5001C13 12.3285 12.3284 13.0001 11.5 13.0001L3.5 13.0001C2.67157 13.0001 2 12.3285 2 11.5001L2 5.50006C2 4.67163 2.67157 4.00006 3.5 4.00006L4.75 4.00006C5.02614 4.00006 5.25 4.22392 5.25 4.50006C5.25 4.7762 5.02614 5.00006 4.75 5.00006L3.5 5.00006ZM7 1.6364L5.5682 3.0682C5.39246 3.24393 5.10754 3.24393 4.9318 3.0682C4.75607 2.89246 4.75607 2.60754 4.9318 2.4318L7.1818 0.181802C7.26619 0.09741 7.38065 0.049999 7.5 0.049999C7.61935 0.049999 7.73381 0.09741 7.8182 0.181802L10.0682 2.4318C10.2439 2.60754 10.2439 2.89246 10.0682 3.0682C9.89246 3.24393 9.60754 3.24393 9.4318 3.0682L8 1.6364L8 8.5C8 8.77614 7.77614 9 7.5 9C7.22386 9 7 8.77614 7 8.5L7 1.6364Z"
+        fill="currentColor"
+        fillRule="evenodd"
+      ></path>
+    </svg>
+  );
+};
\ No newline at end of file
diff --git a/src/icons/index.ts b/src/icons/index.ts
index 2d61479..34090c7 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -3,5 +3,6 @@ export { ArrowUp } from "./ArrowUp";
 export { BulletList } from "./BulletList";
 export { Clear } from "./Clear";
 export { Close } from "./Close";
+export { Export } from "./Export";
 export { Gear } from "./Gear";
 export { TextFile } from "./TextFile";
diff --git a/src/plugin/Panel/ChatInput/index.tsx b/src/plugin/Panel/ChatInput/index.tsx
index 103ae39..2be5483 100644
--- a/src/plugin/Panel/ChatInput/index.tsx
+++ b/src/plugin/Panel/ChatInput/index.tsx
@@ -1,6 +1,6 @@
 import { Button, PromptInput } from "@components";
 import { usePlugin } from "@context";
-import { Add, ArrowUp, Clear } from "@icons";
+import { Add, ArrowUp, Clear, Export } from "@icons";
 import { UserMessage } from "@types";
 import type { FC } from "react";
 import { useState } from "react";
@@ -81,6 +81,61 @@ export const ChatInput: FC = () => {
     dispatch({ type: "setMediaDialogState", state: "open" });
   }
 
+  function exportConversation() {
+    const title = state.manifest.label?.en?.[0] ?? state.manifest.id;
+    const exportDate = new Date().toISOString();
+
+    let markdown = `# ${title}\n\n`;
+    markdown += `- **Name**: ${state.manifest.label?.en?.[0] ?? "N/A"}\n`;
+    markdown += `- **Manifest URI**: ${state.manifest.id}\n`;
+    markdown += `- **Exported at**: ${exportDate}\n\n`;
+
+    for (const message of state.messages) {
+      switch (message.role) {
+        case "user": {
+          markdown += `## User Message\n\n`;
+          for (const content of message.content) {
+            switch (content.type) {
+              case "text":
+                markdown += `${content.content}\n\n`;
+                break;
+              case "annotation":
+                markdown += `### Annotation\n\n${content.content.content}\n\n`;
+                break;
+              case "media":
+                markdown += `### Media\n\n[${content.content?.caption ?? "IIIF Image"}](${content.content.src})\n\n`;
+                break;
+            }
+          }
+          break;
+        }
+        case "assistant": {
+          markdown += `## Assistant Message\n\n`;
+          switch (message.type) {
+            case "tool-call":
+              markdown += `### Tool Calls\n\n`;
+              markdown += `**${message.content.tool_name}**: ${message.content.content}\n\n`;
+              break;
+            case "response":
+              markdown += `### Response\n\n${message.content.content}\n\n`;
+              break;
+          }
+          break;
+        }
+        default:
+          break;
+      }
+    }
+
+    const blob = new Blob([markdown], { type: "text/markdown" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${title.replace(/[^a-z0-9]/gi, "_")}.md`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+
   const PromptInputButtons = state?.provider?.PromptInputButtons?.bind(state.provider) ?? null; // bind `this`;
   return (
     <form
@@ -138,6 +193,17 @@ export const ChatInput: FC = () => {
           >
             <Add />
           </Button>
+          <Button
+            aria-label="Export conversation"
+            disabled={state.messages.filter((m) => m.role !== "system").length === 0}
+            shape="circle"
+            size="small"
+            state={formState !== "success" ? formState : undefined}
+            title="Export conversation"
+            onClick={exportConversation}
+          >
+            <Export />
+          </Button>
           <Button
             aria-label="Submit question"
             disabled={!textareaValue.trim()}

From 44ca462df115090fd6ac92c0f7ff1a39e58e2da2 Mon Sep 17 00:00:00 2001
From: charlesLoder <charles.w.loder@gmail.com>
Date: Fri, 10 Apr 2026 23:21:24 -0400
Subject: [PATCH 2/3] fix: allow injected buttons to be disabled

---
 src/plugin/Panel/ChatInput/index.tsx      | 2 +-
 src/plugin/base_provider.tsx              | 2 +-
 src/providers/userTokenProvider/index.tsx | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/plugin/Panel/ChatInput/index.tsx b/src/plugin/Panel/ChatInput/index.tsx
index 2be5483..ffeae20 100644
--- a/src/plugin/Panel/ChatInput/index.tsx
+++ b/src/plugin/Panel/ChatInput/index.tsx
@@ -172,7 +172,7 @@ export const ChatInput: FC = () => {
           })}
         </div>
         <div className="controls">
-          {PromptInputButtons && <PromptInputButtons />}
+          {PromptInputButtons && <PromptInputButtons disabled={state.conversationState === "assistant_responding"} />}
           <Button
             aria-label="Clear conversation"
             shape="circle"
diff --git a/src/plugin/base_provider.tsx b/src/plugin/base_provider.tsx
index 63ba194..913e957 100644
--- a/src/plugin/base_provider.tsx
+++ b/src/plugin/base_provider.tsx
@@ -136,7 +136,7 @@ export abstract class BaseProvider {
   /**
    * A component that providers can implement to add buttons to the Prompt Input area, extending functionality.
    */
-  PromptInputButtons(): JSX.Element & { props: { children: (typeof Button)[] } } {
+  PromptInputButtons(_props: { disabled?: boolean }): JSX.Element & { props: { children: (typeof Button)[] } } {
     return <></>;
   }
 
diff --git a/src/providers/userTokenProvider/index.tsx b/src/providers/userTokenProvider/index.tsx
index 6e791cc..b4d7dd1 100644
--- a/src/providers/userTokenProvider/index.tsx
+++ b/src/providers/userTokenProvider/index.tsx
@@ -337,7 +337,9 @@ export class UserTokenProvider extends BaseProvider {
     }
   }
 
-  PromptInputButtons() {
+  PromptInputButtons(props: {
+    disabled?: boolean;
+  }): JSX.Element & { props: { children: (typeof Button)[] } } {
     /* eslint-disable react-hooks/rules-of-hooks */
     const dialogRef = useRef<HTMLDialogElement>(null);
     const [isOpen, setIsOpen] = useState(false);
@@ -426,6 +428,7 @@ export class UserTokenProvider extends BaseProvider {
           size="small"
           title="Tasks"
           type="button"
+          disabled={props.disabled}
           onClick={openDialog}
         >
           <BulletList />

From ffbc1ad8b37cfbb9218ec2df648e02d559269369 Mon Sep 17 00:00:00 2001
From: charlesLoder <charles.w.loder@gmail.com>
Date: Fri, 10 Apr 2026 23:26:54 -0400
Subject: [PATCH 3/3] fix: linting error

---
 src/providers/userTokenProvider/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/providers/userTokenProvider/index.tsx b/src/providers/userTokenProvider/index.tsx
index b4d7dd1..ef8b3da 100644
--- a/src/providers/userTokenProvider/index.tsx
+++ b/src/providers/userTokenProvider/index.tsx
@@ -424,11 +424,11 @@ export class UserTokenProvider extends BaseProvider {
         </Dialog>
         <Button
           aria-label="Tasks"
+          disabled={props.disabled}
           shape="circle"
           size="small"
           title="Tasks"
           type="button"
-          disabled={props.disabled}
           onClick={openDialog}
         >
           <BulletList />