@agent-native/core 0.90.2 → 0.90.4

package/corpus/templates/clips/actions/regenerate-title.ts

@@ -6,6 +6,9 @@
  * waiting for the agent chat bridge. If the fast path is unavailable, we still
  * queue the older agent-chat request as a fallback.
  *
+ * When the user enables Include full video, we skip the transcript-only fast
+ * path and always delegate so the agent can watch the recording.
+ *
  * Usage:
  *   pnpm action regenerate-title --recordingId=<id>
  */
@@ -19,9 +22,11 @@ import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
 import { isBuilderCreditsExhaustedMessage } from "../shared/builder-credits.js";
+import { withFullVideoAiInstructions } from "../shared/clips-ai-prefs.js";
 import cleanupTranscript from "./cleanup-transcript.js";
 import { loadAgentsMdContext } from "./lib/agents-md-context.js";
 import { clearBuilderCreditsExhausted } from "./lib/builder-credits-state.js";
+import { readIncludeFullVideoInAi } from "./lib/clips-ai-prefs.js";
 import {
   cleanGeneratedTitle,
   fallbackTitleFromTranscript,
@@ -66,6 +71,7 @@ export async function queueTitleRegenerationRequest({
   transcriptStatus = "ready",
   segmentsJson = "[]",
   ownerEmail,
+  includeFullVideoInAi,
 }: {
   recordingId: string;
   currentTitle: string | null | undefined;
@@ -73,11 +79,20 @@ export async function queueTitleRegenerationRequest({
   transcriptStatus?: string;
   segmentsJson?: string | null;
   ownerEmail?: string | null;
+  includeFullVideoInAi?: boolean;
 }) {
   const agentsContext = await loadAgentsMdContext({
     ownerEmail,
     purpose: "title",
   });
+  const useVideo =
+    includeFullVideoInAi ?? (await readIncludeFullVideoInAi(ownerEmail));
+  const baseMessage =
+    `Regenerate the title for recording ${recordingId}. ` +
+    `Read the native transcript and AGENTS.md context in this request's context and call ` +
+    `\`update-recording --id=${recordingId} --title="..."\` with a concise ` +
+    `4-9 word descriptive title. Current title: "${currentTitle ?? ""}". ` +
+    "Do not prompt the user.";
   const request = {
     kind: "regenerate-title" as const,
     recordingId,
@@ -87,12 +102,8 @@ export async function queueTitleRegenerationRequest({
     transcriptText,
     segmentsJson: segmentsJson ?? "[]",
     agentsContext,
-    message:
-      `Regenerate the title for recording ${recordingId}. ` +
-      `Read the native transcript and AGENTS.md context in this request's context and call ` +
-      `\`update-recording --id=${recordingId} --title="..."\` with a concise ` +
-      `4-9 word descriptive title. Current title: "${currentTitle ?? ""}". ` +
-      "Do not prompt the user.",
+    includeFullVideoInAi: useVideo,
+    message: withFullVideoAiInstructions(baseMessage, recordingId, useVideo),
   };
 
   await writeAppState(`clips-ai-request-${recordingId}`, request as any);
@@ -102,7 +113,7 @@ export async function queueTitleRegenerationRequest({
 
 export default defineAction({
   description:
-    "Regenerate this recording's title from its transcript using the configured cleanup/title path, falling back to a local transcript title when unavailable.",
+    "Regenerate this recording's title from its transcript using the configured cleanup/title path, falling back to a local transcript title when unavailable. When the user has enabled Include full video, delegates to the agent so it can watch the recording.",
   schema: z.object({
     recordingId: z.string().describe("Recording ID"),
     transcriptText: z
@@ -137,6 +148,31 @@ export default defineAction({
       args.transcriptText?.trim() ||
       transcript?.fullText?.trim() ||
       transcriptTextFromSegments(transcript?.segmentsJson);
+
+    const includeFullVideoInAi = await readIncludeFullVideoInAi();
+
+    // Full-video mode needs the agent to watch the clip; skip the transcript-
+    // only Gemini fast path so we don't generate titles from audio alone.
+    if (includeFullVideoInAi) {
+      await queueTitleRegenerationRequest({
+        recordingId: args.recordingId,
+        currentTitle: rec.title,
+        transcriptStatus: transcript?.status ?? "pending",
+        transcriptText: transcriptText || "",
+        segmentsJson: transcript?.segmentsJson ?? "[]",
+        ownerEmail: getRequestUserEmail() ?? transcript?.ownerEmail,
+        includeFullVideoInAi: true,
+      });
+      console.log(
+        `Delegation queued: regenerate-title (full video) for ${args.recordingId}`,
+      );
+      return {
+        queued: true,
+        recordingId: args.recordingId,
+        includeFullVideoInAi: true,
+      };
+    }
+
     if (
       (!args.transcriptText && transcript?.status !== "ready") ||
       !transcriptText
@@ -279,6 +315,7 @@ export default defineAction({
       transcriptText,
       segmentsJson: transcript?.segmentsJson ?? "[]",
       ownerEmail: getRequestUserEmail() ?? transcript?.ownerEmail,
+      includeFullVideoInAi: false,
     });
 
     console.log(`Delegation queued: regenerate-title for ${args.recordingId}`);

package/corpus/templates/clips/actions/request-transcript.ts

@@ -123,6 +123,36 @@ const SPEECH_ONLY_TRANSCRIPTION_INSTRUCTIONS =
   "Auto-detect the spoken language from the audio. Transcribe only words spoken in the audio, in the same language they were spoken. Do not translate. Do not infer language from screen text, filenames, account settings, browser locale, or these instructions. Do not describe screen activity, UI changes, silence, music, or non-speech sounds. Return an empty transcript when there are no spoken words.";
 const CLIPS_USER_PREFS_KEY = "clips-user-prefs";
 const RECENT_PENDING_TRANSCRIPT_MS = 2 * 60 * 1000;
+const BUILDER_TRANSCRIPTION_MIN_TIMEOUT_MS = 45_000;
+const BUILDER_TRANSCRIPTION_MAX_TIMEOUT_MS = 65_000;
+const BUILDER_TRANSCRIPTION_BASE_TIMEOUT_MS = 30_000;
+const BUILDER_TRANSCRIPTION_PER_MINUTE_MS = 3_000;
+
+function clampTimeoutMs(value: number): number {
+  return Math.max(
+    BUILDER_TRANSCRIPTION_MIN_TIMEOUT_MS,
+    Math.min(BUILDER_TRANSCRIPTION_MAX_TIMEOUT_MS, Math.floor(value)),
+  );
+}
+
+export function builderTranscriptionTimeoutMs(
+  durationMs: number | null | undefined,
+): number {
+  const override = Number(process.env.CLIPS_BUILDER_TRANSCRIPTION_TIMEOUT_MS);
+  if (Number.isFinite(override) && override > 0) {
+    return clampTimeoutMs(override);
+  }
+
+  if (!durationMs || !Number.isFinite(durationMs) || durationMs <= 0) {
+    return BUILDER_TRANSCRIPTION_MIN_TIMEOUT_MS;
+  }
+
+  const durationMinutes = Math.ceil(durationMs / 60_000);
+  return clampTimeoutMs(
+    BUILDER_TRANSCRIPTION_BASE_TIMEOUT_MS +
+      durationMinutes * BUILDER_TRANSCRIPTION_PER_MINUTE_MS,
+  );
+}
 
 // Bounded automatic retry for transient failures (ffmpeg timeout, transient
 // provider network/5xx errors) — NOT for permanent failures like "no audio
@@ -1075,6 +1105,7 @@ const requestTranscriptAction = defineAction({
           model: BUILDER_GEMINI_TRANSCRIPTION_MODEL,
           diarize: false,
           instructions: SPEECH_ONLY_TRANSCRIPTION_INSTRUCTIONS,
+          timeoutMs: builderTranscriptionTimeoutMs(rec.durationMs),
         });
 
         const segments = (builderResult.segments ?? [])

package/corpus/templates/clips/actions/set-thumbnail.ts

@@ -116,6 +116,7 @@ export default defineAction({
           args.filename ??
           `thumb-${args.recordingId}.${mime.split("/")[1] ?? "png"}`,
         ownerEmail,
+        recordAsset: false,
       });
       const url = uploaded?.url ?? args.dataUrl; // fall back to inline storage
       basePatch.thumbnailUrl = url;
@@ -134,6 +135,7 @@ export default defineAction({
         mimeType: mime || "image/gif",
         filename: args.filename ?? `thumb-${args.recordingId}.gif`,
         ownerEmail,
+        recordAsset: false,
       });
       const url = uploaded?.url ?? args.dataUrl;
       basePatch.animatedThumbnailUrl = url;

package/corpus/templates/clips/actions/update-clips-ai-prefs.ts

@@ -0,0 +1,50 @@
+/**
+ * Update Clips AI preferences for the current user.
+ *
+ * Merges into the shared `clips-user-prefs` object so playback/transcript
+ * preferences from Settings are preserved.
+ *
+ * Usage:
+ *   pnpm action update-clips-ai-prefs --includeFullVideoInAi=true
+ */
+
+import { defineAction } from "@agent-native/core";
+import { getRequestUserEmail } from "@agent-native/core/server/request-context";
+import { getUserSetting, putUserSetting } from "@agent-native/core/settings";
+import { z } from "zod";
+
+import {
+  CLIPS_USER_PREFS_KEY,
+  type ClipsUserPrefs,
+} from "../shared/clips-ai-prefs.js";
+
+export default defineAction({
+  description:
+    "Update Clips AI tool preferences for the current user. When includeFullVideoInAi is true, default title/description generation and AI tools watch the full recording instead of relying on transcript alone. Full-video understanding requires a Gemini model (Builder Gemini or GEMINI_API_KEY).",
+  schema: z.object({
+    includeFullVideoInAi: z
+      .boolean()
+      .describe(
+        "When true, Clips AI tools watch the full video (screen + audio) with a Gemini model, not just the transcript.",
+      ),
+  }),
+  run: async (args) => {
+    const email = getRequestUserEmail();
+    if (!email) throw new Error("Sign in required");
+
+    const existing = ((await getUserSetting(email, CLIPS_USER_PREFS_KEY)) ??
+      {}) as ClipsUserPrefs;
+    const next: ClipsUserPrefs = {
+      ...existing,
+      includeFullVideoInAi: args.includeFullVideoInAi,
+    };
+    await putUserSetting(
+      email,
+      CLIPS_USER_PREFS_KEY,
+      next as Record<string, unknown>,
+    );
+    return {
+      includeFullVideoInAi: next.includeFullVideoInAi === true,
+    };
+  },
+});

package/corpus/templates/clips/app/components/library/organization-switcher.tsx

@@ -8,7 +8,7 @@ import {
   IconChevronDown,
   IconCheck,
   IconPlus,
-  IconBuilding,
+  IconUsersGroup,
 } from "@tabler/icons-react";
 import { useState } from "react";
 import { toast } from "sonner";
@@ -86,7 +86,7 @@ export function OrganizationSwitcher({ className }: OrganizationSwitcherProps) {
           </DropdownMenuLabel>
           {orgs.length === 0 && (
             <DropdownMenuItem disabled>
-              <IconBuilding className="h-3.5 w-3.5 me-2" />
+              <IconUsersGroup className="h-3.5 w-3.5 me-2" />
               <span className="text-xs">
                 {t("organizationSwitcher.noOrganizations")}
               </span>

package/corpus/templates/clips/app/components/meetings/meeting-card.tsx

@@ -209,7 +209,7 @@ function relativeStartLabel(
 /**
  * <UpcomingMeetingCard /> — a not-yet-recorded calendar event (Granola-style).
  * Recording is a native Clips desktop-app gesture, so the card just opens the
- * meeting's notes ("Open") and links out to the call ("Join"). Buttons are
+ * meeting's notes ("Open notes") and links out to the call ("Join"). Buttons are
  * NavLink/<a> siblings (never nested anchors) so the markup stays valid.
  */
 export function UpcomingMeetingCard({
@@ -272,6 +272,11 @@ export function UpcomingMeetingCard({
               <span>– {formatTime(meeting.scheduledEnd)}</span>
             )}
           </div>
+          <p className="mt-1.5 text-[11px] leading-snug text-muted-foreground">
+            {soon || isLive
+              ? t("meetingCard.startFromDesktopNow")
+              : t("meetingCard.startFromDesktopLater")}
+          </p>
         </NavLink>
 
         <div className="flex items-center justify-between gap-2 pt-1">
@@ -302,7 +307,7 @@ export function UpcomingMeetingCard({
               className="h-7 gap-1 px-2.5 text-xs cursor-pointer"
             >
               <NavLink to={`/meetings/${meeting.id}`}>
-                {isLive ? t("meetingCard.openNotes") : t("meetingCard.open")}
+                {t("meetingCard.openNotes")}
               </NavLink>
             </Button>
           </div>

package/corpus/templates/clips/app/components/player/scrubber-position.ts

@@ -12,3 +12,12 @@ export function scrubberPositionFromClientX(
   const ratio = rect.width > 0 ? x / rect.width : 0;
   return { ms: Math.floor(ratio * durationMs), x };
 }
+
+export function scrubberFillPercent(
+  currentMs: number,
+  durationMs: number,
+): number {
+  if (!Number.isFinite(currentMs) || !Number.isFinite(durationMs)) return 0;
+  if (durationMs <= 0) return 0;
+  return Math.max(0, Math.min(100, (currentMs / durationMs) * 100));
+}

package/corpus/templates/clips/app/components/player/scrubber.tsx

@@ -2,7 +2,10 @@ import { useMemo, useRef, useState } from "react";
 
 import { cn } from "@/lib/utils";
 
-import { scrubberPositionFromClientX } from "./scrubber-position";
+import {
+  scrubberFillPercent,
+  scrubberPositionFromClientX,
+} from "./scrubber-position";
 
 export interface ScrubberProps {
   currentMs: number;
@@ -35,7 +38,7 @@ export function Scrubber(props: ScrubberProps) {
     | null
   >(null);
 
-  const pct = durationMs > 0 ? (currentMs / durationMs) * 100 : 0;
+  const pct = scrubberFillPercent(currentMs, durationMs);
 
   const recentReactions = useMemo(
     () => (reactions ? reactions.slice(-50) : []),

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

@@ -7,6 +7,7 @@ import {
 } from "@agent-native/core/client";
 import {
   IconCode,
+  IconChevronDown,
   IconExternalLink,
   IconLink,
   IconMail,
@@ -34,6 +35,11 @@ import {
 } from "@/components/sharing/share-ui";
 import { SlackShareHint } from "@/components/sharing/slack-share-hint";
 import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -87,7 +93,6 @@ export function ShareRecordingPopover({
   videoUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
-  hasPassword = false,
   children,
   open,
   onOpenChange,
@@ -106,7 +111,6 @@ export function ShareRecordingPopover({
           videoUrl={videoUrl}
           animatedThumbnailUrl={animatedThumbnailUrl}
           isLoomRecording={isLoomRecording}
-          hasPassword={hasPassword}
         />
       </PopoverContent>
     </Popover>
@@ -124,7 +128,6 @@ export function ShareRecordingDialog({
   videoUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
-  hasPassword = false,
   open,
   onOpenChange,
 }: ShareRecordingDialogProps) {
@@ -143,7 +146,6 @@ export function ShareRecordingDialog({
           videoUrl={videoUrl}
           animatedThumbnailUrl={animatedThumbnailUrl}
           isLoomRecording={isLoomRecording}
-          hasPassword={hasPassword}
           reserveCloseButton
         />
       </DialogContent>
@@ -157,7 +159,6 @@ function ShareRecordingContent({
   videoUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
-  hasPassword = false,
   reserveCloseButton = false,
 }: {
   recordingId: string;
@@ -165,7 +166,6 @@ function ShareRecordingContent({
   videoUrl?: string | null;
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
-  hasPassword?: boolean;
   reserveCloseButton?: boolean;
 }) {
   const t = useT();
@@ -230,7 +230,6 @@ function ShareRecordingContent({
             videoUrl={videoUrl}
             animatedThumbnailUrl={animatedThumbnailUrl}
             isLoomRecording={isLoomRecording}
-            hasPassword={hasPassword}
           />
         </TabsContent>
 
@@ -269,7 +268,6 @@ function LinkTab({
   videoUrl,
   animatedThumbnailUrl,
   isLoomRecording: isLoomRecordingProp,
-  hasPassword,
 }: {
   recordingId: string;
   shareUrl: string;
@@ -278,7 +276,6 @@ function LinkTab({
   videoUrl?: string | null;
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
-  hasPassword: boolean;
 }) {
   const t = useT();
   const { setResourceVisibility, isPending } = useResourceVisibilityMutation(
@@ -299,6 +296,7 @@ function LinkTab({
   const agentLinkRequestIdRef = useRef(0);
   const [agentContextUrl, setAgentContextUrl] = useState("");
   const [agentLinkError, setAgentLinkError] = useState(false);
+  const [agentShareOpen, setAgentShareOpen] = useState(false);
 
   useEffect(() => {
     createAgentLinkAsyncRef.current = createAgentLink.mutateAsync;
@@ -333,12 +331,21 @@ function LinkTab({
     setAgentLinkError(false);
     if (!sharesLoaded) return;
 
-    void loadAgentContextUrl();
+    if (!isPublic && agentShareOpen) {
+      void loadAgentContextUrl();
+    }
 
     return () => {
       agentLinkRequestIdRef.current += 1;
     };
-  }, [recordingId, visibility, sharesLoaded, loadAgentContextUrl]);
+  }, [
+    agentShareOpen,
+    isPublic,
+    loadAgentContextUrl,
+    recordingId,
+    sharesLoaded,
+    visibility,
+  ]);
 
   const agentShareDisabled =
     isPending || createAgentLink.isPending || !agentContextUrl;
@@ -366,41 +373,62 @@ function LinkTab({
           (and a connect link) instead of leaving it buried in Settings. */}
       {isPublic ? <SlackShareHint canManage={canManage} /> : null}
 
-      <div className="space-y-2">
-        <CopyField
-          label={t("shareDialog.shareWithAgents")}
-          value={agentContextUrl}
-          disabled={agentShareDisabled}
-        />
-        {agentLinkError ? (
-          <div className="flex items-center justify-between gap-2 rounded-md border border-border bg-muted/40 px-3 py-2">
-            <p className="text-xs text-muted-foreground">
-              {t("shareDialog.agentLinkUnavailable")}
-            </p>
+      {!isPublic ? (
+        <Collapsible open={agentShareOpen} onOpenChange={setAgentShareOpen}>
+          <CollapsibleTrigger asChild>
             <Button
               type="button"
               variant="ghost"
-              size="sm"
-              className="h-7"
-              onClick={() => void loadAgentContextUrl()}
-              disabled={createAgentLink.isPending}
+              className="h-auto w-full justify-between px-0 py-1 text-left hover:bg-transparent"
             >
-              {t("shareDialog.retryAgentLink")}
+              <span className="min-w-0">
+                <span className="block text-xs font-medium text-foreground">
+                  {t("shareDialog.shareWithAgents")}
+                </span>
+                <span className="mt-0.5 block text-xs font-normal text-muted-foreground">
+                  {t("shareDialog.agentTokenDescription")}
+                </span>
+              </span>
+              <IconChevronDown
+                className={`h-4 w-4 shrink-0 text-muted-foreground transition-transform ${
+                  agentShareOpen ? "rotate-180" : ""
+                }`}
+                aria-hidden
+              />
             </Button>
-          </div>
-        ) : null}
-      </div>
-
-      <CopyField
-        label={t("shareDialog.copyAgentPrompt")}
-        value={agentPrompt}
-        disabled={agentShareDisabled}
-      />
-
-      {agentContextUrl || hasPassword || !isPublic ? (
-        <p className="text-xs text-muted-foreground">
-          {t("shareDialog.agentTokenDescription")}
-        </p>
+          </CollapsibleTrigger>
+          <CollapsibleContent className="pt-2">
+            <div className="space-y-3 rounded-md border border-border bg-muted/30 p-3">
+              <CopyField
+                label={t("shareDialog.shareWithAgents")}
+                value={agentContextUrl}
+                disabled={agentShareDisabled}
+              />
+              {agentLinkError ? (
+                <div className="flex items-center justify-between gap-2 rounded-md border border-border bg-background px-3 py-2">
+                  <p className="text-xs text-muted-foreground">
+                    {t("shareDialog.agentLinkUnavailable")}
+                  </p>
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    size="sm"
+                    className="h-7"
+                    onClick={() => void loadAgentContextUrl()}
+                    disabled={createAgentLink.isPending}
+                  >
+                    {t("shareDialog.retryAgentLink")}
+                  </Button>
+                </div>
+              ) : null}
+              <CopyField
+                label={t("shareDialog.copyAgentPrompt")}
+                value={agentPrompt}
+                disabled={agentShareDisabled}
+              />
+            </div>
+          </CollapsibleContent>
+        </Collapsible>
       ) : null}
 
       {!isPublic && canManage ? (

package/corpus/templates/clips/app/components/player/video-player.tsx

@@ -464,6 +464,21 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
       bumpControls();
       setPlayError(null);
 
+      if (
+        initialVisibleFrameSeekedRef.current &&
+        !hasPlaybackStarted &&
+        (!startMs || startMs <= 0) &&
+        v.currentTime > 0.05
+      ) {
+        try {
+          v.currentTime = 0;
+          setCurrentMs(0);
+        } catch {
+          // If the browser refuses the rewind, continue with the normal play
+          // attempt; playback is still better than blocking on a cosmetic seek.
+        }
+      }
+
       // A <video> element left in an error state (network/decode/unsupported
       // format) will just re-reject on `.play()` forever — it needs `.load()`
       // to reset `readyState`/`error` and re-fetch the source before playback
@@ -497,7 +512,9 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
       attachPlayPromise,
       bumpControls,
       currentMs,
+      hasPlaybackStarted,
       rejectPlayAttempt,
+      startMs,
     ]);
 
     const retryPendingPlay = useCallback(
@@ -858,7 +875,6 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
         initialVisibleFrameSeekedRef.current = true;
         try {
           v.currentTime = visibleMs / 1000;
-          setCurrentMs(visibleMs);
           return true;
         } catch {
           return false;
@@ -1142,6 +1158,17 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
               const ct =
                 Number.isFinite(raw) && raw >= 0 && raw < 1e7 ? raw : 0;
               const ms = Math.floor(ct * 1000);
+              if (
+                initialVisibleFrameSeekedRef.current &&
+                !hasPlaybackStarted &&
+                !playAttemptPendingRef.current &&
+                v.paused &&
+                (!startMs || startMs <= 0)
+              ) {
+                setCurrentMs(0);
+                onTimeUpdate?.(0, resolvedDurationMs);
+                return;
+              }
               const visibleMs = clampSeek(
                 skipExcludedRange(ms, excludedRanges, resolvedDurationMs),
                 v,
@@ -1169,10 +1196,20 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
               onTimeUpdate?.(ms, resolvedDurationMs);
             }}
             onEnded={() => {
+              const endedMs =
+                resolvedDurationMs > 0
+                  ? resolvedDurationMs
+                  : videoRef.current &&
+                      Number.isFinite(videoRef.current.duration) &&
+                      videoRef.current.duration > 0
+                    ? Math.round(videoRef.current.duration * 1000)
+                    : currentMs;
+              setCurrentMs(endedMs);
               setIsPlaying(false);
               setIsPlayPending(false);
               setIsBuffering(false);
               setIsPreparing(false);
+              onTimeUpdate?.(endedMs, resolvedDurationMs);
               onEnded?.();
             }}
             onError={(e) => {

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

@@ -4,11 +4,11 @@ import {
   useT,
 } from "@agent-native/core/client";
 import {
-  IconBuilding,
   IconCheck,
   IconCopy,
   IconLock,
   IconTrash,
+  IconUsersGroup,
   IconWorld,
 } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
@@ -55,7 +55,7 @@ export const VIS_META: Record<Visibility, { Icon: typeof IconLock }> = {
     Icon: IconLock,
   },
   org: {
-    Icon: IconBuilding,
+    Icon: IconUsersGroup,
   },
   public: {
     Icon: IconWorld,
@@ -308,7 +308,7 @@ export function Avatar({ label, org }: { label: string; org?: boolean }) {
       className="inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-muted text-[11px] font-semibold text-muted-foreground"
     >
       {org ? (
-        <IconBuilding size={14} strokeWidth={1.75} />
+        <IconUsersGroup size={14} strokeWidth={1.75} />
       ) : (
         (label.split("@")[0]?.[0] ?? label[0] ?? "?").toUpperCase()
       )}

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

@@ -35,16 +35,11 @@ export function SlackShareHint({ canManage }: { canManage: boolean }) {
 
   if (connected) {
     return (
-      <div className="flex items-center gap-2.5 rounded-md border border-border bg-muted/40 px-3 py-2">
+      <div className="flex items-center gap-2 rounded-md bg-muted/35 px-2.5 py-1.5 text-xs text-muted-foreground">
         <IconBrandSlack className="h-4 w-4 shrink-0 text-muted-foreground" />
-        <div className="min-w-0">
-          <div className="text-xs font-medium">
-            {t("slackShareHint.playsInline")}
-          </div>
-          <p className="text-[11px] text-muted-foreground">
-            {t("slackShareHint.connectedDescription")}
-          </p>
-        </div>
+        <span className="min-w-0 truncate">
+          {t("slackShareHint.playsInline")}
+        </span>
       </div>
     );
   }
@@ -59,18 +54,13 @@ export function SlackShareHint({ canManage }: { canManage: boolean }) {
   return (
     <a
       href={appPath("/settings#slack")}
-      className="flex items-center gap-2.5 rounded-md border border-border px-3 py-2 transition-colors hover:bg-muted/50"
+      className="flex items-center gap-2 rounded-md bg-muted/35 px-2.5 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-muted/55"
     >
       <IconBrandSlack className="h-4 w-4 shrink-0 text-muted-foreground" />
-      <div className="min-w-0 flex-1">
-        <div className="text-xs font-medium">
-          {t("slackShareHint.makeInline")}
-        </div>
-        <p className="text-[11px] text-muted-foreground">
-          {t("slackShareHint.connectDescription")}
-        </p>
-      </div>
-      <span className="shrink-0 text-xs font-medium text-primary">
+      <span className="min-w-0 flex-1 truncate">
+        {t("slackShareHint.makeInline")}
+      </span>
+      <span className="shrink-0 font-medium text-primary">
         {t("slackShareHint.connect")}
       </span>
     </a>