Semantic Search Triggers (#18969)

* semantic trigger test * database and model * config * embeddings maintainer and trigger post-processor * api to create, edit, delete triggers * frontend and i18n keys * use thumbnail and description for trigger types * image picker tweaks * initial sync * thumbnail file management * clean up logs and use saved thumbnail on frontend * publish mqtt messages * webpush changes to enable trigger notifications * add enabled switch * add triggers from explore * renaming and deletion fixes * fix typing * UI updates and add last triggering event time and link * log exception instead of return in endpoint * highlight entry in UI when triggered * save and delete thumbnails directly * remove alert action for now and add descriptions * tweaks * clean up * fix types * docs * docs tweaks * docs * reuse enum
2026-10-24 07:24:42 +03:00 · 2025-08-16 10:20:33 -05:00
parent 28f816b49a
commit 3609b41217
37 changed files with 2736 additions and 62 deletions
@@ -0,0 +1,80 @@
+import { useTranslation } from "react-i18next";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Trans } from "react-i18next";
+import ActivityIndicator from "@/components/indicators/activity-indicator";
+
+type DeleteTriggerDialogProps = {
+  show: boolean;
+  triggerName: string;
+  isLoading: boolean;
+  onCancel: () => void;
+  onDelete: () => void;
+};
+
+export default function DeleteTriggerDialog({
+  show,
+  triggerName,
+  isLoading,
+  onCancel,
+  onDelete,
+}: DeleteTriggerDialogProps) {
+  const { t } = useTranslation("views/settings");
+
+  return (
+    <Dialog open={show} onOpenChange={onCancel}>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>{t("triggers.dialog.deleteTrigger.title")}</DialogTitle>
+          <DialogDescription>
+            <Trans
+              ns={"views/settings"}
+              values={{ triggerName }}
+              components={{ strong: <span className="font-medium" /> }}
+            >
+              triggers.dialog.deleteTrigger.desc
+            </Trans>
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter className="flex gap-3 sm:justify-end">
+          <div className="flex flex-1 flex-col justify-end">
+            <div className="flex flex-row gap-2 pt-5">
+              <Button
+                className="flex flex-1"
+                aria-label={t("button.cancel", { ns: "common" })}
+                onClick={onCancel}
+                type="button"
+                disabled={isLoading}
+              >
+                {t("button.cancel", { ns: "common" })}
+              </Button>
+              <Button
+                variant="destructive"
+                aria-label={t("button.delete", { ns: "common" })}
+                className="flex flex-1 text-white"
+                onClick={onDelete}
+                disabled={isLoading}
+              >
+                {isLoading ? (
+                  <div className="flex flex-row items-center gap-2">
+                    <ActivityIndicator />
+                    <span>{t("button.delete", { ns: "common" })}</span>
+                  </div>
+                ) : (
+                  t("button.delete", { ns: "common" })
+                )}
+              </Button>
+            </div>
+          </div>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}