@agent-native/toolkit 0.14.1 → 0.14.3

package/src/canvas-interactions/canvas-interactions.ts

@@ -235,7 +235,7 @@ export type CanvasEscapeResult<TObjectId = string> =
       selectedObjectIds: readonly TObjectId[];
     };
 
-export interface CanvasResizeInput {
+export interface CanvasResizeInput extends CanvasModifiers {
   handle: CanvasResizeHandle;
   delta: CanvasPoint;
   preserveAspectRatio?: boolean;
@@ -537,8 +537,8 @@ export function constrainCanvasDragDelta(
 }
 
 /**
- * Resizes against the opposite edge. Shift preserves aspect ratio on corners;
- * midpoint handles stay single-axis so their fixed edge remains predictable.
+ * Resizes against the opposite edge, or from the center with Alt. Shift
+ * preserves aspect ratio on every handle; derived dimensions are centered.
  */
 export function resizeCanvasRect(
   start: CanvasRect,
@@ -554,37 +554,68 @@ export function resizeCanvasRect(
     input.handle === "sw" || input.handle === "s" || input.handle === "se";
   const resizesHorizontally = fromWest || fromEast;
   const resizesVertically = fromNorth || fromSouth;
+  const resizeFromCenter = Boolean(input.altKey);
   let width =
-    start.width + (fromWest ? -input.delta.x : fromEast ? input.delta.x : 0);
+    start.width +
+    (fromWest ? -input.delta.x : fromEast ? input.delta.x : 0) *
+      (resizeFromCenter ? 2 : 1);
   let height =
-    start.height + (fromNorth ? -input.delta.y : fromSouth ? input.delta.y : 0);
+    start.height +
+    (fromNorth ? -input.delta.y : fromSouth ? input.delta.y : 0) *
+      (resizeFromCenter ? 2 : 1);
 
   const minWidth = input.minWidth ?? DEFAULT_CANVAS_MIN_SIZE;
   const minHeight = input.minHeight ?? DEFAULT_CANVAS_MIN_SIZE;
-
-  if (
-    input.preserveAspectRatio &&
-    resizesHorizontally &&
-    resizesVertically &&
-    start.width > 0 &&
-    start.height > 0
-  ) {
-    const horizontalScale = width / start.width;
-    const verticalScale = height / start.height;
-    const scale =
-      Math.abs(horizontalScale - 1) >= Math.abs(verticalScale - 1)
-        ? horizontalScale
-        : verticalScale;
-    const minScale = Math.max(minWidth / start.width, minHeight / start.height);
-    width = start.width * Math.max(minScale, scale);
-    height = start.height * Math.max(minScale, scale);
+  const preserveAspectRatio =
+    Boolean(input.preserveAspectRatio) && start.width > 0 && start.height > 0;
+  const widthChange = Math.abs(width - start.width);
+  const heightChange = Math.abs(height - start.height);
+  const derivesHeight =
+    preserveAspectRatio && resizesHorizontally && !resizesVertically;
+  const derivesWidth =
+    preserveAspectRatio && resizesVertically && !resizesHorizontally;
+
+  if (derivesHeight) {
+    height = width / (start.width / start.height);
+  } else if (derivesWidth) {
+    width = height * (start.width / start.height);
+  } else if (preserveAspectRatio && resizesHorizontally && resizesVertically) {
+    if (widthChange >= heightChange) {
+      height = width / (start.width / start.height);
+    } else {
+      width = height * (start.width / start.height);
+    }
   }
 
+  const widthBelowMinimum = width < minWidth;
+  const heightBelowMinimum = height < minHeight;
   width = Math.max(minWidth, width);
   height = Math.max(minHeight, height);
+  if (preserveAspectRatio) {
+    if (widthBelowMinimum && !heightBelowMinimum) {
+      height = Math.max(minHeight, width / (start.width / start.height));
+    } else if (heightBelowMinimum && !widthBelowMinimum) {
+      width = Math.max(minWidth, height * (start.width / start.height));
+    } else if (widthBelowMinimum && heightBelowMinimum) {
+      width = Math.max(minWidth, minHeight * (start.width / start.height));
+      height = width / (start.width / start.height);
+    }
+  }
+  const centerDerivedHeight = derivesHeight && !resizeFromCenter;
+  const centerDerivedWidth = derivesWidth && !resizeFromCenter;
   return {
-    x: fromWest ? start.x + start.width - width : start.x,
-    y: fromNorth ? start.y + start.height - height : start.y,
+    x:
+      resizeFromCenter || centerDerivedWidth
+        ? start.x + (start.width - width) / 2
+        : fromWest
+          ? start.x + start.width - width
+          : start.x,
+    y:
+      resizeFromCenter || centerDerivedHeight
+        ? start.y + (start.height - height) / 2
+        : fromNorth
+          ? start.y + start.height - height
+          : start.y,
     width,
     height,
   };
@@ -827,6 +858,7 @@ export function createCanvasGestureController<TObjectId = string>(
       rect: core.resize(gestureStart.rect, {
         handle: gestureStart.handle,
         delta: convertedDelta,
+        altKey: pointer.altKey,
         preserveAspectRatio: Boolean(pointer.shiftKey),
       }),
     };

package/src/collab-ui/PresenceBar.spec.tsx

@@ -0,0 +1,44 @@
+// @vitest-environment happy-dom
+
+import { act } from "react";
+import { createRoot, type Root } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+import { PresenceBar } from "./PresenceBar.js";
+
+describe("PresenceBar", () => {
+  let container: HTMLDivElement;
+  let root: Root;
+
+  beforeEach(() => {
+    vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
+    container = document.createElement("div");
+    document.body.appendChild(container);
+    root = createRoot(container);
+  });
+
+  afterEach(() => {
+    act(() => root.unmount());
+    container.remove();
+    vi.restoreAllMocks();
+    vi.unstubAllGlobals();
+  });
+
+  it("gives the integrated AI editing label space after the avatar", () => {
+    act(() => {
+      root.render(
+        <PresenceBar
+          activeUsers={[]}
+          agentPresent
+          agentActive
+          showAgentEditingDot={false}
+        />,
+      );
+    });
+
+    const label = Array.from(container.querySelectorAll("span")).find(
+      (element) => element.textContent === "AI editing",
+    );
+    expect(label?.style.padding).toBe("0px 0px 0px 2px");
+  });
+});

package/src/collab-ui/PresenceBar.tsx

@@ -247,7 +247,7 @@ function AgentEditingChip({
         alignItems: "center",
         gap: showDot ? 4 : 0,
         height: integrated ? "auto" : 20,
-        padding: integrated ? 0 : "0 8px",
+        padding: integrated ? "0 0 0 2px" : "0 8px",
         borderRadius: integrated ? 0 : 9999,
         backgroundColor: integrated ? "transparent" : `${AGENT_COLOR}20`,
         color: AGENT_COLOR,

package/src/composer/TiptapComposer.spec.ts

@@ -58,9 +58,11 @@ describe("createTiptapComposerExtensions", () => {
   });
 
   it("uses compact GPT-5.6 model and effort names in the collapsed trigger", () => {
-    expect(compactComposerModelName("gpt-5.6-sol")).toBe("Sol");
-    expect(compactComposerModelName("gpt-5-6-terra")).toBe("Terra");
-    expect(compactComposerModelName("openai/gpt-5.6-luna")).toBe("Luna");
+    expect(compactComposerModelName("gpt-5.6-sol")).toBe("GPT-5.6 Sol");
+    expect(compactComposerModelName("gpt-5-6-terra")).toBe("GPT-5.6 Terra");
+    expect(compactComposerModelName("openai/gpt-5.6-luna")).toBe(
+      "GPT-5.6 Luna",
+    );
     expect(compactComposerModelName("claude-sonnet-5")).toBe("Sonnet 5");
     expect(compactComposerModelName("codex-cli")).toBe("Codex");
     expect(compactComposerReasoningEffortLabel("medium")).toBe("Med");

package/src/composer/TiptapComposer.tsx

@@ -934,7 +934,9 @@ export function compactComposerModelName(model: string): string {
     /^(?:openai\/)?gpt-5[.-]6[.-](sol|terra|luna)$/i,
   )?.[1];
   if (gpt56Variant) {
-    return gpt56Variant[0].toUpperCase() + gpt56Variant.slice(1).toLowerCase();
+    const variant =
+      gpt56Variant[0].toUpperCase() + gpt56Variant.slice(1).toLowerCase();
+    return `GPT-5.6 ${variant}`;
   }
   return friendlyModelName(model);
 }

package/src/composer/VoiceButton.tsx

@@ -147,7 +147,7 @@ export function VoiceButton({ voice, isMac, disabled }: VoiceButtonProps) {
     ? "Stop recording"
     : transcribing
       ? "Transcribing…"
-      : `Dictate (${isMac ? "⌘⇧M" : "Ctrl+Shift+M"})`;
+      : `Dictate (${isMac ? "Cmd Shift M" : "Ctrl Shift M"})`;
 
   const onClick = () => {
     if (recording) stop();