@agent-native/core 0.79.26 → 0.80.0

package/corpus/templates/content/app/blocks/BuilderDocsBlocks.tsx

@@ -0,0 +1,254 @@
+import type {
+  BlockEditProps,
+  BlockReadProps,
+  BlockSpec,
+} from "@agent-native/core/blocks";
+import {
+  builderCodeBlockConfig,
+  builderCodeSnippetsV2BlockConfig,
+  builderRawBlockConfig,
+  builderSymbolBlockConfig,
+  builderTabbedContentBlockConfig,
+  builderTextBlockConfig,
+  type BuilderCodeBlockData,
+  type BuilderCodeSnippetsV2Data,
+  type BuilderRawBlockData,
+  type BuilderSymbolData,
+  type BuilderTabbedContentData,
+  type BuilderTextData,
+} from "@shared/builder-docs-blocks";
+import {
+  IconBox,
+  IconCode,
+  IconFileText,
+  IconLayout,
+  IconPuzzle,
+} from "@tabler/icons-react";
+import { useState } from "react";
+
+function SidecarBadge({ rawRef }: { rawRef: string }) {
+  return (
+    <div className="mt-2 truncate text-[11px] text-muted-foreground">
+      {rawRef}
+    </div>
+  );
+}
+
+export function BuilderTextRead({
+  data,
+  blockId,
+  ctx,
+}: BlockReadProps<BuilderTextData>) {
+  return (
+    <section data-block-id={blockId} className="an-block builder-text-block">
+      {ctx.renderMarkdown?.(data.body) ?? (
+        <div className="whitespace-pre-wrap">{data.body}</div>
+      )}
+    </section>
+  );
+}
+
+export function BuilderTextEdit({
+  data,
+  onChange,
+  editable,
+  blockId,
+  ctx,
+}: BlockEditProps<BuilderTextData>) {
+  return (
+    <section data-block-id={blockId} className="an-block builder-text-block">
+      {ctx.renderMarkdownEditor?.({
+        value: data.body,
+        onChange: (body) => onChange({ ...data, body }),
+        editable,
+        blockId,
+      }) ?? (
+        <textarea
+          data-plan-interactive
+          className="min-h-[120px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm leading-6 text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          value={data.body}
+          disabled={!editable}
+          onChange={(event) =>
+            onChange({ ...data, body: event.currentTarget.value })
+          }
+        />
+      )}
+    </section>
+  );
+}
+
+export function BuilderCodeBlockRead({
+  data,
+  blockId,
+}: BlockReadProps<BuilderCodeBlockData>) {
+  return (
+    <section
+      data-block-id={blockId}
+      className="an-block overflow-hidden rounded-md border bg-muted/20"
+    >
+      <div className="flex min-h-9 items-center gap-2 border-b px-3 text-xs text-muted-foreground">
+        <IconCode className="size-4" />
+        <span className="truncate">
+          {data.filename || data.language || data.componentName || "Code block"}
+        </span>
+      </div>
+      <pre className="max-h-[520px] overflow-auto p-3 text-xs leading-5">
+        <code>{data.code}</code>
+      </pre>
+    </section>
+  );
+}
+
+export function BuilderCodeSnippetsV2Read({
+  data,
+  blockId,
+}: BlockReadProps<BuilderCodeSnippetsV2Data>) {
+  const tabCount = Object.values(data.customTabContent ?? {}).filter((value) =>
+    Array.isArray(value) ? value.length > 0 : Boolean(value),
+  ).length;
+  return (
+    <section
+      data-block-id={blockId}
+      className="an-block rounded-md border bg-muted/20 px-3 py-3"
+    >
+      <div className="flex items-center gap-2 text-sm font-medium">
+        <IconCode className="size-4" />
+        <span>CodeSnippetsV2</span>
+      </div>
+      <div className="mt-1 text-xs text-muted-foreground">
+        {data.modelName || "No model name"} / {data.modelType || "page"} /{" "}
+        {tabCount} custom tabs
+      </div>
+      <SidecarBadge rawRef={data.rawRef} />
+    </section>
+  );
+}
+
+export function BuilderTabbedContentRead({
+  data,
+  blockId,
+  ctx,
+}: BlockReadProps<BuilderTabbedContentData>) {
+  const [active, setActive] = useState(0);
+  const current =
+    data.tabs[Math.min(active, Math.max(data.tabs.length - 1, 0))];
+  return (
+    <section data-block-id={blockId} className="an-block rounded-md border p-3">
+      {data.title ? (
+        <div className="mb-2 text-sm font-medium">{data.title}</div>
+      ) : null}
+      <div className="flex max-w-full flex-wrap gap-1 border-b">
+        {data.tabs.map((tab, index) => (
+          <button
+            key={`${tab.label}-${index}`}
+            type="button"
+            data-plan-interactive
+            className={
+              active === index
+                ? "border-b-2 border-foreground px-2 py-1 text-xs font-medium"
+                : "px-2 py-1 text-xs text-muted-foreground hover:text-foreground"
+            }
+            onClick={() => setActive(index)}
+          >
+            {tab.label}
+          </button>
+        ))}
+      </div>
+      <div className="pt-3 text-sm">
+        {current
+          ? (ctx.renderMarkdown?.(current.body) ?? (
+              <div className="whitespace-pre-wrap">{current.body}</div>
+            ))
+          : null}
+      </div>
+    </section>
+  );
+}
+
+export function BuilderSymbolRead({
+  data,
+  blockId,
+}: BlockReadProps<BuilderSymbolData>) {
+  return (
+    <section
+      data-block-id={blockId}
+      className="an-block rounded-md border border-dashed bg-muted/20 px-3 py-3"
+    >
+      <div className="flex items-center gap-2 text-sm font-medium">
+        <IconPuzzle className="size-4" />
+        <span>Builder Symbol</span>
+      </div>
+      <div className="mt-1 text-xs text-muted-foreground">
+        {data.model || "model unknown"} / {data.entry || "entry unknown"}
+      </div>
+      <SidecarBadge rawRef={data.rawRef} />
+    </section>
+  );
+}
+
+export function BuilderRawBlockRead({
+  data,
+  blockId,
+}: BlockReadProps<BuilderRawBlockData>) {
+  return (
+    <section
+      data-block-id={blockId}
+      data-plan-interactive
+      className="an-block rounded-md border border-dashed bg-muted/20 px-3 py-3 text-sm text-muted-foreground"
+    >
+      <div className="flex items-center gap-2 font-medium text-foreground">
+        <IconBox className="size-4" />
+        <span>{data.componentName || "Raw Builder block"}</span>
+      </div>
+      {data.summary ? <div className="mt-1">{data.summary}</div> : null}
+      <SidecarBadge rawRef={data.rawRef} />
+    </section>
+  );
+}
+
+export const builderTextBlock: BlockSpec<BuilderTextData> = {
+  ...builderTextBlockConfig,
+  Read: BuilderTextRead,
+  Edit: BuilderTextEdit,
+  icon: IconFileText,
+};
+
+export const builderCodeBlock: BlockSpec<BuilderCodeBlockData> = {
+  ...builderCodeBlockConfig,
+  Read: BuilderCodeBlockRead,
+  icon: IconCode,
+};
+
+export const builderCodeSnippetsV2Block: BlockSpec<BuilderCodeSnippetsV2Data> =
+  {
+    ...builderCodeSnippetsV2BlockConfig,
+    Read: BuilderCodeSnippetsV2Read,
+    icon: IconCode,
+  };
+
+export const builderTabbedContentBlock: BlockSpec<BuilderTabbedContentData> = {
+  ...builderTabbedContentBlockConfig,
+  Read: BuilderTabbedContentRead,
+  icon: IconLayout,
+};
+
+export const builderSymbolBlock: BlockSpec<BuilderSymbolData> = {
+  ...builderSymbolBlockConfig,
+  Read: BuilderSymbolRead,
+  icon: IconPuzzle,
+};
+
+export const builderRawBlock: BlockSpec<BuilderRawBlockData> = {
+  ...builderRawBlockConfig,
+  Read: BuilderRawBlockRead,
+  icon: IconBox,
+};
+
+export const builderDocsBlocks: BlockSpec<any>[] = [
+  builderTextBlock,
+  builderCodeBlock,
+  builderCodeSnippetsV2Block,
+  builderTabbedContentBlock,
+  builderSymbolBlock,
+  builderRawBlock,
+];

package/corpus/templates/content/app/blocks/contentBlockRegistry.tsx

@@ -20,6 +20,7 @@ import {
 } from "@/components/ui/popover";
 import { cn } from "@/lib/utils";
 
+import { builderDocsBlocks } from "./BuilderDocsBlocks";
 import {
   ContentBlockMarkdown,
   ContentBlockMarkdownEditor,
@@ -54,6 +55,9 @@ export const contentBlockRegistry = new BlockRegistry();
 registerLibraryBlocks(contentBlockRegistry, {
   overrides: { table: { type: "table-block" } },
 });
+for (const block of builderDocsBlocks) {
+  contentBlockRegistry.register(block);
+}
 contentBlockRegistry.register(inlineDatabaseBlock);
 
 type ContentBlockRenderContext = BlockRenderContext & {

package/corpus/templates/content/app/components/editor/DocumentDatabase.tsx

@@ -7824,7 +7824,7 @@ function DatabaseTimelineView({
                   <div
                     key={`${dateKey}-header`}
                     className={cn(
-                      "sticky top-0 z-10 grid gap-0.5 border-r border-b border-border bg-background/95 px-2 py-2 backdrop-blur last:border-r-0",
+                      "sticky top-0 z-10 grid gap-0.5 border-r border-b border-border bg-background px-2 py-2 last:border-r-0",
                       !inMonth && "bg-muted/70",
                     )}
                     style={{ gridColumn: index + 1, gridRow: 1 }}

package/corpus/templates/content/app/components/editor/database/DatabaseView.tsx

@@ -7767,7 +7767,7 @@ function DatabaseTimelineView({
                   <div
                     key={`${dateKey}-header`}
                     className={cn(
-                      "sticky top-0 z-10 grid gap-0.5 border-r border-b border-border bg-background/95 px-2 py-2 backdrop-blur last:border-r-0",
+                      "sticky top-0 z-10 grid gap-0.5 border-r border-b border-border bg-background px-2 py-2 last:border-r-0",
                       !inMonth && "bg-muted/70",
                     )}
                     style={{ gridColumn: index + 1, gridRow: 1 }}

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

@@ -701,7 +701,7 @@ export function DocumentSidebar({
 
   if (collapsed) {
     return (
-      <div className="flex flex-col h-full w-12 border-e border-border bg-muted/30 items-center py-3 gap-1">
+      <div className="flex h-full w-12 flex-col items-center gap-1 border-e border-border bg-muted/30 py-3 transition-[width] duration-200 ease-out">
         <Tooltip>
           <TooltipTrigger asChild>
             <button
@@ -763,7 +763,7 @@ export function DocumentSidebar({
   return (
     <div
       className={cn(
-        "agent-layout-left-drawer relative flex h-full min-h-0 flex-col border-e border-border bg-muted/30",
+        "agent-layout-left-drawer relative flex h-full min-h-0 flex-col border-e border-border bg-muted/30 transition-[width] duration-200 ease-out",
         width === undefined && "w-full",
       )}
       style={width === undefined ? undefined : { width, flexShrink: 0 }}
@@ -962,14 +962,14 @@ export function DocumentSidebar({
         </div>
       </ScrollArea>
 
-      <div className="shrink-0 border-t border-border px-3 py-2">
+      <div className="shrink-0 px-3 py-2">
         <div className="space-y-1">
           {renderLocalFilesNavButton()}
           {renderSettingsNavButton()}
         </div>
       </div>
 
-      <div className="shrink-0 border-t border-border">
+      <div className="shrink-0">
         <ExtensionSlot
           id="content.sidebar.bottom"
           context={{
@@ -985,7 +985,7 @@ export function DocumentSidebar({
       </div>
 
       {/* Footer */}
-      <div className="shrink-0 space-y-2 border-t border-border px-3 py-2">
+      <div className="shrink-0 space-y-2 px-3 py-2">
         <OrgSwitcher />
         {isCodeMode ? <DevDatabaseLink /> : null}
         <div className="flex items-center gap-1">

package/corpus/templates/content/changelog/2026-06-28-left-sidebar-collapse-motion-and-footer-chrome-are-quieter.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Left sidebar collapse motion and footer controls now feel smoother and use less divider chrome.

package/corpus/templates/content/server/db/schema.ts

@@ -78,6 +78,18 @@ export const documentSyncLinks = table("document_sync_links", {
   updatedAt: text("updated_at").notNull().default(now()),
 });
 
+export const builderDocSidecars = table("builder_doc_sidecars", {
+  id: text("id").primaryKey(),
+  ownerEmail: text("owner_email").notNull().default("local@localhost"),
+  orgId: text("org_id"),
+  documentId: text("document_id").notNull(),
+  path: text("path").notNull(),
+  content: text("content").notNull(),
+  contentHash: text("content_hash").notNull(),
+  createdAt: text("created_at").notNull().default(now()),
+  updatedAt: text("updated_at").notNull().default(now()),
+});
+
 export const documentPropertyDefinitions = table(
   "document_property_definitions",
   {

package/corpus/templates/content/server/plugins/db.ts

@@ -512,6 +512,29 @@ const runContentMigrations = runMigrations(
       version: 55,
       sql: `ALTER TABLE content_databases ADD COLUMN IF NOT EXISTS deleted_at TEXT`,
     },
+    // v56-v57: DB-backed Builder MDX documents keep their raw sidecar files in a
+    // document-scoped cache. Local-file Builder MDX still uses in-repo sidecars
+    // as the portable source of truth; these rows only make pulled SQL documents
+    // round-trip through the visual editor and push validator.
+    {
+      version: 56,
+      sql: `CREATE TABLE IF NOT EXISTS builder_doc_sidecars (
+      id TEXT PRIMARY KEY,
+      owner_email TEXT NOT NULL DEFAULT 'local@localhost',
+      org_id TEXT,
+      document_id TEXT NOT NULL,
+      path TEXT NOT NULL,
+      content TEXT NOT NULL,
+      content_hash TEXT NOT NULL,
+      created_at TEXT NOT NULL DEFAULT (datetime('now')),
+      updated_at TEXT NOT NULL DEFAULT (datetime('now'))
+    )`,
+    },
+    {
+      version: 57,
+      sql: `CREATE INDEX IF NOT EXISTS builder_doc_sidecars_document_idx ON builder_doc_sidecars (document_id);
+        CREATE UNIQUE INDEX IF NOT EXISTS builder_doc_sidecars_doc_path_idx ON builder_doc_sidecars (document_id, path)`,
+    },
   ],
   { table: "content_migrations" },
 );

package/corpus/templates/content/shared/api.ts

@@ -38,6 +38,7 @@ export interface DocumentSourceInfo {
   absolutePath?: string;
   rootName?: string;
   rootPath?: string;
+  profile?: string;
   hash?: string;
   contentType?: string;
   sizeBytes?: number;