@agent-native/core 0.164.15 → 0.164.18

package/corpus/templates/factory/app/components/factory/FactoryWorkspaceActions.tsx

@@ -0,0 +1,53 @@
+import { AgentToggleButton } from "@agent-native/core/client/agent-chat";
+import { useT } from "@agent-native/core/client/i18n";
+import { IconPlus } from "@tabler/icons-react";
+import { Link, useLocation, useSearchParams } from "react-router";
+
+import { Button } from "@/components/ui/button";
+
+export const FACTORY_AGENTS_HREF = "/factory?tab=agents";
+export const FACTORY_SETTINGS_HREF = "/factory-settings";
+export const FACTORY_NEW_HREF = "/factory?new=1";
+
+export function FactoryWorkspaceActions({
+  onNewFactory,
+}: {
+  onNewFactory?: () => void;
+}) {
+  const t = useT();
+  const location = useLocation();
+  const [searchParams] = useSearchParams();
+  const onAgents =
+    location.pathname === "/agents" ||
+    (location.pathname === "/factory" &&
+      searchParams.get("tab") === "agents" &&
+      !searchParams.get("factoryId"));
+  const onSettings = location.pathname === "/factory-settings";
+
+  return (
+    <div className="flex items-center gap-2">
+      <Button asChild variant={onAgents ? "default" : "outline"} size="sm">
+        <Link to={FACTORY_AGENTS_HREF}>{t("factoryRoute.agentsTab")}</Link>
+      </Button>
+      <Button asChild variant={onSettings ? "default" : "outline"} size="sm">
+        <Link to={FACTORY_SETTINGS_HREF}>
+          {t("factoryRoute.factorySettings")}
+        </Link>
+      </Button>
+      {onNewFactory ? (
+        <Button type="button" size="sm" onClick={onNewFactory}>
+          <IconPlus className="size-4" />
+          {t("factoryRoute.newFactory")}
+        </Button>
+      ) : (
+        <Button asChild size="sm">
+          <Link to={FACTORY_NEW_HREF}>
+            <IconPlus className="size-4" />
+            {t("factoryRoute.newFactory")}
+          </Link>
+        </Button>
+      )}
+      <AgentToggleButton />
+    </div>
+  );
+}

package/corpus/templates/factory/app/components/layout/Layout.tsx

@@ -42,6 +42,8 @@ function routeOwnsToolbar(pathname: string): boolean {
     pathname === "/chat" ||
     pathname.startsWith("/chat/") ||
     pathname === "/factory" ||
+    pathname === "/factory-settings" ||
+    pathname === "/agents" ||
     pathname === "/database" ||
     pathname.startsWith("/extensions")
   );

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

@@ -444,7 +444,9 @@ export function Sidebar({
             const isActive =
               item.href === "/"
                 ? isChatRoute
-                : location.pathname.startsWith(item.href);
+                : item.href === "/factory"
+                  ? location.pathname === "/factory"
+                  : location.pathname.startsWith(item.href);
             const link = (
               <Link
                 to={item.href}

package/corpus/templates/factory/app/hooks/use-navigation-state.ts

@@ -25,27 +25,27 @@ export function useNavigationState() {
         view: viewForPath(pathname),
         path: appPath(pathname),
         ...(threadId ? { threadId } : {}),
-        ...(pathname.startsWith("/factory") && searchParams.get("factoryId")
+        ...(pathname === "/factory" && searchParams.get("factoryId")
           ? { factoryId: searchParams.get("factoryId") ?? undefined }
           : {}),
-        ...(pathname.startsWith("/factory") && searchParams.get("tab")
+        ...(pathname === "/factory" && searchParams.get("tab")
           ? { factoryTab: searchParams.get("tab") ?? undefined }
           : {}),
-        ...(pathname.startsWith("/factory") && searchParams.get("automationId")
+        ...(pathname === "/factory" && searchParams.get("automationId")
           ? {
               factoryAutomationId:
                 searchParams.get("automationId") ?? undefined,
             }
           : {}),
-        ...(pathname.startsWith("/factory") && searchParams.get("auditRunId")
+        ...(pathname === "/factory" && searchParams.get("auditRunId")
           ? {
               factoryAuditRunId: searchParams.get("auditRunId") ?? undefined,
             }
           : {}),
-        ...(pathname.startsWith("/factory") && searchParams.get("node")
+        ...(pathname === "/factory" && searchParams.get("node")
           ? { factoryNodeId: searchParams.get("node") ?? undefined }
           : {}),
-        ...(pathname.startsWith("/factory") && searchParams.get("edge")
+        ...(pathname === "/factory" && searchParams.get("edge")
           ? { factoryEdgeId: searchParams.get("edge") ?? undefined }
           : {}),
       };
@@ -73,7 +73,8 @@ function viewForPath(pathname: string): string {
   if (pathname.startsWith("/extensions")) return "extensions";
   if (pathname.startsWith("/observability")) return "observability";
   if (pathname.startsWith("/agents")) return "agents";
-  if (pathname.startsWith("/factory")) return "factory";
+  if (pathname === "/factory-settings") return "factory-settings";
+  if (pathname === "/factory") return "factory";
   if (pathname.startsWith("/settings/agent") || pathname.startsWith("/agent")) {
     return "agent";
   }
@@ -96,6 +97,8 @@ function pathForView(view?: string): string {
       return "/observability";
     case "factory":
       return "/factory";
+    case "factory-settings":
+      return "/factory-settings";
     case "agents":
       return "/agents";
     case "agent":

package/corpus/templates/factory/app/i18n/en-US.ts

@@ -108,6 +108,8 @@ const messages = {
     slackChannelPlaceholder: "For example, C0123456789",
     slackChannelName: "Channel name",
     slackChannelNamePlaceholder: "For example, product-agent-native-feedback",
+    builderSlackUserId: "@Builder.io Slack Member ID",
+    builderSlackUserIdPlaceholder: "For example, U096KN3EL2Y",
     repository: "Repository",
     repositoryPlaceholder: "For example, BuilderIO/agent-native",
     enablePolling: "Enable one-minute observation polling",
@@ -165,6 +167,7 @@ const messages = {
     rulesTab: "Rules",
     automationsTab: "Automations",
     agentsTab: "Agents",
+    factorySettings: "Factory Settings",
     agenticAppsTitle: "Agentic apps",
     agenticAppsEmpty: "No agentic apps in this workspace yet.",
     createApp: "Create app",

package/corpus/templates/factory/app/routes/agents.tsx

@@ -1,8 +1,29 @@
+import { useT } from "@agent-native/core/client/i18n";
+import { IconArrowLeft } from "@tabler/icons-react";
+import { Link } from "react-router";
+
 import { FactoryAgentsView } from "@/components/factory/FactoryAgentsView";
+import { FactoryWorkspaceActions } from "@/components/factory/FactoryWorkspaceActions";
+import { Button } from "@/components/ui/button";
 
 export default function AgentsRoute() {
+  const t = useT();
+
   return (
-    <div className="h-full min-h-0 overflow-y-auto bg-background">
+    <div className="flex h-full min-h-0 flex-col overflow-y-auto bg-background">
+      <div className="flex items-center gap-3 px-4 py-4 lg:px-6">
+        <Button asChild type="button" variant="ghost" size="icon">
+          <Link to="/factory" aria-label={t("factoryRoute.backToFactories")}>
+            <IconArrowLeft className="size-4" />
+          </Link>
+        </Button>
+        <h1 className="text-sm font-medium sm:text-base">
+          {t("factoryRoute.agentsTitle")}
+        </h1>
+        <div className="ms-auto">
+          <FactoryWorkspaceActions />
+        </div>
+      </div>
       <FactoryAgentsView />
     </div>
   );

package/corpus/templates/factory/app/routes/factory-settings.tsx

@@ -0,0 +1,34 @@
+import { useT } from "@agent-native/core/client/i18n";
+import { IconArrowLeft } from "@tabler/icons-react";
+import { Link } from "react-router";
+
+import { FactorySettingsView } from "@/components/factory/FactorySettingsView";
+import { FactoryWorkspaceActions } from "@/components/factory/FactoryWorkspaceActions";
+import { Button } from "@/components/ui/button";
+
+export function meta() {
+  return [{ title: "Factory" }];
+}
+
+export default function FactorySettingsRoute() {
+  const t = useT();
+
+  return (
+    <div className="flex h-full min-h-0 flex-col overflow-y-auto bg-background">
+      <div className="flex items-center gap-3 px-4 py-4 lg:px-6">
+        <Button asChild type="button" variant="ghost" size="icon">
+          <Link to="/factory" aria-label={t("factoryRoute.backToFactories")}>
+            <IconArrowLeft className="size-4" />
+          </Link>
+        </Button>
+        <h1 className="text-sm font-medium sm:text-base">
+          {t("factoryRoute.factorySettings")}
+        </h1>
+        <div className="ms-auto">
+          <FactoryWorkspaceActions />
+        </div>
+      </div>
+      <FactorySettingsView />
+    </div>
+  );
+}