diff --git a/app/_components/BetterIDEa.tsx b/app/_components/_rhs/BetterIDEa.tsx
similarity index 71%
rename from app/_components/BetterIDEa.tsx
rename to app/_components/_rhs/BetterIDEa.tsx
index 506f2d9..97913f3 100644
--- a/app/_components/BetterIDEa.tsx
+++ b/app/_components/_rhs/BetterIDEa.tsx
@@ -1,13 +1,22 @@
 "use client";
 import React, { useEffect, useState } from "react";
-import { useCodeStore } from "../_store/store";
-import { CodeCell, setCellCode } from "@betteridea/codecell";
+import {
+  useCodeStore,
+  useMessagesArrayStore,
+  usePidStore,
+} from "../../_store/store";
+import { CodeCell, setCellCode, getInbox } from "@betteridea/codecell";
 import Image from "next/image";
+import { brandLightText } from "../../_utils/colors";
+import PidDisplay from "./PidDisplay";
+import MessagesDD from "./MessagesDD";
 
 const BetterIDEa = () => {
   const curCode = useCodeStore((state) => state.curCode);
+  const setMessArr = useMessagesArrayStore((state) => state.setMessArr);
   const [curPid, setCurPid] = useState("");
   const [copied, setCopied] = useState(false);
+  const [newMes, setNewMes] = useState("");
 
   useEffect(() => {
     console.log(encodeURI(curCode));
@@ -21,13 +30,19 @@ const BetterIDEa = () => {
     console.log(pid);
   };
 
-  // const onNewMessage = (m: any) => {
-  //   console.log("message new", m);
-  // };
+  const onNewMessage = (m: any) => {
+    console.log("message new", m);
+    setNewMes(m);
+  };
+  useEffect(() => {
+    alert(newMes);
+    console.log("new mes", newMes);
+  }, [newMes]);
 
-  // const onInbox = (i: any) => {
-  //   console.log("inbox", i);
-  // };
+  const onInbox = (i: any) => {
+    console.log("inbox", i);
+    setMessArr(i);
+  };
 
   const handleCopy = () => {
     if (curPid) {
@@ -46,7 +61,7 @@ const BetterIDEa = () => {
 
   return (
     <>
-      <div className="relative h-[33px] w-full justify-start px-20 lg:flex hidden max-w-[1800px]">
+      {/* <div className="relative h-[33px] w-full justify-start px-20 lg:flex hidden max-w-[1800px]">
         <div className="absolute left-0 z-10">
           <div className="bg-[#EB8F44] bg-opacity-30 text-[#EB8F44] font-semibold border-2 border-[#EB8F44] text-sm rounded py-2 px-4 shadow-lg relative">
             <div className="flex items-center">
@@ -82,23 +97,20 @@ const BetterIDEa = () => {
             <div className="w-0 h-0 border-t-8 border-t-[#EB8F44] border-r-8 border-r-transparent border-l-8 border-l-transparent absolute left-1 -bottom-2"></div>
           </div>
         </div>
-      </div>
-      {/* <button
-        className="bg-[#000000] px-[12px]"
-        onClick={() => {
-          getInbox("1", true);
-        }}
-      >
-        Check Inbox
-      </button> */}
+      </div> */}
+      <PidDisplay />
       <CodeCell
         height="100%"
         cellId="1"
         appName="Sandbox"
         onAOProcess={onAOProcess}
-        // onNewMessage={onNewMessage}
-        // onInbox={onInbox}
+        onNewMessage={(m: any) => {
+          console.log("check");
+          console.log(m);
+        }}
+        onInbox={onInbox}
       />
+      <MessagesDD />
     </>
   );
 };
diff --git a/app/_components/_rhs/MessagesDD.tsx b/app/_components/_rhs/MessagesDD.tsx
new file mode 100644
index 0000000..2c55817
--- /dev/null
+++ b/app/_components/_rhs/MessagesDD.tsx
@@ -0,0 +1,59 @@
+"use client";
+import React, { useState } from "react";
+import { brandLightText } from "../../_utils/colors";
+import { getInbox } from "@betteridea/codecell";
+import Image from "next/image";
+import { useMessagesArrayStore } from "../../_store/store";
+
+const MessagesDD = () => {
+  //   const [mesArr, setMesArr] = useState<any[]>([]);
+  const [mesToggle, setMesToggle] = useState(false);
+  const messArr = useMessagesArrayStore((state) => state.messArr);
+
+  const stripAnsiCodes = (str: string) => {
+    str.replace(
+      /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g,
+      ""
+    );
+  };
+  return (
+    <div
+      className={`bg-[#000000] w-full py-[12px] px-[13.5px] rounded-md 
+        text-[12px] ${brandLightText} mt-[-12px]
+        `}
+    >
+      <div
+        onClick={() => {
+          getInbox("1", true);
+          setMesToggle(!mesToggle);
+        }}
+        className="flex flex-row justify-start gap-3 items-center"
+      >
+        <button className="uppercase text-[15px] text-[#98e870]">
+          {mesToggle ? "Messages" : "Check Inbox"}
+        </button>
+        <Image
+          src="/ddMes.png"
+          width={15}
+          height={21}
+          alt="dd"
+          className={`${mesToggle ? "rotate-180" : "rotate-0"}`}
+        />
+      </div>
+      <div className={`max-h-[60px] ${mesToggle ? "overflow-y-scroll" : ""}`}>
+        {mesToggle &&
+          messArr?.map((item, id) => {
+            stripAnsiCodes(item.Data);
+            return (
+              <div className=" tracking-[1.5px]">
+                {`Inbox[${id + 1}].Data: `}
+                {item.Data ? item.Data : "No Data"}
+              </div>
+            );
+          })}
+      </div>
+    </div>
+  );
+};
+
+export default MessagesDD;
diff --git a/app/_components/_rhs/PidDisplay.tsx b/app/_components/_rhs/PidDisplay.tsx
new file mode 100644
index 0000000..f71f509
--- /dev/null
+++ b/app/_components/_rhs/PidDisplay.tsx
@@ -0,0 +1,64 @@
+"use client";
+import Image from "next/image";
+import React, { useState } from "react";
+import { usePidStore } from "../../_store/store";
+
+const PidDisplay = () => {
+  const [copied, setCopied] = useState(false);
+  const curPid = usePidStore((state) => state.curPid);
+  const handleCopy = () => {
+    if (curPid) {
+      navigator.clipboard
+        .writeText(curPid)
+        .then(() => {
+          setCopied(true);
+          console.log("Copied to clipboard:", curPid);
+        })
+        .catch((err) => {
+          setCopied(false);
+          console.error("Failed to copy:", err);
+        });
+    }
+  };
+  return (
+    <div className="relative h-[33px] w-full justify-start px-20 lg:flex hidden max-w-[1800px]">
+      <div className="absolute left-0 z-10">
+        <div className="bg-[#EB8F44] bg-opacity-30 text-[#EB8F44] font-semibold border-2 border-[#EB8F44] text-sm rounded py-2 px-4 shadow-lg relative">
+          <div className="flex items-center">
+            <h3>
+              {curPid
+                ? `Process ID: ${curPid}`
+                : `Please Connect Your Wallet First !!`}
+            </h3>
+            {curPid ? (
+              copied ? (
+                <Image
+                  alt="copy"
+                  src="/clip1.png"
+                  height={18}
+                  width={18}
+                  onClick={handleCopy}
+                  className="hover:cursor-pointer w-[18px] h-[18px] hover:bg-[#7f512a] rounded-md"
+                />
+              ) : (
+                <Image
+                  alt="copy"
+                  src="/clip0.svg"
+                  height={18}
+                  width={18}
+                  onClick={handleCopy}
+                  className="hover:cursor-pointer w-[18px] h-[18px] hover:bg-[#7f512a] rounded-md"
+                />
+              )
+            ) : (
+              ""
+            )}
+          </div>
+          <div className="w-0 h-0 border-t-8 border-t-[#EB8F44] border-r-8 border-r-transparent border-l-8 border-l-transparent absolute left-1 -bottom-2"></div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default PidDisplay;
diff --git a/app/_components/ToolTip.tsx b/app/_components/_rhs/ToolTip.tsx
similarity index 100%
rename from app/_components/ToolTip.tsx
rename to app/_components/_rhs/ToolTip.tsx
diff --git a/app/_components/index.ts b/app/_components/index.ts
index d703af2..7fde475 100644
--- a/app/_components/index.ts
+++ b/app/_components/index.ts
@@ -1,4 +1,4 @@
-import BetterIDEa from "./BetterIDEa";
+import BetterIDEa from "./_rhs/BetterIDEa";
 import GETReq from "./_tutorials/GETReq";
 import PrismLoader from "./PrismLoader";
 import Header from "./Header";
@@ -8,6 +8,8 @@ import NewsFeed from "./_tutorials/NewsFeed";
 import TutRender from "./_tutorials/TutRender";
 import DropDown from "./DropDown";
 import Footer from "./Footer";
+import PidDisplay from "./_rhs/PidDisplay";
+import MessagesDD from "./_rhs/MessagesDD";
 export {
   BetterIDEa,
   GETReq,
@@ -19,4 +21,6 @@ export {
   TutRender,
   DropDown,
   Footer,
+  PidDisplay,
+  MessagesDD,
 };
diff --git a/app/_store/store.ts b/app/_store/store.ts
index 29bf204..99d785e 100644
--- a/app/_store/store.ts
+++ b/app/_store/store.ts
@@ -7,6 +7,17 @@ interface CodeState {
   curCode: string;
   changeCode: (newCode: string) => void;
 }
+
+interface MessagesArrayState {
+  messArr: Array<any>;
+  setMessArr: (newMessArr: string[]) => void;
+}
+
+interface PidState {
+  curPid: string;
+  setCurPid: (newPid: string) => void;
+}
+
 export const useTutorialStore = create<TutorialState>()((set) => ({
   curTutorial: "GET Request",
   //   increasePopulation: () => set((state) => ({ bears: state.bears + 1 })),
@@ -18,3 +29,13 @@ export const useCodeStore = create<CodeState>()((set) => ({
   curCode: "",
   changeCode: (newCode) => set({ curCode: newCode }),
 }));
+
+export const useMessagesArrayStore = create<MessagesArrayState>()((set) => ({
+  messArr: [],
+  setMessArr: (newMessArr) => set({ messArr: newMessArr }),
+}));
+
+export const usePidStore = create<PidState>()((set) => ({
+  curPid: "",
+  setCurPid: (newPid) => set({ curPid: newPid }),
+}));
diff --git a/package-lock.json b/package-lock.json
index 6387215..aa0b0ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "sandbox0rbit",
       "version": "0.1.0",
       "dependencies": {
-        "@betteridea/codecell": "^1.3.0",
+        "@betteridea/codecell": "^1.3.1",
         "next": "14.2.2",
         "prismjs": "^1.29.0",
         "react": "^18",
@@ -39,23 +39,14 @@
       }
     },
     "node_modules/@betteridea/codecell": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@betteridea/codecell/-/codecell-1.3.0.tgz",
-      "integrity": "sha512-GSAZ+acKGH/oKZtjuem0xp3Hjiwi48L7oNBnqlwcGsIaMW/xNCtivAk1sOl2VAUwkMU7fqg/b7+iCOu63X9zbQ==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@betteridea/codecell/-/codecell-1.3.1.tgz",
+      "integrity": "sha512-JCaymQk2nxiqNzU7ztJlDp04qTj/Y2aPuLdlkg4nJENWbHgUAm0rjCdB/4yVavyA/o/Z4ZYWXGz8hCKCqtlWyw==",
       "dependencies": {
-        "@permaweb/aoconnect": "^0.0.55",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
       }
     },
-    "node_modules/@fastify/busboy": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.1.tgz",
-      "integrity": "sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==",
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -296,46 +287,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@permaweb/ao-scheduler-utils": {
-      "version": "0.0.19",
-      "resolved": "https://registry.npmjs.org/@permaweb/ao-scheduler-utils/-/ao-scheduler-utils-0.0.19.tgz",
-      "integrity": "sha512-xwIe9FqQ1UZxEYWvSGJDONz0xr4vDq2Ny1NeRUiO0dKYoonShN+oI1ULgrHocKOjOPNEgRX70vMCKGLe+3x70A==",
-      "dependencies": {
-        "lru-cache": "^10.2.2",
-        "ramda": "^0.30.0",
-        "zod": "^3.23.5"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@permaweb/ao-scheduler-utils/node_modules/ramda": {
-      "version": "0.30.0",
-      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.30.0.tgz",
-      "integrity": "sha512-13Y0iMhIQuAm/wNGBL/9HEqIfRGmNmjKnTPlKWfA9f7dnDkr8d45wQ+S7+ZLh/Pq9PdcGxkqKUEA7ySu1QSd9Q==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/ramda"
-      }
-    },
-    "node_modules/@permaweb/aoconnect": {
-      "version": "0.0.55",
-      "resolved": "https://registry.npmjs.org/@permaweb/aoconnect/-/aoconnect-0.0.55.tgz",
-      "integrity": "sha512-W2GtLZedVseuDkCKk4CmM9SFmi0DdrMKqvhMBm9xo65z+Mzr/t1TEjMJKRNzEA2qh5IdwM43sWJ5fmbBYLg6TQ==",
-      "dependencies": {
-        "@permaweb/ao-scheduler-utils": "~0.0.16",
-        "buffer": "^6.0.3",
-        "debug": "^4.3.4",
-        "hyper-async": "^1.1.2",
-        "mnemonist": "^0.39.8",
-        "ramda": "^0.29.1",
-        "warp-arbundles": "^1.0.4",
-        "zod": "^3.22.4"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -443,86 +394,18 @@
         "node": ">= 8"
       }
     },
-    "node_modules/arconnect": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/arconnect/-/arconnect-0.4.2.tgz",
-      "integrity": "sha512-Jkpd4QL3TVqnd3U683gzXmZUVqBUy17DdJDuL/3D9rkysLgX6ymJ2e+sR+xyZF5Rh42CBqDXWNMmCjBXeP7Gbw==",
-      "dependencies": {
-        "arweave": "^1.10.13"
-      }
-    },
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
       "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
       "dev": true
     },
-    "node_modules/arweave": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/arweave/-/arweave-1.15.1.tgz",
-      "integrity": "sha512-rT7FOwqdudd5npqp4xOYdDT2035LtpcqePjwirh4wjRiEtVsz1FZkRiM2Yj+fOAwYzOm/hNG0GDOipDSaiEGGQ==",
-      "dependencies": {
-        "arconnect": "^0.4.2",
-        "asn1.js": "^5.4.1",
-        "base64-js": "^1.5.1",
-        "bignumber.js": "^9.0.2"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/asn1.js": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
-      "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
-      "dependencies": {
-        "bn.js": "^4.0.0",
-        "inherits": "^2.0.1",
-        "minimalistic-assert": "^1.0.0",
-        "safer-buffer": "^2.1.0"
-      }
-    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/base64url": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/base64url/-/base64url-3.0.1.tgz",
-      "integrity": "sha512-ir1UPr3dkwexU7FdV8qBBbNDRUhMmIekYMFZfi+C/sLNnRESKPl23nB9b2pltqfOQNnGzsDdId90AEtG5tCx4A==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/bignumber.js": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.2.tgz",
-      "integrity": "sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==",
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -535,11 +418,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
-    },
     "node_modules/brace-expansion": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
@@ -561,29 +439,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/buffer": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.2.1"
-      }
-    },
     "node_modules/busboy": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
@@ -723,22 +578,6 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "devOptional": true
     },
-    "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -902,35 +741,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/hyper-async": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/hyper-async/-/hyper-async-1.1.2.tgz",
-      "integrity": "sha512-cnpOgKa+5FZOaccTtjduac1FrZuSc38/ftCp3vYJdUMt+7c+uvGDKLDK4MTNK8D3aFjIeveVrPcSgUPvzZLopg=="
-    },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -1062,6 +872,7 @@
       "version": "10.2.2",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz",
       "integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==",
+      "dev": true,
       "engines": {
         "node": "14 || >=16.14"
       }
@@ -1088,11 +899,6 @@
         "node": ">=8.6"
       }
     },
-    "node_modules/minimalistic-assert": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A=="
-    },
     "node_modules/minimatch": {
       "version": "9.0.4",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
@@ -1117,19 +923,6 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
-    "node_modules/mnemonist": {
-      "version": "0.39.8",
-      "resolved": "https://registry.npmjs.org/mnemonist/-/mnemonist-0.39.8.tgz",
-      "integrity": "sha512-vyWo2K3fjrUw8YeeZ1zF0fy6Mu59RHokURlld8ymdUPjMlD9EC9ov1/YPqTgqRvUN9nTr3Gqfz29LYAmu0PHPQ==",
-      "dependencies": {
-        "obliterator": "^2.0.1"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
@@ -1261,11 +1054,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/obliterator": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/obliterator/-/obliterator-2.0.4.tgz",
-      "integrity": "sha512-lgHwxlxV1qIg1Eap7LgIeoBWIMFibOjbrYPIPJZcI1mmGAI2m3lNYpK12Y+GBdPQ0U1hRwSord7GIaawz962qQ=="
-    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -1509,15 +1297,6 @@
         }
       ]
     },
-    "node_modules/ramda": {
-      "version": "0.29.1",
-      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.29.1.tgz",
-      "integrity": "sha512-OfxIeWzd4xdUNxlWhgFazxsA/nl3mS4/jGZI5n00uWOoSSFRhC1b6gl6xvmzUamgmqELraWp0J/qqVlXYPDPyA==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/ramda"
-      }
-    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -1620,11 +1399,6 @@
         "queue-microtask": "^1.2.2"
       }
     },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-    },
     "node_modules/scheduler": {
       "version": "0.23.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
@@ -1928,17 +1702,6 @@
         "node": ">=14.17"
       }
     },
-    "node_modules/undici": {
-      "version": "5.28.4",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-5.28.4.tgz",
-      "integrity": "sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==",
-      "dependencies": {
-        "@fastify/busboy": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=14.0"
-      }
-    },
     "node_modules/undici-types": {
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
@@ -1959,29 +1722,6 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "dev": true
     },
-    "node_modules/warp-arbundles": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/warp-arbundles/-/warp-arbundles-1.0.4.tgz",
-      "integrity": "sha512-KeRac/EJ7VOK+v5+PSMh2SrzpCKOAFnJICLlqZWt6qPkDCzVwcrNE5wFxOlEk5U170ewMDAB3e86UHUblevXpw==",
-      "dependencies": {
-        "arweave": "^1.13.7",
-        "base64url": "^3.0.1",
-        "buffer": "^6.0.3",
-        "warp-isomorphic": "^1.0.7"
-      }
-    },
-    "node_modules/warp-isomorphic": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/warp-isomorphic/-/warp-isomorphic-1.0.7.tgz",
-      "integrity": "sha512-fXHbUXwdYqPm9fRPz8mjv5ndPco09aMQuTe4kXfymzOq8V6F3DLsg9cIafxvjms9/mc6eijzkLBJ63yjEENEjA==",
-      "dependencies": {
-        "buffer": "^6.0.3",
-        "undici": "^5.19.1"
-      },
-      "engines": {
-        "node": ">=16.8.0"
-      }
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -2100,14 +1840,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/zod": {
-      "version": "3.23.8",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
-      "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
     "node_modules/zustand": {
       "version": "4.5.2",
       "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.2.tgz",
diff --git a/package.json b/package.json
index 3619f39..95d49d0 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@betteridea/codecell": "^1.3.0",
+    "@betteridea/codecell": "^1.3.1",
     "next": "14.2.2",
     "prismjs": "^1.29.0",
     "react": "^18",
diff --git a/public/ddMes.png b/public/ddMes.png
new file mode 100644
index 0000000..0f98851
Binary files /dev/null and b/public/ddMes.png differ