@agent-native/core 0.132.2 → 0.133.0

package/corpus/templates/calendar/app/components/layout/Sidebar.tsx

@@ -775,31 +775,60 @@ export function Sidebar({
             collapsed ? "px-1" : "px-4",
           )}
         >
-          {!collapsed && (
-            <>
-              <Link
-                to="/"
-                onClick={onClose}
-                className="flex items-center gap-2 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring"
-              >
-                <img
-                  src={appPath("/agent-native-icon-light.svg")}
-                  alt=""
-                  aria-hidden="true"
-                  className="block h-4 w-auto shrink-0 dark:hidden"
-                />
-                <img
-                  src={appPath("/agent-native-icon-dark.svg")}
-                  alt=""
-                  aria-hidden="true"
-                  className="hidden h-4 w-auto shrink-0 dark:block"
-                />
-                <span className="text-base font-semibold tracking-tight">
-                  {t("navigation.brand")}
-                </span>
-              </Link>
-            </>
-          )}
+          <Link
+            to="/"
+            onClick={(event) => {
+              onClose();
+              if (
+                !onCollapsedChange ||
+                event.metaKey ||
+                event.ctrlKey ||
+                event.shiftKey ||
+                event.altKey ||
+                event.button !== 0
+              ) {
+                return;
+              }
+              event.preventDefault();
+              onCollapsedChange(!collapsed);
+            }}
+            className={cn(
+              "flex items-center gap-2 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              collapsed ? "size-8 justify-center" : "flex-1",
+            )}
+            aria-label={
+              onCollapsedChange
+                ? collapsed
+                  ? t("sidebar.expandSidebar")
+                  : t("sidebar.collapseSidebar")
+                : collapsed
+                  ? t("navigation.brand")
+                  : undefined
+            }
+            data-sidebar-brand-toggle
+          >
+            <img
+              src={appPath("/agent-native-icon-light.svg")}
+              alt=""
+              aria-hidden="true"
+              width={28}
+              height={16}
+              className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
+            />
+            <img
+              src={appPath("/agent-native-icon-dark.svg")}
+              alt=""
+              aria-hidden="true"
+              width={28}
+              height={16}
+              className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
+            />
+            {!collapsed && (
+              <span className="text-base font-semibold tracking-tight">
+                {t("navigation.brand")}
+              </span>
+            )}
+          </Link>
         </div>
 
         <div className="min-h-0 flex-1 overflow-y-auto">

package/corpus/templates/calendar/changelog/2026-07-31-the-agent-native-logo-stays-visible-when-the-sidebar-is-coll.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-31
+---
+
+The Agent Native logo stays visible when the sidebar is collapsed and toggles the sidebar when clicked.

package/corpus/templates/chat/app/components/layout/Sidebar.tsx

@@ -358,23 +358,50 @@ export function Sidebar({
       >
         <Link
           to="/"
+          onClick={(event) => {
+            if (
+              !collapsible ||
+              !onCollapsedChange ||
+              event.metaKey ||
+              event.ctrlKey ||
+              event.shiftKey ||
+              event.altKey ||
+              event.button !== 0
+            ) {
+              return;
+            }
+            event.preventDefault();
+            onCollapsedChange(!collapsed);
+          }}
           className={cn(
             "flex min-w-0 items-center rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
             collapsed ? "size-7 justify-center" : "flex-1 gap-3",
           )}
-          aria-label={collapsed ? APP_TITLE : undefined}
+          aria-label={
+            collapsible && onCollapsedChange
+              ? collapsed
+                ? t("navigation.expandSidebar")
+                : t("navigation.collapseSidebar")
+              : collapsed
+                ? APP_TITLE
+                : undefined
+          }
         >
           <img
             src={appPath("/agent-native-icon-light.svg")}
             alt=""
             aria-hidden="true"
-            className="block h-4 w-auto shrink-0 dark:hidden"
+            width={28}
+            height={16}
+            className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
           />
           <img
             src={appPath("/agent-native-icon-dark.svg")}
             alt=""
             aria-hidden="true"
-            className="hidden h-4 w-auto shrink-0 dark:block"
+            width={28}
+            height={16}
+            className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
           />
           <div className={cn("min-w-0", collapsed && "sr-only")}>
             <p className="truncate text-sm font-semibold text-sidebar-accent-foreground">

package/corpus/templates/chat/changelog/2026-07-31-clicking-the-agent-native-logo-now-toggles-the-app-sidebar.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-31
+---
+
+Clicking the Agent Native logo now toggles the app sidebar.

package/corpus/templates/clips/app/components/library/library-layout.tsx

@@ -336,32 +336,48 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
             showCollapsedSidebar ? "justify-center px-2" : "px-4",
           )}
         >
-          <div
+          <button
+            type="button"
+            onClick={() => {
+              if (!isMobile) setSidebarCollapsed((value) => !value);
+            }}
+            aria-label={
+              isMobile
+                ? t("navigation.brand")
+                : showCollapsedSidebar
+                  ? t("navigation.expandSidebar")
+                  : t("navigation.collapseSidebar")
+            }
             className={cn(
-              "flex min-w-0 items-center gap-2",
-              !showCollapsedSidebar && "flex-1",
+              "flex min-w-0 items-center gap-2 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              showCollapsedSidebar
+                ? "size-8 justify-center"
+                : "flex-1 text-start",
             )}
+            data-sidebar-brand-toggle
           >
+            <img
+              src={appPath("/agent-native-icon-light.svg")}
+              alt=""
+              aria-hidden="true"
+              width={28}
+              height={16}
+              className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
+            />
+            <img
+              src={appPath("/agent-native-icon-dark.svg")}
+              alt=""
+              aria-hidden="true"
+              width={28}
+              height={16}
+              className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
+            />
             {!showCollapsedSidebar && (
-              <>
-                <img
-                  src={appPath("/agent-native-icon-light.svg")}
-                  alt=""
-                  aria-hidden="true"
-                  className="block h-4 w-auto shrink-0 dark:hidden"
-                />
-                <img
-                  src={appPath("/agent-native-icon-dark.svg")}
-                  alt=""
-                  aria-hidden="true"
-                  className="hidden h-4 w-auto shrink-0 dark:block"
-                />
-                <span className="truncate text-sm font-semibold text-foreground">
-                  {t("navigation.brand")}
-                </span>
-              </>
+              <span className="truncate text-sm font-semibold text-foreground">
+                {t("navigation.brand")}
+              </span>
             )}
-          </div>
+          </button>
         </div>
         <div className="min-h-0 flex-1 overflow-y-auto">
           {showCollapsedSidebar ? (

package/corpus/templates/clips/changelog/2026-07-31-the-agent-native-logo-stays-visible-when-the-sidebar-is-coll.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-31
+---
+
+The Agent Native logo stays visible when the sidebar is collapsed and toggles the sidebar when clicked.

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

@@ -13,7 +13,7 @@ import {
   isPseudoMediaDeviceId,
   isSelectableAudioInputDevice,
   normalizedMediaDeviceId,
-} from "../lib/media-device-selection";
+} from "../../../shared/media-device-selection";
 import {
   isHardCapturePermissionError,
   MACOS_CAPTURE_PERMISSION_MESSAGE,

package/corpus/templates/clips/desktop/src/lib/media-capture-constraints.ts

@@ -3,7 +3,7 @@ import {
   enumerateAudioInputDevices,
   isLikelyPhoneMicLabel,
   type AudioInputFallback,
-} from "./media-device-selection";
+} from "../../../shared/media-device-selection";
 
 export const VOICE_FOCUSED_AUDIO_CONSTRAINTS: MediaTrackConstraints = {
   echoCancellation: { ideal: true },

package/corpus/templates/content/app/components/sidebar/DocumentSidebar.tsx

@@ -1617,6 +1617,38 @@ export function DocumentSidebar({
       className={collapsed ? "size-8" : "h-8 min-w-0"}
     />
   );
+  const brandButton = (isCollapsed: boolean) => (
+    <button
+      type="button"
+      onClick={onToggleCollapsed}
+      aria-label={isCollapsed ? t("sidebar.expand") : t("sidebar.collapse")}
+      className={cn(
+        "flex items-center gap-2 rounded outline-none text-foreground transition-colors hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring",
+        isCollapsed ? "size-8 justify-center" : "min-w-0 text-start",
+      )}
+      data-sidebar-brand-toggle
+    >
+      <img
+        src={appPath("/agent-native-icon-light.svg")}
+        alt=""
+        aria-hidden="true"
+        width={28}
+        height={16}
+        className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
+      />
+      <img
+        src={appPath("/agent-native-icon-dark.svg")}
+        alt=""
+        aria-hidden="true"
+        width={28}
+        height={16}
+        className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
+      />
+      {!isCollapsed && (
+        <span className="text-base font-semibold tracking-tight">Content</span>
+      )}
+    </button>
+  );
 
   const toggleSection = (id: SidebarSectionId) => {
     setStoredCollapsedSections((current) => {
@@ -2118,6 +2150,7 @@ export function DocumentSidebar({
   if (collapsed) {
     return (
       <div className="agent-layout-left-drawer flex h-full w-12 flex-col items-center gap-1 border-e border-border bg-sidebar py-3 transition-[width] duration-200 ease-out">
+        {brandButton(true)}
         {renderCollapsedNewButton()}
         <Tooltip>
           <TooltipTrigger asChild>
@@ -2156,23 +2189,7 @@ export function DocumentSidebar({
     >
       {/* Header */}
       <div className="flex h-12 shrink-0 items-center justify-between border-b border-border px-3">
-        <div className="flex items-center gap-2 min-w-0">
-          <img
-            src={appPath("/agent-native-icon-light.svg")}
-            alt=""
-            aria-hidden="true"
-            className="block h-4 w-auto shrink-0 dark:hidden"
-          />
-          <img
-            src={appPath("/agent-native-icon-dark.svg")}
-            alt=""
-            aria-hidden="true"
-            className="hidden h-4 w-auto shrink-0 dark:block"
-          />
-          <span className="text-base font-semibold tracking-tight text-foreground">
-            Content
-          </span>
-        </div>
+        {brandButton(false)}
       </div>
 
       {/* Search */}

package/corpus/templates/content/changelog/2026-07-31-the-agent-native-logo-stays-visible-when-the-sidebar-is-coll.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-31
+---
+
+The Agent Native logo stays visible when the sidebar is collapsed and toggles the sidebar when clicked.

package/corpus/templates/design/.agents/skills/design-systems/SKILL.md

@@ -30,6 +30,7 @@ Design systems are stored in the `design_systems` SQL table. Each has:
 - `is_default` — boolean, whether this is the user's default design system
 - `owner_email` — auto-set from session
 - `org_id` — organization scope
+- `visibility` — defaults to `org` inside an organization, otherwise `private`
 
 ### DesignSystemData Schema
 
@@ -125,7 +126,9 @@ brand's actual extracted fonts) rather than defaulting to Space Grotesk/DM
 Sans every time; that pairing is this skill's own most common convergence
 fingerprint.
 
-If this is the user's first design system, it is automatically set as the default.
+If this is the user's first design system in the active organization, it is
+automatically set as the default. Organization-scoped systems are shared with
+that organization by default.
 
 ### Starting from an established public system
 
@@ -175,7 +178,8 @@ Only provided fields are updated. You can also update `--title`, `--description`
 pnpm action set-default-design-system --id <id>
 ```
 
-Unsets any previously-default design system for this user.
+Pass `--isDefault false` to clear the current default. Setting a system as the
+default unsets the previous default in the same user and organization scope.
 
 ## Multi-Source Import Flow
 

package/corpus/templates/design/actions/create-design-system.ts

@@ -166,6 +166,7 @@ export default defineAction({
       isDefault,
       ownerEmail,
       orgId,
+      visibility: orgId ? "org" : "private",
       createdAt: now,
       updatedAt: now,
     });

package/corpus/templates/design/actions/set-default-design-system.ts

@@ -11,11 +11,16 @@ import { getDb, schema } from "../server/db/index.js";
 
 export default defineAction({
   description:
-    "Set a design system as the default. Unsets any previously-default design system for this user.",
+    "Set or unset a design system as the default for the current user and organization.",
   schema: z.object({
     id: z.string().describe("Design system ID to set as default"),
+    isDefault: z
+      .boolean()
+      .optional()
+      .default(true)
+      .describe("Whether this design system should be the default"),
   }),
-  run: async ({ id }) => {
+  run: async ({ id, isDefault = true }) => {
     await assertAccess("design-system", id, "editor");
 
     const db = getDb();
@@ -26,42 +31,45 @@ export default defineAction({
     const orgId = getRequestOrgId();
 
     const [target] = await db
-      .select({ ownerEmail: schema.designSystems.ownerEmail })
+      .select({
+        ownerEmail: schema.designSystems.ownerEmail,
+        orgId: schema.designSystems.orgId,
+      })
       .from(schema.designSystems)
       .where(eq(schema.designSystems.id, id))
       .limit(1);
 
-    if (target?.ownerEmail !== userEmail) {
+    if (
+      target?.ownerEmail !== userEmail ||
+      (target.orgId ?? null) !== (orgId ?? null)
+    ) {
       throw new Error("Only the owner can set a design system as default");
     }
 
     await db.transaction(async (tx) => {
-      await tx
-        .update(schema.designSystems)
-        .set({ isDefault: false, updatedAt: now })
-        .where(
-          orgId
-            ? and(
-                eq(schema.designSystems.ownerEmail, userEmail),
-                eq(schema.designSystems.orgId, orgId),
-              )
-            : and(
-                eq(schema.designSystems.ownerEmail, userEmail),
-                isNull(schema.designSystems.orgId),
-              ),
-        );
+      const targetScope = orgId
+        ? and(
+            eq(schema.designSystems.ownerEmail, userEmail),
+            eq(schema.designSystems.orgId, orgId),
+          )
+        : and(
+            eq(schema.designSystems.ownerEmail, userEmail),
+            isNull(schema.designSystems.orgId),
+          );
+
+      if (isDefault) {
+        await tx
+          .update(schema.designSystems)
+          .set({ isDefault: false, updatedAt: now })
+          .where(targetScope);
+      }
 
       await tx
         .update(schema.designSystems)
-        .set({ isDefault: true, updatedAt: now })
-        .where(
-          and(
-            eq(schema.designSystems.id, id),
-            eq(schema.designSystems.ownerEmail, userEmail),
-          ),
-        );
+        .set({ isDefault, updatedAt: now })
+        .where(and(eq(schema.designSystems.id, id), targetScope));
     });
 
-    return { id, isDefault: true };
+    return { id, isDefault };
   },
 });

package/corpus/templates/design/app/components/layout/Sidebar.tsx

@@ -124,25 +124,42 @@ export function Sidebar() {
           collapsed ? "justify-center px-2" : "justify-between px-4",
         )}
       >
-        <div className="flex items-center gap-2">
+        <button
+          type="button"
+          onClick={() => setCollapsed((value) => !value)}
+          aria-label={
+            collapsed
+              ? t("navigation.expandSidebar")
+              : t("navigation.collapseSidebar")
+          }
+          className={cn(
+            "flex items-center gap-2 rounded outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            collapsed ? "size-8 justify-center" : "text-start",
+          )}
+          data-sidebar-brand-toggle
+        >
           <img
             src={appPath("/agent-native-icon-light.svg")}
             alt=""
             aria-hidden="true"
-            className="block h-4 w-auto dark:hidden"
+            width={28}
+            height={16}
+            className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
           />
           <img
             src={appPath("/agent-native-icon-dark.svg")}
             alt=""
             aria-hidden="true"
-            className="hidden h-4 w-auto dark:block"
+            width={28}
+            height={16}
+            className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
           />
           {!collapsed && (
             <span className="text-sm font-semibold tracking-tight">
               {t("navigation.brand")}
             </span>
           )}
-        </div>
+        </button>
       </div>
 
       <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">

package/corpus/templates/design/app/i18n-data.ts

@@ -1452,6 +1452,10 @@ const enUS = {
     figmaCreateSuccess: "Design system created from Figma",
     figmaCreateError: "Could not create the design system",
     backToDesignSystems: "Back to design systems",
+    otherSources: "Other",
+    otherSourcesDescription:
+      "Connect from a website, code, files, or an existing design system.",
+    chooseSourcePrompt: "Choose one source to configure",
     continue: "Continue to generation",
     title: "Set up your design system",
     description:
@@ -1924,6 +1928,9 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "由Figma创建的设计系统",
       figmaCreateError: "无法创建设计系统",
       backToDesignSystems: "返回设计系统",
+      otherSources: "其他",
+      otherSourcesDescription: "从网站、代码、文件或现有设计系统连接。",
+      chooseSourcePrompt: "选择一个来源进行配置",
       continue: "继续生成",
       title: "设置您的设计系统",
       description:
@@ -2329,6 +2336,10 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "Sistema de diseño creado a partir de Figma.",
       figmaCreateError: "No se pudo crear el sistema de diseño.",
       backToDesignSystems: "Volver a sistemas de diseño",
+      otherSources: "Otros",
+      otherSourcesDescription:
+        "Conecta desde un sitio web, código, archivos o un sistema de diseño existente.",
+      chooseSourcePrompt: "Elige una fuente para configurar",
       continue: "continuar con la generación",
       title: "Configure su sistema de diseño",
       description:
@@ -2756,6 +2767,10 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "Système de conception créé à partir de Figma",
       figmaCreateError: "Impossible de créer le système de conception",
       backToDesignSystems: "Retour aux systèmes de conception",
+      otherSources: "Autre",
+      otherSourcesDescription:
+        "Connectez-vous depuis un site web, du code, des fichiers ou un système de conception existant.",
+      chooseSourcePrompt: "Choisissez une source à configurer",
       continue: "Continuer jusqu'à la génération",
       title: "Configurez votre système de conception",
       description:
@@ -3183,6 +3198,10 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "Designsystem erstellt aus Figma",
       figmaCreateError: "Das Designsystem konnte nicht erstellt werden",
       backToDesignSystems: "Zurück zu Designsystemen",
+      otherSources: "Andere",
+      otherSourcesDescription:
+        "Von einer Website, Code, Dateien oder einem vorhandenen Designsystem verbinden.",
+      chooseSourcePrompt: "Quelle zum Konfigurieren auswählen",
       continue: "Weiter zur Generation",
       title: "Richten Sie Ihr Designsystem ein",
       description:
@@ -3610,6 +3629,10 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "Figma から作成されたデザインシステム",
       figmaCreateError: "デザインシステムを作成できませんでした",
       backToDesignSystems: "設計システムに戻る",
+      otherSources: "その他",
+      otherSourcesDescription:
+        "Webサイト、コード、ファイル、または既存のデザインシステムから接続します。",
+      chooseSourcePrompt: "設定するソースを選択",
       continue: "世代を継続する",
       title: "デザインシステムをセットアップする",
       description:
@@ -4032,6 +4055,10 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "Figma에서 생성된 디자인 시스템",
       figmaCreateError: "디자인 시스템을 만들 수 없습니다",
       backToDesignSystems: "디자인 시스템으로 돌아가기",
+      otherSources: "기타",
+      otherSourcesDescription:
+        "웹사이트, 코드, 파일 또는 기존 디자인 시스템에서 연결합니다.",
+      chooseSourcePrompt: "구성할 소스 선택",
       continue: "세대를 이어가다",
       title: "디자인 시스템 설정",
       description:
@@ -4448,6 +4475,10 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "Sistema de design criado a partir de Figma",
       figmaCreateError: "Não foi possível criar o sistema de design",
       backToDesignSystems: "Voltar para sistemas de design",
+      otherSources: "Outro",
+      otherSourcesDescription:
+        "Conecte-se de um site, código, arquivos ou um sistema de design existente.",
+      chooseSourcePrompt: "Escolha uma fonte para configurar",
       continue: "Continuar para a geração",
       title: "Configure seu sistema de design",
       description:
@@ -4870,6 +4901,10 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "Figma से डिज़ाइन सिस्टम बनाया गया",
       figmaCreateError: "डिज़ाइन सिस्टम नहीं बनाया जा सका",
       backToDesignSystems: "डिज़ाइन सिस्टम पर वापस जाएँ",
+      otherSources: "अन्य",
+      otherSourcesDescription:
+        "वेबसाइट, कोड, फ़ाइलों या मौजूदा डिज़ाइन सिस्टम से कनेक्ट करें।",
+      chooseSourcePrompt: "कॉन्फ़िगर करने के लिए एक स्रोत चुनें",
       continue: "पीढ़ी तक जारी रखें",
       title: "अपना डिज़ाइन सिस्टम सेट करें",
       description:
@@ -5282,6 +5317,10 @@ const designLocaleOverrides = {
       figmaCreateSuccess: "تم إنشاء نظام التصميم من Figma",
       figmaCreateError: "لا يمكن إنشاء نظام التصميم",
       backToDesignSystems: "العودة إلى أنظمة التصميم",
+      otherSources: "أخرى",
+      otherSourcesDescription:
+        "الاتصال من موقع ويب أو رمز أو ملفات أو نظام تصميم موجود.",
+      chooseSourcePrompt: "اختر مصدرًا لتهيئته",
       continue: "الاستمرار في الجيل",
       title: "قم بإعداد نظام التصميم الخاص بك",
       description: