@agent-native/core 0.165.3 → 0.167.0

package/corpus/templates/assets/CHANGELOG.md

@@ -3,8 +3,6 @@
 All notable user-facing changes to Assets are documented here. Open it any
 time from the command menu (Cmd+K → "What's new") or from Settings.
 
-Older updates live in [the changelog folder](./changelog/) and are included in the in-app "What's new" view.
-
 ## 2026-08-11
 
 ### Improved
@@ -42,3 +40,207 @@ Older updates live in [the changelog folder](./changelog/) and are included in t
 ### Improved
 
 - The Agent Native logo stays visible when the sidebar is collapsed and toggles the sidebar when clicked.
+
+## 2026-07-29
+
+### Improved
+
+- Chat history now closes smoothly and stays ready when you return to Ask.
+- Chat history stays visible when you return to the workspace.
+- Sidebar footers now keep Feedback, Search, and Collapse together without a separate language shortcut.
+
+## 2026-07-25
+
+### Improved
+
+- App branding now uses the product name without the Agent-Native prefix.
+- Settings navigation now keeps Manage agent as a dedicated linked destination at the bottom.
+
+## 2026-07-24
+
+### Improved
+
+- Secondary controls and dashboard surfaces now use quieter borderless styling.
+- Sidebar utility controls now follow a consistent footer order.
+
+## 2026-07-23
+
+### Improved
+
+- Create and chat surfaces are better centered, with quieter chat history and a left-aligned New chat action.
+- Drafts preview panel now fills the full width with a large preview area; save, add to references, and dismiss actions moved to the candidates header for all brand kits
+- New chat is aligned consistently with the rest of the Assets sidebar.
+
+### Fixed
+
+- Assets image generation now recovers after a completed tool run.
+
+## 2026-07-22
+
+### Improved
+
+- Manage agent navigation now uses the connected-nodes icon.
+- Recent chats now expand from a compact five-item list with New chat anchored at the bottom.
+
+### Fixed
+
+- Full-page chat keeps the active conversation when moving to and from the sidebar.
+
+## 2026-07-21
+
+### Improved
+
+- Unified asset preview: clicking an asset anywhere (create drafts, library, brand kits, generated candidates) now opens one side-panel preview with the image, a details panel, and next/previous navigation instead of a separate page
+
+## 2026-07-17
+
+### Added
+
+- You can add exact, approved artifact versions to governed Creative Contexts for safe reuse.
+
+### Improved
+
+- Library now flags published assets with newer versions and lets you submit the update in place.
+
+### Fixed
+
+- The agent chat sidebar stays closed until you open it or start a chat handoff.
+
+## 2026-07-16
+
+### Added
+
+- The Agent workspace now includes a creative-context Library while the existing Assets media Library stays unchanged.
+
+## 2026-07-15
+
+### Fixed
+
+- Fixed top-level image picker selections returning to the composer
+
+## 2026-07-13
+
+### Added
+
+- A full Agent page now brings context, files, connections, jobs, and external access together
+
+### Improved
+
+- Merged the Candidates panel into the Library as a Drafts tab that opens by default
+
+### Fixed
+
+- Assets keeps the right chat sidebar closed when the full-page chat is empty.
+- Internal library links now support opening in a new tab.
+
+## 2026-07-11
+
+### Fixed
+
+- Library and recent-draft loading failures now show a clear retry action instead of looking empty.
+
+## 2026-07-09
+
+### Added
+
+- Import reference images into a brand kit directly from a URL - the agent can now ingest blog or web imagery as style, logo, or subject references.
+- Presets now have a reference board: pin annotated photos (like your usual host) and mark per-event slots to fill when generating.
+
+## 2026-07-08
+
+### Improved
+
+- Settings are cleaner and searchable, with a consistent navigation that jumps straight to any setting.
+
+### Fixed
+
+- Recent drafts keep comfortable side padding on the Create page.
+
+## 2026-07-07
+
+### Fixed
+
+- Preset skeleton controls fit correctly on narrower edit pages.
+
+## 2026-07-06
+
+### Fixed
+
+- Mobile layouts no longer stack a desktop header under the navigation bar.
+
+## 2026-07-01
+
+### Added
+
+- Generation presets can now composite your brand's canonical logo onto every image made with them
+
+### Improved
+
+- Tagging a preset now briefs the agent on that preset's aesthetics and philosophy before it generates, for more on-brand results
+
+## 2026-06-30
+
+### Improved
+
+- The Assets picker now supports a vertical embedded layout for sidebar workflows.
+
+### Fixed
+
+- Image generation no longer looks stuck while the provider is still creating and saving the asset.
+- Tagging a @preset now reliably uses its aspect ratio and other saved settings instead of a guessed one
+
+## 2026-06-29
+
+### Improved
+
+- Image generation can now render requested text and respect brand fonts
+
+### Fixed
+
+- Asset library and detail layouts now adapt cleanly when the agent sidebar narrows the app.
+- Image generation requests have a longer hosted agent window, reducing timeouts for slow models and multi-image batches.
+
+## 2026-06-28
+
+### Improved
+
+- Left sidebar collapse motion and footer controls now feel smoother and use less divider chrome.
+
+## 2026-06-27
+
+### Improved
+
+- Improved mobile navigation chrome and sidebar drawer motion.
+
+### Fixed
+
+- Traditional Chinese copy now uses Taiwan terminology and clearer technical wording.
+
+## 2026-06-25
+
+### Fixed
+
+- Create no longer shows agent settings in the main asset chat area after reconnecting AI.
+
+## 2026-06-24
+
+### Added
+
+- Added a language picker and localized app chrome for supported languages.
+
+### Improved
+
+- Settings now link directly to Agent settings for model, API key, automation, and voice preferences.
+
+## 2026-06-23
+
+### Added
+
+- Pick your image-generation model right from the chat model menu — it's shown alongside the chat model so it's clear which is which.
+
+### Fixed
+
+- Chat dates in the sidebar no longer wrap onto two lines.
+- Clicking image, video, or refine on the start screen now drops a starter prompt into the composer instead of doing nothing.
+
+For the full list of updates, see the [changelog folder](./changelog/).

package/corpus/templates/assets/actions/navigate.ts

@@ -1,5 +1,5 @@
 import { defineAction } from "@agent-native/core";
-import { writeAppState } from "@agent-native/core/application-state";
+import { writeAppStateForCurrentTab } from "@agent-native/core/application-state";
 import { z } from "zod";
 
 export default defineAction({
@@ -43,7 +43,7 @@ export default defineAction({
     if (!args.view && !args.path) {
       throw new Error("view or path is required.");
     }
-    await writeAppState("navigate", args);
+    await writeAppStateForCurrentTab("navigate", args);
     return { navigating: true, ...args };
   },
 });

package/corpus/templates/assets/actions/save-generated-image.ts

@@ -1,10 +1,5 @@
 import { defineAction } from "@agent-native/core";
 import type { ActionRunContext } from "@agent-native/core/action";
-import {
-  deleteAppState,
-  readAppState,
-  writeAppState,
-} from "@agent-native/core/application-state";
 import { z } from "zod";
 
 import { markAssetSaved } from "../server/handlers/assets.js";

package/corpus/templates/assets/app/routes/brand-kits.$id.tsx

@@ -34,7 +34,6 @@ import {
   IconSettings,
   IconTrash,
   IconUpload,
-  IconVideo,
   IconX,
 } from "@tabler/icons-react";
 import {
@@ -346,7 +345,7 @@ export function BrandKitDetailRoute({
   const urlTab = libraryTabFromValue(searchParams.get("tab"));
   const libraryId = explicitLibraryId ?? id!;
   const { data } = useActionQuery("get-library", { id: libraryId }) as any;
-  const updateLibrary = useActionMutation("update-library");
+
   const archiveLibrary = useActionMutation("archive-library");
   const duplicateLibrary = useActionMutation("duplicate-library");
   const updateAsset = useActionMutation("update-asset");
@@ -3483,265 +3482,6 @@ function AssetActionsMenu({
   );
 }
 
-function PendingUploadLaneTile({ upload }: { upload: PendingUpload }) {
-  const t = useT();
-  const isChecking = upload.status === "checking";
-  return (
-    <div className="w-36 shrink-0 overflow-hidden rounded-md border border-dashed border-border bg-background sm:w-39">
-      <div className="flex aspect-4/3 items-center justify-center bg-muted/30">
-        <div className="flex flex-col items-center gap-2 text-muted-foreground">
-          <Spinner className="h-5 w-5" />
-          <span className="text-xs font-medium">
-            {isChecking ? t("library.checking") : t("library.uploading")}
-          </span>
-        </div>
-      </div>
-      <div className="p-2.5">
-        <div className="flex items-center gap-2 truncate text-xs font-medium">
-          {upload.mediaType === "video" ? (
-            <IconVideo className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-          ) : (
-            <IconPhoto className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-          )}
-          <span className="truncate">{upload.name}</span>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function AssetLaneTile({
-  asset,
-  folders,
-  selected,
-  deleting,
-  saving,
-  promoting,
-  onToggle,
-  onDelete,
-  updateAsset,
-  onSave,
-  onMoveToReferences,
-}: {
-  asset: any;
-  folders: any[];
-  selected: boolean;
-  deleting?: boolean;
-  saving?: boolean;
-  promoting?: boolean;
-  onToggle: (checked: boolean) => void;
-  onDelete: () => void;
-  updateAsset: any;
-  onSave?: () => void;
-  onMoveToReferences?: () => void;
-}) {
-  const t = useT();
-  const [contextOpen, setContextOpen] = useState(false);
-  const displayTitle = assetDisplayTitle(asset);
-  const sourceText = assetLineageSourceText(asset);
-  const canMoveToReferences = Boolean(onMoveToReferences);
-  const hasPrimaryActions = Boolean(onSave || canMoveToReferences);
-  const categoryLabel = assetCategoryLabel(asset);
-  const busy = deleting || saving || promoting;
-
-  return (
-    <div
-      className={[
-        "group relative w-36 shrink-0 overflow-hidden rounded-md border bg-background transition sm:w-39",
-        selected
-          ? "border-primary ring-2 ring-primary/25"
-          : "border-border/80 hover:border-foreground/20",
-        deleting ? "opacity-60" : "",
-      ].join(" ")}
-      aria-busy={busy}
-    >
-      <div className="absolute left-2 top-2 z-10">
-        <Checkbox
-          checked={selected}
-          onCheckedChange={(checked) => onToggle(checked === true)}
-          aria-label={t("library.selectAsset", { title: displayTitle })}
-          className={[
-            "border-2 border-foreground/40 bg-background/90 shadow-sm opacity-100 transition sm:opacity-0 sm:group-hover:opacity-100 sm:focus-visible:opacity-100",
-            selected ? "sm:opacity-100" : "",
-          ].join(" ")}
-        />
-      </div>
-      <div className="absolute right-2 top-2 z-10">
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button
-              type="button"
-              variant="secondary"
-              size="icon"
-              className="h-8 w-8 shadow-sm opacity-100 sm:opacity-0 sm:group-hover:opacity-100 sm:focus-visible:opacity-100 data-[state=open]:opacity-100"
-              aria-label={t("library.assetActions")}
-              disabled={busy}
-            >
-              <IconDotsVertical className="h-4 w-4" />
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end">
-            <DropdownMenuItem asChild>
-              <Link to={`/asset/${asset.id}`}>
-                <IconArrowUpRight className="mr-2 h-4 w-4 shrink-0" />
-                {t("library.viewDetails")}
-              </Link>
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              onSelect={(event) => {
-                event.preventDefault();
-                setContextOpen(true);
-              }}
-            >
-              <IconLink className="mr-2 h-4 w-4 shrink-0" />
-              Add to context
-              {/* i18n-ignore assets template UI is raw-English pending template i18n pass */}
-            </DropdownMenuItem>
-            {canMoveToReferences ? (
-              <DropdownMenuItem
-                onSelect={(event) => {
-                  event.preventDefault();
-                  onMoveToReferences?.();
-                }}
-              >
-                <IconPhotoPlus className="mr-2 h-4 w-4 shrink-0" />
-                {t("library.addToReferences")}
-              </DropdownMenuItem>
-            ) : null}
-            <DropdownMenuSub>
-              <DropdownMenuSubTrigger>
-                <IconFolder className="mr-2 h-4 w-4 shrink-0" />
-                {t("library.moveTo")}
-              </DropdownMenuSubTrigger>
-              <DropdownMenuSubContent>
-                <DropdownMenuItem
-                  onSelect={() =>
-                    updateAsset.mutate({
-                      id: asset.id,
-                      folderId: null,
-                    })
-                  }
-                >
-                  {t("library.unfiled")}
-                </DropdownMenuItem>
-                {folders.map((folder) => (
-                  <DropdownMenuItem
-                    key={folder.id}
-                    onSelect={() =>
-                      updateAsset.mutate({
-                        id: asset.id,
-                        folderId: folder.id,
-                      })
-                    }
-                  >
-                    {folder.title}
-                  </DropdownMenuItem>
-                ))}
-              </DropdownMenuSubContent>
-            </DropdownMenuSub>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem
-              className="text-destructive focus:bg-destructive/10 focus:text-destructive"
-              onSelect={onDelete}
-            >
-              <IconTrash className="mr-2 h-4 w-4 shrink-0" />
-              {t("assetDetail.delete")}
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </div>
-      <Link to={`/asset/${asset.id}`} className="block outline-none">
-        <div className="relative aspect-4/3 bg-muted">
-          <AssetPreview asset={asset} />
-          <div className="pointer-events-none absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/90 to-transparent px-2 pb-2 pt-8">
-            <div className="flex items-center gap-1.5 truncate text-xs font-medium">
-              {asset.mediaType === "video" ? (
-                <IconVideo className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-              ) : (
-                <IconPhoto className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-              )}
-              <span className="truncate">{displayTitle}</span>
-            </div>
-            <div className="mt-1 flex min-w-0 items-center gap-1 overflow-hidden text-[10px] font-medium text-muted-foreground">
-              {sourceText ? (
-                <span className="truncate">{sourceText}</span>
-              ) : (
-                <>
-                  <span className="truncate">{asset.status}</span>
-                  {categoryLabel ? (
-                    <>
-                      <span className="shrink-0 text-muted-foreground/60">
-                        /
-                      </span>
-                      <span className="truncate">{categoryLabel}</span>
-                    </>
-                  ) : null}
-                </>
-              )}
-            </div>
-          </div>
-        </div>
-      </Link>
-      {hasPrimaryActions ? (
-        <div className="space-y-2 border-t border-border/70 p-2">
-          <div
-            className={
-              onSave && canMoveToReferences
-                ? "grid grid-cols-1 gap-2"
-                : "grid grid-cols-2 gap-2"
-            }
-          >
-            {onSave ? (
-              <Button
-                size="sm"
-                className="h-8 px-2 text-xs"
-                onClick={onSave}
-                disabled={busy}
-              >
-                {saving ? (
-                  <Spinner className="h-3.5 w-3.5" />
-                ) : (
-                  t("library.save")
-                )}
-              </Button>
-            ) : null}
-            {canMoveToReferences ? (
-              <Button
-                variant="outline"
-                size="sm"
-                className={
-                  onSave ? "h-8 px-2 text-xs" : "col-span-2 h-8 px-2 text-xs"
-                }
-                onClick={onMoveToReferences}
-                disabled={busy}
-                title={t("library.addToReferences")}
-              >
-                {promoting ? (
-                  <Spinner className="h-3.5 w-3.5" />
-                ) : (
-                  t("library.addToReferences")
-                )}
-              </Button>
-            ) : null}
-          </div>
-        </div>
-      ) : null}
-      <CreativeContextShareSheet
-        open={contextOpen}
-        onOpenChange={setContextOpen}
-        resource={{
-          appId: "assets",
-          resourceType: "asset",
-          resourceId: asset.id,
-          title: displayTitle,
-          updatedAt: asset.updatedAt,
-          preview: { kind: "document", label: "Asset" },
-        }}
-      />
-    </div>
-  );
-}
-
 export function LiveCandidatesStage({
   slots,
   draftAssets,
@@ -3784,7 +3524,7 @@ export function LiveCandidatesStage({
     asset?: any;
   } | null>(null);
   const dismissing = dismissSlot.isPending || deleteAsset.isPending;
-  const totalCount = slots.length + draftAssets.length;
+
   const [activeItemId, setActiveItemId] = useState<string | null>(null);
 
   async function handleDismissCandidate() {

package/corpus/templates/assets/app/routes/library.tsx

@@ -1155,7 +1155,7 @@ function AllAssetsBrowser({
   foldersByLibraryId?: Record<string, any[]>;
 }) {
   const t = useT();
-  const navigate = useNavigate();
+
   const queryClient = useQueryClient();
   const [searchParams, setSearchParams] = useSearchParams();
   const searchParamsKey = searchParams.toString();

package/corpus/templates/assets/app/routes/settings.tsx

@@ -582,9 +582,6 @@ function CredentialForm({
       });
 
       if (!response.ok) {
-        const data = (await response.json().catch(() => ({}))) as {
-          error?: string;
-        };
         throw new Error(`${t("settings.saveFailed")}: ${response.status}`);
       }
 

package/corpus/templates/brain/.agents/skills/secrets/SKILL.md

@@ -38,7 +38,11 @@ connection exists:
   register a `kind: "oauth"` entry so the shared UI renders Connect and the
   runtime owns status, refresh, and reauthorization.
 - **Deploy- or app-level configuration** - use deployment/runtime
-  configuration, not a per-user secret row.
+  configuration, not a per-user secret row. For a non-secret public setting
+  already represented by `AgentNativeConfig`, put the default in
+  `agent-native.config.ts` and use its `AGENT_NATIVE_CONFIG_<PATH>` alias only
+  for a deployment override. Never put a credential or provider key in that
+  public namespace.
 - **Account, customer, manager, or other non-secret identifier** - store it as
   scoped connection metadata or app data, not as a masked secret field.
 

package/corpus/templates/brain/.agents/skills/workspace-conventions/SKILL.md

@@ -55,7 +55,10 @@ Preview before `--apply`, commit `agent-native.ejections.json`, and never edit
   ZIPs, screenshots, thumbnails, session replay chunks) in configured file/blob
   storage and persist only URLs, ids, or handles.
 - Store shared runtime configuration in the workspace root `.env`; use
-  `apps/<app>/.env` only for app-specific overrides. Never hardcode API keys,
+  `apps/<app>/.env` only for app-specific overrides. For public app behavior,
+  prefer the default in `agent-native.config.ts` and use the deterministic
+  `AGENT_NATIVE_CONFIG_<UPPER_SNAKE_PATH>` alias only when a non-secret value
+  needs a deployment override. Never hardcode API keys,
   tokens, webhook URLs, signing secrets, private Builder/internal data, customer
   data, or credential-looking literals in source, docs, prompts, fixtures,
   application state, action responses, or generated app content. Use