@agent-native/core 0.77.24 → 0.78.1

package/corpus/templates/assets/app/lib/libraries.ts

@@ -11,6 +11,12 @@ export type ImageLibrarySummary = {
   styleBrief?: Record<string, unknown> | null;
   settings?: Record<string, unknown> | null;
   updatedAt?: string | null;
+  folders?: Array<{
+    id: string;
+    libraryId: string;
+    parentId?: string | null;
+    title: string;
+  }> | null;
 };
 
 export type LibraryPreviewAsset = {

package/corpus/templates/assets/app/lib/picker-chat-handoff.ts

@@ -0,0 +1,71 @@
+type PickerMediaType = "image" | "video";
+
+export interface PickerChatHandoffInput {
+  mediaType: PickerMediaType;
+  prompt: string;
+  count?: number;
+  aspectRatio?: string | null;
+  libraryId?: string | null;
+  libraryTitle?: string | null;
+  presetId?: string | null;
+  presetTitle?: string | null;
+  tier?: string | null;
+  styleStrength?: string | null;
+  includeLogo?: boolean | null;
+}
+
+function clean(value: string | null | undefined): string | null {
+  const trimmed = value?.trim();
+  return trimmed ? trimmed : null;
+}
+
+function pluralizeCandidate(count: number): string {
+  return count === 1 ? "candidate" : "candidates";
+}
+
+export function buildPickerChatHandoffPrompt(
+  input: PickerChatHandoffInput,
+): string {
+  const prompt = clean(input.prompt) ?? "";
+  const count = Math.min(6, Math.max(1, Math.round(input.count ?? 3)));
+  const mediaLabel =
+    input.mediaType === "video"
+      ? "a video asset"
+      : `${count} image ${pluralizeCandidate(count)}`;
+  const lines = [`Generate ${mediaLabel} in Assets for this request:`, prompt];
+
+  const libraryTitle = clean(input.libraryTitle);
+  const libraryId = clean(input.libraryId);
+  if (libraryTitle || libraryId) {
+    lines.push(
+      `Use the selected library: ${libraryTitle ?? "Untitled library"}${
+        libraryId ? ` (${libraryId})` : ""
+      }.`,
+    );
+  }
+
+  const presetTitle = clean(input.presetTitle);
+  const presetId = clean(input.presetId);
+  if (presetTitle || presetId) {
+    lines.push(
+      `Use the selected preset: ${presetTitle ?? "Untitled preset"}${
+        presetId ? ` (${presetId})` : ""
+      }.`,
+    );
+  }
+
+  const aspectRatio = clean(input.aspectRatio);
+  if (input.mediaType === "image" && aspectRatio) {
+    lines.push(`Use aspect ratio ${aspectRatio}.`);
+  }
+
+  const tier = clean(input.tier);
+  if (tier) lines.push(`Use quality tier ${tier}.`);
+
+  const styleStrength = clean(input.styleStrength);
+  if (styleStrength) lines.push(`Use style strength ${styleStrength}.`);
+  if (input.includeLogo) lines.push("Include the library logo if available.");
+
+  lines.push("Open the picker with the generated candidates so I can choose.");
+  return lines.filter(Boolean).join("\n");
+}

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

@@ -11,6 +11,7 @@ import { IconPhoto, IconSparkles, IconVideo } from "@tabler/icons-react";
 import { useCallback, useEffect, useState } from "react";
 import { useNavigate, useParams } from "react-router";
 
+import { GenerationResults } from "@/components/generation/GenerationResults";
 import { ASSETS_CHAT_STORAGE_KEY } from "@/lib/chat";
 
 // The composer's model picker shows the chat LLM (Claude/OpenAI/Gemini). The
@@ -137,6 +138,9 @@ export default function CreatePage() {
           navigate,
         }}
         browserTabId={getBrowserTabId()}
+        threadFooterSlot={({ threadId }) => (
+          <GenerationResults threadId={threadId} />
+        )}
         imageModelMenu={{
           value: imageModel,
           options: IMAGE_MODEL_OPTIONS.map((option) => ({

package/corpus/templates/assets/app/routes/asset.$id.tsx

@@ -88,7 +88,7 @@ export default function AssetDetailPage() {
     String(asset.libraryId || "").startsWith("starter:");
   const libraryBackPath = isStarterAsset
     ? "/library"
-    : `/brand-kits/${asset.libraryId}`;
+    : `/library/${asset.libraryId}`;
 
   function refine() {
     sendToAgentChat({
@@ -290,7 +290,7 @@ export default function AssetDetailPage() {
                           { id: asset.id },
                           {
                             onSuccess: () =>
-                              navigate(`/brand-kits/${asset.libraryId}`),
+                              navigate(`/library/${asset.libraryId}`),
                           },
                         )
                       }

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

@@ -555,7 +555,7 @@ function RunDetail({ runId }: { runId: string }) {
       <Separator />
       <div>
         <a
-          href={`/brand-kits/${run.libraryId}`}
+          href={`/library/${run.libraryId}`}
           className="text-xs text-muted-foreground underline-offset-4 hover:underline"
         >
           {t("audit.openBrandKit")}