@agent-native/core 0.168.7 → 0.168.9

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

@@ -0,0 +1,260 @@
+import { useActionMutation } from "@agent-native/core/client/hooks";
+import { useT } from "@agent-native/core/client/i18n";
+import {
+  IconAlertCircle,
+  IconBrandGithub,
+  IconBrandSlack,
+  IconLoader2,
+} from "@tabler/icons-react";
+import { useState } from "react";
+import { Link } from "react-router";
+import { toast } from "sonner";
+
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+import { Textarea } from "@/components/ui/textarea";
+
+type CreateFactoryResult = {
+  ok: boolean;
+  factoryId: string;
+  name: string;
+};
+
+export function NewFactoryForm({
+  onCreated,
+}: {
+  onCreated: (factoryId: string) => void;
+}) {
+  const t = useT();
+  const createMutation = useActionMutation("create-factory");
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [slackChannelId, setSlackChannelId] = useState("");
+  const [slackChannelName, setSlackChannelName] = useState("");
+  const [observeSlack, setObserveSlack] = useState(false);
+  const [repository, setRepository] = useState("");
+  const [observeGithub, setObserveGithub] = useState(false);
+  const [sentryOrgSlug, setSentryOrgSlug] = useState("");
+  const [sentryProjectSlug, setSentryProjectSlug] = useState("");
+  const [sentryEnvironment, setSentryEnvironment] = useState("");
+  const [observeSentry, setObserveSentry] = useState(false);
+
+  async function handleSubmit(event: React.FormEvent) {
+    event.preventDefault();
+    const trimmedName = name.trim();
+    if (!trimmedName) {
+      toast.error(t("factoryRoute.createFactoryNameRequired"));
+      return;
+    }
+    try {
+      const result = (await createMutation.mutateAsync({
+        name: trimmedName,
+        ...(description.trim() ? { description: description.trim() } : {}),
+        ...(slackChannelId.trim()
+          ? { slackChannelId: slackChannelId.trim() }
+          : {}),
+        ...(slackChannelName.trim()
+          ? { slackChannelName: slackChannelName.trim() }
+          : {}),
+        ...(observeSlack ? { observeSlack: true } : {}),
+        ...(repository.trim() ? { repository: repository.trim() } : {}),
+        ...(observeGithub ? { observeGithub: true } : {}),
+        ...(sentryOrgSlug.trim()
+          ? { sentryOrgSlug: sentryOrgSlug.trim() }
+          : {}),
+        ...(sentryProjectSlug.trim()
+          ? { sentryProjectSlug: sentryProjectSlug.trim() }
+          : {}),
+        ...(sentryEnvironment.trim()
+          ? { sentryEnvironment: sentryEnvironment.trim() }
+          : {}),
+        ...(observeSentry ? { observeSentry: true } : {}),
+      })) as CreateFactoryResult;
+      toast.success(t("factoryRoute.createFactorySuccess"));
+      onCreated(result.factoryId);
+    } catch (error) {
+      toast.error(
+        error instanceof Error
+          ? error.message
+          : t("factoryRoute.createFactoryFailed"),
+      );
+    }
+  }
+
+  return (
+    <form
+      className="mx-auto flex w-full max-w-2xl flex-col gap-6"
+      onSubmit={(event) => void handleSubmit(event)}
+    >
+      <div className="space-y-2">
+        <Label htmlFor="new-factory-name">
+          {t("factoryRoute.createFactoryNameLabel")}
+        </Label>
+        <Input
+          id="new-factory-name"
+          value={name}
+          onChange={(event) => setName(event.target.value)}
+          placeholder={t("factoryRoute.newFactory")}
+          autoFocus
+        />
+      </div>
+      <div className="space-y-2">
+        <Label htmlFor="new-factory-description">
+          {t("factoryRoute.createFactoryDescriptionLabel")}
+        </Label>
+        <Textarea
+          id="new-factory-description"
+          value={description}
+          onChange={(event) => setDescription(event.target.value)}
+          rows={2}
+        />
+      </div>
+      <div className="space-y-4">
+        <Card>
+          <CardHeader className="px-4 pb-0 pt-4">
+            <CardTitle className="flex items-center gap-2 text-base">
+              <IconBrandSlack className="size-4" />
+              {t("factoryRoute.createFactorySlackSourceOptional")}
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3 px-4 pb-4">
+            <div className="space-y-2">
+              <Label htmlFor="new-factory-slack-channel">
+                {t("triage.slackChannelId")}
+              </Label>
+              <Input
+                id="new-factory-slack-channel"
+                value={slackChannelId}
+                onChange={(event) => setSlackChannelId(event.target.value)}
+                placeholder={t("triage.slackChannelPlaceholder")}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="new-factory-slack-channel-name">
+                {t("triage.slackChannelName")}
+              </Label>
+              <Input
+                id="new-factory-slack-channel-name"
+                value={slackChannelName}
+                onChange={(event) => setSlackChannelName(event.target.value)}
+                placeholder={t("triage.slackChannelNamePlaceholder")}
+              />
+            </div>
+            <div className="flex items-center justify-between gap-3">
+              <Label htmlFor="new-factory-observe-slack">
+                {t("factoryRoute.createFactoryObserveSlack")}
+              </Label>
+              <Switch
+                id="new-factory-observe-slack"
+                checked={observeSlack}
+                onCheckedChange={(checked) => setObserveSlack(checked === true)}
+              />
+            </div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="px-4 pb-0 pt-4">
+            <CardTitle className="flex items-center gap-2 text-base">
+              <IconBrandGithub className="size-4" />
+              {t("factoryRoute.createFactoryGithubSourceOptional")}
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3 px-4 pb-4">
+            <div className="space-y-2">
+              <Label htmlFor="new-factory-repository">
+                {t("triage.repository")}
+              </Label>
+              <Input
+                id="new-factory-repository"
+                value={repository}
+                onChange={(event) => setRepository(event.target.value)}
+                placeholder={t("triage.repositoryPlaceholder")}
+              />
+            </div>
+            <div className="flex items-center justify-between gap-3">
+              <Label htmlFor="new-factory-observe-github">
+                {t("factoryRoute.createFactoryObserveGithub")}
+              </Label>
+              <Switch
+                id="new-factory-observe-github"
+                checked={observeGithub}
+                onCheckedChange={(checked) =>
+                  setObserveGithub(checked === true)
+                }
+              />
+            </div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="px-4 pb-0 pt-4">
+            <CardTitle className="flex items-center gap-2 text-base">
+              <IconAlertCircle className="size-4" />
+              {t("factoryRoute.createFactorySentrySourceOptional")}
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3 px-4 pb-4">
+            <div className="space-y-2">
+              <Label htmlFor="new-factory-sentry-org">
+                {t("triage.sentryOrgSlug")}
+              </Label>
+              <Input
+                id="new-factory-sentry-org"
+                value={sentryOrgSlug}
+                onChange={(event) => setSentryOrgSlug(event.target.value)}
+                placeholder={t("triage.sentryOrgPlaceholder")}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="new-factory-sentry-project">
+                {t("triage.sentryProjectSlug")}
+              </Label>
+              <Input
+                id="new-factory-sentry-project"
+                value={sentryProjectSlug}
+                onChange={(event) => setSentryProjectSlug(event.target.value)}
+                placeholder={t("triage.sentryProjectPlaceholder")}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="new-factory-sentry-environment">
+                {t("triage.sentryEnvironment")}
+              </Label>
+              <Input
+                id="new-factory-sentry-environment"
+                value={sentryEnvironment}
+                onChange={(event) => setSentryEnvironment(event.target.value)}
+                placeholder={t("triage.sentryEnvironmentPlaceholder")}
+              />
+            </div>
+            <div className="flex items-center justify-between gap-3">
+              <Label htmlFor="new-factory-observe-sentry">
+                {t("factoryRoute.createFactoryObserveSentry")}
+              </Label>
+              <Switch
+                id="new-factory-observe-sentry"
+                checked={observeSentry}
+                onCheckedChange={(checked) =>
+                  setObserveSentry(checked === true)
+                }
+              />
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+      <div className="flex justify-end gap-2">
+        <Button asChild type="button" variant="outline">
+          <Link to="/factory">{t("factoryRoute.createFactoryCancel")}</Link>
+        </Button>
+        <Button type="submit" disabled={createMutation.isPending}>
+          {createMutation.isPending ? (
+            <IconLoader2 className="size-4 animate-spin" />
+          ) : null}
+          {t("factoryRoute.createFactorySubmit")}
+        </Button>
+      </div>
+    </form>
+  );
+}

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

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

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

@@ -445,7 +445,8 @@ export function Sidebar({
               item.href === "/"
                 ? isChatRoute
                 : item.href === "/factory"
-                  ? location.pathname === "/factory"
+                  ? location.pathname === "/factory" ||
+                    location.pathname === "/new-factory"
                   : location.pathname.startsWith(item.href);
             const link = (
               <Link

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

@@ -13,6 +13,7 @@ export interface NavigationState {
   factoryAuditRunId?: string;
   factoryNodeId?: string;
   factoryEdgeId?: string;
+  creatingFactory?: boolean;
 }
 
 export function useNavigationState() {
@@ -48,6 +49,7 @@ export function useNavigationState() {
         ...(pathname === "/factory" && searchParams.get("edge")
           ? { factoryEdgeId: searchParams.get("edge") ?? undefined }
           : {}),
+        ...(pathname === "/new-factory" ? { creatingFactory: true } : {}),
       };
     },
     getCommandPath: (command) =>
@@ -73,7 +75,7 @@ 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 === "/factory-settings") return "factory-settings";
+  if (pathname === "/new-factory") return "factory";
   if (pathname === "/factory") return "factory";
   if (pathname.startsWith("/settings/agent") || pathname.startsWith("/agent")) {
     return "agent";
@@ -97,8 +99,6 @@ 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

@@ -133,6 +133,21 @@ const messages = {
     newFactory: "New agent factory",
     newFactoryDescription:
       "Describe the work this factory turns into shipped outcomes.",
+    createFactoryTitle: "New Factory",
+    createFactorySubmit: "Create factory",
+    createFactoryCancel: "Cancel",
+    createFactoryNameLabel: "Name",
+    createFactoryDescriptionLabel: "Description (optional)",
+    createFactorySourcesOptional: "Sources (optional)",
+    createFactorySlackSourceOptional: "Slack source (optional)",
+    createFactoryGithubSourceOptional: "GitHub source (optional)",
+    createFactorySentrySourceOptional: "Sentry source (optional)",
+    createFactoryObserveSlack: "Observe Slack channel",
+    createFactoryObserveGithub: "Observe GitHub issues",
+    createFactoryObserveSentry: "Observe Sentry errors",
+    createFactorySuccess: "Factory created",
+    createFactoryFailed: "Could not create factory",
+    createFactoryNameRequired: "Name is required",
     selectFactory: "Select factory",
     backToFactories: "Back to factories",
     workspaceIntegrations: "Workspace integrations",
@@ -167,7 +182,7 @@ const messages = {
     rulesTab: "Rules",
     automationsTab: "Automations",
     agentsTab: "Agents",
-    factorySettings: "Factory Settings",
+    factorySettings: "Settings",
     agenticAppsTitle: "Agentic apps",
     agenticAppsEmpty: "No agentic apps in this workspace yet.",
     createApp: "Create app",
@@ -260,6 +275,8 @@ const messages = {
     automationTimezone: "Timezone",
     selectAutomation: "Select an automation to edit.",
     automationModel: "Model",
+    automationDisplayName: "Display name",
+    automationDisplayNamePlaceholder: "For example, Slack feedback",
     automationModelPlaceholder: "For example, gpt-5",
     automationSchedule: "Schedule",
     automationSchedulePlaceholder: "For example, every weekday at 9:00 AM",