@agent-native/core 0.130.0 → 0.130.2

package/corpus/templates/clips/app/components/workspace/organization-identity-card.tsx

@@ -0,0 +1,107 @@
+import { useActionQuery, useSession } from "@agent-native/core/client/hooks";
+import { useT } from "@agent-native/core/client/i18n";
+import { useMemo } from "react";
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  BrandingEditor,
+  type RecordingVisibility,
+} from "@/components/workspace/branding-editor";
+import type { MemberRole } from "@/components/workspace/members-list";
+
+interface OrganizationStateResponse {
+  organization: {
+    id: string;
+    name: string;
+    brandColor: string;
+    brandLogoUrl: string | null;
+    defaultVisibility: RecordingVisibility;
+    ownerEmail?: string;
+  } | null;
+  members: { email: string; role: MemberRole }[];
+}
+
+/**
+ * Organization identity — name, logo, brand color, default recording
+ * visibility. It sits directly above membership in the Organization tab
+ * because the name and logo are what recipients see in share emails.
+ */
+export function OrganizationIdentityCard() {
+  const t = useT();
+  const { session } = useSession();
+  const email = session?.email ?? "";
+
+  const { data, isPending, isError } =
+    useActionQuery<OrganizationStateResponse>(
+      "list-organization-state",
+      undefined,
+    );
+
+  const organization = data?.organization ?? null;
+  const members = useMemo(() => data?.members ?? [], [data?.members]);
+  const isAdmin = useMemo(() => {
+    if (organization?.ownerEmail && organization.ownerEmail === email) {
+      return true;
+    }
+    const role = members.find((m) => m.email === email)?.role;
+    return role === "admin" || role === "owner";
+  }, [members, email, organization?.ownerEmail]);
+
+  if (isPending) return <Skeleton className="h-64 w-full" />;
+  // A failed load must not look like "this org has no branding".
+  if (isError) {
+    return (
+      <Card>
+        <CardContent className="py-6 text-center text-sm text-muted-foreground">
+          {t("organizationSettings.brandingLoadFailed")}
+        </CardContent>
+      </Card>
+    );
+  }
+  if (!organization) return null;
+
+  if (!isAdmin) {
+    return (
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-base">
+            {t("brandingEditor.title")}
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          <div className="flex items-center gap-3">
+            {organization.brandLogoUrl ? (
+              <img
+                src={organization.brandLogoUrl}
+                alt=""
+                className="h-10 w-10 rounded object-contain"
+              />
+            ) : (
+              <div
+                className="h-10 w-10 rounded"
+                style={{ background: organization.brandColor }}
+              />
+            )}
+            <div>
+              <div className="font-medium">{organization.name}</div>
+              <div className="text-xs text-muted-foreground">
+                {t("organizationSettings.adminsOnlyBranding")}
+              </div>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+    );
+  }
+
+  return (
+    <BrandingEditor
+      organizationId={organization.id}
+      initialName={organization.name}
+      initialBrandColor={organization.brandColor}
+      initialBrandLogoUrl={organization.brandLogoUrl}
+      initialDefaultVisibility={organization.defaultVisibility}
+    />
+  );
+}

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

@@ -547,6 +547,8 @@ const messages = {
     useColor: "Use {{color}}",
     logo: "Logo",
     logoPreview: "Logo preview",
+    logoUsage: "Shown to recipients in share emails and on public clip pages.",
+    emailHeaderPreview: "Share email header",
     dropReplace: "Drop a new image to replace",
     dropHere: "Drop a PNG / JPG / SVG here",
     uploading: "Uploading…",
@@ -643,10 +645,6 @@ All notable user-facing changes to Clips are documented here. Open it any time f
 ### Added
 
 - See what's new right inside Clips. A changelog now lives in the command menu (Cmd+K) and in Settings.`,
-    profile: "Profile",
-    email: "Email",
-    displayName: "Display name",
-    displayNamePlaceholder: "Your name",
     playback: "Playback",
     defaultPlaybackSpeed: "Default playback speed",
     playbackDescription: "Applied automatically when you open a recording.",
@@ -786,6 +784,7 @@ All notable user-facing changes to Clips are documented here. Open it any time f
       "No organization yet. Create one from the organization switcher to get started.",
     description: "Organization admin: branding, members, invites.",
     adminsOnlyBranding: "Only admins can edit branding.",
+    brandingLoadFailed: "Couldn't load organization branding.",
     members: "Members",
     pendingInvites: "Pending invites",
     noPendingInvites: "No pending invites.",

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

@@ -495,14 +495,6 @@ export default function MeetingDetailRoute() {
     });
   };
 
-  const handleSeek = (ms: number) => {
-    if (!meeting?.recordingId) return;
-    // /r/:recordingId's `t` param is seconds (see parseTimeParam in
-    // r.$recordingId.tsx), while transcript segments use ms timestamps.
-    const seconds = Math.max(0, Math.floor(ms / 1000));
-    navigate(`/r/${meeting.recordingId}?t=${seconds}`);
-  };
-
   const handleJumpToSegment = (segmentIndex: number) => {
     transcriptScrollToRef.current?.(segmentIndex);
   };
@@ -976,8 +968,6 @@ export default function MeetingDetailRoute() {
           <TranscriptBubbles
             segments={segments}
             isLive={isLive}
-            recordingId={meeting.recordingId}
-            onSeek={handleSeek}
             registerScrollTo={(fn) => {
               transcriptScrollToRef.current = fn;
             }}

package/corpus/templates/clips/app/routes/_app.settings._index.tsx

@@ -3,9 +3,9 @@ import {
   appApiPath,
 } from "@agent-native/core/client/api-path";
 import { ChangelogSettingsCard } from "@agent-native/core/client/changelog";
-import { useSession, useActionQuery } from "@agent-native/core/client/hooks";
+import { useActionQuery } from "@agent-native/core/client/hooks";
 import { LanguagePicker, useT } from "@agent-native/core/client/i18n";
-import { TeamPage, useOrg, useSwitchOrg } from "@agent-native/core/client/org";
+import { useOrg, useSwitchOrg } from "@agent-native/core/client/org";
 import {
   AccountSettingsCard,
   useBuilderConnectFlow,
@@ -30,7 +30,6 @@ import {
   IconLoader2,
   IconServer,
   IconTrash,
-  IconUser,
   IconUsersGroup,
 } from "@tabler/icons-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -71,6 +70,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
+import { OrganizationIdentityCard } from "@/components/workspace/organization-identity-card";
 import { useVideoStorageStatus } from "@/hooks/use-video-storage-status";
 import enMessages from "@/i18n/en-US";
 import { cn } from "@/lib/utils";
@@ -166,7 +166,6 @@ const AI_PROVIDER_FIELDS = [
 interface ClipsUserSettings {
   defaultPlaybackSpeed?: string;
   emailNotifications?: boolean;
-  displayName?: string;
   transcriptCleanupEnabled?: boolean;
   includeFullVideoInAi?: boolean;
 }
@@ -393,12 +392,29 @@ async function saveRegisteredSecret(key: string, value: string): Promise<void> {
 }
 
 export default function SettingsIndexRoute() {
-  const { session } = useSession();
   const t = useT();
   const agentSettingsTabs = useAgentSettingsTabs();
+  // Organization identity (name, logo, brand color) belongs with membership,
+  // so it rides on the framework's Organization tab rather than a second one.
+  const settingsTabs = useMemo(
+    () =>
+      agentSettingsTabs.map((tab) =>
+        tab.id === "organization"
+          ? {
+              ...tab,
+              content: (
+                <div className="mx-auto w-full max-w-2xl space-y-6">
+                  <OrganizationIdentityCard />
+                  {tab.content}
+                </div>
+              ),
+            }
+          : tab,
+      ),
+    [agentSettingsTabs],
+  );
   const { data: org } = useOrg();
   const switchOrg = useSwitchOrg();
-  const email = session?.email ?? "";
   const storageStatus = useVideoStorageStatus();
   const builderStatus = useBuilderStatus();
   const builderConnect = useBuilderConnectFlow({
@@ -430,7 +446,6 @@ export default function SettingsIndexRoute() {
     useState<SlackInstallation | null>(null);
   const [defaultSpeed, setDefaultSpeed] = useState("1.2");
   const [emailNotifications, setEmailNotifications] = useState(true);
-  const [displayName, setDisplayName] = useState("");
   const [transcriptCleanupEnabled, setTranscriptCleanupEnabled] =
     useState(true);
   const [s3Values, setS3Values] = useState<Record<string, string>>({});
@@ -496,7 +511,6 @@ export default function SettingsIndexRoute() {
       if (cancelled) return;
       setDefaultSpeed(v.defaultPlaybackSpeed ?? "1.2");
       setEmailNotifications(v.emailNotifications ?? true);
-      setDisplayName(v.displayName ?? "");
       setTranscriptCleanupEnabled(v.transcriptCleanupEnabled !== false);
       setLoading(false);
     });
@@ -531,7 +545,6 @@ export default function SettingsIndexRoute() {
       await saveSettings({
         defaultPlaybackSpeed: defaultSpeed,
         emailNotifications,
-        displayName: displayName.trim() || undefined,
         transcriptCleanupEnabled,
       });
       toast.success(t("settings.saved"));
@@ -801,12 +814,6 @@ export default function SettingsIndexRoute() {
           "ai provider api key anthropic openai gemini groq openrouter builder",
         hash: "ai-providers",
       },
-      {
-        id: "clips-profile",
-        label: t("settings.profile"),
-        keywords: "profile email display name",
-        hash: "profile",
-      },
       {
         id: "clips-playback",
         label: t("settings.playback"),
@@ -839,7 +846,7 @@ export default function SettingsIndexRoute() {
       <SettingsTabsPage
         account={<AccountSettingsCard />}
         whatsNewLabel={t("settings.whatsNew")}
-        extraTabs={agentSettingsTabs}
+        extraTabs={settingsTabs}
         generalSearchEntries={generalSearchEntries}
         general={
           <div className="mx-auto w-full max-w-4xl space-y-6">
@@ -1477,33 +1484,6 @@ export default function SettingsIndexRoute() {
                 </CardContent>
               </Card>
 
-              <Card id="profile" className="scroll-mt-16">
-                <CardHeader>
-                  <CardTitle className="text-base flex items-center gap-2">
-                    <IconUser className="size-4 text-primary" />
-                    {t("settings.profile")}
-                  </CardTitle>
-                </CardHeader>
-                <CardContent className="space-y-4">
-                  <div className="space-y-1.5">
-                    <Label htmlFor="email">{t("settings.email")}</Label>
-                    <Input id="email" value={email} readOnly disabled />
-                  </div>
-                  <div className="space-y-1.5">
-                    <Label htmlFor="display-name">
-                      {t("settings.displayName")}
-                    </Label>
-                    <Input
-                      id="display-name"
-                      value={displayName}
-                      onChange={(e) => setDisplayName(e.target.value)}
-                      placeholder={t("settings.displayNamePlaceholder")}
-                      disabled={loading}
-                    />
-                  </div>
-                </CardContent>
-              </Card>
-
               <Card id="playback" className="scroll-mt-16">
                 <CardHeader>
                   <CardTitle className="text-base">
@@ -1605,14 +1585,6 @@ export default function SettingsIndexRoute() {
             </div>
           </div>
         }
-        team={
-          <div className="mx-auto w-full max-w-3xl">
-            <TeamPage
-              showTitle={false}
-              createOrgDescription={t("organizationSettings.description")}
-            />
-          </div>
-        }
         whatsNew={
           <div className="mx-auto w-full max-w-3xl">
             <ChangelogSettingsCard

package/corpus/templates/clips/app/routes/share.meeting.$meetingId.tsx

@@ -427,8 +427,6 @@ export default function ShareMeetingRoute() {
                 <TranscriptBubbles
                   segments={transcript.segments}
                   isLive={false}
-                  recordingId={null}
-                  onSeek={() => {}}
                 />
               </div>
             ) : transcript.fullText ? (
@@ -437,12 +435,7 @@ export default function ShareMeetingRoute() {
               </div>
             ) : (
               <div className="flex min-h-40 flex-col overflow-hidden rounded-lg border border-border">
-                <TranscriptBubbles
-                  segments={[]}
-                  isLive={false}
-                  recordingId={null}
-                  onSeek={() => {}}
-                />
+                <TranscriptBubbles segments={[]} isLive={false} />
               </div>
             )}
           </section>

package/corpus/templates/clips/changelog/2026-07-29-clearing-all-recording-edits-no-longer-leaves-the-editor-unr.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-29
+---
+
+Clearing all recording edits no longer leaves the editor unresponsive.

package/corpus/templates/clips/changelog/2026-07-29-clip-share-emails-now-open-with-who-shared-the-clip-add-a-su.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-29
+---
+
+Clip share emails now open with who shared the clip, add a Summarize with AI button, and include a copyable agent link with reply-to the sender.

package/corpus/templates/clips/changelog/2026-07-29-finished-meeting-pills-now-have-a-clear-close-button.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-29
+---
+
+Finished meeting pills now have a clear close button.

package/corpus/templates/clips/changelog/2026-07-29-meeting-cards-no-longer-flicker-or-disappear-when-hovered-in.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-29
+---
+
+Meeting cards no longer flicker or disappear when hovered in Chrome.

package/corpus/templates/clips/changelog/2026-07-29-organization-name-logo-brand-color-and-default-visibility-no.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-29
+---
+
+Organization name, logo, brand color, and default visibility now live in Settings → Organization alongside members, and the duplicate Profile box was removed from General.

package/corpus/templates/clips/changelog/2026-07-29-transcript-lines-on-the-meeting-page-no-longer-jump-to-the-r.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-29
+---
+
+Transcript lines on the meeting page no longer jump to the recording when clicked.

package/corpus/templates/clips/changelog/2026-07-29-when-a-meeting-wraps-up-the-recording-pill-now-shows-a-green.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-29
+---
+
+When a meeting wraps up, the recording pill now shows a green 'Meeting finished' banner with a button to open the meeting notes.

package/corpus/templates/clips/desktop/src/hooks/useMeetingTranscription.ts

@@ -207,14 +207,17 @@ export function useMeetingTranscription({
           if (reason !== "app-quit") await finalizePromise;
         }
         // Keep completed notes in Clips instead of interrupting the user by
-        // opening a browser tab. The pill's explicit Open notes action remains
-        // available through the clips:open-meeting listener below.
+        // opening a browser tab. On a normal stop the pill stays up and
+        // switches to its finished banner off `meetings:transcription-stopped`;
+        // it hides itself once the user opens the meeting or dismisses it.
         // Guard the shared Rust-side state writes and sessionRef null-out by
         // identity. App quit and other callers can still race a stop against a
         // new start that slips in between awaits, and stale teardown must not
         // clobber the session that has since taken over.
         if (sessionRef.current === session) {
-          await invoke("recording_pill_hide").catch(() => {});
+          if (reason === "app-quit" || reason === "replaced") {
+            await invoke("recording_pill_hide").catch(() => {});
+          }
           await invoke("set_recording_state", { active: false }).catch(
             () => {},
           );

package/corpus/templates/clips/desktop/src/overlays/recording-pill.tsx

@@ -9,6 +9,7 @@ import {
   IconPlayerPauseFilled,
   IconPlayerPlayFilled,
   IconPlayerStopFilled,
+  IconX,
 } from "@tabler/icons-react";
 import { invoke } from "@tauri-apps/api/core";
 import { emit, listen } from "@tauri-apps/api/event";
@@ -46,6 +47,10 @@ export function RecordingPill() {
   const [ctx, setCtx] = useState<PillContext>({ mode: "clip" });
   const ctxRef = useRef<PillContext>({ mode: "clip" });
   const [stopping, setStopping] = useState(false);
+  const [finishedMeetingId, setFinishedMeetingId] = useState<string | null>(
+    null,
+  );
+  const finished = finishedMeetingId !== null;
   const [error, setError] = useState<string | null>(null);
   const transcriptLinesRef = useRef<FinalLine[]>([]);
   const [hasTranscriptLines, setHasTranscriptLines] = useState(false);
@@ -113,6 +118,7 @@ export function RecordingPill() {
         // new recording session begins, otherwise the Stop button stays
         // disabled and a stale fallback timer can fire mid-session.
         setStopping(false);
+        setFinishedMeetingId(null);
         setError(null);
         setExpanded(false);
         // Reset transcript state for the new session.
@@ -146,6 +152,21 @@ export function RecordingPill() {
         if (lines?.length) setPreloadedLines(lines);
       }),
     );
+    trackListen(
+      listen<{ meetingId?: string | null; reason?: string }>(
+        "meetings:transcription-stopped",
+        (ev) => {
+          const reason = ev.payload?.reason;
+          // "replaced" hands straight over to the next session and "app-quit"
+          // is tearing the window down — neither has a user left to read this.
+          if (reason === "replaced" || reason === "app-quit") return;
+          if (ctxRef.current.mode !== "meeting") return;
+          const meetingId = ev.payload?.meetingId ?? activeMeetingIdRef.current;
+          if (!meetingId) return;
+          showFinished(meetingId);
+        },
+      ),
+    );
     trackListen(
       listen<{ error: string }>("pill:error", (ev) => {
         setError(ev.payload?.error ?? "An error occurred.");
@@ -187,7 +208,7 @@ export function RecordingPill() {
   useEffect(() => {
     // Clip recordings already broadcast their pause-aware elapsed time every
     // 500ms. Keep the local wall clock only for meeting mode.
-    if (paused || ctx.mode === "clip") return;
+    if (paused || finished || ctx.mode === "clip") return;
     tickRef.current = setInterval(() => {
       setElapsed(Math.floor((Date.now() - startedAtRef.current) / 1000));
     }, 500);
@@ -195,7 +216,7 @@ export function RecordingPill() {
       if (tickRef.current) clearInterval(tickRef.current);
       tickRef.current = null;
     };
-  }, [ctx.mode, paused]);
+  }, [ctx.mode, finished, paused]);
 
   async function toggleExpanded() {
     const next = !expanded;
@@ -215,12 +236,32 @@ export function RecordingPill() {
     );
   }
 
+  function showFinished(meetingId: string) {
+    if (stopFallbackRef.current) {
+      clearTimeout(stopFallbackRef.current);
+      stopFallbackRef.current = null;
+    }
+    setStopping(false);
+    setFinishedMeetingId(meetingId);
+    setExpanded(true);
+    invoke("recording_pill_expand", { expanded: true }).catch(() => {});
+  }
+
   async function onStopClick() {
     if (stopping) return;
-    setStopping(true);
+    const meetingId = ctx.meetingId ?? activeMeetingIdRef.current;
     emit("clips:pill-stop", { meetingId: ctx.meetingId ?? null }).catch(
       () => {},
     );
+    // Meetings keep the pill up and switch it to the finished banner right
+    // away. Teardown (final flush, finalize) runs for seconds afterwards, so
+    // waiting on `meetings:transcription-stopped` would leave the pill looking
+    // stuck; the banner is what the user acts on, not the save.
+    if (ctxRef.current.mode === "meeting" && meetingId) {
+      showFinished(meetingId);
+      return;
+    }
+    setStopping(true);
     stopFallbackRef.current = setTimeout(() => {
       invoke("recording_pill_hide").catch(() => {});
     }, 3_000);
@@ -288,6 +329,15 @@ export function RecordingPill() {
     });
   };
 
+  const closeFinished = (openMeeting: boolean) => {
+    if (openMeeting && finishedMeetingId) {
+      emit("clips:open-meeting", { meetingId: finishedMeetingId }).catch(
+        () => {},
+      );
+    }
+    invoke("recording_pill_hide").catch(() => {});
+  };
+
   const mm = String(Math.floor(elapsed / 60)).padStart(2, "0");
   const ss = String(elapsed % 60).padStart(2, "0");
   const stopLabel =
@@ -323,7 +373,7 @@ export function RecordingPill() {
             <span className="pill-timer">
               {mm}:{ss}
             </span>
-            {expanded ? (
+            {expanded && !finished ? (
               <button
                 type="button"
                 onClick={onPauseClick}
@@ -339,34 +389,49 @@ export function RecordingPill() {
                 )}
               </button>
             ) : null}
-            <button
-              type="button"
-              onClick={onStopClick}
-              disabled={stopping}
-              data-no-drag
-              className="pill-stop-btn"
-              aria-label={stopping ? "Stopping" : stopLabel}
-              title={stopping ? "Stopping..." : stopLabel}
-            >
-              {stopping ? (
-                <IconLoader2 className="pill-spinner" size={14} />
-              ) : (
-                <IconPlayerStopFilled size={14} />
-              )}
-            </button>
-            <button
-              type="button"
-              onClick={toggleExpanded}
-              data-no-drag
-              className="pill-expand-btn"
-              aria-label={expanded ? "Collapse" : "Expand"}
-            >
-              {expanded ? (
-                <IconChevronUp size={16} />
-              ) : (
-                <IconChevronDown size={16} />
-              )}
-            </button>
+            {!finished ? (
+              <button
+                type="button"
+                onClick={onStopClick}
+                disabled={stopping}
+                data-no-drag
+                className="pill-stop-btn"
+                aria-label={stopping ? "Stopping" : stopLabel}
+                title={stopping ? "Stopping..." : stopLabel}
+              >
+                {stopping ? (
+                  <IconLoader2 className="pill-spinner" size={14} />
+                ) : (
+                  <IconPlayerStopFilled size={14} />
+                )}
+              </button>
+            ) : null}
+            {finished ? (
+              <button
+                type="button"
+                onClick={() => closeFinished(false)}
+                data-no-drag
+                className="pill-close-btn"
+                aria-label="Dismiss"
+                title="Dismiss"
+              >
+                <IconX size={16} />
+              </button>
+            ) : (
+              <button
+                type="button"
+                onClick={toggleExpanded}
+                data-no-drag
+                className="pill-expand-btn"
+                aria-label={expanded ? "Collapse" : "Expand"}
+              >
+                {expanded ? (
+                  <IconChevronUp size={16} />
+                ) : (
+                  <IconChevronDown size={16} />
+                )}
+              </button>
+            )}
           </div>
         </div>
 
@@ -389,6 +454,21 @@ export function RecordingPill() {
           }
         >
           <div className="pill-divider" />
+          {finished ? (
+            <div className="pill-finished-banner" role="status">
+              <span className="pill-finished-text">
+                Meeting finished — notes are ready
+              </span>
+              <button
+                type="button"
+                data-no-drag
+                className="pill-finished-open"
+                onClick={() => closeFinished(true)}
+              >
+                Open meeting
+              </button>
+            </div>
+          ) : null}
           <div className="pill-transcript-area">
             <div className="pill-pane-label pill-pane-label-row">
               <span>Transcript</span>