@agent-native/core 0.132.2 → 0.133.0

package/corpus/templates/design/app/pages/DesignSystemSetup.tsx

@@ -1,4 +1,7 @@
-import { useActionQuery } from "@agent-native/core/client/hooks";
+import {
+  useActionMutation,
+  useActionQuery,
+} from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { openAgentSidebar } from "@agent-native/core/client/navigation";
 import { withBuilderUtmTrackingParams } from "@agent-native/core/shared";
@@ -19,6 +22,7 @@ import {
   IconPalette,
   IconCheck,
   IconExternalLink,
+  IconChevronDown,
 } from "@tabler/icons-react";
 import { useState, useCallback, useRef, useMemo, useEffect } from "react";
 import { Link, useNavigate, useSearchParams } from "react-router";
@@ -34,6 +38,7 @@ import {
   pollDecodeJobStatus,
   type DecodeJobStatus,
 } from "@/lib/builder-design-system-upload";
+import { cn } from "@/lib/utils";
 
 interface GitHubLink {
   id: string;
@@ -48,6 +53,8 @@ interface UploadedFile {
   textContent?: string;
 }
 
+type OtherSource = "brand" | "code" | "files" | "existing" | "notes";
+
 interface BuilderIndexResult {
   ok: boolean;
   source: "builder";
@@ -81,6 +88,8 @@ export default function DesignSystemSetup() {
   const [notes, setNotes] = useState("");
   const [customInstructions, setCustomInstructions] = useState("");
   const [validationError, setValidationError] = useState<string | null>(null);
+  const [sourcePanel, setSourcePanel] = useState<"figma" | "other">("figma");
+  const [otherSource, setOtherSource] = useState<OtherSource | null>(null);
 
   const docInputRef = useRef<HTMLInputElement>(null);
   const imageInputRef = useRef<HTMLInputElement>(null);
@@ -95,6 +104,7 @@ export default function DesignSystemSetup() {
   const { data: designSystemsData } = useActionQuery<{
     designSystems: Array<{ id: string; title: string }>;
   }>("list-design-systems");
+  const updateSystemMutation = useActionMutation("update-design-system");
 
   const existingProjects = designsData?.designs ?? [];
   const existingSystems = designSystemsData?.designSystems ?? [];
@@ -185,7 +195,7 @@ export default function DesignSystemSetup() {
             .replace(/[-_]+/g, " ")
             .trim() || "Imported brand";
         const json = await uploadAndIndexFigmaFiles([file], {
-          projectName: suggestedTitle,
+          projectName: companyInfo.trim() || suggestedTitle,
         });
         const parsed = json as unknown as BuilderIndexResult;
         if (parsed.jobId) {
@@ -203,7 +213,7 @@ export default function DesignSystemSetup() {
         setBuilderIndexing(false);
       }
     },
-    [t, startDecodePolling, stopDecodePolling],
+    [companyInfo, t, startDecodePolling, stopDecodePolling],
   );
 
   useEffect(() => {
@@ -248,6 +258,11 @@ export default function DesignSystemSetup() {
     customInstructions,
   ]);
 
+  const selectOtherSource = useCallback((source: OtherSource) => {
+    setSourcePanel("other");
+    setOtherSource((current) => (current === source ? null : source));
+  }, []);
+
   const addWebsiteUrl = useCallback(() => {
     const url = websiteUrl.trim();
     if (!url) {
@@ -386,7 +401,7 @@ export default function DesignSystemSetup() {
     [readTextFiles],
   );
 
-  const handleContinue = useCallback(() => {
+  const handleContinue = useCallback(async () => {
     if (!hasAnySources) {
       setValidationError(t("designSystemSetup.errors.noSources"));
       return;
@@ -422,7 +437,9 @@ export default function DesignSystemSetup() {
     );
 
     if (companyInfo.trim()) {
-      parts.push(`\n## Company / Brand\n${companyInfo.trim()}`);
+      parts.push(
+        `\n## Company / Brand\n${companyInfo.trim()}\n\nUse exactly this as the design system name. Never replace it with the uploaded Figma filename.`,
+      );
     }
 
     if (normalizedWebsiteUrls.length > 0) {
@@ -513,6 +530,23 @@ export default function DesignSystemSetup() {
       );
     }
 
+    const requestedTitle = companyInfo.trim();
+    const localDesignSystemId = builderIndexResult?.localDesignSystemId;
+    if (requestedTitle && localDesignSystemId) {
+      try {
+        await updateSystemMutation.mutateAsync({
+          id: localDesignSystemId,
+          title: requestedTitle,
+        });
+      } catch (error) {
+        toast.error(t("common.genericError"), {
+          description:
+            error instanceof Error ? error.message : t("common.genericError"),
+        });
+        return;
+      }
+    }
+
     parts.push(
       `\n---\nAfter processing all sources, if you started Builder DSI indexing, report the Builder job/design-system URL plus the local selectable design-system id returned by \`index-design-system-with-builder\`. Do not call \`create-design-system\` again for Builder-indexed Figma/code/design.md sources. If you processed non-Builder sources into concrete tokens, call \`create-design-system\` with the combined tokens${
         customInstructions.trim()
@@ -547,6 +581,7 @@ export default function DesignSystemSetup() {
     existingSystems,
     navigate,
     t,
+    updateSystemMutation,
   ]);
 
   useSetPageTitle(
@@ -597,11 +632,23 @@ export default function DesignSystemSetup() {
             </div>
           )}
 
-          <div className="space-y-8">
+          <div className="space-y-5">
             {/* Start from a Figma file via Builder DSI. */}
+            <SourceAccordionRow
+              icon={IconBrandFigma}
+              title={t("designSystemSetup.sections.figma.title")}
+              description={t("designSystemSetup.sections.figma.description")}
+              expanded={sourcePanel === "figma"}
+              onClick={() => setSourcePanel("figma")}
+              panelId="design-system-figma-source"
+            />
             <Section
               title={t("designSystemSetup.sections.figma.title")}
               description={t("designSystemSetup.sections.figma.description")}
+              hidden={sourcePanel !== "figma"}
+              hideHeading
+              id="design-system-figma-source"
+              className="rounded-lg border border-border bg-card p-4"
             >
               {!builderIndexResult ? (
                 <>
@@ -655,6 +702,7 @@ export default function DesignSystemSetup() {
                 <BuilderIndexPreview
                   result={builderIndexResult}
                   decodeStatus={decodeStatus}
+                  displayTitle={companyInfo.trim()}
                   onReset={() => {
                     stopDecodePolling();
                     setDecodeStatus(null);
@@ -665,10 +713,97 @@ export default function DesignSystemSetup() {
               )}
             </Section>
 
+            <SourceAccordionRow
+              icon={IconPalette}
+              title={t("designSystemSetup.otherSources")}
+              description={t("designSystemSetup.otherSourcesDescription")}
+              expanded={sourcePanel === "other"}
+              onClick={() => setSourcePanel("other")}
+              panelId="design-system-other-sources"
+            />
+            {sourcePanel === "other" && (
+              <div
+                id="design-system-other-sources"
+                className="overflow-hidden rounded-lg border border-border"
+              >
+                <div className="border-b border-border px-4 py-3">
+                  <p className="text-xs font-medium text-foreground/70">
+                    {t("designSystemSetup.chooseSourcePrompt")}
+                  </p>
+                </div>
+                <div className="divide-y divide-border">
+                  <SourceAccordionRow
+                    className="rounded-none border-0"
+                    icon={IconPalette}
+                    title={t("designSystemSetup.sections.company.title")}
+                    description={t(
+                      "designSystemSetup.sections.company.description",
+                    )}
+                    expanded={otherSource === "brand"}
+                    onClick={() => selectOtherSource("brand")}
+                    panelId="design-system-brand-source"
+                  />
+                  <SourceAccordionRow
+                    className="rounded-none border-0"
+                    icon={IconBrandGithub}
+                    title={t("designSystemSetup.sections.code.title")}
+                    description={t(
+                      "designSystemSetup.sections.code.description",
+                    )}
+                    expanded={otherSource === "code"}
+                    onClick={() => selectOtherSource("code")}
+                    panelId="design-system-code-source"
+                  />
+                  <SourceAccordionRow
+                    className="rounded-none border-0"
+                    icon={IconFileDescription}
+                    title={t("designSystemSetup.sections.designFiles.title")}
+                    description={t(
+                      "designSystemSetup.sections.designFiles.description",
+                    )}
+                    expanded={otherSource === "files"}
+                    onClick={() => selectOtherSource("files")}
+                    panelId="design-system-file-source"
+                  />
+                  {(existingProjects.length > 0 ||
+                    existingSystems.length > 0) && (
+                    <SourceAccordionRow
+                      className="rounded-none border-0"
+                      icon={IconPalette}
+                      title={t(
+                        "designSystemSetup.sections.importExisting.title",
+                      )}
+                      description={t(
+                        "designSystemSetup.sections.importExisting.description",
+                      )}
+                      expanded={otherSource === "existing"}
+                      onClick={() => selectOtherSource("existing")}
+                      panelId="design-system-existing-source"
+                    />
+                  )}
+                  <SourceAccordionRow
+                    className="rounded-none border-0"
+                    icon={IconFileDescription}
+                    title={t("designSystemSetup.sections.notes.title")}
+                    description={t(
+                      "designSystemSetup.sections.notes.description",
+                    )}
+                    expanded={otherSource === "notes"}
+                    onClick={() => selectOtherSource("notes")}
+                    panelId="design-system-notes-source"
+                  />
+                </div>
+              </div>
+            )}
+
             {/* Company / Brand */}
             <Section
               title={t("designSystemSetup.sections.company.title")}
               description={t("designSystemSetup.sections.company.description")}
+              hidden={sourcePanel !== "other" || otherSource !== "brand"}
+              hideHeading
+              id="design-system-brand-source"
+              className="rounded-lg border border-border bg-card p-4"
             >
               <Textarea
                 value={companyInfo}
@@ -733,6 +868,10 @@ export default function DesignSystemSetup() {
             <Section
               title={t("designSystemSetup.sections.code.title")}
               description={t("designSystemSetup.sections.code.description")}
+              hidden={sourcePanel !== "other" || otherSource !== "code"}
+              hideHeading
+              id="design-system-code-source"
+              className="rounded-lg border border-border bg-card p-4"
             >
               {/* GitHub */}
               <div className="mb-4">
@@ -863,6 +1002,10 @@ export default function DesignSystemSetup() {
               description={t(
                 "designSystemSetup.sections.designFiles.description",
               )}
+              hidden={sourcePanel !== "other" || otherSource !== "files"}
+              hideHeading
+              id="design-system-file-source"
+              className="rounded-lg border border-border bg-card p-4"
             >
               {/* Figma .fig import lives in the "Start from a Figma file"
                   section at the top — it deeply parses the file in-process. */}
@@ -970,6 +1113,10 @@ export default function DesignSystemSetup() {
                 description={t(
                   "designSystemSetup.sections.importExisting.description",
                 )}
+                hidden={sourcePanel !== "other" || otherSource !== "existing"}
+                hideHeading
+                id="design-system-existing-source"
+                className="rounded-lg border border-border bg-card p-4"
               >
                 <div className="grid grid-cols-2 gap-2">
                   {existingSystems.map((ds) => (
@@ -1027,6 +1174,10 @@ export default function DesignSystemSetup() {
             <Section
               title={t("designSystemSetup.sections.notes.title")}
               description={t("designSystemSetup.sections.notes.description")}
+              hidden={sourcePanel !== "other" || otherSource !== "notes"}
+              hideHeading
+              id="design-system-notes-source"
+              className="rounded-lg border border-border bg-card p-4"
             >
               <Textarea
                 value={notes}
@@ -1043,6 +1194,9 @@ export default function DesignSystemSetup() {
               description={t(
                 "designSystemSetup.sections.customInstructions.description",
               )}
+              hidden={sourcePanel !== "other" || otherSource !== "notes"}
+              hideHeading
+              className="rounded-lg border border-border bg-card p-4"
             >
               <Textarea
                 value={customInstructions}
@@ -1077,22 +1231,83 @@ function Section({
   title,
   description,
   children,
+  hidden = false,
+  hideHeading = false,
+  id,
+  className,
 }: {
   title: string;
   description: string;
   children: React.ReactNode;
+  hidden?: boolean;
+  hideHeading?: boolean;
+  id?: string;
+  className?: string;
 }) {
+  if (hidden) return null;
   return (
-    <section>
-      <div className="mb-3">
-        <h2 className="text-sm font-medium text-foreground/70">{title}</h2>
-        <p className="text-xs text-muted-foreground/70 mt-0.5">{description}</p>
-      </div>
+    <section id={id} className={className}>
+      {!hideHeading && (
+        <div className="mb-3">
+          <h2 className="text-sm font-medium text-foreground/70">{title}</h2>
+          <p className="mt-0.5 text-xs text-muted-foreground/70">
+            {description}
+          </p>
+        </div>
+      )}
       {children}
     </section>
   );
 }
 
+function SourceAccordionRow({
+  icon: Icon,
+  title,
+  description,
+  expanded,
+  onClick,
+  panelId,
+  className,
+}: {
+  icon: React.ComponentType<{ className?: string }>;
+  title: string;
+  description: string;
+  expanded: boolean;
+  onClick: () => void;
+  panelId: string;
+  className?: string;
+}) {
+  return (
+    <button
+      type="button"
+      aria-controls={panelId}
+      aria-expanded={expanded}
+      onClick={onClick}
+      className={cn(
+        "flex w-full items-center gap-3 rounded-lg border border-border px-4 py-3 text-left transition-[background-color,border-color] duration-150 hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        expanded && "bg-accent/40",
+        className,
+      )}
+    >
+      <Icon className="size-4 shrink-0 text-muted-foreground" />
+      <span className="min-w-0 flex-1">
+        <span className="block text-sm font-medium text-foreground/90">
+          {title}
+        </span>
+        <span className="mt-0.5 block truncate text-xs text-muted-foreground">
+          {description}
+        </span>
+      </span>
+      <IconChevronDown
+        className={cn(
+          "size-4 shrink-0 text-muted-foreground transition-transform duration-150",
+          expanded && "rotate-180",
+        )}
+      />
+    </button>
+  );
+}
+
 function FileList({
   files,
   onRemove,
@@ -1128,10 +1343,12 @@ function FileList({
 function BuilderIndexPreview({
   result,
   decodeStatus,
+  displayTitle,
   onReset,
 }: {
   result: BuilderIndexResult;
   decodeStatus: DecodeJobStatus | null;
+  displayTitle?: string;
   onReset: () => void;
 }) {
   const t = useT();
@@ -1146,7 +1363,7 @@ function BuilderIndexPreview({
         </div>
         <div className="min-w-0 flex-1">
           <h3 className="text-sm font-semibold text-foreground">
-            {result.suggestedTitle}
+            {displayTitle || result.suggestedTitle}
           </h3>
           <p className="mt-1 text-xs leading-relaxed text-muted-foreground">
             {

package/corpus/templates/design/app/pages/DesignSystems.tsx

@@ -220,7 +220,7 @@ export default function DesignSystems() {
   }, []);
 
   const handleSetDefault = useCallback(
-    (id: string) => {
+    (id: string, isDefault: boolean) => {
       // Optimistic update
       queryClient.setQueryData(
         ["action", "list-design-systems", undefined],
@@ -230,13 +230,17 @@ export default function DesignSystems() {
             ...old,
             designSystems: old.designSystems.map((ds: DesignSystem) => ({
               ...ds,
-              isDefault: ds.id === id,
+              isDefault: isDefault
+                ? ds.id === id
+                : ds.id === id
+                  ? false
+                  : ds.isDefault,
             })),
           };
         },
       );
 
-      setDefaultMutation.mutate({ id } as any, {
+      setDefaultMutation.mutate({ id, isDefault } as any, {
         onError: () => {
           queryClient.invalidateQueries({
             queryKey: ["action", "list-design-systems"],
@@ -645,7 +649,9 @@ export default function DesignSystems() {
                               <Tooltip>
                                 <TooltipTrigger asChild>
                                   <button
-                                    onClick={() => handleSetDefault(ds.id)}
+                                    onClick={() =>
+                                      handleSetDefault(ds.id, !ds.isDefault)
+                                    }
                                     className="absolute top-2 end-2 opacity-0 group-hover:opacity-100 w-7 h-7 flex items-center justify-center rounded-md bg-black/60 hover:bg-black/80 cursor-pointer"
                                   >
                                     {ds.isDefault ? (

package/corpus/templates/design/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/design/changelog/2026-07-31-design-system-indexing-keeps-your-chosen-name-when-you-uploa.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-31
+---
+
+Design-system indexing keeps your chosen name when you upload a Figma file and shares new organization systems with teammates.

package/corpus/templates/design/server/lib/builder-design-system-proxy.ts

@@ -3,7 +3,7 @@ import {
   localBuilderDesignSystemId,
   type BuilderDesignSystemIndexResult,
 } from "@agent-native/core/server";
-import { eq } from "drizzle-orm";
+import { and, eq, isNull } from "drizzle-orm";
 import { nanoid } from "nanoid";
 
 import { getDb, schema } from "../db/index.js";
@@ -36,15 +36,19 @@ export async function upsertBuilderProxyDesignSystem({
     .select({
       id: schema.designSystems.id,
       ownerEmail: schema.designSystems.ownerEmail,
+      orgId: schema.designSystems.orgId,
     })
     .from(schema.designSystems)
     .where(eq(schema.designSystems.id, baseLocalDesignSystemId))
     .limit(1);
+  const existingBelongsToScope =
+    existing?.ownerEmail === ownerEmail &&
+    (existing?.orgId ?? null) === (orgId ?? null);
   const localDesignSystemId =
-    existing && existing.ownerEmail !== ownerEmail
+    existing && !existingBelongsToScope
       ? `${baseLocalDesignSystemId}-${nanoid(8)}`
       : baseLocalDesignSystemId;
-  if (existing && existing.ownerEmail === ownerEmail) {
+  if (existingBelongsToScope) {
     await db
       .update(schema.designSystems)
       .set({
@@ -60,7 +64,17 @@ export async function upsertBuilderProxyDesignSystem({
     const [ownedSystem] = await db
       .select({ id: schema.designSystems.id })
       .from(schema.designSystems)
-      .where(eq(schema.designSystems.ownerEmail, ownerEmail))
+      .where(
+        orgId
+          ? and(
+              eq(schema.designSystems.ownerEmail, ownerEmail),
+              eq(schema.designSystems.orgId, orgId),
+            )
+          : and(
+              eq(schema.designSystems.ownerEmail, ownerEmail),
+              isNull(schema.designSystems.orgId),
+            ),
+      )
       .limit(1);
     await db.insert(schema.designSystems).values({
       id: localDesignSystemId,
@@ -72,6 +86,7 @@ export async function upsertBuilderProxyDesignSystem({
       isDefault: !ownedSystem,
       ownerEmail,
       orgId: orgId ?? null,
+      visibility: orgId ? "org" : "private",
       createdAt: now,
       updatedAt: now,
     });

package/corpus/templates/dispatch/AGENTS.md

@@ -59,6 +59,10 @@ ladder.
   infer run failure from thread text search. Cross-app results may be partial;
   preserve the returned per-source health instead of treating an unavailable
   source as zero failures.
+- For a Slack-linked issue, call `read-slack-thread-context` with the exact
+  permalink before diagnosing it. It resolves child links to the parent thread,
+  preserves attachments and related URLs, and reports whether pagination is
+  complete. Never treat an unreadable Slack thread as an empty one.
 
 ## Application State