From bac048f60f114c0a34d6f5eaa6378a64b6429815 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 12 Aug 2025 19:37:32 +0300
Subject: [PATCH] feat(call_to_action): allow dismissal

---
 .../src/widgets/dialogs/call_to_action.tsx    |  8 +++++--
 .../dialogs/call_to_action_definitions.ts     | 23 ++++++++++++++++++-
 apps/server/src/routes/api/options.ts         |  1 +
 apps/server/src/services/options_init.ts      |  4 ++--
 packages/commons/src/lib/options_interface.ts |  2 +-
 5 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/call_to_action.tsx b/apps/client/src/widgets/dialogs/call_to_action.tsx
index 076914aab..60873e2b0 100644
--- a/apps/client/src/widgets/dialogs/call_to_action.tsx
+++ b/apps/client/src/widgets/dialogs/call_to_action.tsx
@@ -2,7 +2,7 @@ import { useState } from "preact/hooks";
 import Button from "../react/Button";
 import Modal from "../react/Modal";
 import ReactBasicWidget from "../react/ReactBasicWidget";
-import { CallToAction, getCallToActions } from "./call_to_action_definitions";
+import { CallToAction, dismissCallToAction, getCallToActions } from "./call_to_action_definitions";
 
 function CallToActionDialogComponent({ activeCallToActions }: { activeCallToActions: CallToAction[] }) {
     const [ activeIndex, setActiveIndex ] = useState(0);
@@ -30,9 +30,13 @@ function CallToActionDialogComponent({ activeCallToActions }: { activeCallToActi
             onHidden={() => setShown(false)}
             footerAlignment="between"
             footer={<>
-                <Button text="Dismiss" onClick={goToNext} />
+                <Button text="Dismiss" onClick={async () => {
+                    await dismissCallToAction(activeItem.id);
+                    goToNext();
+                }} />
                 {activeItem.buttons.map((button) =>
                     <Button text={button.text} onClick={async () => {
+                        await dismissCallToAction(activeItem.id);
                         await button.onClick();
                         goToNext();
                     }}/>   
diff --git a/apps/client/src/widgets/dialogs/call_to_action_definitions.ts b/apps/client/src/widgets/dialogs/call_to_action_definitions.ts
index 802a82a4b..84892ef33 100644
--- a/apps/client/src/widgets/dialogs/call_to_action_definitions.ts
+++ b/apps/client/src/widgets/dialogs/call_to_action_definitions.ts
@@ -52,5 +52,26 @@ const CALL_TO_ACTIONS: CallToAction[] = [
 ];
 
 export function getCallToActions() {
-    return CALL_TO_ACTIONS.filter((callToAction) => callToAction.enabled());
+    const seenCallToActions = new Set(getSeenCallToActions());
+
+    return CALL_TO_ACTIONS.filter((callToAction) =>
+        !seenCallToActions.has(callToAction.id) && callToAction.enabled());
+}
+
+export async function dismissCallToAction(id: string) {
+    const seenCallToActions = getSeenCallToActions();
+    if (seenCallToActions.find(seenId => seenId === id)) {
+        return;
+    }
+
+    seenCallToActions.push(id);
+    await options.save("seenCallToActions", JSON.stringify(seenCallToActions));
+}
+
+function getSeenCallToActions() {
+    try {
+        return JSON.parse(options.get("seenCallToActions")) as string[];
+    } catch (e) {
+        return [];
+    }
 }
diff --git a/apps/server/src/routes/api/options.ts b/apps/server/src/routes/api/options.ts
index 077c8899b..76a57a846 100644
--- a/apps/server/src/routes/api/options.ts
+++ b/apps/server/src/routes/api/options.ts
@@ -93,6 +93,7 @@ const ALLOWED_OPTIONS = new Set<OptionNames>([
     "redirectBareDomain",
     "showLoginInShareTheme",
     "splitEditorOrientation",
+    "seenCallToActions",
 
     // AI/LLM integration options
     "aiEnabled",
diff --git a/apps/server/src/services/options_init.ts b/apps/server/src/services/options_init.ts
index cb05feb2b..58fe659af 100644
--- a/apps/server/src/services/options_init.ts
+++ b/apps/server/src/services/options_init.ts
@@ -206,11 +206,11 @@ const defaultOptions: DefaultOption[] = [
     { name: "ollamaEnabled", value: "false", isSynced: true },
     { name: "ollamaDefaultModel", value: "", isSynced: true },
     { name: "ollamaBaseUrl", value: "http://localhost:11434", isSynced: true },
-
-    // Adding missing AI options
     { name: "aiTemperature", value: "0.7", isSynced: true },
     { name: "aiSystemPrompt", value: "", isSynced: true },
     { name: "aiSelectedProvider", value: "openai", isSynced: true },
+
+    { name: "seenCallToActions", value: "[]", isSynced: true }
 ];
 
 /**
diff --git a/packages/commons/src/lib/options_interface.ts b/packages/commons/src/lib/options_interface.ts
index 1cc6b419f..e0ce0f1cb 100644
--- a/packages/commons/src/lib/options_interface.ts
+++ b/packages/commons/src/lib/options_interface.ts
@@ -145,7 +145,7 @@ export interface OptionDefinitions extends KeyboardShortcutsOptions<KeyboardActi
     ollamaDefaultModel: string;
     codeOpenAiModel: string;
     aiSelectedProvider: string;
-
+    seenCallToActions: string;
 }
 
 export type OptionNames = keyof OptionDefinitions;