npm - @agent-native/core - Versions diffs - 0.132.1 → 0.133.0 - Mend

@agent-native/core 0.132.1 → 0.133.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (456) hide show

package/corpus/templates/factory/app/root.tsx ADDED Viewed

@@ -0,0 +1,175 @@
+import { configureTracking } from "@agent-native/core/client/analytics";
+import { appPath } from "@agent-native/core/client/api-path";
+import { useDbSync } from "@agent-native/core/client/hooks";
+import {
+  AppProviders,
+  createAgentNativeQueryClient,
+} from "@agent-native/core/client/hooks";
+import { getLocaleInitScript, useT } from "@agent-native/core/client/i18n";
+import {
+  CommandMenu,
+  useCommandMenuShortcut,
+} from "@agent-native/core/client/navigation";
+import { getThemeInitScript } from "@agent-native/core/client/ui";
+import { IconHierarchy2, IconSun, IconMoon } from "@tabler/icons-react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useTheme } from "next-themes";
+import { useCallback, useState } from "react";
+import {
+  Links,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+  useNavigate,
+} from "react-router";
+import type { LinksFunction } from "react-router";
+import { Layout as AppLayout } from "@/components/layout/Layout";
+import { AppToolkitProvider } from "@/components/ui/toolkit-provider";
+import { useNavigationState } from "@/hooks/use-navigation-state";
+import { APP_TITLE } from "@/lib/app-config";
+import { TAB_ID } from "@/lib/tab-id";
+import changelog from "../CHANGELOG.md?raw";
+import { i18nCatalog } from "./i18n";
+import stylesheet from "./global.css?url";
+configureTracking({
+  getDefaultProps: (_name, properties) => ({
+    ...properties,
+    app: "factory",
+    template: "factory",
+  }),
+});
+export const links: LinksFunction = () => [
+  { rel: "stylesheet", href: stylesheet },
+];
+const THEME_INIT_SCRIPT = getThemeInitScript();
+const LOCALE_INIT_SCRIPT = getLocaleInitScript();
+export function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        <meta charSet="utf-8" />
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
+        />
+        <script
+          suppressHydrationWarning
+          dangerouslySetInnerHTML={{ __html: THEME_INIT_SCRIPT }}
+        />
+        <script
+          data-agent-native-locale-init
+          suppressHydrationWarning
+          dangerouslySetInnerHTML={{ __html: LOCALE_INIT_SCRIPT }}
+        />
+        <link rel="manifest" href={appPath("/manifest.json")} />
+        {/* guard:allow-raw-color - theme-color metadata requires a concrete browser-chrome color. */}
+        <meta name="theme-color" content="#18181B" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta
+          name="apple-mobile-web-app-status-bar-style"
+          content="black-translucent"
+        />
+        <meta name="apple-mobile-web-app-title" content={APP_TITLE} />
+        <link rel="icon" type="image/svg+xml" href={appPath("/favicon.svg")} />
+        <link rel="apple-touch-icon" href={appPath("/icon-180.svg")} />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        {children}
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
+function DbSyncSetup() {
+  const qc = useQueryClient();
+  useNavigationState();
+  useDbSync({
+    queryClient: qc,
+    ignoreSource: TAB_ID,
+  });
+  return null;
+}
+function ThemeToggleItem() {
+  const { resolvedTheme, setTheme } = useTheme();
+  const t = useT();
+  const isDark = resolvedTheme === "dark";
+  return (
+    <CommandMenu.Item
+      onSelect={() => setTheme(isDark ? "light" : "dark")}
+      keywords={["theme", "dark", "light", "mode"]}
+    >
+      {isDark ? <IconSun size={16} /> : <IconMoon size={16} />}
+      {t("root.toggleTheme")}
+    </CommandMenu.Item>
+  );
+}
+function AppContent() {
+  const [cmdkOpen, setCmdkOpen] = useState(false);
+  const navigate = useNavigate();
+  const t = useT();
+  useCommandMenuShortcut(useCallback(() => setCmdkOpen(true), []));
+  return (
+    <>
+      <CommandMenu
+        open={cmdkOpen}
+        onOpenChange={setCmdkOpen}
+        changelog={changelog}
+        changelogKey="chat"
+      >
+        <CommandMenu.Group heading={t("root.commandActions")}>
+          <CommandMenu.Item onSelect={() => {}}>
+            {t("root.commandSearch")}
+          </CommandMenu.Item>
+          <CommandMenu.Item
+            onSelect={() => navigate("/agent")}
+            keywords={[
+              "agent",
+              "context",
+              "files",
+              "connections",
+              "jobs",
+              "access",
+            ]}
+          >
+            <IconHierarchy2 size={16} />
+            {t("settings.openAgentSettings")}
+          </CommandMenu.Item>
+        </CommandMenu.Group>
+        <CommandMenu.Group heading={t("root.commandAppearance")}>
+          <ThemeToggleItem />
+        </CommandMenu.Group>
+      </CommandMenu>
+      <AppLayout>
+        <Outlet />
+      </AppLayout>
+    </>
+  );
+}
+export default function Root() {
+  const [queryClient] = useState(() => createAgentNativeQueryClient());
+  return (
+    <AppToolkitProvider>
+      <AppProviders queryClient={queryClient} i18n={{ catalog: i18nCatalog }}>
+        <DbSyncSetup />
+        <AppContent />
+      </AppProviders>
+    </AppToolkitProvider>
+  );
+}
+export { ErrorBoundary } from "@agent-native/core/client/ui";

package/corpus/templates/factory/app/routes/_index.tsx ADDED Viewed

@@ -0,0 +1,94 @@
+import {
+  AgentChatSurface,
+  markAgentChatHomeHandoff,
+} from "@agent-native/core/client/agent-chat";
+import { useT } from "@agent-native/core/client/i18n";
+import { useEffect } from "react";
+import { useNavigate, useParams } from "react-router";
+import { APP_TITLE } from "@/lib/app-config";
+import { TAB_ID } from "@/lib/tab-id";
+const SEO_TITLE = `${APP_TITLE} - Your agent product team`;
+const SEO_DESCRIPTION =
+  "Review product signals, agent decisions, and human feedback before autonomous work proceeds.";
+export function meta() {
+  return [
+    { title: SEO_TITLE },
+    {
+      name: "description",
+      content: SEO_DESCRIPTION,
+    },
+    { property: "og:title", content: SEO_TITLE },
+    { property: "og:description", content: SEO_DESCRIPTION },
+    { name: "twitter:card", content: "summary" },
+    { name: "twitter:title", content: SEO_TITLE },
+    { name: "twitter:description", content: SEO_DESCRIPTION },
+  ];
+}
+function chatThreadPath(threadId: string | null) {
+  return threadId ? `/chat/${encodeURIComponent(threadId)}` : "/";
+}
+export default function ChatRoute() {
+  const { threadId } = useParams();
+  const navigate = useNavigate();
+  const t = useT();
+  const threadUrlSync = threadId
+    ? {
+        routeThreadId: threadId,
+        getPath: chatThreadPath,
+        navigate,
+      }
+    : undefined;
+  useEffect(() => {
+    function handleChatRunning(event: Event) {
+      const detail = (event as CustomEvent).detail;
+      if (detail?.isRunning === true) markAgentChatHomeHandoff("chat");
+    }
+    window.addEventListener("agentNative.chatRunning", handleChatRunning);
+    return () =>
+      window.removeEventListener("agentNative.chatRunning", handleChatRunning);
+  }, []);
+  return (
+    <div className="flex h-full min-h-0 flex-col bg-background">
+      <AgentChatSurface
+        mode="page"
+        chatViewTransition
+        className="h-full"
+        defaultMode="chat"
+        storageKey="chat"
+        threadUrlSync={threadUrlSync}
+        browserTabId={TAB_ID}
+        showHeader={false}
+        showTabBar={false}
+        dynamicSuggestions={false}
+        suggestions={[
+          t("chat.suggestionCapabilities"),
+          t("chat.suggestionCustomize"),
+          t("chat.suggestionActions"),
+        ]}
+        emptyStateText={t("chat.emptyState")}
+        emptyStateDisplay="hidden"
+        centerComposerWhenEmpty
+        composerLayoutVariant="hero"
+        composerPlaceholder={t("chat.composerPlaceholder")}
+        composerSlot={
+          <div className="mx-auto mb-5 max-w-xl px-4 text-center">
+            <h1 className="text-2xl font-semibold tracking-normal text-foreground sm:text-3xl">
+              {t("chat.heroTitle")}
+            </h1>
+            <p className="mt-2 text-sm leading-6 text-muted-foreground">
+              {t("chat.heroDescription")}
+            </p>
+          </div>
+        }
+      />
+    </div>
+  );
+}

package/corpus/templates/factory/app/routes/agent.tsx ADDED Viewed

@@ -0,0 +1,24 @@
+import {
+  AgentChatSurface,
+  AgentTabsPage,
+} from "@agent-native/core/client/agent-chat";
+import { useT } from "@agent-native/core/client/i18n";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+import { resolveAgentPageComponent } from "@/lib/agent-page";
+import { APP_TITLE } from "@/lib/app-config";
+export function meta() {
+  return [{ title: `Agent - ${APP_TITLE}` }];
+}
+export default function AgentRoute() {
+  const t = useT();
+  useSetPageTitle(t("settings.agentTitle"));
+  const AgentPage = resolveAgentPageComponent({
+    AgentChatSurface,
+    AgentTabsPage,
+  });
+  return <AgentPage appName={APP_TITLE} />;
+}

package/corpus/templates/factory/app/routes/chat.$threadId.tsx ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default, meta } from "./_index";

package/corpus/templates/factory/app/routes/database.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import { DbAdminPage } from "@agent-native/core/client/db-admin";
+import { useT } from "@agent-native/core/client/i18n";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+export function meta() {
+  return [{ title: "Database" }];
+}
+export default function DatabasePage() {
+  const t = useT();
+  useSetPageTitle(t("pages.databaseTitle"));
+  return (
+    <div className="h-full">
+      <DbAdminPage />
+    </div>
+  );
+}

package/corpus/templates/factory/app/routes/extensions.$id.$slug.tsx ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./extensions.$id";
2	+ export { default } from "./extensions.$id";

package/corpus/templates/factory/app/routes/extensions.$id.tsx ADDED Viewed

@@ -0,0 +1,11 @@
+import { ExtensionViewerPage } from "@agent-native/core/client/extensions";
+import { APP_TITLE } from "@/lib/app-config";
+export function meta() {
+  return [{ title: `Extension — ${APP_TITLE}` }];
+}
+export default function ExtensionViewerRoute() {
+  return <ExtensionViewerPage />;
+}

package/corpus/templates/factory/app/routes/extensions._index.tsx ADDED Viewed

@@ -0,0 +1,11 @@
+import { Navigate } from "react-router";
+import { APP_TITLE } from "@/lib/app-config";
+export function meta() {
+  return [{ title: `Extensions — ${APP_TITLE}` }];
+}
+export default function ExtensionsRoute() {
+  return <Navigate to="/settings#extensions" replace />;
+}

package/corpus/templates/factory/app/routes/extensions.tsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Outlet } from "react-router";
+export default function ExtensionsLayout() {
+  return <Outlet />;
+}