@ai-matrx/sharing 0.1.0 → 0.1.2

package/dist/react.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import react__default, { ReactNode, ComponentType } from 'react';
 import { ConfirmOptions } from '@ai-matrx/kit/confirm-opener';
-import { ResourceType, PermissionWithDetails, PermissionLevel, ShareActionResult, SharingCopyContext, AccessSummary, ShownTo, WhoCanSee, LaneChoice, Permission, CheckPermissionOptions } from '@ai-matrx/sharing/core';
+import { ResourceType, PermissionWithDetails, PermissionLevel, ShareActionResult, SharingCopyContext, AccessSummary, ShownTo, WhoCanSee, LaneChoice, ShareLink, Permission, CheckPermissionOptions } from '@ai-matrx/sharing/core';
 import { EntityTypeToken } from '@ai-matrx/associations';
 
 type LooseProps = {
@@ -342,12 +342,33 @@ interface WhoCanSeeThisProps {
 }
 declare function WhoCanSeeThis({ whoCanSee, canChange, onChoose, row, }: WhoCanSeeThisProps): react__default.JSX.Element | null;
 
+/** One more URL a link opens at (e.g. a file's direct byte URL), shown with copy + open. */
+interface ShareLinkExtraUrl {
+    key: string;
+    label: string;
+    sublabel?: string | undefined;
+    url: string;
+    /** Highlighted as the main URL to hand out. */
+    primary?: boolean | undefined;
+}
 interface ShareLinkPanelProps {
     resourceType: ResourceType;
     resourceId: string;
     isOwner: boolean;
     /** Whether this resource type offers no-login links (admin policy). Hidden when false. */
     enabled?: boolean | undefined;
+    /** Ask permission, expiry and max uses before a link is created. */
+    linkSettings?: boolean | undefined;
+    /** Show each link's access, expiry and uses. */
+    showLinkDetails?: boolean | undefined;
+    /** An open-in-new-tab control on each link. */
+    showOpenLink?: boolean | undefined;
+    /** Extra URLs per link (a file's direct byte URL), each with copy + open. */
+    extraUrls?: ((link: ShareLink) => ShareLinkExtraUrl[]) | undefined;
+    /** The origin link URLs are built on; defaults to the app URL. */
+    appOrigin?: string | undefined;
+    /** Every fresh list read — lets a host keep its own store of links in step. */
+    onLinksChange?: ((links: ShareLink[]) => void) | undefined;
 }
 /**
  * "Anyone with the link" — mint / copy / revoke no-login share links.
@@ -357,7 +378,7 @@ interface ShareLinkPanelProps {
  * link-carries-everything path — distinct from publishing to the web (which
  * needs a public render route). Owner-only.
  */
-declare function ShareLinkPanel({ resourceType, resourceId, isOwner, enabled, }: ShareLinkPanelProps): react__default.JSX.Element | null;
+declare function ShareLinkPanel({ resourceType, resourceId, isOwner, enabled, linkSettings, showLinkDetails, showOpenLink, extraUrls, appOrigin, onLinksChange, }: ShareLinkPanelProps): react__default.JSX.Element | null;
 
 type GrantableLevels = {
     loading: boolean;
@@ -776,4 +797,4 @@ declare function WhoCouldSeeOn({ recordId }: {
     recordId: string;
 }): react.JSX.Element;
 
-export { AccessSummaryPanel, type AccessSummaryPanelProps, type AccessSummaryState, AddEveryoneInOrg, type AddEveryoneInOrgProps, type GrantableLevels, GuestBadge, LANE_CLOSED_SAY, OrgAvailabilityNote, type OrgMemberPerson, OutsideSharePanel, type OutsideSharePanelProps, PermissionBadge, PermissionLevelDescription, PermissionsList, PublicAccessTab, PublicBadge, RowControls, type RowControlsProps, SearchEngineIndexedSwitch, SecureLinkPanel, ShareLinkPanel, ShareModal, type ShareOutcome, type ShareSheetConnection, type ShareSheetConnections, type ShareSheetOrganization, type ShareSheetToastOptions, type ShareSheetUi, ShareWithUserTab, type UseAccessSummaryArgs, type UseAccessSummaryResult, type UseShareResult, WhoCanSeeThis, type WhoCanSeeThisProps, WhoCouldSeeOn, anyoneReachWords, configureShareSheetUi, resetShareSheetCache, shareSheetUi, useAccessSummary, useCanAdmin, useCanEdit, useGrantableLevels, useIsOwner, usePermissionCheck, usePermissions, useResourcePermissions, useShare, useSharedWithMe, useSharing, useSharingStatus };
+export { AccessSummaryPanel, type AccessSummaryPanelProps, type AccessSummaryState, AddEveryoneInOrg, type AddEveryoneInOrgProps, type GrantableLevels, GuestBadge, LANE_CLOSED_SAY, OrgAvailabilityNote, type OrgMemberPerson, OutsideSharePanel, type OutsideSharePanelProps, PermissionBadge, PermissionLevelDescription, PermissionsList, PublicAccessTab, PublicBadge, RowControls, type RowControlsProps, SearchEngineIndexedSwitch, SecureLinkPanel, type ShareLinkExtraUrl, ShareLinkPanel, type ShareLinkPanelProps, ShareModal, type ShareOutcome, type ShareSheetConnection, type ShareSheetConnections, type ShareSheetOrganization, type ShareSheetToastOptions, type ShareSheetUi, ShareWithUserTab, type UseAccessSummaryArgs, type UseAccessSummaryResult, type UseShareResult, WhoCanSeeThis, type WhoCanSeeThisProps, WhoCouldSeeOn, anyoneReachWords, configureShareSheetUi, resetShareSheetCache, shareSheetUi, useAccessSummary, useCanAdmin, useCanEdit, useGrantableLevels, useIsOwner, usePermissionCheck, usePermissions, useResourcePermissions, useShare, useSharedWithMe, useSharing, useSharingStatus };

package/dist/react.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import react__default, { ReactNode, ComponentType } from 'react';
 import { ConfirmOptions } from '@ai-matrx/kit/confirm-opener';
-import { ResourceType, PermissionWithDetails, PermissionLevel, ShareActionResult, SharingCopyContext, AccessSummary, ShownTo, WhoCanSee, LaneChoice, Permission, CheckPermissionOptions } from '@ai-matrx/sharing/core';
+import { ResourceType, PermissionWithDetails, PermissionLevel, ShareActionResult, SharingCopyContext, AccessSummary, ShownTo, WhoCanSee, LaneChoice, ShareLink, Permission, CheckPermissionOptions } from '@ai-matrx/sharing/core';
 import { EntityTypeToken } from '@ai-matrx/associations';
 
 type LooseProps = {
@@ -342,12 +342,33 @@ interface WhoCanSeeThisProps {
 }
 declare function WhoCanSeeThis({ whoCanSee, canChange, onChoose, row, }: WhoCanSeeThisProps): react__default.JSX.Element | null;
 
+/** One more URL a link opens at (e.g. a file's direct byte URL), shown with copy + open. */
+interface ShareLinkExtraUrl {
+    key: string;
+    label: string;
+    sublabel?: string | undefined;
+    url: string;
+    /** Highlighted as the main URL to hand out. */
+    primary?: boolean | undefined;
+}
 interface ShareLinkPanelProps {
     resourceType: ResourceType;
     resourceId: string;
     isOwner: boolean;
     /** Whether this resource type offers no-login links (admin policy). Hidden when false. */
     enabled?: boolean | undefined;
+    /** Ask permission, expiry and max uses before a link is created. */
+    linkSettings?: boolean | undefined;
+    /** Show each link's access, expiry and uses. */
+    showLinkDetails?: boolean | undefined;
+    /** An open-in-new-tab control on each link. */
+    showOpenLink?: boolean | undefined;
+    /** Extra URLs per link (a file's direct byte URL), each with copy + open. */
+    extraUrls?: ((link: ShareLink) => ShareLinkExtraUrl[]) | undefined;
+    /** The origin link URLs are built on; defaults to the app URL. */
+    appOrigin?: string | undefined;
+    /** Every fresh list read — lets a host keep its own store of links in step. */
+    onLinksChange?: ((links: ShareLink[]) => void) | undefined;
 }
 /**
  * "Anyone with the link" — mint / copy / revoke no-login share links.
@@ -357,7 +378,7 @@ interface ShareLinkPanelProps {
  * link-carries-everything path — distinct from publishing to the web (which
  * needs a public render route). Owner-only.
  */
-declare function ShareLinkPanel({ resourceType, resourceId, isOwner, enabled, }: ShareLinkPanelProps): react__default.JSX.Element | null;
+declare function ShareLinkPanel({ resourceType, resourceId, isOwner, enabled, linkSettings, showLinkDetails, showOpenLink, extraUrls, appOrigin, onLinksChange, }: ShareLinkPanelProps): react__default.JSX.Element | null;
 
 type GrantableLevels = {
     loading: boolean;
@@ -776,4 +797,4 @@ declare function WhoCouldSeeOn({ recordId }: {
     recordId: string;
 }): react.JSX.Element;
 
-export { AccessSummaryPanel, type AccessSummaryPanelProps, type AccessSummaryState, AddEveryoneInOrg, type AddEveryoneInOrgProps, type GrantableLevels, GuestBadge, LANE_CLOSED_SAY, OrgAvailabilityNote, type OrgMemberPerson, OutsideSharePanel, type OutsideSharePanelProps, PermissionBadge, PermissionLevelDescription, PermissionsList, PublicAccessTab, PublicBadge, RowControls, type RowControlsProps, SearchEngineIndexedSwitch, SecureLinkPanel, ShareLinkPanel, ShareModal, type ShareOutcome, type ShareSheetConnection, type ShareSheetConnections, type ShareSheetOrganization, type ShareSheetToastOptions, type ShareSheetUi, ShareWithUserTab, type UseAccessSummaryArgs, type UseAccessSummaryResult, type UseShareResult, WhoCanSeeThis, type WhoCanSeeThisProps, WhoCouldSeeOn, anyoneReachWords, configureShareSheetUi, resetShareSheetCache, shareSheetUi, useAccessSummary, useCanAdmin, useCanEdit, useGrantableLevels, useIsOwner, usePermissionCheck, usePermissions, useResourcePermissions, useShare, useSharedWithMe, useSharing, useSharingStatus };
+export { AccessSummaryPanel, type AccessSummaryPanelProps, type AccessSummaryState, AddEveryoneInOrg, type AddEveryoneInOrgProps, type GrantableLevels, GuestBadge, LANE_CLOSED_SAY, OrgAvailabilityNote, type OrgMemberPerson, OutsideSharePanel, type OutsideSharePanelProps, PermissionBadge, PermissionLevelDescription, PermissionsList, PublicAccessTab, PublicBadge, RowControls, type RowControlsProps, SearchEngineIndexedSwitch, SecureLinkPanel, type ShareLinkExtraUrl, ShareLinkPanel, type ShareLinkPanelProps, ShareModal, type ShareOutcome, type ShareSheetConnection, type ShareSheetConnections, type ShareSheetOrganization, type ShareSheetToastOptions, type ShareSheetUi, ShareWithUserTab, type UseAccessSummaryArgs, type UseAccessSummaryResult, type UseShareResult, WhoCanSeeThis, type WhoCanSeeThisProps, WhoCouldSeeOn, anyoneReachWords, configureShareSheetUi, resetShareSheetCache, shareSheetUi, useAccessSummary, useCanAdmin, useCanEdit, useGrantableLevels, useIsOwner, usePermissionCheck, usePermissions, useResourcePermissions, useShare, useSharedWithMe, useSharing, useSharingStatus };

package/dist/react.js

@@ -1978,7 +1978,7 @@ var SOURCE_LABELS = {
 };
 var EMAIL_SHAPE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 async function lookupConnectionByEmail(typed) {
-  const { data } = await createClient2().rpc("lookup_user_by_email", { lookup_email: typed });
+  const { data } = await createClient2().schema("users").rpc("lookup_user_by_email", { lookup_email: typed });
   const row = data?.[0];
   return row ? {
     user_id: row.user_id,
@@ -2105,7 +2105,7 @@ function ShareWithUserTab({
         targetUserId = selectedContact.user_id;
       } else {
         const client = createClient2();
-        const { data: lookupData, error: lookupError } = await client.rpc(
+        const { data: lookupData, error: lookupError } = await client.schema("users").rpc(
           "lookup_user_by_email",
           { lookup_email: trimmedEmail }
         );
@@ -2840,7 +2840,9 @@ import { AlertTriangle as AlertTriangle3 } from "lucide-react";
 // src/react/sheet/ShareLinkPanel.tsx
 import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef2, useState as useState10 } from "react";
 import { Button as Button7 } from "@ai-matrx/design-system";
-import { Input as Input3 } from "@ai-matrx/design-system/controls";
+import { DateTimeField as DateTimeField2, Input as Input3, Select as Select5 } from "@ai-matrx/design-system/controls";
+import { OutboundLink } from "@ai-matrx/kit/outbound-react";
+import { formatAbsoluteDate } from "@ai-matrx/kit/format";
 import {
   Link2 as Link22,
   Copy,
@@ -2850,7 +2852,8 @@ import {
   Plus,
   Eye as Eye2,
   MessageSquareText,
-  RefreshCw
+  RefreshCw,
+  ExternalLink
 } from "lucide-react";
 import {
   createShareLink,
@@ -2958,8 +2961,23 @@ function ShareLinkPanel({
   resourceType,
   resourceId,
   isOwner,
-  enabled = true
+  enabled = true,
+  linkSettings = false,
+  showLinkDetails = false,
+  showOpenLink = false,
+  extraUrls,
+  appOrigin,
+  onLinksChange
 }) {
+  const [permissionLevel, setPermissionLevel] = useState10("viewer");
+  const [expiresAt, setExpiresAt] = useState10("");
+  const [maxUses, setMaxUses] = useState10("");
+  const onLinksChangeRef = useRef2(onLinksChange);
+  onLinksChangeRef.current = onLinksChange;
+  const urlFor = useCallback5(
+    (link) => shareUrlForLink(link, appOrigin),
+    [appOrigin]
+  );
   const { toast } = useToast();
   const [links, setLinks] = useState10([]);
   const [loading, setLoading] = useState10(true);
@@ -2975,10 +2993,11 @@ function ShareLinkPanel({
   const [handoffBusy, setHandoffBusy] = useState10(false);
   const { share, copy: copyMessage, fallbackDialog } = useShare();
   const resourceKey = `${resourceType}\0${resourceId}`;
-  const fetchLinks = useCallback5(
-    () => listShareLinks(resourceType, resourceId),
-    [resourceType, resourceId]
-  );
+  const fetchLinks = useCallback5(async () => {
+    const fresh = await listShareLinks(resourceType, resourceId);
+    onLinksChangeRef.current?.(fresh);
+    return fresh;
+  }, [resourceType, resourceId]);
   const refresh = useCallback5(async () => {
     setLoading(true);
     setShareError(null);
@@ -3051,7 +3070,7 @@ function ShareLinkPanel({
         });
         return;
       }
-      const outcome = await copyMessage(shareUrlForLink(currentLink), {
+      const outcome = await copyMessage(urlFor(currentLink), {
         title: "Copy link",
         description: "Copy this link and send it to the person you want to share with."
       });
@@ -3064,11 +3083,36 @@ function ShareLinkPanel({
         });
       }
     },
-    [copyMessage, refresh, toast]
+    [copyMessage, refresh, toast, urlFor]
+  );
+  const copyExtraUrl = useCallback5(
+    async (key, url) => {
+      const outcome = await copyMessage(url, {
+        title: "Copy link",
+        description: "Copy this link and send it to the person you want to share with."
+      });
+      if (outcome === "copied") {
+        setCopiedId(key);
+        setTimeout(() => setCopiedId((k) => k === key ? null : k), 2e3);
+      }
+    },
+    [copyMessage]
   );
   const createLinkOnce = useCallback5(async () => {
-    const result = await createShareLink({ resourceType, resourceId });
+    const result = await createShareLink(
+      linkSettings ? {
+        resourceType,
+        resourceId,
+        permissionLevel,
+        expiresAt: expiresAt ? new Date(expiresAt).toISOString() : null,
+        maxUses: maxUses ? Number(maxUses) : null
+      } : { resourceType, resourceId }
+    );
     if (result.success && result.url) {
+      if (linkSettings) {
+        setExpiresAt("");
+        setMaxUses("");
+      }
       const freshLinks = await refresh();
       const createdLink = result.token && freshLinks ? freshLinks.find((link) => link.token === result.token) : void 0;
       if (!createdLink || !freshLinks) {
@@ -3087,7 +3131,17 @@ function ShareLinkPanel({
         variant: "destructive"
       });
     }
-  }, [resourceType, resourceId, refresh, copyLink, toast]);
+  }, [
+    resourceType,
+    resourceId,
+    refresh,
+    copyLink,
+    toast,
+    linkSettings,
+    permissionLevel,
+    expiresAt,
+    maxUses
+  ]);
   const creatingRef = useRef2(false);
   const handleCreate = useCallback5(async () => {
     if (creatingRef.current) return;
@@ -3198,7 +3252,7 @@ function ShareLinkPanel({
         });
         return;
       }
-      const message = createSafeShareMessage(shareUrlForLink(currentLink));
+      const message = createSafeShareMessage(urlFor(currentLink));
       const outcome = await share({
         title: "AI Matrx share",
         text: message,
@@ -3223,7 +3277,7 @@ function ShareLinkPanel({
     } finally {
       setHandoffBusy(false);
     }
-  }, [shareTarget, refresh, share, toast]);
+  }, [shareTarget, refresh, share, toast, urlFor]);
   const handleCopyReviewedMessage = useCallback5(async () => {
     if (!shareTarget) return;
     setHandoffBusy(true);
@@ -3266,7 +3320,7 @@ function ShareLinkPanel({
         });
         return;
       }
-      const message = createSafeShareMessage(shareUrlForLink(currentLink));
+      const message = createSafeShareMessage(urlFor(currentLink));
       const outcome = await copyMessage(message, {
         title: "Copy message",
         description: "Copy the reviewed message below and paste it into your messaging app."
@@ -3281,7 +3335,7 @@ function ShareLinkPanel({
     } finally {
       setHandoffBusy(false);
     }
-  }, [shareTarget, refresh, copyMessage, toast]);
+  }, [shareTarget, refresh, copyMessage, toast, urlFor]);
   if (!isOwner) return null;
   if (!enabled) {
     return /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2 p-3 bg-muted/30 rounded-lg border", children: [
@@ -3315,79 +3369,164 @@ function ShareLinkPanel({
         }
       )
     ] }),
+    linkSettings ? /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-3", children: [
+      /* @__PURE__ */ jsxs10("label", { className: "flex flex-col gap-1 text-xs", children: [
+        /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Permission" }),
+        /* @__PURE__ */ jsx14(
+          Select5,
+          {
+            value: permissionLevel,
+            onValueChange: setPermissionLevel,
+            "aria-label": "Link permission",
+            options: [
+              { value: "viewer", label: "Read only" },
+              { value: "editor", label: "Read + write" }
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs10("label", { className: "flex flex-col gap-1 text-xs", children: [
+        /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Expires" }),
+        /* @__PURE__ */ jsx14(DateTimeField2, { value: expiresAt, onValueChange: (v) => setExpiresAt(v ?? "") })
+      ] }),
+      /* @__PURE__ */ jsxs10("label", { className: "flex flex-col gap-1 text-xs", children: [
+        /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Max uses" }),
+        /* @__PURE__ */ jsx14(
+          Input3,
+          {
+            type: "number",
+            min: 1,
+            "aria-label": "Max uses",
+            value: maxUses,
+            onChange: (e) => setMaxUses(e.target.value)
+          }
+        )
+      ] })
+    ] }) : null,
     isLoading ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-center py-3 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx14(Loader27, { className: "w-3.5 h-3.5 animate-spin mr-2" }),
       "Loading links\u2026"
     ] }) : activeLinks.length === 0 && !shareError ? /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground py-1", children: "No share links yet. Create one to share this with anyone." }) : /* @__PURE__ */ jsx14("div", { className: "space-y-1.5", children: activeLinks.map((link) => {
       const unavailableReason = shareLinkUnavailableReason(link);
-      return /* @__PURE__ */ jsxs10(
-        "div",
-        {
-          className: "flex items-center gap-1.5 rounded-md border bg-background p-1.5",
-          children: [
-            /* @__PURE__ */ jsx14(
-              Input3,
-              {
-                mono: true,
-                readOnly: true,
-                value: shareUrlForLink(link),
-                className: "min-w-0 flex-1",
-                onFocus: (e) => e.currentTarget.select()
-              }
-            ),
-            /* @__PURE__ */ jsxs10(
-              "span",
-              {
-                className: "flex items-center gap-1 text-[10px] text-muted-foreground px-1",
-                title: `${link.useCount} view${link.useCount === 1 ? "" : "s"}`,
-                children: [
-                  /* @__PURE__ */ jsx14(Eye2, { className: "w-3 h-3" }),
-                  link.useCount
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx14(
-              Button7,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
-                onClick: () => copyLink(link),
-                disabled: !!unavailableReason,
-                title: unavailableReason ?? "Copy link",
-                "aria-label": "Copy share link",
-                children: copiedId === link.id ? /* @__PURE__ */ jsx14(Check2, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx14(Copy, { className: "w-4 h-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx14(
-              Button7,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
-                onClick: () => prepareTextShare(link.id),
-                disabled: !!unavailableReason || refreshing,
-                title: unavailableReason ?? "Review before sharing by text",
-                "aria-label": "Share by text",
-                children: refreshing ? /* @__PURE__ */ jsx14(Loader27, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx14(MessageSquareText, { className: "w-4 h-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx14(
-              Button7,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-11 w-11 flex-shrink-0 text-destructive sm:h-8 sm:w-8",
-                onClick: () => setRevokeTarget(link),
-                title: "Turn off link",
-                "aria-label": "Turn off share link",
-                children: /* @__PURE__ */ jsx14(Trash22, { className: "w-4 h-4" })
-              }
-            )
-          ]
-        },
-        link.id
-      );
+      const linkUrl = urlFor(link);
+      const extras = extraUrls?.(link) ?? [];
+      return /* @__PURE__ */ jsxs10("div", { className: "space-y-1", children: [
+        showLinkDetails ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center gap-1.5 px-0.5 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx14("span", { className: "rounded bg-muted px-1.5 py-0.5 font-medium text-foreground", children: link.permissionLevel === "viewer" ? "Read only" : "Read + write" }),
+          /* @__PURE__ */ jsx14("span", { children: link.expiresAt ? `Expires ${formatAbsoluteDate(link.expiresAt)}` : "No expiry" }),
+          link.maxUses ? /* @__PURE__ */ jsx14("span", { children: `${link.useCount}/${link.maxUses} uses` }) : null
+        ] }) : null,
+        extras.map((extra) => /* @__PURE__ */ jsxs10(
+          "div",
+          {
+            className: extra.primary ? "flex items-center gap-1.5 rounded-md border border-primary/30 bg-primary/5 p-1.5" : "flex items-center gap-1.5 rounded-md border bg-background p-1.5",
+            children: [
+              /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-1 flex-col px-1", children: [
+                /* @__PURE__ */ jsxs10("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: [
+                  extra.label,
+                  extra.sublabel ? ` \xB7 ${extra.sublabel}` : ""
+                ] }),
+                /* @__PURE__ */ jsx14("span", { className: "truncate font-mono text-xs", title: extra.url, children: extra.url })
+              ] }),
+              /* @__PURE__ */ jsx14(
+                OutboundLink,
+                {
+                  href: extra.url,
+                  "aria-label": `Open ${extra.label}`,
+                  title: "Open in new tab",
+                  className: "flex h-11 w-11 flex-shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground sm:h-8 sm:w-8",
+                  children: /* @__PURE__ */ jsx14(ExternalLink, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx14(
+                Button7,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+                  onClick: () => copyExtraUrl(`${link.id}:${extra.key}`, extra.url),
+                  disabled: !!unavailableReason,
+                  title: unavailableReason ?? "Copy",
+                  "aria-label": `Copy ${extra.label}`,
+                  children: copiedId === `${link.id}:${extra.key}` ? /* @__PURE__ */ jsx14(Check2, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx14(Copy, { className: "w-4 h-4" })
+                }
+              )
+            ]
+          },
+          extra.key
+        )),
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1.5 rounded-md border bg-background p-1.5", children: [
+          /* @__PURE__ */ jsx14(
+            Input3,
+            {
+              mono: true,
+              readOnly: true,
+              value: linkUrl,
+              className: "min-w-0 flex-1",
+              onFocus: (e) => e.currentTarget.select()
+            }
+          ),
+          /* @__PURE__ */ jsxs10(
+            "span",
+            {
+              className: "flex items-center gap-1 text-[10px] text-muted-foreground px-1",
+              title: `${link.useCount} view${link.useCount === 1 ? "" : "s"}`,
+              children: [
+                /* @__PURE__ */ jsx14(Eye2, { className: "w-3 h-3" }),
+                link.useCount
+              ]
+            }
+          ),
+          showOpenLink ? /* @__PURE__ */ jsx14(
+            OutboundLink,
+            {
+              href: linkUrl,
+              "aria-label": "Open share link",
+              title: "Open in new tab",
+              className: "flex h-11 w-11 flex-shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground sm:h-8 sm:w-8",
+              children: /* @__PURE__ */ jsx14(ExternalLink, { className: "w-4 h-4" })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx14(
+            Button7,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              onClick: () => copyLink(link),
+              disabled: !!unavailableReason,
+              title: unavailableReason ?? "Copy link",
+              "aria-label": "Copy share link",
+              children: copiedId === link.id ? /* @__PURE__ */ jsx14(Check2, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx14(Copy, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx14(
+            Button7,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              onClick: () => prepareTextShare(link.id),
+              disabled: !!unavailableReason || refreshing,
+              title: unavailableReason ?? "Review before sharing by text",
+              "aria-label": "Share by text",
+              children: refreshing ? /* @__PURE__ */ jsx14(Loader27, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx14(MessageSquareText, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx14(
+            Button7,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-11 w-11 flex-shrink-0 text-destructive sm:h-8 sm:w-8",
+              onClick: () => setRevokeTarget(link),
+              title: "Turn off link",
+              "aria-label": "Turn off share link",
+              children: /* @__PURE__ */ jsx14(Trash22, { className: "w-4 h-4" })
+            }
+          )
+        ] })
+      ] }, link.id);
     }) }),
     shareError ? /* @__PURE__ */ jsxs10(
       "div",
@@ -3439,7 +3578,7 @@ function ShareLinkPanel({
           ] }),
           /* @__PURE__ */ jsxs10("div", { className: "space-y-1", children: [
             /* @__PURE__ */ jsx14("p", { className: "text-xs font-medium", children: "Message preview" }),
-            /* @__PURE__ */ jsx14("p", { className: "rounded-md border bg-muted/30 p-3 break-words", children: createSafeShareMessage(shareUrlForLink(shareTarget)) })
+            /* @__PURE__ */ jsx14("p", { className: "rounded-md border bg-muted/30 p-3 break-words", children: createSafeShareMessage(urlFor(shareTarget)) })
           ] }),
           /* @__PURE__ */ jsxs10(
             Button7,