@docyrus/ui-pro-ai-assistant 0.5.4 → 0.5.5

package/dist/index.js

@@ -10243,6 +10243,152 @@ function CreateRecord({
     resultMessage && /* @__PURE__ */ jsx("div", { className: `text-xs font-medium ${resultError ? "text-destructive" : "text-green-600"}`, children: resultMessage })
   ] });
 }
+function safeParseArray(value) {
+  if (value == null) return null;
+  if (Array.isArray(value)) return value.filter((id) => typeof id === "string");
+  if (typeof value === "string") {
+    try {
+      const parsed = JSON.parse(value);
+      return Array.isArray(parsed) ? parsed.filter((id) => typeof id === "string") : null;
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
+function DeleteRecord({
+  dataSourceId,
+  recordId,
+  recordIds,
+  state,
+  toolName = "deleteRecord",
+  toolCallId,
+  onToolAction
+}) {
+  const apiClient = useApiClient();
+  const [loading, setLoading] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const [resultMessage, setResultMessage] = useState("");
+  const [resultError, setResultError] = useState(false);
+  const { dataSource, loading: fieldsLoading } = useResolvedRecordFields(dataSourceId);
+  const parsedRecordIds = useMemo(() => safeParseArray(recordIds), [recordIds]);
+  const isBatch = parsedRecordIds != null && parsedRecordIds.length > 0;
+  const recordCount = isBatch && parsedRecordIds ? parsedRecordIds.length : 1;
+  const dataSourceName = dataSource?.name || "record";
+  const emitResult = (input) => {
+    onToolAction({
+      tool: toolName,
+      toolCallId,
+      decision: "submit",
+      input
+    });
+  };
+  const handleApprove = async () => {
+    if (!dataSource) {
+      const message = "Data source metadata not available";
+      setResultError(true);
+      setResultMessage(message);
+      emitResult({ success: false, error: message });
+      return;
+    }
+    if (!isBatch && !recordId) {
+      const message = "Either recordId or recordIds must be provided";
+      setResultError(true);
+      setResultMessage(message);
+      emitResult({ success: false, error: message });
+      return;
+    }
+    setLoading(true);
+    setResultError(false);
+    try {
+      const { appSlug, dsSlug } = dataSource;
+      const baseEndpoint = `/apps/${appSlug}/data-sources/${dsSlug}/items/`;
+      const result = isBatch && parsedRecordIds ? await apiClient.deleteWithBody(baseEndpoint, { recordIds: parsedRecordIds }) : await apiClient.delete(`${baseEndpoint}${recordId}`);
+      if (!result?.success) {
+        throw new Error(
+          typeof result?.error === "string" ? result.error : "Failed to delete record(s)"
+        );
+      }
+      setSubmitted(true);
+      setResultMessage(
+        isBatch ? `${recordCount} record(s) deleted successfully` : "Record deleted successfully"
+      );
+      emitResult({
+        success: true,
+        data: result.data,
+        count: isBatch ? recordCount : 1
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to delete record(s)";
+      console.warn("[delete-record] delete failed", error);
+      setResultError(true);
+      setResultMessage(message);
+      emitResult({ success: false, error: message });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleReject = () => {
+    setSubmitted(true);
+    setResultError(true);
+    setResultMessage("Deletion cancelled by user");
+    emitResult({ success: false, error: "User cancelled the deletion" });
+  };
+  const showActionButtons = state !== "output-available" && !submitted;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Trash2, { className: "size-5 text-rose-500" }),
+      /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm", children: isBatch ? `Delete ${recordCount} ${dataSourceName}` : `Delete ${dataSourceName}` })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: isBatch ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      recordCount,
+      " record(s) will be permanently deleted."
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      "Record ",
+      /* @__PURE__ */ jsx("span", { className: "font-mono", children: recordId || "-" }),
+      " will be permanently deleted."
+    ] }) }),
+    fieldsLoading && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }),
+      "Loading data source\u2026"
+    ] }),
+    showActionButtons && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "destructive",
+          size: "sm",
+          disabled: loading || fieldsLoading,
+          onClick: handleApprove,
+          children: [
+            loading ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" }),
+            isBatch ? `Delete ${recordCount} Records` : "Delete Record"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: loading,
+          onClick: handleReject,
+          children: [
+            /* @__PURE__ */ jsx(XCircle, { className: "size-3.5" }),
+            "Cancel"
+          ]
+        }
+      )
+    ] }),
+    resultMessage && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `text-xs font-medium ${resultError ? "text-destructive" : "text-emerald-600"}`,
+        children: resultMessage
+      }
+    )
+  ] });
+}
 function safeParse2(value) {
   if (value == null) return null;
   if (typeof value === "string") {
@@ -13881,6 +14027,20 @@ function GenerativeUITool({
       }
     ) });
   }
+  if (toolName === "deleteRecord") {
+    return /* @__PURE__ */ jsx("div", { className: "not-prose mb-4 w-full", children: /* @__PURE__ */ jsx(
+      DeleteRecord,
+      {
+        dataSourceId: part.input?.dataSourceId,
+        recordId: part.input?.recordId,
+        recordIds: part.input?.recordIds,
+        state: part.state,
+        toolName,
+        toolCallId: part.toolCallId,
+        onToolAction
+      }
+    ) });
+  }
   if (toolName === "showCreateRecordForm" || toolName === "showUpdateRecordForm" || toolName === "showRecordDetailsForm") {
     const recordMode = toolName === "showCreateRecordForm" ? "add" : toolName === "showUpdateRecordForm" ? "edit" : "view";
     const dataSourceId = part.input?.dataSourceId || part.output?.result?.dataSourceId;
@@ -14392,7 +14552,8 @@ var INTERACTIVE_GENERATIVE_TOOLS = /* @__PURE__ */ new Set([
   "requestUserInput",
   "createRecord",
   "updateRecord",
-  "viewRecord"
+  "viewRecord",
+  "deleteRecord"
 ]);
 function CopyButton({ text }) {
   const { t } = useAssistantTranslation();
@@ -17737,7 +17898,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button30 = withTooltip(({
+var Button31 = withTooltip(({
   active,
   asChild = false,
   children,
@@ -18345,7 +18506,7 @@ function AIMenu() {
               }
             ),
             /* @__PURE__ */ jsx(
-              Button30,
+              Button31,
               {
                 className: "no-focus-ring mt-1 shrink-0",
                 disabled: !isLoading && input.trim().length === 0,
@@ -19219,7 +19380,7 @@ function Comment(props) {
           ] }),
           isMyComment && (hovering || dropdownOpen) && /* @__PURE__ */ jsxs("div", { className: "absolute top-0 right-0 flex space-x-1", children: [
             index === 0 && /* @__PURE__ */ jsx(
-              Button30,
+              Button31,
               {
                 className: "h-6 p-1 text-muted-foreground",
                 onClick: onResolveComment,
@@ -19268,7 +19429,7 @@ function Comment(props) {
             ),
             isEditing && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 gap-1", children: [
               /* @__PURE__ */ jsx(
-                Button30,
+                Button31,
                 {
                   className: "size-[28px]",
                   onClick: (e) => {
@@ -19281,7 +19442,7 @@ function Comment(props) {
                 }
               ),
               /* @__PURE__ */ jsx(
-                Button30,
+                Button31,
                 {
                   onClick: (e) => {
                     e.stopPropagation();
@@ -19349,7 +19510,7 @@ function CommentMoreDropdown(props) {
       onOpenChange: setDropdownOpen,
       open: dropdownOpen,
       children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger3, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Button30, { className: cn("h-6 p-1 text-muted-foreground"), variant: "ghost", children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(DropdownMenuTrigger3, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Button31, { className: cn("h-6 p-1 text-muted-foreground"), variant: "ghost", children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }) }) }),
         /* @__PURE__ */ jsx(
           DropdownMenuContent3,
           {
@@ -19521,7 +19682,7 @@ function CommentCreateForm({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button30,
+            Button31,
             {
               className: "absolute right-0 bottom-0 ml-auto shrink-0",
               disabled: commentContent.trim().length === 0,
@@ -19855,7 +20016,7 @@ function BlockSuggestionCard({
           )),
           hovering && /* @__PURE__ */ jsxs("div", { className: "absolute top-4 right-4 flex gap-2", children: [
             /* @__PURE__ */ jsx(
-              Button30,
+              Button31,
               {
                 variant: "ghost",
                 className: "size-6 p-1 text-muted-foreground",
@@ -19864,7 +20025,7 @@ function BlockSuggestionCard({
               }
             ),
             /* @__PURE__ */ jsx(
-              Button30,
+              Button31,
               {
                 variant: "ghost",
                 className: "size-6 p-1 text-muted-foreground",
@@ -20334,7 +20495,7 @@ var BlockCommentsContent = ({
           }
         ),
         totalCount > 0 && /* @__PURE__ */ jsx("div", { className: "relative left-0 size-0 select-none", children: /* @__PURE__ */ jsx(PopoverTrigger11, { asChild: true, children: /* @__PURE__ */ jsxs(
-          Button30,
+          Button31,
           {
             className: "mt-1 ml-1 flex h-6 gap-1 px-1.5 py-0 text-muted-foreground/80 hover:text-muted-foreground/80 data-[active=true]:bg-muted",
             contentEditable: false,
@@ -22250,7 +22411,7 @@ function BlockActionButton({
   const editor = useEditorRef();
   const element = useElement();
   return /* @__PURE__ */ jsx(
-    Button30,
+    Button31,
     {
       className: cn(
         defaultStyles && "absolute top-1 right-1 opacity-0 transition-opacity group-hover:opacity-100",
@@ -22589,7 +22750,7 @@ function EmojiPickerSearchAndClear({
       }
     ),
     searchValue && /* @__PURE__ */ jsx(
-      Button30,
+      Button31,
       {
         "aria-label": "Clear",
         className: cn(
@@ -22678,7 +22839,7 @@ function EmojiPickerNavigation({
       id: "emoji-nav",
       children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
         emojiLibrary.getGrid().sections().map(({ id }) => /* @__PURE__ */ jsx(
-          Button30,
+          Button31,
           {
             "aria-label": i18n.categories[id],
             className: cn(
@@ -22840,7 +23001,7 @@ function CalloutElement(props) {
           {
             ...emojiToolbarDropdownProps,
             control: /* @__PURE__ */ jsx(
-              Button30,
+              Button31,
               {
                 className: "size-6 select-none p-1 text-[18px] hover:bg-muted-foreground/15",
                 contentEditable: false,
@@ -23079,7 +23240,7 @@ function CodeBlockElement(props) {
             contentEditable: false,
             children: [
               /* @__PURE__ */ jsxs(
-                Button30,
+                Button31,
                 {
                   className: "relative top-0 right-0 w-auto",
                   onClick: () => {
@@ -23124,7 +23285,7 @@ function CodeBlockCombobox({ className }) {
   if (readOnly) return null;
   return /* @__PURE__ */ jsxs(Popover11, { onOpenChange: setOpen, open, children: [
     /* @__PURE__ */ jsx(PopoverTrigger11, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button30,
+      Button31,
       {
         "aria-expanded": open,
         className: cn(
@@ -23485,7 +23646,7 @@ function Draggable(props) {
                 ),
                 children: [
                   /* @__PURE__ */ jsx(
-                    Button30,
+                    Button31,
                     {
                       className: "absolute right-0 h-6 w-6 p-0",
                       "data-plate-prevent-deselect": true,
@@ -23672,7 +23833,7 @@ var DraggableInsertHandle = () => {
   const editor = useEditorRef();
   const element = useElement();
   return /* @__PURE__ */ jsx(
-    Button30,
+    Button31,
     {
       className: "size-6 shrink-0 p-1",
       onClick: (event) => {
@@ -24903,7 +25064,7 @@ function EquationPopoverContent({
             ...props
           }
         ),
-        /* @__PURE__ */ jsxs(Button30, { className: "px-3", onClick: onClose, variant: "brand", children: [
+        /* @__PURE__ */ jsxs(Button31, { className: "px-3", onClick: onClose, variant: "brand", children: [
           "Done ",
           /* @__PURE__ */ jsx(CornerDownLeftIcon, { className: "size-3.5" })
         ] })
@@ -25781,7 +25942,7 @@ function MediaPlaceholderPopover({ children }) {
             /* @__PURE__ */ jsx(TabsTrigger, { value: "password", children: "Embed link" })
           ] }),
           /* @__PURE__ */ jsxs(TabsContent, { className: "w-[300px] px-3 py-2", value: "account", children: [
-            /* @__PURE__ */ jsx(Button30, { className: "w-full", onClick: openFilePicker, variant: "brand", children: currentMedia.buttonText }),
+            /* @__PURE__ */ jsx(Button31, { className: "w-full", onClick: openFilePicker, variant: "brand", children: currentMedia.buttonText }),
             /* @__PURE__ */ jsx("div", { className: "mt-3 text-muted-foreground text-xs", children: "The maximum size per file is 5MB" })
           ] }),
           /* @__PURE__ */ jsxs(
@@ -25799,7 +25960,7 @@ function MediaPlaceholderPopover({ children }) {
                   }
                 ),
                 /* @__PURE__ */ jsx(
-                  Button30,
+                  Button31,
                   {
                     className: "mt-2 w-full max-w-[300px]",
                     onClick: () => onEmbed(embedValue),
@@ -25919,12 +26080,12 @@ function ImagePreview() {
             onClick: (e) => e.stopPropagation(),
             children: [
               !prevDisabled && !nextDisabled && /* @__PURE__ */ jsxs("div", { className: "flex rounded-sm bg-black/70", children: [
-                /* @__PURE__ */ jsx(Button30, { ...prevProps, disabled: prevDisabled, children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-5" }) }),
-                /* @__PURE__ */ jsx(Button30, { ...nextProps, disabled: nextDisabled, children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-5" }) })
+                /* @__PURE__ */ jsx(Button31, { ...prevProps, disabled: prevDisabled, children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-5" }) }),
+                /* @__PURE__ */ jsx(Button31, { ...nextProps, disabled: nextDisabled, children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-5" }) })
               ] }),
               currentPreview && /* @__PURE__ */ jsxs("div", { className: "flex rounded-sm bg-black/70", children: [
                 /* @__PURE__ */ jsx(
-                  Button30,
+                  Button31,
                   {
                     ...zommOutProps,
                     disabled: zoomOutDisabled,
@@ -25937,7 +26098,7 @@ function ImagePreview() {
                   /* @__PURE__ */ jsx("div", { children: "%" })
                 ] }),
                 /* @__PURE__ */ jsx(
-                  Button30,
+                  Button31,
                   {
                     ...zoomInProps,
                     disabled: zoomInDisabled,
@@ -25946,7 +26107,7 @@ function ImagePreview() {
                   }
                 ),
                 /* @__PURE__ */ jsx(
-                  Button30,
+                  Button31,
                   {
                     onClick: () => {
                       void downloadFile(currentPreview.url, currentPreview.id);
@@ -25955,7 +26116,7 @@ function ImagePreview() {
                     children: /* @__PURE__ */ jsx(CircleArrowDown, { className: "size-4" })
                   }
                 ),
-                /* @__PURE__ */ jsx(Button30, { ...closeProps, tooltip: "Close", children: /* @__PURE__ */ jsx(Minimize2, { className: "size-4" }) })
+                /* @__PURE__ */ jsx(Button31, { ...closeProps, tooltip: "Close", children: /* @__PURE__ */ jsx(Minimize2, { className: "size-4" }) })
               ] })
             ]
           }
@@ -26595,7 +26756,7 @@ var TableElement = withHOC(
                   "group-has-[tr:last-child:hover]/table:opacity-100 max-sm:group-has-[tr[data-selected]:last-child]/table:opacity-100"
                 ),
                 children: /* @__PURE__ */ jsx(
-                  Button30,
+                  Button31,
                   {
                     className: "flex h-4 w-full grow items-center justify-center bg-muted",
                     onClick: () => tf.insert.tableRow({ at: editor.api.findPath(element) }),
@@ -26617,7 +26778,7 @@ var TableElement = withHOC(
                   "group-has-[td:last-child:hover,th:last-child:hover]/table:opacity-100 max-sm:group-has-[td[data-selected]:last-child,th[data-selected]:last-child]/table:opacity-100"
                 ),
                 children: /* @__PURE__ */ jsx(
-                  Button30,
+                  Button31,
                   {
                     className: "flex h-full w-4 grow items-center justify-center bg-muted",
                     onClick: () => tf.insert.tableColumn({
@@ -26641,7 +26802,7 @@ var TableElement = withHOC(
                   "group-has-[td:last-child:hover,th:last-child:hover]/table:group-has-[tr:last-child:hover]/table:opacity-100 max-sm:group-has-[td[data-selected]:last-child,th[data-selected]:last-child]/table:group-has-[tr[data-selected]:last-child]/table:opacity-100"
                 ),
                 children: /* @__PURE__ */ jsx(
-                  Button30,
+                  Button31,
                   {
                     className: "flex size-4 items-center justify-center rounded-full bg-muted",
                     onClick: () => {
@@ -26847,7 +27008,7 @@ function TocElement(props) {
   const { headingList } = state;
   return /* @__PURE__ */ jsxs(PlateElement, { ...props, className: "my-1", children: [
     /* @__PURE__ */ jsx("div", { contentEditable: false, children: headingList.length > 0 ? headingList.map((item) => /* @__PURE__ */ jsx(
-      Button30,
+      Button31,
       {
         "aria-current": true,
         className: headingItemVariants({ depth: item.depth }),
@@ -27949,7 +28110,7 @@ function TocElementStatic(props) {
   const headingList = getHeadingList(editor);
   return /* @__PURE__ */ jsxs(SlateElement, { ...props, className: "mb-1 p-0", children: [
     /* @__PURE__ */ jsx("div", { children: headingList.length > 0 ? headingList.map((item) => /* @__PURE__ */ jsx(
-      Button30,
+      Button31,
       {
         className: headingItemVariants2({ depth: item.depth }),
         variant: "ghost",