@nerdjs/sales-kit 3.0.7 → 3.0.8

package/dist/hooks/archerIntelligence/archerIntelligence.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Alert, Box, Button, Checkbox, Chip, CircularProgress, IconButton, Input, Option, Select, Sheet, Switch, Typography, useColorScheme, } from "@mui/joy";
+import { Alert, Box, Button, Chip, CircularProgress, IconButton, Input, Option, Select, Sheet, Switch, Typography, useColorScheme, } from "@mui/joy";
 import { Portal } from "@mui/material";
 import { useGetCurrentUserQuery } from "@nerdjs/account-kit";
-import { NerdFileUpload, showNotification, useNerdConfirm, } from "@nerdjs/nerd-ui";
+import { NerdDraggableDialog, NerdFileUpload, showNotification, useNerdConfirm, } from "@nerdjs/nerd-ui";
 import { DateTime } from "luxon";
 import { lazy, Suspense, useEffect, useMemo, useRef, useState } from "react";
 import { useDispatch } from "react-redux";
-import { salesApi } from "../../redux";
-import { useApplyDocaiDocumentMutation, useUploadDocaiDocumentMutation, } from "../../redux/document";
-import { useCreateLoadPromptMutation, useDeleteLoadPromptMutation, useGetLoadPromptsQuery, useUpdateLoadPromptMutation, } from "../../redux/loadPrompt/loadPromptEndpoints";
+import { salesApi, useUploadArcherFileMutation } from "../../redux";
+import { useApplyDocaiDocumentMutation } from "../../redux/document";
+import { useCreateGoldenExampleMutation, useDeleteGoldenExampleMutation, useGetGoldenExampleQuery, useGetGoldenExamplesQuery, useUpdateGoldenExampleMutation, } from "../../redux/goldenExample/goldenExampleEndpoints";
+import { useProcessPDFMutation } from "../../redux/processPDF";
 const CodeMirror = lazy(() => import("@uiw/react-codemirror"));
 const getJsonLang = async () => {
     const json = await import("@codemirror/lang-json");
@@ -47,29 +48,32 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
     const [open, setOpen] = useState(false);
     const [file, setFile] = useState();
     const [sessionID, setSessionID] = useState();
-    const [loadPromptSessionID, setLoadPromptSessionID] = useState("");
-    const [loadPromptID, setLoadPromptID] = useState();
+    const [goldenExampleSessionID, setGoldenExampleSessionID] = useState("");
+    const [goldenExampleID, setGoldenExampleID] = useState();
+    const { data: goldenExample } = useGetGoldenExampleQuery(parseInt(`${goldenExampleID}`), {
+        skip: !goldenExampleID,
+    });
     const [loading, setLoading] = useState(false);
     const [jsonMode, setJsonMode] = useState(false);
-    const [expanded, setExpanded] = useState(false);
     const [checkboxes, setCheckboxes] = useState([]);
-    const [upload] = useUploadDocaiDocumentMutation();
+    const [processPDF] = useProcessPDFMutation();
     const dispatch = useDispatch();
     const [json, setJson] = useState("");
     const [load, setLoad] = useState();
-    const { data } = useGetLoadPromptsQuery();
+    const { data } = useGetGoldenExamplesQuery();
     const { mode, systemMode } = useColorScheme();
     const [consoleMode, setConsoleMode] = useState(false);
     const isDark = mode == "dark" || (mode == "system" && systemMode == "dark");
     const codeMirrorRef = useRef(null);
     const [error, setError] = useState("");
     const [applyToLoad] = useApplyDocaiDocumentMutation();
+    const [uploadDocument] = useUploadArcherFileMutation();
     const [newPrompt, setNewPrompt] = useState(false);
     const { data: user } = useGetCurrentUserQuery();
-    const [loadPromptLoading, setLoadPromptLoading] = useState(false);
-    const [updateLoadPrompt] = useUpdateLoadPromptMutation();
-    const [deleteLoadPrompt] = useDeleteLoadPromptMutation();
-    const [createLoadPrompt] = useCreateLoadPromptMutation();
+    const [goldenExampleLoading, setGoldenExampleLoading] = useState(false);
+    const [updateGoldenExample] = useUpdateGoldenExampleMutation();
+    const [deleteGoldenExample] = useDeleteGoldenExampleMutation();
+    const [createGoldenExample] = useCreateGoldenExampleMutation();
     const confirm = useNerdConfirm();
     // const isAIMAnager = true;
     const isAIMAnager = user?.groups?.find((g) => g.groupName === "AI Manager") ||
@@ -86,13 +90,10 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
             }, children: _jsx("object", { data: URL.createObjectURL(file), type: "application/pdf", style: { flexGrow: 1, height: "100%" }, children: _jsxs("p", { children: ["Your browser does not support PDFs. You can download the file", " ", _jsx("a", { href: URL.createObjectURL(file), children: "here" }), "."] }) }) }));
     }, [file]);
     useEffect(() => {
-        if (consoleMode) {
-            setExpanded(true);
-        }
-        else {
-            setExpanded(false);
+        if (goldenExample) {
+            setLoad(goldenExample.json_content);
         }
-    }, [consoleMode]);
+    }, [goldenExample]);
     useEffect(() => {
         if (jsonMode) {
             try {
@@ -116,7 +117,6 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
             .catch((e) => console.error(e));
     }, []);
     const reset = () => {
-        setLoadPromptID(undefined);
         setSessionID(undefined);
         setLoad(undefined);
         setJsonMode(false);
@@ -126,129 +126,149 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
         setConsoleMode(false);
         setCheckboxes([]);
         setError("");
-        setLoadPromptID(undefined);
-        setLoadPromptLoading(false);
+        setGoldenExampleID(undefined);
+        setGoldenExampleLoading(false);
         setLoading(false);
-        setExpanded(false);
     };
     const documentTypes = data?.ids
         .reduce((a, v) => {
-        if (data.entities[v]?.session_id != null &&
-            !a.includes(data.entities[v].session_id)) {
-            a.push(data.entities[v].session_id);
+        if (data.entities[v]?.file_type != null &&
+            !a.includes(data.entities[v].file_type)) {
+            a.push(data.entities[v].file_type);
         }
         return a;
     }, [])
         .sort();
-    function purgeLoad(obj, path) {
-        if (Array.isArray(obj)) {
-            for (let i = 0; i < obj.length; i++) {
-                purgeLoad(obj[i], `${path}-${i}`);
-            }
-        }
-        else if (typeof obj === "object" && obj !== null) {
-            for (const key in obj) {
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    if (checkboxes.includes(`${path}-${key}`)) {
-                        delete obj[key];
-                    }
-                    else {
-                        purgeLoad(obj[key], `${path}-${key}`);
-                    }
-                }
-            }
-        }
-        return obj;
-    }
-    const apply = () => {
+    // function purgeLoad(obj: any, path: string) {
+    //   if (Array.isArray(obj)) {
+    //     for (let i = 0; i < obj.length; i++) {
+    //       purgeLoad(obj[i], `${path}-${i}`);
+    //     }
+    //   } else if (typeof obj === "object" && obj !== null) {
+    //     for (const key in obj) {
+    //       if (Object.prototype.hasOwnProperty.call(obj, key)) {
+    //         if (checkboxes.includes(`${path}-${key}`)) {
+    //           delete obj[key];
+    //         } else {
+    //           purgeLoad(obj[key], `${path}-${key}`);
+    //         }
+    //       }
+    //     }
+    //   }
+    //   return obj;
+    // }
+    const apply = async () => {
         if (load) {
             setLoading(true);
-            applyToLoad({
-                load: {
-                    ...purgeLoad(JSON.parse(JSON.stringify(load)), ""),
-                    quoteID,
-                    loadID,
-                },
-            })
-                .unwrap()
-                .then(() => {
-                setLoading(false);
-                confirm.setOpen({
-                    content: "Changes have been applied to the load",
-                    title: "Success",
-                    actions: [],
+            const archerFile = await uploadDocument({
+                modelType: "Load",
+                modelID: loadID,
+                description: "Rate Confirmation",
+                file: file,
+            }).unwrap();
+            console.log(archerFile);
+            debugger;
+            if (archerFile?.id) {
+                console.log({
+                    ...load,
+                    archer_file_id: archerFile.id,
+                    quote_id: quoteID,
+                    load_id: loadID,
                 });
-                reset();
-                setOpen(false);
-                dispatch(salesApi.util.invalidateTags(["loads"]));
-            })
-                .catch((e) => {
-                setError(e.data.message);
+                debugger;
+                applyToLoad({
+                    load: {
+                        ...load,
+                        archer_file_id: archerFile.id,
+                        quote_id: quoteID,
+                        load_id: loadID,
+                    },
+                })
+                    .unwrap()
+                    .then(() => {
+                    setLoading(false);
+                    confirm.setOpen({
+                        content: "Changes have been applied to the load",
+                        title: "Success",
+                        actions: [],
+                    });
+                    reset();
+                    setOpen(false);
+                    dispatch(salesApi.util.invalidateTags(["loads"]));
+                })
+                    .catch((e) => {
+                    setError(e.data.message);
+                    setLoading(false);
+                });
+            }
+            else {
                 setLoading(false);
-            });
+            }
         }
     };
     const deletePrompt = () => {
-        if (loadPromptID)
+        if (goldenExampleID)
             confirm.setOpen({
-                content: "Are you sure you want to delete this load prompt?",
+                content: "Are you sure you want to delete this Golden Example?",
                 title: "Are you sure?",
                 onConfirm() {
-                    deleteLoadPrompt(loadPromptID);
+                    deleteGoldenExample(goldenExampleID);
                     setFile(undefined);
                     setLoad(undefined);
-                    setLoadPromptID(undefined);
+                    setGoldenExampleID(undefined);
                 },
             });
     };
     const savePrompt = () => {
-        if (loadPromptID) {
-            const loadPrompt = data?.entities[loadPromptID];
-            setLoadPromptLoading(true);
-            updateLoadPrompt({
-                id: loadPromptID,
+        if (goldenExampleID) {
+            const goldenExample = data?.entities[goldenExampleID];
+            setGoldenExampleLoading(true);
+            updateGoldenExample({
+                id: goldenExampleID,
                 body: {
-                    ...loadPrompt,
-                    session_id: loadPromptSessionID,
+                    ...goldenExample,
+                    file_type: goldenExampleSessionID,
                     load: { ...load },
                 },
             })
                 .unwrap()
                 .then(() => {
-                setLoadPromptLoading(false);
+                setGoldenExampleLoading(false);
                 confirm.setOpen({
-                    content: "The load prompt has been updated",
+                    content: "The Golden Example has been updated",
                     title: "Success",
                     actions: [],
                 });
             })
                 .catch((e) => {
                 setError(e.data.message);
-                setLoadPromptLoading(false);
+                setGoldenExampleLoading(false);
             });
         }
         else if (file) {
-            createLoadPrompt({
-                payload: { session_id: loadPromptSessionID, load },
+            createGoldenExample({
+                payload: load,
+                file_type: goldenExampleSessionID,
                 file,
             })
                 .unwrap()
                 .then(() => {
-                setLoadPromptLoading(false);
+                setGoldenExampleLoading(false);
                 confirm.setOpen({
-                    content: "The load prompt has been created",
+                    content: "The Golden Example has been created",
                     title: "Success",
                     actions: [],
                 });
             })
                 .catch((e) => {
                 setError(e.data.message);
-                setLoadPromptLoading(false);
+                setGoldenExampleLoading(false);
             });
         }
     };
     const errorBox = (_jsx(Alert, { size: "sm", color: "danger", endDecorator: _jsx(IconButton, { size: "sm", onClick: () => setError(""), children: _jsx("i", { className: "fa-solid fa-xmark" }) }), children: error }));
-    const consoleToolbar = (_jsxs(Box, { sx: {
+    const consoleToolbar = (_jsxs(Box, { id: "draggable-area", sx: {
+            cursor: "move",
             position: "sticky",
             top: 0,
             borderBottom: "solid 1px #9e9e9e44",
@@ -257,18 +277,17 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
             justifyContent: "end",
             width: "100%",
             alignItems: "center",
-            zIndex: 2147483001,
         }, children: [_jsx(Select
             // disabled={!sessionID}
             , { 
                 // disabled={!sessionID}
-                value: loadPromptID, onChange: (_e, v) => {
-                    setLoadPromptID(v);
-                    setLoadPromptSessionID(data?.entities[v]?.session_id ?? "");
-                    setSessionID(data?.entities[v]?.session_id ?? "");
-                    setLoad(data?.entities[v]?.load);
-                    setJson(JSON.stringify(data?.entities[v]?.load, null, 4));
-                    fetch(`${window._APP_CONFIG?.api?.endpoint}/v3/robinai/goldenExamples/${data?.entities[v]?.id}/download/${data?.entities[v]?.file.id}`, {
+                value: goldenExampleID, onChange: (_e, v) => {
+                    setGoldenExampleID(v);
+                    setGoldenExampleSessionID(data?.entities[v]?.file_type ?? "");
+                    // setSessionID(data?.entities[v!]?.file_type ?? "");
+                    // setLoad(data?.entities[v!]?.load);
+                    // setJson(JSON.stringify(data?.entities[v!]?.load, null, 4));
+                    fetch(`${window._APP_CONFIG?.api?.endpoint}/v3/robinai/goldenExamples/${data?.entities[v]?.id}/pdf`, {
                         credentials: "include",
                         method: "GET",
                     })
@@ -276,21 +295,22 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                         .then((blob) => {
                         setFile(new File([blob], "document.pdf", { type: blob.type }));
                     });
-                }, startDecorator: "Load Prompt:", endDecorator: loadPromptID ? (_jsx(IconButton, { variant: "plain", onClick: () => {
-                        setLoadPromptID(null);
+                }, startDecorator: "Golden Example:", endDecorator: goldenExampleID ? (_jsx(IconButton, { variant: "plain", onClick: () => {
+                        setGoldenExampleID(null);
                         setLoad(undefined);
                         setFile(undefined);
-                    }, children: _jsx("i", { className: "fa-solid fa-xmark" }) })) : undefined, variant: loadPromptID ? "soft" : "outlined", size: "sm", children: data?.ids.map((id) => (_jsx(Option, { value: data.entities[id]?.id, children: _jsx(Typography, { level: "body-md", endDecorator: _jsxs(Typography, { level: "body-xs", children: ["#", data.entities[id]?.id] }), children: data.entities[id]?.session_id }) }, id))) }), _jsx(Chip, { onClick: () => {
+                    }, children: _jsx("i", { className: "fa-solid fa-xmark" }) })) : undefined, variant: goldenExampleID ? "soft" : "outlined", size: "sm", children: data?.ids.map((id) => (_jsx(Option, { value: data.entities[id]?.id, children: _jsx(Typography, { level: "body-md", endDecorator: _jsxs(Typography, { level: "body-xs", children: ["#", data.entities[id]?.id] }), children: data.entities[id]?.file_type }) }, id))) }), _jsx(Chip, { onClick: () => {
                     setNewPrompt(true);
                     setLoad(undefined);
                     setFile(undefined);
-                    setLoadPromptID(null);
+                    setGoldenExampleID(null);
                     setSessionID("");
                     setJson("");
-                }, startDecorator: _jsx("i", { className: "fa-solid fa-plus" }), size: "sm", children: "Prompt" }), _jsx(Box, { sx: { flexGrow: 1 } }), loadPromptID ? (_jsx(Chip, { startDecorator: _jsx("i", { className: "fa-solid fa-trash" }), color: "danger", size: "sm", onClick: deletePrompt, children: "Delete" })) : ([]), _jsx(Typography, { component: "label", sx: { cursor: "pointer" }, level: "body-xs", endDecorator: _jsx(Switch, { size: "sm", checked: jsonMode, onChange: (e) => setJsonMode(e.target.checked) }), children: "JSON" }), _jsx(IconButton, { onClick: () => {
+                }, startDecorator: _jsx("i", { className: "fa-solid fa-plus" }), size: "sm", children: "Golden Example" }), _jsx(Box, { sx: { flexGrow: 1 } }), goldenExampleID ? (_jsx(Chip, { startDecorator: _jsx("i", { className: "fa-solid fa-trash" }), color: "danger", size: "sm", onClick: deletePrompt, children: "Delete" })) : ([]), _jsx(Typography, { component: "label", sx: { cursor: "pointer" }, level: "body-xs", endDecorator: _jsx(Switch, { size: "sm", checked: jsonMode, onChange: (e) => setJsonMode(e.target.checked) }), children: "JSON" }), _jsx(IconButton, { onClick: () => {
                     reset();
                 }, children: _jsx("i", { className: "fa-solid fa-xmark" }) })] }));
-    const toolbar = (_jsxs(Box, { sx: {
+    const toolbar = (_jsxs(Box, { id: "draggable-area", sx: {
+            cursor: "move",
             position: "sticky",
             top: 0,
             borderBottom: "solid 1px #9e9e9e44",
@@ -299,10 +319,9 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
             justifyContent: "end",
             width: "100%",
             alignItems: "center",
-            zIndex: 2147483001,
         }, children: [load ? (_jsx(Chip, { onClick: () => {
                     reset();
-                }, size: "sm", variant: "plain", startDecorator: _jsx("i", { className: "fa-solid fa-rotate-left" }), color: "neutral", children: "Restart" })) : ([]), !consoleMode && isAIMAnager ? (_jsx(Chip, { startDecorator: _jsx("i", { className: "fa-light fa-brain-circuit" }), variant: "plain", size: "sm", onClick: () => setConsoleMode(true), children: "Console" })) : ([]), _jsx(Box, { sx: { flexGrow: 1 } }), _jsx(Typography, { component: "label", sx: { cursor: "pointer" }, level: "body-xs", endDecorator: _jsx(Switch, { size: "sm", checked: jsonMode, onChange: (e) => setJsonMode(e.target.checked) }), children: "JSON" }), _jsx(IconButton, { onClick: () => setExpanded((o) => !o), children: expanded ? (_jsx("i", { className: "fa-solid fa-arrow-down-left-and-arrow-up-right-to-center" })) : (_jsx("i", { className: "fa-solid fa-arrow-up-right-and-arrow-down-left-from-center" })) })] }));
+                }, size: "sm", variant: "plain", startDecorator: _jsx("i", { className: "fa-solid fa-rotate-left" }), color: "neutral", children: "Restart" })) : ([]), !consoleMode && isAIMAnager ? (_jsx(Chip, { startDecorator: _jsx("i", { className: "fa-light fa-brain-circuit" }), variant: "plain", size: "sm", onClick: () => setConsoleMode(true), children: "Console" })) : ([]), _jsx(Box, { sx: { flexGrow: 1 } }), _jsx(Typography, { component: "label", sx: { cursor: "pointer" }, level: "body-xs", endDecorator: _jsx(Switch, { size: "sm", checked: jsonMode, onChange: (e) => setJsonMode(e.target.checked) }), children: "JSON" }), _jsx(IconButton, { onClick: () => setOpen(false), children: _jsx("i", { className: "fa-solid fa-xmark" }) })] }));
     const uploadTemplate = (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
                     display: "flex",
                     alignItems: "center",
@@ -336,18 +355,20 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                                 variant: "non-intrusive",
                             })) })) })] }), _jsx(Button, { onClick: () => {
                     setLoading(true);
-                    upload({
+                    processPDF({
                         file: file,
-                        sessionID: sessionID,
-                        load: { load_id: loadID, quote_id: quoteID },
+                        file_type: sessionID,
+                        // load: { load_id: loadID, quote_id: quoteID },
                     })
                         .unwrap()
                         .then((e) => {
+                        const a = JSON.parse(JSON.stringify(e));
+                        const stops = JSON.parse(JSON.stringify(a.stops));
+                        delete a.stops;
+                        const l = { ...a, stops };
                         setLoading(false);
-                        setExpanded(true);
-                        // setJsonMode(true);
-                        setLoad(e.load);
-                        setJson(JSON.stringify(e.load, null, 4));
+                        setLoad(l);
+                        setJson(JSON.stringify(l, null, 4));
                     })
                         .catch(() => {
                         setLoading(false);
@@ -363,7 +384,7 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                 }, children: _jsx(Suspense, { fallback: _jsx(Box, { display: "flex", justifyContent: "center", width: "100%", children: _jsx(CircularProgress, {}) }), children: !jsonLib ? (_jsx(Box, { display: "flex", justifyContent: "center", width: "100%", children: _jsx(CircularProgress, {}) })) : (_jsx(CodeMirror, { value: json, onChange: (v) => {
                             setJson(v);
                         }, ref: codeMirrorRef, theme: isDark ? "dark" : "light", extensions: [jsonLib] })) }) }), _jsx(Button, { onClick: () => apply(), disabled: !load, size: "lg", fullWidth: true, children: "Apply to Load" })] }));
-    let consoleTemplate = jsonMode ? (_jsxs(_Fragment, { children: [_jsx(Input, { startDecorator: "SessionID:", size: "lg", variant: "soft", autoFocus: !loadPromptID, value: loadPromptSessionID ?? "", onChange: (e) => setLoadPromptSessionID(e.target.value) }), _jsx(Box, { sx: {
+    let consoleTemplate = jsonMode ? (_jsxs(_Fragment, { children: [_jsx(Input, { startDecorator: "File Type:", size: "lg", variant: "soft", autoFocus: !goldenExampleID, value: goldenExampleSessionID ?? "", onChange: (e) => setGoldenExampleSessionID(e.target.value) }), _jsx(Box, { sx: {
                     flex: 1,
                     height: 0,
                     width: "100%",
@@ -372,7 +393,7 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                     overflow: "auto",
                 }, children: _jsx(Suspense, { fallback: _jsx(Box, { display: "flex", justifyContent: "center", width: "100%", children: _jsx(CircularProgress, {}) }), children: !jsonLib ? (_jsx(Box, { display: "flex", justifyContent: "center", width: "100%", children: _jsx(CircularProgress, {}) })) : (_jsx(CodeMirror, { value: json, onChange: (v) => {
                             setJson(v);
-                        }, ref: codeMirrorRef, theme: isDark ? "dark" : "light", extensions: [jsonLib] })) }) }), _jsx(Button, { size: "lg", fullWidth: true, onClick: savePrompt, children: "Save Prompt" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
+                        }, ref: codeMirrorRef, theme: isDark ? "dark" : "light", extensions: [jsonLib] })) }) }), _jsx(Button, { size: "lg", fullWidth: true, onClick: savePrompt, disabled: !goldenExampleSessionID, children: "Save Golden Example" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
                     flex: 1,
                     width: "100%",
                     height: 0,
@@ -384,7 +405,7 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                     gap: 1,
                     p: 1,
                     pr: 2,
-                }, children: [_jsx(Input, { startDecorator: "SessionID:", size: "lg", variant: "soft", autoFocus: !loadPromptID, value: loadPromptSessionID ?? "", onChange: (e) => setLoadPromptSessionID(e.target.value) }), error ? errorBox : [], load
+                }, children: [_jsx(Input, { startDecorator: "File Type:", size: "lg", variant: "soft", autoFocus: !goldenExampleID, value: goldenExampleSessionID ?? "", onChange: (e) => setGoldenExampleSessionID(e.target.value) }), error ? errorBox : [], load
                         ? genForm({
                             object: load,
                             onChange: (e) => {
@@ -392,7 +413,7 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                             },
                             prefix: "",
                         })
-                        : []] }, loadPromptID), _jsx(Button, { loading: loadPromptLoading, onClick: savePrompt, size: "lg", fullWidth: true, children: "Save Prompt" })] }));
+                        : []] }, goldenExampleID), _jsx(Button, { loading: goldenExampleLoading, onClick: savePrompt, size: "lg", fullWidth: true, children: "Save Prompt" })] }));
     if (newPrompt && !load)
         consoleTemplate = (_jsx(_Fragment, { children: _jsxs(Box, { sx: {
                     display: "flex",
@@ -405,7 +426,7 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                                 WebkitBackgroundClip: "text !important",
                                 WebkitTextFillColor: "transparent",
                                 background: "linear-gradient(20deg, #0894FF, #C959DD 50%, #FF2E54 68%, #FF9004)",
-                            }, children: "New Load Prompt" }) }), _jsx(Box, { children: file ? (_jsxs(Sheet, { sx: {
+                            }, children: "New Golden Example" }) }), _jsx(Box, { children: file ? (_jsxs(Sheet, { sx: {
                                 display: "flex",
                                 p: 1,
                                 gap: 1,
@@ -459,7 +480,7 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
         if (consoleMode) {
             if (load || newPrompt)
                 return consoleTemplate;
-            return (_jsx(Typography, { startDecorator: _jsx("i", { className: "fa-solid fa-arrow-up" }), children: "Select a prompt or create a new one" }));
+            return (_jsx(Typography, { startDecorator: _jsx("i", { className: "fa-solid fa-arrow-up" }), children: "Select a Golden Example or create a new one" }));
         }
         if (jsonMode)
             return jsonTemplate;
@@ -499,22 +520,15 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                                         onChange({ ...object, [r.key]: _o });
                                     }, children: "Add" })] })] }, r.key));
             const checked = !(checkboxes.includes(`${prefix}-${r.key}`) ?? true);
-            return (_jsxs(Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [!consoleMode ? (_jsx(Checkbox, { disabled: disabled.includes(r.key) || required.includes(r.key), onChange: (e) => {
-                            if (e.target.checked) {
-                                setCheckboxes((c) => c.filter((e) => e != `${prefix}-${r.key}`));
-                            }
-                            else {
-                                setCheckboxes((c) => [...c, `${prefix}-${r.key}`]);
-                            }
-                        }, size: "sm", checked: checked })) : ([]), getUIElement({
-                        key: r.key,
-                        value: r.value,
-                        onChange: (newValue) => {
-                            onChange({ ...object, [r.key]: newValue });
-                        },
-                        checked,
-                        parentObj: object,
-                    })] }, r.key));
+            return (_jsx(Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: getUIElement({
+                    key: r.key,
+                    value: r.value,
+                    onChange: (newValue) => {
+                        onChange({ ...object, [r.key]: newValue });
+                    },
+                    checked,
+                    parentObj: object,
+                }) }, r.key));
         });
     }
     function getUIElement({ key, value, onChange, checked, parentObj, }) {
@@ -578,14 +592,9 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                         opacity: disabled.includes(key) ? 0 : 0.58,
                     }, onClick: !disabled.includes(key) ? () => onChange(null) : undefined, className: "fa-solid fa-xmark" })] }));
     }
-    return (_jsxs(_Fragment, { children: [open ? (_jsx(Sheet, { sx: {
-                    ...content,
-                    maxHeight: expanded ? "calc(100% - 104px)" : "704px",
-                    height: expanded
-                        ? "calc(100% - 104px)"
-                        : "min(704px, 100% - 104px)",
-                    width: expanded ? "1080px" : "400px",
-                }, children: _jsxs(Box, { sx: {
+    return (_jsxs(_Fragment, { children: [open ? (_jsx(NerdDraggableDialog, { draggableProps: {
+                    handle: "#draggable-area",
+                }, initialHeight: 1043, initialWidth: 1080, localStorageKeyPrefix: "archer-ai", resizable: true, sheetProps: { sx: { p: 0, overflow: "scroll" } }, children: _jsxs(Box, { sx: {
                         flex: 1,
                         display: "flex",
                         flexDirection: "column",
@@ -608,34 +617,12 @@ export function ArcherIntelligence({ loadID, quoteID, }) {
                                         width: "100%",
                                         height: "100%",
                                         overflow: "auto",
-                                    }, children: getContent() }), file && expanded && !loading ? fileRender : []] })] }) })) : ([]), _jsxs(Portal, { children: [_jsx(Sheet, { sx: {
+                                    }, children: getContent() }), file && !loading ? fileRender : []] })] }) })) : ([]), _jsxs(Portal, { children: [_jsx(Sheet, { sx: {
                             ...root,
                             filter: "blur(4px)",
                             background: "linear-gradient(108deg,#0894FF,#C959DD 34%,#FF2E54 68%,#FF9004)",
                         } }), _jsx(Sheet, { sx: root, onClick: () => setOpen((o) => !o), children: open ? (_jsx("i", { className: "fa-solid fa-chevron-down" })) : (_jsx("img", { src: "https://storage.googleapis.com/archer-app/logos/a.png", style: { height: 28 } })) })] })] }));
 }
-const content = {
-    zIndex: 2147483000,
-    position: "fixed",
-    bottom: "84px",
-    left: "20px",
-    transformOrigin: "right bottom",
-    height: "min(704px, 100% - 104px)",
-    minHeight: "80px",
-    width: "400px",
-    maxHeight: "704px",
-    borderRadius: "16px",
-    overflow: "auto",
-    boxShadow: "rgba(0, 0, 0, 0.16) 0px 5px 40px",
-    opacity: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    p: 1,
-    gap: 1,
-    transition: "max-width 200ms, width 200ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out",
-    pointerEvents: "all",
-};
 const root = {
     width: 48,
     height: 48,
@@ -643,7 +630,6 @@ const root = {
     userSelect: "none",
     bottom: 20,
     left: 20,
-    zIndex: 2147483000,
     transition: `transform 167ms cubic-bezier(0.33, 0, 0, 1)`,
     transformOrigin: `center center`,
     display: "flex",
@@ -694,15 +680,5 @@ const emptyLoad = {
     archer_file_id: 0,
     stops: [emptyStop],
 };
-const required = [
-    "quote_id",
-    "reference_number",
-    "service_level",
-    "customer",
-    "load_type",
-    "feet",
-    "pallets",
-    "weight",
-    "stops",
-];
+const required = ["quote_id", "reference_number"];
 //# sourceMappingURL=archerIntelligence.js.map