@agent-native/core 0.87.0 → 0.90.1

package/corpus/templates/clips/app/components/library/library-grid.tsx

@@ -1,30 +1,20 @@
 import {
   getBrowserTabId,
   setClientAppState,
-  useSession,
   useT,
 } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogFooter,
-} from "@agent-native/toolkit/ui/dialog";
-import { Input } from "@agent-native/toolkit/ui/input";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { IconAlertTriangle } from "@tabler/icons-react";
+import { useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 
 import { ShareRecordingDialog } from "@/components/player/share-dialog";
-import { isDefaultTitle } from "@/hooks/use-auto-title";
+import { Button } from "@/components/ui/button";
 import {
   useFolders,
   useRecordings,
   useTrashRecording,
   useArchiveRecording,
   useRestoreRecording,
-  useRenameRecording,
   useMoveRecording,
   type ListRecordingsArgs,
   type RecordingSummary,
@@ -109,10 +99,7 @@ export function LibraryGrid({
   const [sort, setSort] = useState<SortKey>("recent");
   const [selected, setSelected] = useState<Set<string>>(new Set());
   const selectionMode = selected.size > 0;
-  const [renamingRec, setRenamingRec] = useState<RecordingSummary | null>(null);
-  const [renameValue, setRenameValue] = useState("");
   const [sharingRec, setSharingRec] = useState<RecordingSummary | null>(null);
-  const renameInputRef = useRef<HTMLInputElement>(null);
   const [isBulkPending, setIsBulkPending] = useState(false);
   const selectionStateKey = useMemo(() => `selection:${getBrowserTabId()}`, []);
 
@@ -127,15 +114,13 @@ export function LibraryGrid({
     [view, folderId, spaceId, tagFilter, sort],
   );
 
-  const { data, isLoading } = useRecordings(args);
+  const { data, isLoading, isError, refetch, isRefetching } =
+    useRecordings(args);
   const recordings = data?.recordings ?? [];
-  const { session } = useSession();
-  const currentUserEmail = session?.email?.toLowerCase();
 
   const trashRecording = useTrashRecording();
   const archiveRecording = useArchiveRecording();
   const restoreRecording = useRestoreRecording();
-  const renameRecording = useRenameRecording();
   const moveRecording = useMoveRecording();
   const canMoveSelection = view === "library" || view === "space";
   const { data: scopedFolders } = useFolders(
@@ -239,32 +224,6 @@ export function LibraryGrid({
     }
   };
 
-  const openRenameDialog = (rec: RecordingSummary) => {
-    setRenamingRec(rec);
-    setRenameValue(isDefaultTitle(rec.title) ? "" : (rec.title ?? ""));
-    // Focus the input after dialog opens
-    setTimeout(() => renameInputRef.current?.select(), 50);
-  };
-
-  const submitRename = () => {
-    if (!renamingRec) return;
-    const trimmed = renameValue.trim();
-    if (!trimmed) {
-      toast.error(t("libraryGrid.titleRequired"));
-      return;
-    }
-    renameRecording.mutate(
-      { id: renamingRec.id, title: trimmed },
-      {
-        onSuccess: () => {
-          toast.success(t("libraryGrid.clipRenamed"));
-          setRenamingRec(null);
-        },
-        onError: () => toast.error(t("libraryGrid.renameFailed")),
-      },
-    );
-  };
-
   const chips: FilterChip[] = [];
   if (tagFilter) {
     chips.push({
@@ -301,48 +260,6 @@ export function LibraryGrid({
         />
       )}
 
-      {/* Rename dialog */}
-      <Dialog
-        open={!!renamingRec}
-        onOpenChange={(open) => {
-          if (!open) setRenamingRec(null);
-        }}
-      >
-        <DialogContent className="sm:max-w-md">
-          <DialogHeader>
-            <DialogTitle>{t("libraryGrid.renameClip")}</DialogTitle>
-          </DialogHeader>
-          <Input
-            ref={renameInputRef}
-            value={renameValue}
-            onChange={(e) => setRenameValue(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter") submitRename();
-            }}
-            placeholder={t("libraryGrid.clipTitle")}
-            className="mt-1"
-            autoFocus
-          />
-          <DialogFooter>
-            <Button
-              variant="outline"
-              onClick={() => setRenamingRec(null)}
-              disabled={renameRecording.isPending}
-            >
-              {t("common.cancel")}
-            </Button>
-            <Button
-              onClick={submitRename}
-              disabled={renameRecording.isPending || !renameValue.trim()}
-            >
-              {renameRecording.isPending
-                ? t("common.saving")
-                : t("common.save")}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-
       {/* Page header — rendered into the top app bar */}
       <PageHeader>
         <div className="min-w-0 flex-1">
@@ -373,6 +290,25 @@ export function LibraryGrid({
                 <Skeleton key={i} />
               ))}
             </div>
+          ) : isError && recordings.length === 0 ? (
+            <div className="flex flex-1 flex-col items-center justify-center py-20 px-8 text-center">
+              <div className="relative mb-6 flex h-20 w-20 items-center justify-center rounded-2xl bg-destructive/10">
+                <IconAlertTriangle className="h-10 w-10 text-destructive" />
+              </div>
+              <h2 className="text-base font-semibold text-foreground mb-1">
+                {t("libraryGrid.loadFailedTitle")}
+              </h2>
+              <p className="text-sm text-muted-foreground max-w-sm mb-5">
+                {t("libraryGrid.loadFailedBody")}
+              </p>
+              <Button
+                onClick={() => refetch()}
+                disabled={isRefetching}
+                size="sm"
+              >
+                {t("libraryGrid.retry")}
+              </Button>
+            </div>
           ) : recordings.length === 0 ? (
             <EmptyState
               kind={resolvedEmptyKind}
@@ -389,16 +325,6 @@ export function LibraryGrid({
                   selectionMode={selectionMode}
                   onToggleSelect={toggleSelect}
                   onShare={(rec) => setSharingRec(rec)}
-                  canRenameTitle={
-                    !!currentUserEmail &&
-                    r.ownerEmail.toLowerCase() === currentUserEmail
-                  }
-                  onRename={
-                    currentUserEmail &&
-                    r.ownerEmail.toLowerCase() === currentUserEmail
-                      ? openRenameDialog
-                      : undefined
-                  }
                   moveTargets={moveTargets}
                   onMove={canMoveSelection ? moveSingle : undefined}
                   isMovePending={moveRecording.isPending}

package/corpus/templates/clips/app/components/library/library-layout.tsx

@@ -13,22 +13,6 @@ import {
   OrgSwitcher,
   useOrg,
 } from "@agent-native/core/client/org";
-import { useIsMobile } from "@agent-native/toolkit/hooks/use-mobile";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconInbox,
   IconArchive,
@@ -54,6 +38,21 @@ import {
   CaptureInstallButton,
   CaptureInstallInlineLink,
 } from "@/components/capture-install-options";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { useDesktopPromo } from "@/hooks/use-desktop-promo";
 import {
   useFolders,
@@ -62,6 +61,7 @@ import {
   useCreateFolder,
   useRecordingsCount,
 } from "@/hooks/use-library";
+import { useIsMobile } from "@/hooks/use-mobile";
 import { usePrefetchVideoStorageStatus } from "@/hooks/use-video-storage-status";
 import { cn } from "@/lib/utils";
 
@@ -153,9 +153,8 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
   const [headerSlot, setHeaderSlot] = useState<HTMLElement | null>(null);
   const showCollapsedSidebar = sidebarCollapsed && !isMobile;
 
-  // Routes whose page renders its own h-12 toolbar (with NotificationsBell +
-  // AgentToggleButton). Layout still mounts Sidebar + AgentSidebar, but skips
-  // its own header so there's no double-header.
+  // Routes whose page renders its own h-12 toolbar. Layout still mounts Sidebar
+  // + AgentSidebar, but skips its own header so there's no double-header.
   const pageOwnsToolbar =
     location.pathname === "/extensions" ||
     location.pathname.startsWith("/extensions/");

package/corpus/templates/clips/app/components/library/organization-switcher.tsx

@@ -4,6 +4,15 @@ import {
   useSwitchOrg,
   useCreateOrg,
 } from "@agent-native/core/client/org";
+import {
+  IconChevronDown,
+  IconCheck,
+  IconPlus,
+  IconBuilding,
+} from "@tabler/icons-react";
+import { useState } from "react";
+import { toast } from "sonner";
+
 import {
   AlertDialog,
   AlertDialogAction,
@@ -12,7 +21,7 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
+} from "@/components/ui/alert-dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -20,16 +29,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
   DropdownMenuLabel,
-} from "@agent-native/toolkit/ui/dropdown-menu";
-import {
-  IconChevronDown,
-  IconCheck,
-  IconPlus,
-  IconBuilding,
-} from "@tabler/icons-react";
-import { useState } from "react";
-import { toast } from "sonner";
-
+} from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils";
 
 interface OrganizationSwitcherProps {

package/corpus/templates/clips/app/components/library/recording-card.tsx

@@ -1,20 +1,4 @@
 import { useFormatters, useT } from "@agent-native/core/client";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-} from "@agent-native/toolkit/ui/avatar";
-import { Checkbox } from "@agent-native/toolkit/ui/checkbox";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from "@agent-native/toolkit/ui/dropdown-menu";
 import {
   IconDots,
   IconLock,
@@ -25,14 +9,26 @@ import {
   IconFolder,
   IconArchive,
   IconTrash,
-  IconEdit,
   IconCheck,
   IconAlertTriangle,
 } from "@tabler/icons-react";
 import { useCallback, useMemo, useState } from "react";
 import { useNavigate } from "react-router";
 
-import { EditableRecordingTitle } from "@/components/editable-recording-title";
+import { ViewedByPopover } from "@/components/sharing/viewed-by-popover";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Skeleton } from "@/components/ui/skeleton";
 import { isDefaultTitle } from "@/hooks/use-auto-title";
 import type { RecordingSummary } from "@/hooks/use-library";
 import { isStaleRecordingUpload } from "@/lib/recording-status";
@@ -71,10 +67,8 @@ interface RecordingCardProps {
   onMove?: (rec: RecordingSummary, folderId: string | null) => void;
   moveTargets?: BulkMoveTarget[];
   isMovePending?: boolean;
-  onRename?: (rec: RecordingSummary) => void;
   onArchive?: (rec: RecordingSummary) => void;
   onTrash?: (rec: RecordingSummary) => void;
-  canRenameTitle?: boolean;
 }
 
 export function RecordingCard({
@@ -86,10 +80,8 @@ export function RecordingCard({
   onMove,
   moveTargets = [],
   isMovePending = false,
-  onRename,
   onArchive,
   onTrash,
-  canRenameTitle = false,
 }: RecordingCardProps) {
   const navigate = useNavigate();
   const t = useT();
@@ -126,6 +118,10 @@ export function RecordingCard({
       recording.failureReason ?? "",
     );
   const canMove = Boolean(onMove && moveTargets.length > 0);
+  const hasDefaultTitle = isDefaultTitle(recording.title);
+  const displayTitle = hasDefaultTitle
+    ? t("editableTitle.untitled")
+    : recording.title;
 
   const displayThumbnail = useMemo(() => {
     if (hovered && recording.animatedThumbnailUrl)
@@ -298,20 +294,16 @@ export function RecordingCard({
       <div className="flex-1 p-3 space-y-2">
         <div className="flex items-start gap-2">
           <div className="min-w-0 flex-1">
-            <EditableRecordingTitle
-              recordingId={recording.id}
-              title={recording.title}
-              canEdit={canRenameTitle}
-              displayTitle={
-                isDefaultTitle(recording.title)
-                  ? t("editableTitle.untitled")
-                  : recording.title
-              }
-              showPendingSkeleton={isDefaultTitle(recording.title)}
-              className="text-sm font-medium text-foreground"
-              inputClassName="h-7 text-sm font-medium"
-              skeletonClassName="h-3.5 w-3/4"
-            />
+            {hasDefaultTitle ? (
+              <Skeleton
+                aria-label={t("editableTitle.generatingTitle")}
+                className="h-3.5 w-3/4"
+              />
+            ) : (
+              <div className="min-w-0 truncate select-none text-sm font-medium text-foreground">
+                {displayTitle}
+              </div>
+            )}
             <div className="mt-0.5 flex items-center gap-1.5 text-[11px] text-muted-foreground">
               <PrivacyIcon
                 visibility={recording.visibility}
@@ -319,11 +311,22 @@ export function RecordingCard({
               />
               <span className="capitalize">{recording.visibility}</span>
               <span>•</span>
-              <span>
-                {t("clipsFinalRaw.viewsCount", {
-                  count: recording.viewCount,
-                })}
-              </span>
+              {recording.viewCount > 0 ? (
+                <ViewedByPopover
+                  recordingId={recording.id}
+                  className="underline-offset-2 hover:underline hover:text-foreground"
+                >
+                  {t("clipsFinalRaw.viewsCount", {
+                    count: recording.viewCount,
+                  })}
+                </ViewedByPopover>
+              ) : (
+                <span>
+                  {t("clipsFinalRaw.viewsCount", {
+                    count: recording.viewCount,
+                  })}
+                </span>
+              )}
               <span>•</span>
               <span>{relative}</span>
             </div>
@@ -377,15 +380,6 @@ export function RecordingCard({
                   </DropdownMenuSubContent>
                 </DropdownMenuSub>
               ) : null}
-              {onRename ? (
-                <>
-                  <DropdownMenuSeparator />
-                  <DropdownMenuItem onSelect={() => onRename(recording)}>
-                    <IconEdit className="h-4 w-4 me-2" />{" "}
-                    {t("folderTree.rename")}
-                  </DropdownMenuItem>
-                </>
-              ) : null}
               <DropdownMenuSeparator />
               {recording.archivedAt ? (
                 <DropdownMenuItem onSelect={() => onArchive?.(recording)}>

package/corpus/templates/clips/app/components/library/search-bar.tsx

@@ -1,14 +1,14 @@
 import { useT } from "@agent-native/core/client";
-import {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-} from "@agent-native/toolkit/ui/popover";
 import { IconClock, IconSearch, IconX } from "@tabler/icons-react";
 import React, { useEffect, useRef, useState } from "react";
 import { useNavigate } from "react-router";
 
 import { msToClock } from "@/components/player/scrubber";
+import {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+} from "@/components/ui/popover";
 import { useRecordingSearch, type SearchHit } from "@/hooks/use-library";
 import { cn, shortcutLabel } from "@/lib/utils";
 

package/corpus/templates/clips/app/components/library/sort-menu.tsx

@@ -1,11 +1,12 @@
-import { Button } from "@agent-native/toolkit/ui/button";
+import { IconArrowsSort, IconCheck } from "@tabler/icons-react";
+
+import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@agent-native/toolkit/ui/dropdown-menu";
-import { IconArrowsSort, IconCheck } from "@tabler/icons-react";
+} from "@/components/ui/dropdown-menu";
 
 export type SortKey = "recent" | "views" | "oldest";
 

package/corpus/templates/clips/app/components/library/tag-input.tsx

@@ -1,11 +1,11 @@
+import { IconX } from "@tabler/icons-react";
+import { useMemo, useRef, useState, type KeyboardEvent } from "react";
+
 import {
   Popover,
   PopoverTrigger,
   PopoverContent,
-} from "@agent-native/toolkit/ui/popover";
-import { IconX } from "@tabler/icons-react";
-import { useMemo, useRef, useState, type KeyboardEvent } from "react";
-
+} from "@/components/ui/popover";
 import { cn } from "@/lib/utils";
 
 interface TagInputProps {

package/corpus/templates/clips/app/components/meetings/attendee-stack.tsx

@@ -5,17 +5,13 @@
  * gets a shadcn Tooltip showing name/email. Used on both list cards and
  * detail headers.
  */
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-} from "@agent-native/toolkit/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
+} from "@/components/ui/tooltip";
 
 export interface AttendeeStackParticipant {
   id?: string;

package/corpus/templates/clips/app/components/meetings/auto-record-prompt.tsx

@@ -15,10 +15,10 @@
  */
 
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
 import { IconClock, IconPlayerPlayFilled, IconX } from "@tabler/icons-react";
 import { useEffect, useState } from "react";
 
+import { Button } from "@/components/ui/button";
 import { useAutoFireCountdown, useAutoRecord } from "@/hooks/use-auto-record";
 import { cn } from "@/lib/utils";
 

package/corpus/templates/clips/app/components/meetings/bullet-link.tsx

@@ -1,12 +1,12 @@
+import { IconSearch } from "@tabler/icons-react";
+import { useMemo } from "react";
+
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
-import { IconSearch } from "@tabler/icons-react";
-import { useMemo } from "react";
-
+} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 import type { TranscriptSegment } from "./transcript-bubbles";

package/corpus/templates/clips/app/components/meetings/canvas-editor.tsx

@@ -1,14 +1,14 @@
 import { useT } from "@agent-native/core/client";
-import { Textarea } from "@agent-native/toolkit/ui/textarea";
+import { IconWand } from "@tabler/icons-react";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+
+import { Textarea } from "@/components/ui/textarea";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
-import { IconWand } from "@tabler/icons-react";
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
-
+} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 function useAutoGrow(

package/corpus/templates/clips/app/components/meetings/meeting-card.tsx

@@ -1,7 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import { Badge } from "@agent-native/toolkit/ui/badge";
-import { Button } from "@agent-native/toolkit/ui/button";
-import { Card, CardContent } from "@agent-native/toolkit/ui/card";
 import {
   IconCheck,
   IconClock,
@@ -17,6 +14,9 @@ import {
  */
 import { NavLink } from "react-router";
 
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
 
 import { AttendeeStack, type AttendeeStackParticipant } from "./attendee-stack";

package/corpus/templates/clips/app/components/meetings/quick-ask-sidebar.tsx

@@ -18,15 +18,6 @@
  */
 
 import { sendToAgentChat, useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
-import { Card } from "@agent-native/toolkit/ui/card";
-import {
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-} from "@agent-native/toolkit/ui/sheet";
-import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import {
   IconCommand,
   IconNotes,
@@ -35,6 +26,15 @@ import {
 } from "@tabler/icons-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+} from "@/components/ui/sheet";
+import { Textarea } from "@/components/ui/textarea";
 import { cn } from "@/lib/utils";
 
 const QUICK_PROMPTS: Array<{ labelKey: string; promptKey: string }> = [
@@ -42,10 +42,18 @@ const QUICK_PROMPTS: Array<{ labelKey: string; promptKey: string }> = [
     labelKey: "quickAsk.whatDidIMiss",
     promptKey: "quickAsk.whatDidIMissPrompt",
   },
+  {
+    labelKey: "quickAsk.suggestQuestions",
+    promptKey: "quickAsk.suggestQuestionsPrompt",
+  },
   {
     labelKey: "quickAsk.summarizeLastFive",
     promptKey: "quickAsk.summarizeLastFivePrompt",
   },
+  {
+    labelKey: "quickAsk.makeMeSoundSmart",
+    promptKey: "quickAsk.makeMeSoundSmartPrompt",
+  },
   {
     labelKey: "quickAsk.actionItemsForMe",
     promptKey: "quickAsk.actionItemsForMePrompt",

package/corpus/templates/clips/app/components/meetings/share-meeting-dialog.tsx

@@ -1,15 +1,4 @@
 import { appPath, useActionQuery, useT } from "@agent-native/core/client";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@agent-native/toolkit/ui/popover";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from "@agent-native/toolkit/ui/tabs";
 import { IconLink, IconMail } from "@tabler/icons-react";
 import { useMemo, type ReactNode } from "react";
 import { toast } from "sonner";
@@ -26,6 +15,12 @@ import {
   type SharesResponse,
   type Visibility,
 } from "@/components/sharing/share-ui";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
 export interface ShareMeetingPopoverProps {
   meetingId: string;