@agent-native/core 0.69.0 → 0.70.1

package/corpus/templates/assets/actions/generate-image.ts

@@ -1,5 +1,6 @@
 import { defineAction } from "@agent-native/core";
 import {
+  readAppState,
   writeAppState,
   deleteAppState,
 } from "@agent-native/core/application-state";
@@ -55,6 +56,28 @@ function resolveModelForTier(
     : "gemini-3.1-flash-image";
 }
 
+/**
+ * The user's default image model, chosen from the composer's model picker and
+ * persisted in per-user application state. Used as a fallback when no explicit
+ * model, tier, or preset model is supplied. Returns undefined when unset or
+ * invalid so the hardcoded default still applies.
+ */
+async function readUserDefaultImageModel(): Promise<ImageModel | undefined> {
+  try {
+    const stored = await readAppState("imageGenerationModel");
+    const model = stored?.model;
+    if (
+      typeof model === "string" &&
+      (IMAGE_MODELS as readonly string[]).includes(model)
+    ) {
+      return model as ImageModel;
+    }
+  } catch {
+    // No request context or read failure — fall back to defaults below.
+  }
+  return undefined;
+}
+
 export default defineAction({
   description:
     "Generate one brand-consistent image from a library. This is synchronous for images and returns the final asset with preview/download/embed URLs. Use generate-image-batch for multiple independent slots; do not poll image runs after this action returns.",
@@ -226,6 +249,7 @@ export default defineAction({
     const resolvedModel = (args.model ??
       resolveModelForTier(resolvedTier, category) ??
       preset?.model ??
+      (await readUserDefaultImageModel()) ??
       "gemini-3.1-flash-image") as (typeof IMAGE_MODELS)[number];
     const resolvedCategories =
       args.categories ??

package/corpus/templates/assets/app/components/layout/Sidebar.tsx

@@ -305,8 +305,8 @@ function AssetsChatsSection() {
                       {threadTitle(thread)}
                     </span>
                   </button>
-                  <div className="relative flex size-7 shrink-0 items-center justify-end pr-1">
-                    <span className="text-[11px] text-muted-foreground/75 transition-opacity group-hover:opacity-0 group-focus-within:opacity-0">
+                  <div className="relative flex w-auto min-w-7 shrink-0 items-center justify-end pr-1">
+                    <span className="whitespace-nowrap text-[11px] tabular-nums text-muted-foreground/75 transition-opacity group-hover:opacity-0 group-focus-within:opacity-0">
                       {isActive ? "" : formatThreadAge(threadUpdatedAt(thread))}
                     </span>
                     <DropdownMenu>

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

@@ -135,7 +135,7 @@
   gap: 0.5rem;
 }
 
-.assets-create-chat-pill-row span {
+.assets-create-chat-pill-row button {
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
@@ -147,6 +147,22 @@
   color: hsl(var(--muted-foreground));
   font-size: 0.75rem;
   font-weight: 500;
+  cursor: pointer;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease,
+    border-color 0.15s ease;
+}
+
+.assets-create-chat-pill-row button:hover {
+  border-color: hsl(var(--foreground) / 0.25);
+  background: hsl(var(--accent));
+  color: hsl(var(--foreground));
+}
+
+.assets-create-chat-pill-row button:focus-visible {
+  outline: 2px solid hsl(var(--ring));
+  outline-offset: 2px;
 }
 
 .assets-create-chat-panel

package/corpus/templates/assets/app/root.tsx

@@ -16,6 +16,7 @@ import {
 import { Toaster } from "@/components/ui/sonner";
 import { IconSun, IconMoon } from "@tabler/icons-react";
 import { Layout as AppLayout } from "@/components/layout/Layout";
+import changelog from "../CHANGELOG.md?raw";
 import type { LinksFunction } from "react-router";
 import stylesheet from "./global.css?url";
 
@@ -106,7 +107,12 @@ export default function Root() {
     <AppProviders queryClient={queryClient}>
       <DbSyncSetup />
       <Toaster richColors position="bottom-left" />
-      <CommandMenu open={cmdkOpen} onOpenChange={setCmdkOpen}>
+      <CommandMenu
+        open={cmdkOpen}
+        onOpenChange={setCmdkOpen}
+        changelog={changelog}
+        changelogKey="assets"
+      >
         <CommandMenu.Group heading="Actions">
           <CommandMenu.Item onSelect={() => {}}>Search</CommandMenu.Item>
         </CommandMenu.Group>

package/corpus/templates/assets/app/routes/_index.tsx

@@ -1,12 +1,49 @@
-import { useEffect } from "react";
+import { useCallback, useEffect, useState } from "react";
 import {
   AgentChatSurface,
   getBrowserTabId,
   markAgentChatHomeHandoff,
+  readClientAppState,
+  sendToAgentChat,
+  writeClientAppState,
 } from "@agent-native/core/client";
 import { IconPhoto, IconSparkles, IconVideo } from "@tabler/icons-react";
 import { ASSETS_CHAT_STORAGE_KEY } from "@/lib/chat";
 
+// The composer's model picker shows the chat LLM (Claude/OpenAI/Gemini). The
+// Assets app also drives a separate *image* model, so we surface it in the same
+// menu — otherwise "Claude" reads as the image generator, which it isn't. The
+// choice persists in per-user application state so the generate-image action
+// (server-side) can read it as the default model. Values must be valid
+// IMAGE_MODELS ids from shared/api.
+const IMAGE_MODEL_STATE_KEY = "imageGenerationModel";
+const DEFAULT_IMAGE_MODEL = "gemini-3.1-flash-image";
+const IMAGE_MODEL_OPTIONS = [
+  { value: "gemini-3-pro-image", label: "Gemini 3 Pro · best quality" },
+  { value: "gemini-3.1-flash-image", label: "Gemini 3.1 Flash · fast" },
+  { value: "gemini-2.5-flash-image", label: "Gemini 2.5 Flash" },
+] as const;
+
+// Empty-state starters. Clicking one prefills the composer (without sending) so
+// the user can finish the thought instead of staring at a chip that does
+// nothing. `submit: false` = prefill only; `openSidebar: false` keeps focus on
+// the page-level Create surface.
+const CHAT_STARTERS = [
+  {
+    key: "image",
+    Icon: IconPhoto,
+    label: "image",
+    prompt: "Create an image of ",
+  },
+  {
+    key: "video",
+    Icon: IconVideo,
+    label: "video",
+    prompt: "Create a video of ",
+  },
+  { key: "refine", Icon: IconSparkles, label: "refine", prompt: "Refine " },
+] as const;
+
 const SEO_TITLE =
   "Agent-Native Assets - Open Source AI asset library for brand-safe images and video";
 const SEO_DESCRIPTION =
@@ -25,6 +62,8 @@ export function meta() {
 }
 
 export default function CreatePage() {
+  const [imageModel, setImageModel] = useState<string>(DEFAULT_IMAGE_MODEL);
+
   useEffect(() => {
     function handleChatRunning(event: Event) {
       const detail = (event as CustomEvent).detail;
@@ -38,6 +77,34 @@ export default function CreatePage() {
       window.removeEventListener("agentNative.chatRunning", handleChatRunning);
   }, []);
 
+  // Hydrate the saved image-model default so the picker reflects the user's
+  // last choice across sessions.
+  useEffect(() => {
+    let cancelled = false;
+    void readClientAppState<{ model?: string }>(IMAGE_MODEL_STATE_KEY)
+      .then((state) => {
+        const stored = state?.model;
+        if (
+          !cancelled &&
+          stored &&
+          IMAGE_MODEL_OPTIONS.some((option) => option.value === stored)
+        ) {
+          setImageModel(stored);
+        }
+      })
+      .catch(() => {});
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  const handleImageModelChange = useCallback((value: string) => {
+    setImageModel(value);
+    void writeClientAppState(IMAGE_MODEL_STATE_KEY, { model: value }).catch(
+      () => {},
+    );
+  }, []);
+
   return (
     <div className="flex h-full min-h-0 flex-col bg-background">
       <AgentChatSurface
@@ -47,6 +114,15 @@ export default function CreatePage() {
         defaultMode="chat"
         storageKey={ASSETS_CHAT_STORAGE_KEY}
         browserTabId={getBrowserTabId()}
+        imageModelMenu={{
+          value: imageModel,
+          options: IMAGE_MODEL_OPTIONS.map((option) => ({
+            value: option.value,
+            label: option.label,
+          })),
+          onChange: handleImageModelChange,
+          label: "Image model",
+        }}
         showHeader={false}
         showTabBar={false}
         dynamicSuggestions={false}
@@ -63,19 +139,23 @@ export default function CreatePage() {
               Start with a hero image, product reveal, reference edit, or a
               direction you want to explore.
             </p>
-            <div className="assets-create-chat-pill-row" aria-hidden="true">
-              <span>
-                <IconPhoto className="size-3.5" />
-                image
-              </span>
-              <span>
-                <IconVideo className="size-3.5" />
-                video
-              </span>
-              <span>
-                <IconSparkles className="size-3.5" />
-                refine
-              </span>
+            <div className="assets-create-chat-pill-row">
+              {CHAT_STARTERS.map(({ key, Icon, label, prompt }) => (
+                <button
+                  key={key}
+                  type="button"
+                  onClick={() =>
+                    sendToAgentChat({
+                      message: prompt,
+                      submit: false,
+                      openSidebar: false,
+                    })
+                  }
+                >
+                  <Icon className="size-3.5" />
+                  {label}
+                </button>
+              ))}
             </div>
           </div>
         }

package/corpus/templates/assets/app/routes/settings.tsx

@@ -1,9 +1,11 @@
 import {
+  ChangelogSettingsCard,
   agentNativePath,
   useActionQuery,
   useBuilderConnectFlow,
   useBuilderStatus,
 } from "@agent-native/core/client";
+import changelog from "../../CHANGELOG.md?raw";
 import {
   useOnboarding,
   type OnboardingMethod,
@@ -75,6 +77,10 @@ export default function SettingsPage() {
       description="Asset generation, storage, and brand kit access."
       className="max-w-4xl space-y-6"
     >
+      <div className="max-w-2xl">
+        <ChangelogSettingsCard markdown={changelog} />
+      </div>
+
       <div className="max-w-2xl">
         <h2 className="text-lg font-semibold tracking-tight">Connections</h2>
         <p className="mt-1 text-sm leading-6 text-muted-foreground">

package/corpus/templates/assets/changelog/2026-06-23-chat-dates-in-the-sidebar-no-longer-wrap-onto-two-lines.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-23
+---
+
+Chat dates in the sidebar no longer wrap onto two lines.

package/corpus/templates/assets/changelog/2026-06-23-clicking-image-video-or-refine-on-the-start-screen-now-drops.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-23
+---
+
+Clicking image, video, or refine on the start screen now drops a starter prompt into the composer instead of doing nothing.

package/corpus/templates/assets/changelog/2026-06-23-pick-your-image-generation-model-right-from-the-chat-model-m.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-23
+---
+
+Pick your image-generation model right from the chat model menu — it's shown alongside the chat model so it's clear which is which.

package/corpus/templates/brain/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+
+All notable user-facing changes to Agent-Native Brain are documented here. Open it any
+time from the command menu (Cmd+K → "What's new") or from Settings.
+
+## 2026-06-23
+
+### Added
+
+- See what's new right inside Agent-Native Brain — a changelog now lives in the command menu (Cmd+K) and in Settings.

package/corpus/templates/brain/app/root.tsx

@@ -24,6 +24,7 @@ import { Layout as AppLayout } from "@/components/layout/Layout";
 import { useDistillationBridge } from "@/hooks/use-distillation-bridge";
 import { useNavigationState } from "@/hooks/use-navigation-state";
 import { TAB_ID } from "@/lib/tab-id";
+import changelog from "../CHANGELOG.md?raw";
 import type { LinksFunction } from "react-router";
 import stylesheet from "./global.css?url";
 
@@ -137,7 +138,12 @@ function AppContent() {
   useCommandMenuShortcut(useCallback(() => setCmdkOpen(true), []));
   return (
     <>
-      <CommandMenu open={cmdkOpen} onOpenChange={setCmdkOpen}>
+      <CommandMenu
+        open={cmdkOpen}
+        onOpenChange={setCmdkOpen}
+        changelog={changelog}
+        changelogKey="brain"
+      >
         <CommandMenu.Group heading="Navigate">
           <CommandMenu.Item onSelect={() => navigate("/")}>
             Ask Brain

package/corpus/templates/brain/app/routes/settings.tsx

@@ -1,5 +1,10 @@
 import { useEffect, useMemo, useState } from "react";
-import { useActionMutation, useActionQuery } from "@agent-native/core/client";
+import {
+  ChangelogSettingsCard,
+  useActionMutation,
+  useActionQuery,
+} from "@agent-native/core/client";
+import changelog from "../../CHANGELOG.md?raw";
 import {
   IconAdjustments,
   IconBuilding,
@@ -146,6 +151,8 @@ export default function SettingsRoute() {
 
       <div className="grid gap-5 p-4 sm:p-5 lg:grid-cols-[minmax(0,1fr)_360px] lg:p-7">
         <main className="grid gap-5">
+          <ChangelogSettingsCard markdown={changelog} />
+
           <Card>
             <CardHeader>
               <CardTitle className="flex items-center gap-2 text-base">

package/corpus/templates/calendar/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+
+All notable user-facing changes to Agent-Native Calendar are documented here. Open it any
+time from the command menu (Cmd+K → "What's new") or from Settings.
+
+## 2026-06-23
+
+### Added
+
+- See what's new right inside Agent-Native Calendar — a changelog now lives in the command menu (Cmd+K) and in Settings.

package/corpus/templates/calendar/app/pages/Settings.tsx

@@ -26,8 +26,10 @@ import { useSettings, useUpdateSettings } from "@/hooks/use-settings";
 import {
   AppearancePicker,
   callAction,
+  ChangelogSettingsCard,
   type AppearancePresetId,
 } from "@agent-native/core/client";
+import changelog from "../../CHANGELOG.md?raw";
 import {
   useGoogleAuthStatus,
   useGoogleAuthUrl,
@@ -151,6 +153,8 @@ export default function Settings() {
         </p>
       </div>
 
+      <ChangelogSettingsCard markdown={changelog} />
+
       {/* Google Calendar Connection */}
       <Card>
         <CardHeader>

package/corpus/templates/calendar/app/root.tsx

@@ -22,6 +22,7 @@ import {
   useDbSync,
 } from "@agent-native/core/client";
 import { IconSun, IconMoon } from "@tabler/icons-react";
+import changelog from "../CHANGELOG.md?raw";
 import type { LinksFunction } from "react-router";
 import stylesheet from "./global.css?url";
 configureTracking({
@@ -137,7 +138,12 @@ function AppContent() {
   return (
     <>
       <DbSyncSetup />
-      <CommandMenu open={cmdkOpen} onOpenChange={setCmdkOpen}>
+      <CommandMenu
+        open={cmdkOpen}
+        onOpenChange={setCmdkOpen}
+        changelog={changelog}
+        changelogKey="calendar"
+      >
         <CommandMenu.Group heading="Actions">
           <CommandMenu.Item onSelect={() => {}}>Search</CommandMenu.Item>
         </CommandMenu.Group>

package/corpus/templates/chat/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+
+All notable user-facing changes to Chat are documented here. Open it any
+time from the command menu (Cmd+K → "What's new").
+
+## 2026-06-23
+
+### Added
+
+- See what's new right inside Chat — a changelog now lives in the command menu (Cmd+K).

package/corpus/templates/chat/app/root.tsx

@@ -14,6 +14,7 @@ import {
   useCommandMenuShortcut,
 } from "@agent-native/core/client";
 import { IconSun, IconMoon } from "@tabler/icons-react";
+import changelog from "../CHANGELOG.md?raw";
 import { Layout as AppLayout } from "@/components/layout/Layout";
 import { TAB_ID } from "@/lib/tab-id";
 import { APP_TITLE } from "@/lib/app-config";
@@ -97,7 +98,12 @@ function AppContent() {
   useCommandMenuShortcut(useCallback(() => setCmdkOpen(true), []));
   return (
     <>
-      <CommandMenu open={cmdkOpen} onOpenChange={setCmdkOpen}>
+      <CommandMenu
+        open={cmdkOpen}
+        onOpenChange={setCmdkOpen}
+        changelog={changelog}
+        changelogKey="chat"
+      >
         <CommandMenu.Group heading="Actions">
           <CommandMenu.Item onSelect={() => {}}>Search</CommandMenu.Item>
         </CommandMenu.Group>

package/corpus/templates/clips/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+
+All notable user-facing changes to Clips are documented here. Open it any time
+from the command menu (Cmd+K → "What's new") or from Settings.
+
+## 2026-06-23
+
+### Added
+
+- See what's new right inside Clips — a changelog now lives in the command menu (Cmd+K) and in Settings.

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

@@ -1,6 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
-import { cn } from "@/lib/utils";
 import {
   useFolders,
   useRecordings,
@@ -34,7 +33,6 @@ import {
   DialogTitle,
   DialogFooter,
 } from "@/components/ui/dialog";
-import { IconChecks } from "@tabler/icons-react";
 import { ShareRecordingDialog } from "@/components/player/share-dialog";
 
 interface LibraryGridProps {
@@ -107,7 +105,7 @@ export function LibraryGrid({
 }: LibraryGridProps) {
   const [sort, setSort] = useState<SortKey>("recent");
   const [selected, setSelected] = useState<Set<string>>(new Set());
-  const [selectionMode, setSelectionMode] = useState(false);
+  const selectionMode = selected.size > 0;
   const [renamingRec, setRenamingRec] = useState<RecordingSummary | null>(null);
   const [renameValue, setRenameValue] = useState("");
   const [sharingRec, setSharingRec] = useState<RecordingSummary | null>(null);
@@ -202,7 +200,6 @@ export function LibraryGrid({
 
   const clearSelection = () => {
     setSelected(new Set());
-    setSelectionMode(false);
   };
 
   const moveSelected = async (targetFolderId: string | null) => {
@@ -337,22 +334,6 @@ export function LibraryGrid({
         </div>
         <div className="ml-auto flex shrink-0 items-center gap-2">
           {extraActions}
-          <Button
-            variant={selectionMode ? "default" : "outline"}
-            size="sm"
-            className={cn(
-              "h-8 gap-1.5",
-              selectionMode &&
-                "bg-primary text-primary-foreground hover:bg-primary/90",
-            )}
-            onClick={() => {
-              setSelectionMode((v) => !v);
-              if (selectionMode) setSelected(new Set());
-            }}
-          >
-            <IconChecks className="h-3.5 w-3.5" />
-            Select
-          </Button>
           <SortMenu value={sort} onChange={setSort} />
         </div>
       </PageHeader>

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

@@ -9,6 +9,7 @@ import {
   appBasePath,
   appPath,
   useActionQuery,
+  useSession,
 } from "@agent-native/core/client";
 import {
   Popover,
@@ -34,8 +35,10 @@ import {
   type SharesResponse,
   type Visibility,
 } from "@/components/sharing/share-ui";
+import { SlackShareHint } from "@/components/sharing/slack-share-hint";
 import { buildAgentApiUrls } from "../../../shared/agent-context";
 import { isLoomEmbedUrl } from "../../../shared/loom";
+import { withShareAttribution } from "../../../shared/share-attribution";
 
 const PUBLIC_DESCRIPTION =
   "Anyone with the link can view — sign in to comment or react";
@@ -156,11 +159,6 @@ function ShareRecordingContent({
   hasPassword?: boolean;
   reserveCloseButton?: boolean;
 }) {
-  const shareUrl =
-    typeof window === "undefined"
-      ? ""
-      : absoluteAppUrl(`/share/${recordingId}`);
-
   const sharesQuery = useActionQuery<SharesResponse>("list-resource-shares", {
     resourceType: "recording",
     resourceId: recordingId,
@@ -168,6 +166,23 @@ function ShareRecordingContent({
 
   const data = sharesQuery.data;
   const canManage = data?.role === "owner" || data?.role === "admin";
+
+  // Attribution `via` must be a stable non-PII id, never an email. The only
+  // owner id available client-side is the *current* session's userId, which is
+  // the clip owner only when the viewer is the owner. Anyone else (e.g. a
+  // share-admin) gets an untagged `via` so we never attribute the link to the
+  // wrong person or leak the owner's email.
+  const { session } = useSession();
+  const ownerViaId =
+    data?.role === "owner" ? (session?.userId ?? undefined) : undefined;
+
+  const shareUrl =
+    typeof window === "undefined"
+      ? ""
+      : withShareAttribution(
+          absoluteAppUrl(`/share/${recordingId}`),
+          ownerViaId,
+        );
   const titleText = recordingTitle
     ? `Share "${recordingTitle}"`
     : "Share recording";
@@ -224,6 +239,7 @@ function ShareRecordingContent({
             recordingId={recordingId}
             sharesQuery={sharesQuery}
             canManage={canManage}
+            ownerViaId={ownerViaId}
           />
         </TabsContent>
       </Tabs>
@@ -321,6 +337,10 @@ function LinkTab({
         disabled={isPending || (!isPublic && canManage)}
       />
 
+      {/* Public links unfurl into a playable video in Slack; surface that here
+          (and a connect link) instead of leaving it buried in Settings. */}
+      {isPublic ? <SlackShareHint canManage={canManage} /> : null}
+
       <CopyField
         label="Share with agents"
         value={agentContextUrl}
@@ -389,10 +409,12 @@ function ClipsEmbedConfigurator({
   recordingId,
   sharesQuery,
   canManage,
+  ownerViaId,
 }: {
   recordingId: string;
   sharesQuery: SharesQuery;
   canManage: boolean;
+  ownerViaId?: string;
 }) {
   const [autoplay, setAutoplay] = useState(false);
   const [startMs, setStartMs] = useState(0);
@@ -416,8 +438,12 @@ function ClipsEmbedConfigurator({
     if (autoplay) params.push("autoplay=1");
     if (startMs > 0) params.push(`t=${Math.round(startMs / 1000)}`);
     const qs = params.length ? `?${params.join("&")}` : "";
-    return absoluteAppUrl(`/embed/${recordingId}${qs}`);
-  }, [recordingId, autoplay, startMs]);
+    // Keep autoplay/t intact and also self-attribute the embed.
+    return withShareAttribution(
+      absoluteAppUrl(`/embed/${recordingId}${qs}`),
+      ownerViaId,
+    );
+  }, [recordingId, autoplay, startMs, ownerViaId]);
 
   const code =
     mode === "responsive"

package/corpus/templates/clips/app/components/player/sign-in-prompt-dialog.tsx

@@ -21,6 +21,12 @@ export interface SignInPromptDialogProps {
    * fires there and forwards to `returnTo` once the viewer is signed in.
    */
   returnTo?: string;
+  /**
+   * Fired when the viewer activates the "Sign in" button, before navigation.
+   * Used by the public share page to emit the signin funnel event. Must not
+   * change navigation behavior.
+   */
+  onSignIn?: () => void;
 }
 
 function buildSignInHref(returnTo: string | undefined): string {
@@ -34,6 +40,7 @@ export function SignInPromptDialog({
   onOpenChange,
   intent,
   returnTo,
+  onSignIn,
 }: SignInPromptDialogProps) {
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
@@ -51,6 +58,7 @@ export function SignInPromptDialog({
           </Button>
           <Button
             onClick={() => {
+              onSignIn?.();
               window.location.href = buildSignInHref(returnTo);
             }}
           >