@agent-native/core 0.157.3 → 0.157.5

package/corpus/templates/plan/app/pages/PlansPage.tsx

@@ -8,6 +8,7 @@ import {
 } from "@agent-native/core/client/agent-chat";
 import { track } from "@agent-native/core/client/analytics";
 import { appPath, agentNativePath } from "@agent-native/core/client/api-path";
+import { writeClipboardText } from "@agent-native/core/client/clipboard";
 import { emailToColor, emailToName } from "@agent-native/core/client/collab";
 import { PromptComposer } from "@agent-native/core/client/composer";
 import { useActionQuery, useSession } from "@agent-native/core/client/hooks";
@@ -33,7 +34,7 @@ import {
   useSetPageTitle,
 } from "@agent-native/toolkit/app-shell";
 import { type RichMarkdownCollabUser } from "@agent-native/toolkit/editor";
-import { ShareTrigger } from "@agent-native/toolkit/sharing";
+import { ShareCopyRow, ShareTrigger } from "@agent-native/toolkit/sharing";
 import {
   SOURCE_AUTHOR_COMMENT_MENTION_EMAIL,
   extractCommentMentions,
@@ -6192,11 +6193,18 @@ function PlanShareControl({
   }, []);
 
   const copyPublishedUrl = useCallback(
-    (url: string) => {
-      void navigator.clipboard.writeText(url).then(
-        () => toast.success(t("plansPage.share.linkCopied")),
-        () => toast.error(t("plansPage.share.copyFailed")),
-      );
+    async (url: string) => {
+      try {
+        if (!(await writeClipboardText(url))) {
+          toast.error(t("plansPage.share.copyFailed"));
+          return false;
+        }
+        toast.success(t("plansPage.share.linkCopied"));
+        return true;
+      } catch {
+        toast.error(t("plansPage.share.copyFailed"));
+        return false;
+      }
     },
     [t],
   );
@@ -6334,22 +6342,16 @@ function PlanShareControl({
           </div>
         ) : effectivePublishedUrl ? (
           <div className="space-y-3">
-            <div className="flex min-w-0 items-center gap-2 rounded-md border border-border bg-muted/35 px-2.5 py-2">
-              <IconLink className="size-4 shrink-0 text-muted-foreground" />
-              <span className="min-w-0 truncate text-xs text-muted-foreground">
-                {effectivePublishedUrl}
-              </span>
-            </div>
+            <ShareCopyRow
+              value={effectivePublishedUrl}
+              label={t("plansPage.share.linkLabel", { noun: Noun })}
+              description={t("plansPage.share.hostedCopy", { noun })}
+              copyLabel={t("plansPage.loggedOut.copy")}
+              copiedLabel={t("plansPage.loggedOut.copied")}
+              onCopy={copyPublishedUrl}
+              className="rounded-md border border-border bg-muted/35 px-2.5 py-2"
+            />
             <div className="flex flex-wrap items-center justify-end gap-2">
-              <Button
-                type="button"
-                size="sm"
-                variant="ghost"
-                onClick={() => copyPublishedUrl(effectivePublishedUrl)}
-              >
-                <IconCopy className="size-3.5" />
-                {t("plansPage.loggedOut.copy")}
-              </Button>
               <Button
                 type="button"
                 size="sm"
@@ -6363,10 +6365,7 @@ function PlanShareControl({
                     {t("plansPage.share.updating")}
                   </>
                 ) : (
-                  <>
-                    <IconRefresh className="size-3.5" />
-                    {t("plansPage.share.updateLink")}
-                  </>
+                  t("plansPage.share.updateLink")
                 )}
               </Button>
               <Button type="button" size="sm" asChild>
@@ -6375,7 +6374,6 @@ function PlanShareControl({
                   target="_blank"
                   rel="noreferrer"
                 >
-                  <IconExternalLink className="size-3.5" />
                   {t("plansPage.share.openHostedPlan")}
                 </a>
               </Button>
@@ -6394,10 +6392,7 @@ function PlanShareControl({
                 {t("plansPage.share.creatingLink")}
               </>
             ) : (
-              <>
-                <IconLink className="size-4" />
-                {t("plansPage.share.createShareableLink")}
-              </>
+              t("plansPage.share.createShareableLink")
             )}
           </Button>
         )}

package/corpus/templates/slides/.agents/skills/agent-native-toolkit/SKILL.md

@@ -182,6 +182,11 @@ in the moment of agent use.
   five-item sidebar preview and a footer row with New chat followed by an
   ellipsis disclosure up to fifteen. Apps inject routing, labels, and domain
   actions.
+- **Data grid kit**: provider-agnostic spreadsheet mechanics belong in
+  `@agent-native/toolkit/data-grid`. Apps provide rows, typed columns, editor
+  slots, selection and width state, persistence callbacks, and product-level
+  row/body slots. Keep database models, access checks, grouping, drag/drop,
+  and domain actions in the app adapter.
 - **Agent page kit**: the full-page `/agent` surface (`AgentTabsPage` from
   `@agent-native/core/client`) with Context, Files, Connections, Jobs, and
   Access tabs plus a Personal/Organization scope toggle. The canonical home

package/corpus/templates/slides/.agents/skills/sharing/SKILL.md

@@ -184,6 +184,27 @@ import { ShareButton } from "@agent-native/core/client/sharing";
 
 For list views, show `<VisibilityBadge visibility={row.visibility} />` next to each resource.
 
+## Standard share surface
+
+All app share popovers should use the same compact surface contract:
+
+- Use the text-only `ShareTrigger` from `@agent-native/toolkit/sharing`.
+- Render ordinary links with `ShareCopyRow`, which exposes a Copy action without
+  printing the raw URL.
+- Keep general access and individual people access in the standard Core sharing
+  flow. The people flow supports email invites, roles, notifications, and
+  removal through the shared share actions.
+- Add `ShareAgentsSection` only when the resource has a real agent-readable
+  link or prompt. Keep it collapsed by default and supply domain-specific
+  content through the shared section shell.
+- App-specific tabs or controls may remain when they represent a real domain
+  action (for example, an embed-code editor), but they should retain the same
+  trigger, copy-row, access, and spacing language.
+
+`ShareDisclosureSection` is the toolkit-owned shell for optional expandable
+share details; use its `ShareAgentsSection` or `SharePeopleSection` wrappers
+instead of creating another collapsible share panel in a template.
+
 ## Actions available everywhere
 
 The framework auto-mounts these actions in every template — no per-template boilerplate:

package/corpus/templates/slides/app/components/deck/SlideRenderer.tsx

@@ -816,7 +816,8 @@ export function SlideInner({
     </div>
   );
 
-  // Slides with fmd-slide class use inline styles — render as raw HTML to avoid layout conflicts
+  // Slides with fmd-slide markup carry their layout in the raw HTML contract;
+  // render them as-is so supported semantic classes and inline styles survive.
   const content = typeof slide.content === "string" ? slide.content : "";
   const isRawHtml =
     content.includes('class="fmd-slide"') ||

package/corpus/templates/slides/app/components/editor/ShareDialog.tsx

@@ -1,211 +1,155 @@
-import { appBasePath } from "@agent-native/core/client/api-path";
+import { appBasePath, appPath } from "@agent-native/core/client/api-path";
+import { writeClipboardText } from "@agent-native/core/client/clipboard";
 import { useT } from "@agent-native/core/client/i18n";
+import { ShareDialog as CoreShareDialog } from "@agent-native/core/client/sharing";
+import { ShareCopyRow } from "@agent-native/toolkit/sharing";
 import {
-  IconShare2,
-  IconCopy,
-  IconCheck,
-  IconLoader2,
-  IconExternalLink,
-  IconChevronDown,
-} from "@tabler/icons-react";
-import { useState, type ReactNode } from "react";
+  cloneElement,
+  isValidElement,
+  useCallback,
+  useState,
+  type MouseEvent,
+  type ReactElement,
+  type ReactNode,
+} from "react";
+import { toast } from "sonner";
 
 import { CloudUpgrade } from "@/components/CloudUpgrade";
-import {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-} from "@/components/ui/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import type { Deck } from "@/context/DeckContext";
 import { useDbStatus } from "@/hooks/use-db-status";
+import { getDeckShareLinkOrder } from "@/lib/deck-share-links";
 
 interface ShareDialogProps {
   deck: Deck;
-  /** Trigger element rendered as the popover anchor (usually the Share button). */
+  /** Trigger element rendered as the dialog anchor (usually the Share button). */
   children: ReactNode;
 }
 
+function getShareUrls(deckId: string) {
+  const origin = typeof window === "undefined" ? "" : window.location.origin;
+
+  return {
+    editor:
+      typeof window === "undefined"
+        ? `/deck/${deckId}`
+        : `${origin}${appPath(`/deck/${deckId}`)}`,
+    presentation:
+      typeof window === "undefined"
+        ? `/p/${deckId}`
+        : `${origin}${appPath(`/p/${deckId}`)}`,
+  };
+}
+
 export default function ShareDialog({ deck, children }: ShareDialogProps) {
   const t = useT();
-  const [open, setOpen] = useState(false);
-  const [shareUrl, setShareUrl] = useState<string | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [copied, setCopied] = useState(false);
-  const [error, setError] = useState("");
   const { isLocal } = useDbStatus();
-  const [showCloudUpgrade, setShowCloudUpgrade] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [shareLink, setShareLink] = useState<{
+    deckId: string;
+    token: string;
+  } | null>(null);
+  const [creatingLink, setCreatingLink] = useState(false);
+
+  const shareUrls = getShareUrls(deck.id);
+  const shareLinkOrder = getDeckShareLinkOrder(deck.visibility);
+  const shareToken =
+    shareLink?.deckId === deck.id ? shareLink.token : undefined;
+  const primaryShareLink = shareToken
+    ? `${typeof window === "undefined" ? "" : window.location.origin}${appPath(`/share/${shareToken}`)}`
+    : undefined;
+  const secondaryShareLink = shareUrls[shareLinkOrder.secondary];
 
-  const handleShare = async () => {
-    setLoading(true);
-    setError("");
+  const openShareDialog = useCallback(async () => {
+    if (isLocal) {
+      setOpen(true);
+      return;
+    }
+    if (shareToken) {
+      setOpen(true);
+      return;
+    }
+    if (creatingLink) return;
 
+    setCreatingLink(true);
     try {
-      const res = await fetch(`${appBasePath()}/api/share`, {
+      const response = await fetch(`${appBasePath()}/api/share`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ deck }),
       });
-
-      if (!res.ok) {
-        const err = await res.json();
-        throw new Error(err.error || t("share.createFailed"));
+      let payload: { error?: unknown; shareToken?: unknown };
+      try {
+        payload = (await response.json()) as {
+          error?: unknown;
+          shareToken?: unknown;
+        };
+      } catch {
+        throw new Error(t("share.createFailed"));
       }
-
-      const data = await res.json();
-      const url = `${window.location.origin}${appBasePath()}/share/${data.shareToken}`;
-      setShareUrl(url);
-    } catch (err: any) {
-      setError(err.message);
+      if (!response.ok) {
+        throw new Error(
+          typeof payload.error === "string"
+            ? payload.error
+            : t("share.createFailed"),
+        );
+      }
+      if (typeof payload.shareToken !== "string" || !payload.shareToken) {
+        throw new Error(t("share.createFailed"));
+      }
+      setShareLink({ deckId: deck.id, token: payload.shareToken });
+      setOpen(true);
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : t("share.createFailed"),
+      );
     } finally {
-      setLoading(false);
+      setCreatingLink(false);
     }
-  };
+  }, [creatingLink, deck, isLocal, shareToken, t]);
 
-  const handleCopy = async () => {
-    if (!shareUrl) return;
-    await navigator.clipboard.writeText(shareUrl);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
-  };
+  const trigger = isValidElement(children)
+    ? (() => {
+        const triggerElement = children as ReactElement<{
+          onClick?: (event: MouseEvent) => void;
+        }>;
+        return cloneElement(triggerElement, {
+          onClick: (event) => {
+            triggerElement.props.onClick?.(event);
+            if (!event.defaultPrevented) void openShareDialog();
+          },
+        });
+      })()
+    : children;
 
   return (
-    <Popover
-      open={open}
-      onOpenChange={(v) => {
-        setOpen(v);
-        if (!v) {
-          setShareUrl(null);
-          setError("");
-        }
-      }}
-    >
-      <PopoverTrigger asChild>{children}</PopoverTrigger>
-      <PopoverContent
-        align="end"
-        className="w-[min(420px,calc(100vw-2rem))] bg-card border-border p-4"
-      >
-        {showCloudUpgrade || isLocal ? (
-          <CloudUpgrade
-            title={t("share.title")}
-            description={t("share.cloudUpgradeDescription")}
-            onClose={() => {
-              setShowCloudUpgrade(false);
-              setOpen(false);
-            }}
+    <>
+      {trigger}
+      {open && isLocal ? (
+        <CloudUpgrade
+          title={t("share.title")}
+          description={t("share.cloudUpgradeDescription")}
+          onClose={() => setOpen(false)}
+        />
+      ) : null}
+      <CoreShareDialog
+        open={open && !isLocal}
+        onClose={() => setOpen(false)}
+        resourceType="deck"
+        resourceId={deck.id}
+        resourceTitle={deck.title}
+        shareUrl={primaryShareLink}
+        linkTabExtras={
+          <ShareCopyRow
+            label={t("editorToolbar.presentationLink")}
+            description={t("editorToolbar.presentationLinkDescription")}
+            value={secondaryShareLink}
+            copyLabel={t("share.copyLink")}
+            copiedLabel={t("share.copied")}
+            onCopy={(value) => writeClipboardText(value)}
+            className="mt-3"
           />
-        ) : (
-          <>
-            <div className="mb-3">
-              <div className="text-foreground flex items-center gap-2 text-sm font-semibold">
-                <IconShare2 className="w-4 h-4 text-[#609FF8]" />
-                {t("share.title")}
-              </div>
-            </div>
-
-            <div className="space-y-4">
-              {!shareUrl ? (
-                <>
-                  <details className="group rounded-md border border-border bg-muted/30">
-                    <summary className="flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-2.5 text-sm font-medium [&::-webkit-details-marker]:hidden">
-                      {t("share.whatGetsShared")}
-                      <IconChevronDown className="size-4 shrink-0 text-muted-foreground transition-transform group-open:rotate-180" />
-                    </summary>
-                    <div className="space-y-3 border-t border-border px-3 py-3 text-xs text-muted-foreground">
-                      <ul className="space-y-1">
-                        <li>
-                          {t("share.slideContent", {
-                            count: deck.slides.length,
-                          })}
-                        </li>
-                        <li>{t("share.presentationView")}</li>
-                      </ul>
-                      <div>
-                        <h4 className="mb-1 font-medium text-foreground/90">
-                          {t("share.whatStaysPrivate")}
-                        </h4>
-                        <ul className="space-y-1">
-                          <li>{t("share.speakerNotes")}</li>
-                          <li>{t("share.otherPresentations")}</li>
-                          <li>{t("share.editingAccess")}</li>
-                        </ul>
-                      </div>
-                    </div>
-                  </details>
-
-                  {error && (
-                    <p className="text-xs text-red-400 bg-red-400/10 px-3 py-2 rounded-lg">
-                      {error}
-                    </p>
-                  )}
-
-                  <button
-                    onClick={handleShare}
-                    disabled={loading}
-                    className="w-full flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg bg-[#609FF8] hover:bg-[#7AB2FA] disabled:opacity-50 text-black text-sm font-medium transition-colors"
-                  >
-                    {loading ? (
-                      <>
-                        <IconLoader2 className="w-4 h-4 animate-spin" />
-                        {t("share.creatingLink")}
-                      </>
-                    ) : (
-                      <>
-                        <IconShare2 className="w-4 h-4" />
-                        {t("share.createShareLink")}
-                      </>
-                    )}
-                  </button>
-                </>
-              ) : (
-                <>
-                  <div className="flex items-center gap-2">
-                    <input
-                      readOnly
-                      value={shareUrl}
-                      className="flex-1 bg-accent/50 border border-border rounded-lg px-3 py-2 text-sm text-foreground/90 outline-none"
-                    />
-                    <Tooltip>
-                      <TooltipTrigger asChild>
-                        <button
-                          onClick={handleCopy}
-                          className="flex-shrink-0 p-2 rounded-lg bg-accent hover:bg-accent border border-border transition-colors"
-                          aria-label={t("share.copyLink")}
-                        >
-                          {copied ? (
-                            <IconCheck className="w-4 h-4 text-green-400" />
-                          ) : (
-                            <IconCopy className="w-4 h-4 text-muted-foreground" />
-                          )}
-                        </button>
-                      </TooltipTrigger>
-                      <TooltipContent>{t("share.copyLink")}</TooltipContent>
-                    </Tooltip>
-                  </div>
-
-                  <a
-                    href={shareUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="flex items-center justify-center gap-2 w-full px-4 py-2 rounded-lg bg-accent hover:bg-accent border border-border text-foreground/70 text-sm transition-colors"
-                  >
-                    <IconExternalLink className="w-3.5 h-3.5" />
-                    {t("share.openSharedLink")}
-                  </a>
-
-                  <p className="sr-only text-[11px] text-muted-foreground/70 text-center">
-                    {t("share.anyoneWithLink")}
-                  </p>
-                </>
-              )}
-            </div>
-          </>
-        )}
-      </PopoverContent>
-    </Popover>
+        }
+      />
+    </>
   );
 }

package/corpus/templates/slides/app/components/onboarding/FirstDeckOnboardingFlow.tsx

@@ -446,6 +446,7 @@ export function FirstDeckOnboardingFlow({
             className="mt-8"
             autoFocus
             attachmentsEnabled
+            voiceEnabled
             maxDocumentAttachmentBytes={MAX_REFERENCE_FILE_BYTES}
             documentAttachmentLimitLabel="Slides reference files"
             disabled={uploading}

package/corpus/templates/slides/app/global.css

@@ -435,11 +435,107 @@ button[title="Open agent sidebar"] {
   height: 100%;
   display: flex;
   flex-direction: column;
-  font-family: "Poppins", sans-serif;
+  color: var(--ds-text, #ffffff);
+  background: var(--ds-bg, #0b0b0d);
+  font-family: var(--ds-body-font, "Poppins", sans-serif);
   box-sizing: border-box;
   overflow: hidden;
 }
 
+/* Semantic slide markup is persisted by the agent. Keep the classes useful
+   when a later edit omits inline styles, while leaving explicit inline values
+   authoritative through the normal CSS cascade. */
+.fmd-slide.fmd-slide--title {
+  justify-content: center;
+  align-items: flex-start;
+  gap: 24px;
+  padding: 80px 110px;
+}
+
+.fmd-slide.fmd-slide--content,
+.fmd-slide.fmd-slide--two-column {
+  justify-content: flex-start;
+  gap: 24px;
+  padding: 64px 80px;
+}
+
+.fmd-slide.fmd-slide--statement {
+  align-items: center;
+  justify-content: center;
+  gap: 24px;
+  padding: 64px 80px;
+  text-align: center;
+}
+
+.fmd-slide.fmd-slide--title h1,
+.fmd-slide.fmd-slide--content h1,
+.fmd-slide.fmd-slide--content h2,
+.fmd-slide.fmd-slide--two-column h1,
+.fmd-slide.fmd-slide--two-column h2,
+.fmd-slide.fmd-slide--statement h1,
+.fmd-slide.fmd-slide--statement h2 {
+  color: var(--ds-text, #ffffff);
+  font-family: var(
+    --ds-heading-font,
+    var(--ds-body-font, "Poppins", sans-serif)
+  );
+  font-weight: 700;
+  letter-spacing: -0.03em;
+}
+
+.fmd-slide.fmd-slide--title h1 {
+  font-size: 46px;
+  line-height: 1.1;
+}
+
+.fmd-slide.fmd-slide--content h1,
+.fmd-slide.fmd-slide--two-column h1,
+.fmd-slide.fmd-slide--statement h1 {
+  font-size: 38px;
+  line-height: 1.15;
+}
+
+.fmd-slide.fmd-slide--content h2,
+.fmd-slide.fmd-slide--two-column h2 {
+  font-size: 30px;
+  line-height: 1.2;
+}
+
+.fmd-slide.fmd-slide--statement h2 {
+  font-size: 42px;
+  line-height: 1.15;
+}
+
+.fmd-slide .fmd-subtitle,
+.fmd-slide .fmd-muted {
+  color: var(--ds-text-muted, rgba(255, 255, 255, 0.7));
+}
+
+.fmd-slide .fmd-subtitle {
+  font-size: 22px;
+  line-height: 1.4;
+}
+
+.fmd-slide .fmd-columns {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 32px;
+  width: 100%;
+  min-height: 0;
+}
+
+.fmd-slide .fmd-callout {
+  padding: 20px 24px;
+  border: 1px solid var(--ds-accent, rgba(255, 255, 255, 0.2));
+  border-radius: var(--ds-radius, 12px);
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.fmd-slide .fmd-accent,
+.fmd-slide .fmd-cyan {
+  color: var(--ds-accent, #00e5ff);
+}
+
 .fmd-autofit-scale {
   transform: translate(var(--fmd-fit-x, 0px), var(--fmd-fit-y, 0px))
     scale(var(--fmd-fit-scale, 1));
@@ -461,7 +557,7 @@ button[title="Open agent sidebar"] {
 
 /* Section label - cyan uppercase */
 .fmd-label {
-  color: #00e5ff;
+  color: var(--ds-accent, #00e5ff);
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 3px;
@@ -471,7 +567,7 @@ button[title="Open agent sidebar"] {
 
 /* Cyan accent color */
 .fmd-cyan {
-  color: #00e5ff !important;
+  color: var(--ds-accent, #00e5ff);
 }
 
 /* Large stat numbers */

package/corpus/templates/slides/app/i18n/en-US.ts

@@ -295,6 +295,7 @@ const messages = {
     creatingLink: "Creating link...",
     createShareLink: "Create Share Link",
     copyLink: "Copy link",
+    copied: "Copied",
     openSharedLink: "Open shared link",
     anyoneWithLink: "Anyone with this link can view this presentation.",
   },

package/corpus/templates/tasks/.agents/skills/agent-native-toolkit/SKILL.md

@@ -182,6 +182,11 @@ in the moment of agent use.
   five-item sidebar preview and a footer row with New chat followed by an
   ellipsis disclosure up to fifteen. Apps inject routing, labels, and domain
   actions.
+- **Data grid kit**: provider-agnostic spreadsheet mechanics belong in
+  `@agent-native/toolkit/data-grid`. Apps provide rows, typed columns, editor
+  slots, selection and width state, persistence callbacks, and product-level
+  row/body slots. Keep database models, access checks, grouping, drag/drop,
+  and domain actions in the app adapter.
 - **Agent page kit**: the full-page `/agent` surface (`AgentTabsPage` from
   `@agent-native/core/client`) with Context, Files, Connections, Jobs, and
   Access tabs plus a Personal/Organization scope toggle. The canonical home