refactor(chat): launch external browser without dialog

src/app/chat/components/external-browser-dialog.module.css

@@ -1,79 +0,0 @@
-.overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 70;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.5);
-  padding:
-    calc(var(--dialog-safe-margin, 16px) + var(--app-safe-top, 0px))
-    calc(var(--dialog-safe-margin, 16px) + var(--app-safe-right, 0px))
-    calc(var(--dialog-safe-margin, 16px) + var(--app-safe-bottom, 0px))
-    calc(var(--dialog-safe-margin, 16px) + var(--app-safe-left, 0px));
-}
-
-.dialog {
-  width: 100%;
-  max-width: var(--pwa-install-dialog-max-width, 360px);
-  padding:
-    var(--responsive-card-padding-lg, 24px)
-    var(--responsive-card-padding, 16px)
-    var(--responsive-card-padding, 16px);
-  text-align: center;
-  background: var(--color-page-background, #ffffff);
-  border-radius: var(--responsive-card-radius, 40px);
-  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-}
-
-.title {
-  margin: 0 0 10px;
-  font-size: var(--responsive-page-title, var(--font-size-22, 22px));
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--color-text-foreground, #171717);
-}
-
-.content {
-  margin:
-    0
-    var(--responsive-card-padding-lg, 24px)
-    var(--page-section-gap-lg, 24px);
-  font-size: var(--responsive-body, var(--font-size-lg, 16px));
-  line-height: 1.5;
-  text-align: left;
-  color: #393939;
-  white-space: pre-line;
-}
-
-.actions {
-  display: flex;
-  gap: var(--spacing-md, 12px);
-  width: 100%;
-}
-
-.button {
-  flex: 1 1 auto;
-  min-height: var(--pwa-button-height, 44px);
-  border: 0;
-  border-radius: var(--radius-bottom-sheet, 28px);
-  font-size: var(--responsive-body, var(--font-size-lg, 16px));
-  font-weight: 600;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.secondary {
-  color: var(--color-page-background, #ffffff);
-  background: var(--color-text-secondary, #9e9e9e);
-}
-
-.primary {
-  color: var(--color-page-background, #ffffff);
-  background: linear-gradient(
-    var(--color-button-gradient-start, #ff67e0),
-    var(--color-button-gradient-end, #ff52a2)
-  );
-}

src/app/chat/components/external-browser-dialog.tsx

@@ -1,51 +0,0 @@
-"use client";
-
-import styles from "./external-browser-dialog.module.css";
-
-export interface ExternalBrowserDialogProps {
-  open: boolean;
-  onClose: () => void;
-  onConfirm: () => void;
-}
-
-export function ExternalBrowserDialog({
-  open,
-  onClose,
-  onConfirm,
-}: ExternalBrowserDialogProps) {
-  if (!open) return null;
-
-  return (
-    <div
-      className={styles.overlay}
-      role="dialog"
-      aria-modal="true"
-      aria-labelledby="external-browser-title"
-    >
-      <div className={styles.dialog}>
-        <h2 id="external-browser-title" className={styles.title}>
-          Open in browser
-        </h2>
-        <p className={styles.content}>
-          Sync your Facebook profile to an external browser for the best chat experience.
-        </p>
-        <div className={styles.actions}>
-          <button
-            type="button"
-            className={`${styles.button} ${styles.secondary}`}
-            onClick={onClose}
-          >
-            Later
-          </button>
-          <button
-            type="button"
-            className={`${styles.button} ${styles.primary}`}
-            onClick={onConfirm}
-          >
-            Continue
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}

src/app/chat/components/index.ts

@@ -12,7 +12,6 @@ export * from "./chat-input-text-field";
 export * from "./chat-send-button";
 export * from "./chat-unlock-dialogs";
 export * from "./date-header";
-export * from "./external-browser-dialog";
 export * from "./first-recharge-offer-banner";
 export * from "./fullscreen-image-viewer";
 export * from "./history-unlock-dialog";