@agent-native/core 0.80.8 → 0.80.10

package/corpus/core/src/client/extensions/ExtensionViewer.tsx

@@ -2,7 +2,7 @@ import {
   IconArrowLeft,
   IconArrowBackUp,
   IconChevronRight,
-  IconDots,
+  IconDotsVertical,
   IconHistory,
   IconLoader2,
   IconPencil,
@@ -33,7 +33,6 @@ import {
 } from "../components/ui/tooltip.js";
 import { PromptComposer } from "../composer/PromptComposer.js";
 import { isEmbedMcpChatBridgeActive } from "../embed-auth.js";
-import { NotificationsBell } from "../notifications/NotificationsBell.js";
 import { ShareButton } from "../sharing/ShareButton.js";
 import {
   deleteOrHideExtension,
@@ -1162,6 +1161,17 @@ export function ExtensionViewer({ extensionId }: ExtensionViewerProps) {
                   extension={extension}
                   onOpenChange={onPopoverOpenChange}
                 />
+              </>
+            )}
+            <ToolMoreMenu
+              extensionId={extensionId}
+              toolName={extension.name}
+              canDelete={extension.canDelete}
+              sourceMode={extension.source?.mode}
+              onOpenChange={onPopoverOpenChange}
+            />
+            {!isLocalExtension && (
+              <>
                 <ShareButton
                   resourceType="extension"
                   resourceId={extensionId}
@@ -1177,14 +1187,6 @@ export function ExtensionViewer({ extensionId }: ExtensionViewerProps) {
                 />
               </>
             )}
-            <ToolMoreMenu
-              extensionId={extensionId}
-              toolName={extension.name}
-              canDelete={extension.canDelete}
-              sourceMode={extension.source?.mode}
-              onOpenChange={onPopoverOpenChange}
-            />
-            <NotificationsBell onOpenChange={onPopoverOpenChange} />
             <AgentToggleButton />
           </div>
         </div>
@@ -1320,7 +1322,7 @@ function ToolMoreMenu({
               className="inline-flex items-center justify-center rounded-md h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer"
               aria-label="More options"
             >
-              <IconDots className="h-4 w-4" />
+              <IconDotsVertical className="h-4 w-4" />
             </button>
           </PopoverTrigger>
         </TooltipTrigger>

package/corpus/core/src/client/guided-questions.tsx

@@ -50,6 +50,8 @@ export interface GuidedQuestion {
   allowOther?: boolean;
   includeExplore?: boolean;
   includeDecide?: boolean;
+  /** Submit immediately when a single-select option is clicked. */
+  submitOnSelect?: boolean;
 }
 
 export type GuidedQuestionAnswers = Record<string, unknown>;
@@ -60,6 +62,8 @@ export interface GuidedQuestionPayload {
   description?: string;
   skipLabel?: string;
   submitLabel?: string;
+  submitMessage?: string;
+  skipMessage?: string;
   /**
    * @internal Set by {@link askUserQuestion} for client-initiated questions.
    * When present, `useGuidedQuestionFlow` resolves the matching in-memory
@@ -374,6 +378,7 @@ export function guidedQuestionsFingerprint(
       allowOther: question.allowOther ?? null,
       includeExplore: question.includeExplore ?? null,
       includeDecide: question.includeDecide ?? null,
+      submitOnSelect: question.submitOnSelect ?? false,
       min: question.min ?? null,
       max: question.max ?? null,
       step: question.step ?? null,
@@ -447,6 +452,11 @@ export function GuidedQuestionFlow({
   const setAnswer = useCallback((id: string, value: unknown) => {
     setAnswers((prev) => ({ ...prev, [id]: value }));
   }, []);
+  const submitAnswers = useCallback(
+    (nextAnswers: GuidedQuestionAnswers = answers) =>
+      onSubmit(normalizeGuidedAnswers(nextAnswers)),
+    [answers, onSubmit],
+  );
 
   const allRequiredAnswered = questions
     .filter((question) => question.required)
@@ -484,6 +494,9 @@ export function GuidedQuestionFlow({
               question={question}
               value={answers[question.id]}
               onChange={(value) => setAnswer(question.id, value)}
+              onSubmitAnswer={(value) =>
+                submitAnswers({ ...answers, [question.id]: value })
+              }
             />
           ))}
         </div>
@@ -512,7 +525,7 @@ export function GuidedQuestionFlow({
             </button>
             <button
               type="button"
-              onClick={() => onSubmit(normalizeGuidedAnswers(answers))}
+              onClick={() => submitAnswers()}
               disabled={!allRequiredAnswered}
               className="inline-flex cursor-pointer items-center gap-2 rounded-md bg-primary px-3.5 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-45"
             >
@@ -531,11 +544,13 @@ function QuestionCard({
   question,
   value,
   onChange,
+  onSubmitAnswer,
 }: {
   index: number;
   question: GuidedQuestion;
   value: unknown;
   onChange: (value: unknown) => void;
+  onSubmitAnswer: (value: unknown) => void;
 }) {
   return (
     <section className="rounded-lg border border-border bg-card/65 p-4 shadow-sm">
@@ -564,7 +579,12 @@ function QuestionCard({
       </div>
 
       {question.type === "text-options" && (
-        <TextOptions question={question} value={value} onChange={onChange} />
+        <TextOptions
+          question={question}
+          value={value}
+          onChange={onChange}
+          onSubmitAnswer={onSubmitAnswer}
+        />
       )}
       {question.type === "color-options" && (
         <ColorOptions question={question} value={value} onChange={onChange} />
@@ -591,10 +611,12 @@ function TextOptions({
   question,
   value,
   onChange,
+  onSubmitAnswer,
 }: {
   question: GuidedQuestion;
   value: unknown;
   onChange: (value: unknown) => void;
+  onSubmitAnswer: (value: unknown) => void;
 }) {
   const options = useMemo(() => withDefaultOptions(question), [question]);
   const multiSelect = question.multiSelect === true;
@@ -612,6 +634,7 @@ function TextOptions({
   const toggleOption = (optionValue: string) => {
     if (!multiSelect) {
       onChange(optionValue);
+      if (question.submitOnSelect) onSubmitAnswer(optionValue);
       return;
     }
     const next = selectedValues.includes(optionValue)
@@ -1060,6 +1083,7 @@ export function useGuidedQuestionFlow({
         return;
       }
       const formattedAnswers = formatGuidedAnswersForAgent(answers);
+      const resolvedSubmitMessage = payload?.submitMessage ?? submitMessage;
       const context =
         buildSubmitContext?.({ answers, formattedAnswers }) ??
         [
@@ -1068,7 +1092,11 @@ export function useGuidedQuestionFlow({
           "Answers:",
           formattedAnswers,
         ].join("\n");
-      sendToAgentChat({ message: submitMessage, context, submit: true });
+      sendToAgentChat({
+        message: resolvedSubmitMessage,
+        context,
+        submit: true,
+      });
       clear();
     },
     [buildSubmitContext, clear, payload, submitMessage],
@@ -1082,7 +1110,7 @@ export function useGuidedQuestionFlow({
       return;
     }
     sendToAgentChat({
-      message: skipMessage,
+      message: payload?.skipMessage ?? skipMessage,
       context: buildSkipContext?.(),
       submit: true,
     });

package/corpus/core/src/client/onboarding/OnboardingPanel.tsx

@@ -570,7 +570,7 @@ function FormMethod({
   method: Extract<OnboardingMethod, { kind: "form" }>;
   onCompleted: () => Promise<void>;
 }) {
-  const { fields, writeScope } = method.payload;
+  const { fields, writeScope, saveTo, secretDescription } = method.payload;
   const [values, setValues] = useState<Record<string, string>>({});
   const [saving, setSaving] = useState(false);
   const [err, setErr] = useState<string | null>(null);
@@ -587,6 +587,38 @@ function FormMethod({
         setErr("Enter a value first.");
         return;
       }
+      if (saveTo === "scoped-secrets") {
+        const secretScope =
+          writeScope === "workspace" || writeScope === "app"
+            ? "workspace"
+            : "user";
+        for (const entry of vars) {
+          const res = await fetch(
+            agentNativePath("/_agent-native/secrets/adhoc"),
+            {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({
+                name: entry.key,
+                value: entry.value,
+                scope: secretScope,
+                description:
+                  secretDescription ?? method.description ?? "Setup key",
+              }),
+            },
+          );
+          if (!res.ok) {
+            const data = await res.json().catch(() => ({}));
+            throw new Error(
+              (data as { error?: string }).error ??
+                `Save failed: ${res.status}`,
+            );
+          }
+        }
+        setValues({});
+        await onCompleted();
+        return;
+      }
       const res = await fetch(agentNativePath("/_agent-native/env-vars"), {
         method: "POST",
         headers: { "Content-Type": "application/json" },

package/corpus/core/src/client/resources/BuiltinCapabilityDetail.tsx

@@ -151,6 +151,14 @@ export function BuiltinCapabilityDetail({
             existing login.
           </p>
         )}
+
+        {capability.id === "screen-memory" && (
+          <p className="mt-6 rounded-md border border-border bg-muted/40 p-2.5 text-[11px] leading-relaxed text-muted-foreground">
+            Screen Memory only reads local Clips desktop context on this
+            machine. Turn it on from Clips desktop Settings before expecting
+            recent context results.
+          </p>
+        )}
       </div>
     </div>
   );

package/corpus/core/src/client/resources/use-builtin-capabilities.ts

@@ -6,7 +6,8 @@ import type { McpServerScope } from "./use-mcp-servers.js";
 export type BuiltinCapabilityId =
   | "browser-chrome-devtools"
   | "browser-playwright"
-  | "computer-use";
+  | "computer-use"
+  | "screen-memory";
 
 export interface BuiltinCapability {
   id: BuiltinCapabilityId;
@@ -103,7 +104,8 @@ export function parseMcpBuiltinVirtualId(
   if (
     capabilityId !== "browser-chrome-devtools" &&
     capabilityId !== "browser-playwright" &&
-    capabilityId !== "computer-use"
+    capabilityId !== "computer-use" &&
+    capabilityId !== "screen-memory"
   ) {
     return null;
   }

package/corpus/core/src/client/session-replay.ts

@@ -191,6 +191,7 @@ const DEFAULT_FLUSH_INTERVAL_MS = 5000;
 const DEFAULT_MAX_DURATION_MS = 30 * 60 * 1000;
 const DEFAULT_MAX_EVENTS_PER_BATCH = 50;
 const DEFAULT_MAX_BATCH_BYTES = 256 * 1024;
+const MAX_KEEPALIVE_REPLAY_UPLOAD_BYTES = 60 * 1024;
 const URL_LIKE_KEYS = new Set([
   "url",
   "uri",
@@ -729,6 +730,24 @@ interface ReplayUploadBody {
   compressed: boolean;
 }
 
+function isCrossOriginReplayEndpoint(endpoint: string): boolean {
+  if (typeof window === "undefined") return false;
+  try {
+    return (
+      new URL(endpoint, window.location.href).origin !== window.location.origin
+    );
+  } catch {
+    return false;
+  }
+}
+
+function replayUploadByteLength(body: string): number {
+  if (typeof TextEncoder !== "undefined") {
+    return new TextEncoder().encode(body).byteLength;
+  }
+  return body.length;
+}
+
 async function gzipReplayBody(body: string): Promise<Blob | null> {
   if (
     typeof CompressionStream === "undefined" ||
@@ -773,6 +792,21 @@ async function sendReplayUpload(
   options: NormalizedSessionReplayOptions,
   body: string,
 ): Promise<void> {
+  if (isCrossOriginReplayEndpoint(options.endpoint)) {
+    if (navigator.sendBeacon) {
+      const sent = navigator.sendBeacon(options.endpoint, body);
+      if (sent) return;
+    }
+    await fetch(options.endpoint, {
+      method: "POST",
+      body,
+      keepalive:
+        replayUploadByteLength(body) <= MAX_KEEPALIVE_REPLAY_UPLOAD_BYTES,
+      headers: { "Content-Type": "text/plain;charset=UTF-8" },
+    }).catch(() => {});
+    return;
+  }
+
   const upload = await buildReplayUploadBody(body);
   if (!upload.compressed && navigator.sendBeacon) {
     const sent = navigator.sendBeacon(options.endpoint, body);

package/corpus/core/src/client/sharing/ShareButton.tsx

@@ -109,6 +109,20 @@ export interface ShareButtonProps {
     description?: ReactNode;
     onCheckedChange: (checked: boolean) => void | Promise<void>;
   };
+  /** Optional extra tabs rendered beside the default sharing/access panel. */
+  shareTabs?: {
+    shareLabel?: ReactNode;
+    defaultValue?: string;
+    tabs: Array<{
+      value: string;
+      label: ReactNode;
+      content: ReactNode;
+      disabled?: boolean;
+    }>;
+    onValueChange?: (value: string) => void;
+  };
+  /** Optional className for the popover content, useful for wider custom tabs. */
+  popoverClassName?: string;
 }
 
 type Visibility = "private" | "org" | "public";
@@ -213,6 +227,8 @@ const ROLE_OPTIONS: Array<{ value: Role; label: string; description: string }> =
  */
 export function ShareButton(props: ShareButtonProps) {
   const [open, setOpen] = useState(false);
+  const shareTabDefaultValue = props.shareTabs?.defaultValue ?? "share";
+  const [activeShareTab, setActiveShareTab] = useState(shareTabDefaultValue);
   const [pendingVisibility, setPendingVisibility] = useState<Visibility | null>(
     null,
   );
@@ -238,7 +254,16 @@ export function ShareButton(props: ShareButtonProps) {
   const handleOpenChange = (v: boolean) => {
     setOpen(v);
     props.onOpenChange?.(v);
-    if (v && pendingVisibility === null) sharesQuery.refetch();
+    if (v) {
+      setActiveShareTab(shareTabDefaultValue);
+      props.shareTabs?.onValueChange?.(shareTabDefaultValue);
+      if (pendingVisibility === null) sharesQuery.refetch();
+    }
+  };
+
+  const handleShareTabChange = (value: string) => {
+    setActiveShareTab(value);
+    props.shareTabs?.onValueChange?.(value);
   };
 
   useEffect(() => {
@@ -322,6 +347,7 @@ export function ShareButton(props: ShareButtonProps) {
         className={cn(
           "z-[2000] w-[min(460px,92vw)] rounded-lg p-4 shadow-lg",
           SHARE_POPOVER_SURFACE,
+          props.popoverClassName,
         )}
         onOpenAutoFocus={(e) => e.preventDefault()}
       >
@@ -331,6 +357,8 @@ export function ShareButton(props: ShareButtonProps) {
           visibilityOverride={pendingVisibility}
           onVisibilityChange={handleVisibilityChange}
           onClose={() => handleOpenChange(false)}
+          activeTab={activeShareTab}
+          onTabChange={handleShareTabChange}
         />
       </PopoverContent>
     </Popover>
@@ -505,6 +533,8 @@ function SharePanel(
     visibilityOverride: Visibility | null;
     onVisibilityChange: (visibility: Visibility) => Promise<void>;
     onClose: () => void;
+    activeTab: string;
+    onTabChange: (value: string) => void;
   },
 ) {
   const {
@@ -596,6 +626,9 @@ function SharePanel(
     Boolean(props.shareUrlPlaceholder) ||
     Boolean(props.secondaryShareUrl);
   const shareUrlPlacement = props.shareUrlPlacement ?? "bottom";
+  const extraTabs = props.shareTabs?.tabs ?? [];
+  const hasTabs = extraTabs.length > 0;
+  const shareTabLabel = props.shareTabs?.shareLabel ?? "Share link";
 
   const serverShares = data?.shares ?? [];
   const shares: Share[] = [
@@ -773,34 +806,37 @@ function SharePanel(
     ? `Share "${resourceTitle}"`
     : `Share ${resourceType}`;
 
-  if (isLoading) {
-    return (
-      <div>
+  const sharePanel = isLoading ? (
+    <div>
+      {!hasTabs ? (
         <div
           className="mb-3 truncate text-base font-semibold"
           title={titleText}
         >
           {titleText}
         </div>
-        <div className="mb-4 h-9 rounded-md bg-muted animate-pulse" />
-        <div className="mb-2 text-sm font-semibold">{peopleAccessLabel}</div>
-        <div className="mb-4 h-7 rounded-md bg-muted animate-pulse" />
-        <div className="mb-2 text-sm font-semibold">{generalAccessLabel}</div>
-        <div className="mb-4 h-9 rounded-md bg-muted animate-pulse" />
-        <div className="mt-2 flex justify-end">
-          <button type="button" onClick={onClose} className={BUTTON_PRIMARY_SM}>
-            Done
-          </button>
-        </div>
+      ) : null}
+      <div className="mb-4 h-9 rounded-md bg-muted animate-pulse" />
+      <div className="mb-2 text-sm font-semibold">{peopleAccessLabel}</div>
+      <div className="mb-4 h-7 rounded-md bg-muted animate-pulse" />
+      <div className="mb-2 text-sm font-semibold">{generalAccessLabel}</div>
+      <div className="mb-4 h-9 rounded-md bg-muted animate-pulse" />
+      <div className="mt-2 flex justify-end">
+        <button type="button" onClick={onClose} className={BUTTON_PRIMARY_SM}>
+          Done
+        </button>
       </div>
-    );
-  }
-
-  return (
+    </div>
+  ) : (
     <div>
-      <div className="mb-3 truncate text-base font-semibold" title={titleText}>
-        {titleText}
-      </div>
+      {!hasTabs ? (
+        <div
+          className="mb-3 truncate text-base font-semibold"
+          title={titleText}
+        >
+          {titleText}
+        </div>
+      ) : null}
 
       {showShareLinks && shareUrlPlacement === "top" ? shareLinks : null}
 
@@ -965,6 +1001,55 @@ function SharePanel(
       </div>
     </div>
   );
+
+  if (!hasTabs) return sharePanel;
+
+  const tabs = [
+    {
+      value: "share",
+      label: shareTabLabel,
+      content: sharePanel,
+      disabled: false,
+    },
+    ...extraTabs,
+  ];
+  const activeTab = tabs.some((tab) => tab.value === props.activeTab)
+    ? props.activeTab
+    : "share";
+
+  return (
+    <div className="flex flex-col gap-4">
+      <div
+        role="tablist"
+        aria-label="Share options"
+        className="flex gap-1 rounded-xl bg-muted/70 p-1"
+      >
+        {tabs.map((tab) => {
+          const active = tab.value === activeTab;
+          return (
+            <button
+              key={tab.value}
+              type="button"
+              role="tab"
+              aria-selected={active}
+              disabled={tab.disabled}
+              onClick={() => props.onTabChange(tab.value)}
+              className={cn(
+                "h-11 min-w-0 flex-1 rounded-lg px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-background/70 hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+                active &&
+                  "bg-background text-foreground shadow-sm ring-2 ring-primary",
+              )}
+            >
+              <span className="block truncate">{tab.label}</span>
+            </button>
+          );
+        })}
+      </div>
+      <div role="tabpanel">
+        {tabs.find((tab) => tab.value === activeTab)?.content}
+      </div>
+    </div>
+  );
 }
 
 function AdvancedAccessPopover({

package/corpus/core/src/coding-tools/index.ts

@@ -481,7 +481,7 @@ export async function runCodingCommand(
   else child.stdin?.end();
   const code = await new Promise<number | null>((resolve, reject) => {
     child.once("error", reject);
-    child.once("exit", resolve);
+    child.once("close", resolve);
   });
   clearTimeout(timer);
   return { code, stdout, stderr, timedOut, durationMs: Date.now() - startMs };

package/corpus/core/src/mcp/index.ts

@@ -14,6 +14,8 @@ export type { MCPCallerIdentity, MCPRequestMeta } from "./build-server.js";
 // stdio transport for `agent-native mcp serve` (Node-only).
 export { runMCPStdio } from "./stdio.js";
 export type { RunMCPStdioOptions } from "./stdio.js";
+export { runScreenMemoryMCPStdio } from "./screen-memory-stdio.js";
+export type { RunScreenMemoryMCPStdioOptions } from "./screen-memory-stdio.js";
 
 // Generic cross-app builtin tools (merged into the registry, template wins).
 export { getBuiltinCrossAppTools } from "./builtin-tools.js";