@agent-native/toolkit 0.207.0-nightly-20261011153008 → 0.207.0

package/src/app/sharing/ShareButton.tsx

@@ -101,6 +101,7 @@ export interface ShareButtonProps {
     label: string;
     copiedLabel: string;
     onCopy: () => Promise<boolean | void> | boolean | void;
+    size?: "default" | "sm";
     className?: string;
   };
   /** Optional label for the primary copyable link section. */
@@ -376,6 +377,7 @@ export function ShareButton(props: ShareButtonProps) {
             copyLabel={props.quickCopy.label}
             copiedLabel={props.quickCopy.copiedLabel}
             onCopy={props.quickCopy.onCopy}
+            size={props.quickCopy.size}
             className={props.quickCopy.className}
           />
         ) : (
@@ -413,6 +415,7 @@ export function ShareButton(props: ShareButtonProps) {
             copyLabel={props.quickCopy.label}
             copiedLabel={props.quickCopy.copiedLabel}
             onCopy={props.quickCopy.onCopy}
+            size={props.quickCopy.size}
             className={props.quickCopy.className}
           />
         </PopoverAnchor>

package/src/app/styles/agent-native.css

@@ -1189,6 +1189,7 @@
   }
 
   .agent-builder-setup-card__key-button {
+    justify-content: center;
     flex: 0 0 auto;
     min-width: 0;
     width: 100%;

package/src/app-shell/sidebar.tsx

@@ -652,30 +652,38 @@ export const AppSidebarFooter = forwardRef<
       );
 
     return (
-      <div
-        ref={ref}
-        data-sidebar-footer
-        className={cn(
-          "shrink-0 border-t border-border p-2",
-          collapsed ? "space-y-1" : "space-y-1.5",
-          className,
-        )}
-        {...props}
-      >
-        {resolvedFeedback}
+      <>
+        {resolvedFeedback ? (
+          <div
+            data-sidebar-footer-feedback-row
+            className={cn(
+              "shrink-0 px-2 pb-1",
+              collapsed && "flex justify-center",
+            )}
+          >
+            {resolvedFeedback}
+          </div>
+        ) : null}
         <div
-          data-sidebar-footer-utilities
-          className={cn(
-            collapsed
-              ? "flex flex-col items-center gap-1"
-              : "flex items-center gap-0.5",
-          )}
+          ref={ref}
+          data-sidebar-footer
+          className={cn("shrink-0 border-t border-border p-2", className)}
+          {...props}
         >
-          {orgSwitcher}
-          {footerExtras}
-          {collapseButton}
+          <div
+            data-sidebar-footer-utilities
+            className={cn(
+              collapsed
+                ? "flex flex-col items-center gap-1"
+                : "flex items-center gap-0.5",
+            )}
+          >
+            {orgSwitcher}
+            {footerExtras}
+            {collapseButton}
+          </div>
         </div>
-      </div>
+      </>
     );
   },
 );

package/src/sharing/ShareControls.spec.tsx

@@ -40,6 +40,11 @@ describe("JoinedShareControl", () => {
       );
     });
 
+    expect(
+      container.querySelector('[data-slot="button-group"]')?.className,
+    ).toContain(
+      "[&>*:not([data-slot=button-group-separator]):not([data-button-group-ignore]):not(select[aria-hidden=true])]:!h-9",
+    );
     const copy = container.querySelector<HTMLButtonElement>(
       'button[aria-label="Copy link"]',
     );
@@ -50,6 +55,37 @@ describe("JoinedShareControl", () => {
     expect(copy?.getAttribute("aria-label")).toBe("Copy link");
   });
 
+  it("renders both compact share segments at the widget height", async () => {
+    const container = document.createElement("div");
+    document.body.append(container);
+    containers.push(container);
+    const root = createRoot(container);
+    roots.push(root);
+
+    await act(async () => {
+      root.render(
+        <TooltipProvider>
+          <JoinedShareControl
+            trigger={<button type="button">Share</button>}
+            copyLabel="Copy link"
+            copiedLabel="Copied"
+            onCopy={() => {}}
+            size="sm"
+          />
+        </TooltipProvider>,
+      );
+    });
+
+    const group = container.querySelector<HTMLElement>(
+      '[data-slot="button-group"]',
+    );
+    const segments = group?.querySelectorAll<HTMLElement>("button");
+    expect(segments).toHaveLength(2);
+    expect(group?.className).toContain(
+      "[&>*:not([data-slot=button-group-separator]):not([data-button-group-ignore]):not(select[aria-hidden=true])]:!h-8",
+    );
+  });
+
   it("keeps disabled extra share tabs unavailable", async () => {
     const container = document.createElement("div");
     document.body.append(container);

package/src/sharing/ShareControls.tsx

@@ -12,6 +12,7 @@ export interface JoinedShareControlProps {
   copyLabel: string;
   copiedLabel: string;
   onCopy: () => Promise<boolean | void> | boolean | void;
+  size?: "default" | "sm";
   disabled?: boolean;
   blocked?: boolean;
   className?: string;
@@ -22,7 +23,16 @@ export const JoinedShareControl = forwardRef<
   HTMLDivElement,
   JoinedShareControlProps
 >(function JoinedShareControl(
-  { trigger, copyLabel, copiedLabel, onCopy, disabled, blocked, className },
+  {
+    trigger,
+    copyLabel,
+    copiedLabel,
+    onCopy,
+    size = "default",
+    disabled,
+    blocked,
+    className,
+  },
   ref,
 ) {
   const [copied, setCopied] = useState(false);
@@ -45,11 +55,16 @@ export const JoinedShareControl = forwardRef<
   };
 
   const label = copied ? copiedLabel : copyLabel;
+  const segmentHeightClass =
+    size === "sm"
+      ? "[&>*:not([data-slot=button-group-separator]):not([data-button-group-ignore]):not(select[aria-hidden=true])]:!h-8"
+      : "[&>*:not([data-slot=button-group-separator]):not([data-button-group-ignore]):not(select[aria-hidden=true])]:!h-9";
   return (
     <ButtonGroup
       ref={ref}
       className={cn(
-        "shrink-0 [&>*]:h-9 [&>*:not([data-slot=button-group-separator]):not([data-button-group-ignore]):not(select[aria-hidden=true]):not(:first-child)]:border-primary-foreground/20",
+        "shrink-0 [&>*:not([data-slot=button-group-separator]):not([data-button-group-ignore]):not(select[aria-hidden=true]):not(:first-child)]:border-primary-foreground/20",
+        segmentHeightClass,
         className,
       )}
     >