@agent-native/core 0.153.0 → 0.153.2

package/corpus/templates/clips/app/components/sharing/share-ui.tsx

@@ -14,7 +14,7 @@ import {
   IconWorld,
 } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
-import { useMemo, useState } from "react";
+import { useMemo, useState, type ReactNode } from "react";
 
 import {
   Avatar as UserAvatar,
@@ -136,34 +136,19 @@ export function useResourceVisibilityMutation(
 }
 
 // ---------------------------------------------------------------------------
-// Header (title + owner)
+// Compact section labels
 // ---------------------------------------------------------------------------
 
-export function ShareCardHeader({
-  title,
-  ownerEmail,
-  reserveCloseButton = false,
+export function ShareSectionLabel({
+  children,
+  className,
 }: {
-  title: string;
-  ownerEmail?: string | null;
-  reserveCloseButton?: boolean;
+  children: ReactNode;
+  className?: string;
 }) {
-  const t = useT();
   return (
-    <div
-      className={cn(
-        "min-w-0 border-b border-border px-4 pb-3 pt-3",
-        reserveCloseButton && "pe-12",
-      )}
-    >
-      <div className="min-w-0 truncate text-sm font-semibold" title={title}>
-        {title}
-      </div>
-      {ownerEmail ? (
-        <div className="mt-0.5 truncate text-xs text-muted-foreground">
-          {t("shareUi.owner", { email: ownerEmail })}
-        </div>
-      ) : null}
+    <div className={cn("text-xs font-medium text-muted-foreground", className)}>
+      {children}
     </div>
   );
 }
@@ -178,6 +163,7 @@ export function GeneralAccessSelect({
   isPending,
   onChange,
   publicDescription,
+  showDescription = true,
 }: {
   visibility: Visibility;
   canManage: boolean;
@@ -185,6 +171,7 @@ export function GeneralAccessSelect({
   onChange: (next: Visibility) => void;
   /** Override for the "public" visibility description (e.g. Clips comment hint). */
   publicDescription?: string;
+  showDescription?: boolean;
 }) {
   const t = useT();
   const meta = VIS_META[visibility];
@@ -195,9 +182,9 @@ export function GeneralAccessSelect({
 
   return (
     <div>
-      <div className="mb-2 text-xs font-semibold">
+      <ShareSectionLabel className="mb-2">
         {t("shareUi.generalAccess")}
-      </div>
+      </ShareSectionLabel>
       <div className="flex items-center gap-3">
         <span
           aria-hidden
@@ -222,7 +209,12 @@ export function GeneralAccessSelect({
               ))}
             </SelectContent>
           </Select>
-          <div className="mt-0.5 text-xs text-muted-foreground">
+          <div
+            className={cn(
+              "mt-0.5 text-xs text-muted-foreground",
+              !showDescription && "sr-only",
+            )}
+          >
             {description}
           </div>
         </div>
@@ -238,25 +230,37 @@ export function GeneralAccessSelect({
 export function MakePublicCard({
   isPending,
   onMakePublic,
+  secondaryAction,
 }: {
   isPending: boolean;
   onMakePublic: () => void;
+  secondaryAction?: ReactNode;
 }) {
   const t = useT();
   return (
-    <div className="rounded-md border border-border bg-muted/40 px-3 py-2.5">
-      <p className="text-xs text-muted-foreground">
-        {t("shareUi.restrictedLinkDescription")}
-      </p>
-      <Button
-        type="button"
-        size="sm"
-        className="mt-2 h-7"
-        onClick={onMakePublic}
-        disabled={isPending}
-      >
-        {isPending ? t("shareUi.makingPublic") : t("shareUi.makePublicAndCopy")}
-      </Button>
+    <div className="flex items-center justify-between gap-2 rounded-md bg-muted/40 px-3 py-2">
+      <p className="sr-only">{t("shareUi.restrictedLinkDescription")}</p>
+      <IconLock
+        aria-hidden
+        size={14}
+        strokeWidth={1.8}
+        className="text-muted-foreground"
+      />
+      <div className="flex items-center gap-2">
+        {secondaryAction}
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          className="h-7"
+          onClick={onMakePublic}
+          disabled={isPending}
+        >
+          {isPending
+            ? t("shareUi.makingPublic")
+            : t("shareUi.makePublicAndCopy")}
+        </Button>
+      </div>
     </div>
   );
 }
@@ -285,9 +289,7 @@ export function CopyField({
   return (
     <div>
       {label ? (
-        <div className="mb-1 text-xs font-medium text-muted-foreground">
-          {label}
-        </div>
+        <ShareSectionLabel className="mb-1">{label}</ShareSectionLabel>
       ) : null}
       <div className="flex items-stretch gap-2">
         <Input

package/corpus/templates/clips/app/routes/_app.meetings.$meetingId.tsx

@@ -704,7 +704,6 @@ export default function MeetingDetailRoute() {
           ) : null}
           <ShareMeetingPopover
             meetingId={meeting.id}
-            meetingTitle={meeting.title}
             shareTranscript={meeting.shareTranscript === true}
             transcriptReady={
               meeting.transcriptStatus === "ready" &&