Hide Discord and support links in embedded contexts (#9135)

- CTANeedHelp: check EmbedStore.isEmbedded() and hide Discord link
- PivotEmpty: wrap Discord help link in isFetching state with isEmbedded guard
- TimeDimensionDisplay: hide Discord contact link in error state when embedded
- DashboardErrored: hide Discord help link when embedded

Resolves APP-824

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: ericokuma <ericokuma@users.noreply.github.com>

Author: ericokuma

web-admin/src/features/dashboards/DashboardErrored.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
   import CtaButton from "@rilldata/web-common/components/calls-to-action/CTAButton.svelte";
   import CancelCircleInverse from "@rilldata/web-common/components/icons/CancelCircleInverse.svelte";
+  import { EmbedStore } from "@rilldata/web-common/features/embeds/embed-store";
   import ProjectAccessControls from "../projects/ProjectAccessControls.svelte";
 
   export let organization: string;
   export let project: string;
+
+  $: isEmbedded = EmbedStore.isEmbedded();
 </script>
 
 <div class="flex flex-col justify-center items-center h-3/5 space-y-6 m-auto">
@@ -38,9 +41,11 @@
       </CtaButton>
     </svelte:fragment>
   </ProjectAccessControls>
-  <p class="text-fg-secondary">
-    Need help? Reach out to us on <a href="https://discord.gg/2ubRfjC7Rh"
-      >Discord</a
-    >
-  </p>
+  {#if !isEmbedded}
+    <p class="text-fg-secondary">
+      Need help? Reach out to us on <a href="https://discord.gg/2ubRfjC7Rh"
+        >Discord</a
+      >
+    </p>
+  {/if}
 </div>

web-common/src/components/calls-to-action/CTANeedHelp.svelte

@@ -1,6 +1,14 @@
-<p class="text-sm text-fg-secondary text-center">
-  Need help? Reach out to us on <a
-    href="https://discord.gg/2ubRfjC7Rh"
-    target="_blank">Discord</a
-  >
-</p>
+<script lang="ts">
+  import { EmbedStore } from "@rilldata/web-common/features/embeds/embed-store";
+
+  $: isEmbedded = EmbedStore.isEmbedded();
+</script>
+
+{#if !isEmbedded}
+  <p class="text-sm text-fg-secondary text-center">
+    Need help? Reach out to us on <a
+      href="https://discord.gg/2ubRfjC7Rh"
+      target="_blank">Discord</a
+    >
+  </p>
+{/if}

web-common/src/features/dashboards/pivot/PivotEmpty.svelte

@@ -16,13 +16,15 @@
     <div class="font-semibold text-fg-primary mt-1 text-lg">
       Hang tight! We're building your table...
     </div>
-    <div class="text-fg-secondary">
-      Need help? Reach out to us on <a
-        target="_blank"
-        rel="noopener"
-        href="https://discord.gg/2ubRfjC7Rh">Discord</a
-      >
-    </div>
+    {#if !isEmbedded}
+      <div class="text-fg-secondary">
+        Need help? Reach out to us on <a
+          target="_blank"
+          rel="noopener"
+          href="https://discord.gg/2ubRfjC7Rh">Discord</a
+        >
+      </div>
+    {/if}
   {:else if hasColumnAndNoMeasure}
     <EmptyMeasureIcon />
     <div class="flex flex-col items-center gap-y-2">

web-common/src/features/dashboards/time-dimension-details/TimeDimensionDisplay.svelte

@@ -4,6 +4,7 @@
     SortDirection,
     SortType,
   } from "@rilldata/web-common/features/dashboards/proto-state/derived-types";
+  import { EmbedStore } from "@rilldata/web-common/features/embeds/embed-store";
   import { getStateManagers } from "@rilldata/web-common/features/dashboards/state-managers/state-managers";
   import { metricsExplorerStore } from "@rilldata/web-common/features/dashboards/stores/dashboard-stores";
   import { useTimeControlStore } from "@rilldata/web-common/features/dashboards/time-controls/time-control-store";
@@ -25,6 +26,8 @@
   export let expandedMeasureName: string;
   export let hideStartPivotButton = false;
 
+  $: isEmbedded = EmbedStore.isEmbedded();
+
   const stateManagers = getStateManagers();
   const {
     dashboardStore,
@@ -218,13 +221,15 @@
           We encountered an error while loading the data. Please try refreshing
           the page.
         </div>
-        <div class="text-fg-secondary">
-          If the issue persists, please contact us on <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://discord.gg/2ubRfjC7Rh">Discord</a
-          >.
-        </div>
+        {#if !isEmbedded}
+          <div class="text-fg-secondary">
+            If the issue persists, please contact us on <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://discord.gg/2ubRfjC7Rh">Discord</a
+            >.
+          </div>
+        {/if}
       </div>
     </div>
   {:else if formattedData && comparisonCopy && measure}