@agent-native/core 0.207.0-nightly-20261011124220 → 0.207.0

package/dist/templates/chat/app/components/home/HomePage.tsx

@@ -0,0 +1,332 @@
+import {
+  markAgentChatHomeHandoff,
+  navigateWithAgentChatViewTransition,
+} from "@agent-native/core/client/agent-chat";
+import { createAgentNativeAgentKitTransport } from "@agent-native/core/client/agentkit-chat/transport";
+import { useT } from "@agent-native/core/client/i18n";
+import { AgentKitComposer } from "@agent-native/toolkit/app/agentkit/react/components";
+import { useAgentKitControl } from "@agent-native/toolkit/app/agentkit/react/context";
+import { CoreComposerRuntimeProvider } from "@agent-native/toolkit/app/chat/agentkit-chat/composer";
+import { CoreAgentKitRoot } from "@agent-native/toolkit/app/chat/agentkit-chat/index";
+import { WaveBackground } from "@agent-native/toolkit/app/shared";
+import { AgentNativeIcon } from "@agent-native/toolkit/app/shared/AgentNativeIcon";
+import {
+  IconBook,
+  IconBrandDiscord,
+  IconBrandGithub,
+  IconUsers,
+} from "@tabler/icons-react";
+import { Fragment, useState, type ReactNode } from "react";
+import { useNavigate } from "react-router";
+
+import { Button } from "@/components/ui/button";
+import {
+  Item,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemMedia,
+  ItemTitle,
+} from "@/components/ui/item";
+import { Separator } from "@/components/ui/separator";
+import { getChatHomeThreadId } from "@/lib/chat-home-thread";
+import {
+  chatThreadPath,
+  type ChatInitialComposerOptions,
+  type ChatRouteState,
+} from "@/lib/chat-paths";
+import { TAB_ID } from "@/lib/tab-id";
+
+const DOCS_URL = "https://www.agent-native.com/docs";
+const GITHUB_URL = "https://github.com/BuilderIO/agent-native";
+const DISCORD_URL = "https://discord.gg/qm82StQ2NC";
+
+const INLINE_COMPOSER_STYLE = {
+  display: "block",
+  blockSize: "auto",
+  overflow: "visible",
+  background: "transparent",
+} as const;
+
+const EDIT_HINT_CODE = { file: "actions/hello.ts" };
+
+/** Placeholder values that `WithCode` swaps back out for code chips. */
+function codeSlots(code: Record<string, string>): Record<string, string> {
+  return Object.fromEntries(
+    Object.keys(code).map((name) => [name, `\u0000${name}\u0000`]),
+  );
+}
+
+function WithCode({
+  text,
+  code,
+}: {
+  text: string;
+  code: Record<string, string>;
+}) {
+  return (
+    <>
+      {text
+        .split(/\u0000(\w+)\u0000/)
+        .map((part, index) =>
+          index % 2 === 1 ? (
+            <CodeChip key={index}>{code[part]}</CodeChip>
+          ) : (
+            <Fragment key={index}>{part}</Fragment>
+          ),
+        )}
+    </>
+  );
+}
+
+function CodeChip({ children }: { children: ReactNode }) {
+  return (
+    <code className="whitespace-nowrap rounded-md bg-muted px-1.5 py-0.5 font-mono text-[0.9em] text-foreground">
+      {children}
+    </code>
+  );
+}
+
+/**
+ * The same AgentKit composer the chat page uses, so Connect AI and the model
+ * picker look the way they will in chat. Submitting hands the prompt to the
+ * full chat page instead of running it here.
+ */
+function HomeAgentComposer() {
+  const navigate = useNavigate();
+  const [threadId] = useState(getChatHomeThreadId);
+  const [mode, setMode] = useState<"act" | "plan">("act");
+  const [transport] = useState(() =>
+    createAgentNativeAgentKitTransport({
+      browserTabId: TAB_ID,
+      surface: "app",
+      adapter: { textFormat: "markdown" },
+    }),
+  );
+
+  function openChat(
+    message: string,
+    options: ChatInitialComposerOptions,
+    onLocalSubmit?: () => void,
+  ) {
+    const state: ChatRouteState = {
+      initialMessage: message,
+      initialComposerOptions: options,
+    };
+    markAgentChatHomeHandoff("chat");
+    navigateWithAgentChatViewTransition(navigate, chatThreadPath(threadId), {
+      state,
+    });
+    onLocalSubmit?.();
+  }
+
+  return (
+    // `agentkit-chat` carries the page composer's sizing tokens. Its stylesheet
+    // is unlayered, so Tailwind utilities can't undo the transcript canvas
+    // (background, full-height grid); only inline styles win here.
+    <div
+      className="agentkit-chat w-full max-w-2xl text-start"
+      style={INLINE_COMPOSER_STYLE}
+    >
+      <div className="agentkit-composer-stack">
+        <CoreComposerRuntimeProvider>
+          <CoreAgentKitRoot
+            transport={transport}
+            clientOptions={{ transportOwnership: "owned" }}
+            threadId={threadId}
+          >
+            <HomeAgentComposerInput
+              threadId={threadId}
+              mode={mode}
+              onModeChange={setMode}
+              onSubmit={openChat}
+            />
+          </CoreAgentKitRoot>
+        </CoreComposerRuntimeProvider>
+      </div>
+    </div>
+  );
+}
+
+function HomeAgentComposerInput({
+  threadId,
+  mode,
+  onModeChange,
+  onSubmit,
+}: {
+  threadId: string;
+  mode: "act" | "plan";
+  onModeChange: (mode: "act" | "plan") => void;
+  onSubmit: (
+    text: string,
+    options: ChatInitialComposerOptions,
+    onLocalSubmit?: () => void,
+  ) => void;
+}) {
+  const t = useT();
+  const control = useAgentKitControl(threadId);
+
+  return (
+    <AgentKitComposer
+      threadId={threadId}
+      requireAgentEngine
+      placeholder={t("home.composerPlaceholder")}
+      plusMenuMode="hidden"
+      attachmentsEnabled={false}
+      mode={mode}
+      onModeChange={onModeChange}
+      voiceEnabled
+      onSubmit={async (text, files, references, options) => {
+        const uploadedAttachments = files.length
+          ? await control.uploadFiles(
+              files.map((file) => ({
+                name: file.name,
+                mediaType: file.type || "application/octet-stream",
+                size: file.size,
+                body: file,
+              })),
+            )
+          : [];
+        const {
+          onLocalSubmit: clearLocalDraft,
+          attachments: _rawAttachments,
+          ...submitOptions
+        } = options;
+        onSubmit(
+          text,
+          {
+            ...submitOptions,
+            mode,
+            references,
+            ...(uploadedAttachments.length ? { uploadedAttachments } : {}),
+          },
+          clearLocalDraft,
+        );
+      }}
+    />
+  );
+}
+
+function ResourceLink({
+  href,
+  icon,
+  children,
+}: {
+  href: string;
+  icon?: ReactNode;
+  children: ReactNode;
+}) {
+  return (
+    <Button asChild variant="outline" size="sm">
+      <a href={href} target="_blank" rel="noreferrer">
+        {icon}
+        {children}
+      </a>
+    </Button>
+  );
+}
+
+function ResourceColumn({
+  icon,
+  title,
+  description,
+  children,
+}: {
+  icon: ReactNode;
+  title: string;
+  description?: string;
+  children: ReactNode;
+}) {
+  return (
+    <Item asChild className="px-6 py-8 sm:px-10">
+      <section>
+        <ItemMedia variant="icon">{icon}</ItemMedia>
+        <ItemContent>
+          <ItemTitle role="heading" aria-level={2}>
+            {title}
+          </ItemTitle>
+          {description ? (
+            <ItemDescription>{description}</ItemDescription>
+          ) : null}
+        </ItemContent>
+        <ItemFooter className="flex-wrap justify-start">{children}</ItemFooter>
+      </section>
+    </Item>
+  );
+}
+
+export default function HomePage() {
+  const t = useT();
+
+  return (
+    <div className="flex min-h-full flex-col">
+      <section className="relative isolate flex flex-1 flex-col items-center justify-center gap-6 overflow-hidden px-4 py-16 text-center">
+        <WaveBackground className="pointer-events-none absolute inset-0 -z-10" />
+        <AgentNativeIcon
+          aria-hidden="true"
+          className="h-8 w-14 text-foreground"
+        />
+        <div className="flex flex-col items-center gap-3">
+          <h1 className="text-4xl font-semibold tracking-tight sm:text-5xl">
+            {t("home.title")}
+          </h1>
+          <p className="max-w-xl text-base text-muted-foreground">
+            <span className="block">{t("home.lead")}</span>
+            <span className="block">{t("home.leadTry")}</span>
+          </p>
+        </div>
+        <HomeAgentComposer />
+        <p className="max-w-lg text-sm text-muted-foreground">
+          <WithCode
+            text={t("home.editHint", codeSlots(EDIT_HINT_CODE))}
+            code={EDIT_HINT_CODE}
+          />
+        </p>
+        <Button asChild variant="link" size="sm" className="h-auto px-0">
+          <a
+            href={`${DOCS_URL}/environment-variables#llm-provider-keys`}
+            target="_blank"
+            rel="noreferrer"
+          >
+            {t("home.llmSetupLink")}
+          </a>
+        </Button>
+      </section>
+
+      <Separator />
+      <div className="grid md:grid-cols-[1fr_auto_1fr]">
+        <ResourceColumn
+          icon={<IconBook />}
+          title={t("home.docsTitle")}
+          description={t("home.docsDescription")}
+        >
+          <ResourceLink href={`${DOCS_URL}/getting-started`}>
+            {t("home.docsGettingStarted")}
+          </ResourceLink>
+          <ResourceLink href={`${DOCS_URL}/getting-started-actions`}>
+            {t("home.docsAddAction")}
+          </ResourceLink>
+          <ResourceLink href={`${DOCS_URL}/getting-started-pages`}>
+            {t("home.docsAddPage")}
+          </ResourceLink>
+          <ResourceLink href={`${DOCS_URL}/key-concepts`}>
+            {t("home.docsKeyConcepts")}
+          </ResourceLink>
+        </ResourceColumn>
+        <Separator orientation="vertical" className="hidden md:block" />
+        <ResourceColumn
+          icon={<IconUsers />}
+          title={t("home.communityTitle")}
+          description={t("home.communityDescription")}
+        >
+          <ResourceLink href={GITHUB_URL} icon={<IconBrandGithub />}>
+            GitHub
+          </ResourceLink>
+          <ResourceLink href={DISCORD_URL} icon={<IconBrandDiscord />}>
+            Discord
+          </ResourceLink>
+        </ResourceColumn>
+      </div>
+    </div>
+  );
+}

package/dist/templates/chat/app/components/layout/AgentInspector.tsx

@@ -5,6 +5,7 @@ import { AgentSidebar } from "@agent-native/toolkit/app/chat";
 import { type ReactNode } from "react";
 import { useNavigate } from "react-router";
 
+import { chatThreadPath } from "@/lib/chat-paths";
 import { TAB_ID } from "@/lib/tab-id";
 
 interface AgentInspectorProps {
@@ -24,10 +25,7 @@ export function AgentInspector({
 
   function openAskAgentFullscreen(threadId?: string) {
     focusAgentChat();
-    navigateWithAgentChatViewTransition(
-      navigate,
-      threadId ? `/chat/${encodeURIComponent(threadId)}` : "/home",
-    );
+    navigateWithAgentChatViewTransition(navigate, chatThreadPath(threadId));
   }
 
   return (

package/dist/templates/chat/app/components/layout/Header.tsx

@@ -10,7 +10,7 @@ import { useLocation } from "react-router";
 import { APP_TITLE } from "@/lib/app-config";
 
 const pageTitleKeys: Record<string, string> = {
-  "/home": "navigation.chat",
+  "/home": "navigation.home",
   "/observability": "navigation.observability",
   "/agent": "settings.agentTitle",
   "/settings": "navigation.settings",

package/dist/templates/chat/app/components/layout/Layout.tsx

@@ -18,6 +18,7 @@ import {
   SheetTitle,
 } from "@/components/ui/sheet";
 import { APP_TITLE } from "@/lib/app-config";
+import { HOME_PATH, isChatPathname } from "@/lib/chat-paths";
 
 import { Sidebar } from "./Sidebar";
 
@@ -38,8 +39,8 @@ const SIDEBAR_COLLAPSE_KEY = "chat.sidebar.collapsed";
 
 function routeOwnsToolbar(pathname: string): boolean {
   return (
-    pathname === "/home" ||
-    pathname.startsWith("/chat/") ||
+    pathname === HOME_PATH ||
+    isChatPathname(pathname) ||
     pathname === "/database" ||
     pathname.startsWith("/extensions")
   );
@@ -50,8 +51,7 @@ export function Layout({ children }: LayoutProps) {
   const t = useT();
   const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
-  const isChatRoute =
-    location.pathname === "/home" || location.pathname.startsWith("/chat/");
+  const isChatRoute = isChatPathname(location.pathname);
   // Settings brings its own navigation, header, and agent toggle, so it
   // renders full width.
   const settingsOwnsChrome = isSettingsPathname(location.pathname);
@@ -63,8 +63,7 @@ export function Layout({ children }: LayoutProps) {
   const chatHomeHandoffPending = isAgentChatHomeHandoffActive("chat");
   useAgentChatHomeHandoffLinks({
     storageKey: "chat",
-    isChatPath: (pathname) =>
-      pathname === "/home" || pathname.startsWith("/chat/"),
+    isChatPath: isChatPathname,
     requireActiveHandoff: true,
   });
 

package/dist/templates/chat/app/components/layout/Sidebar.tsx

@@ -17,6 +17,7 @@ import {
   IconApps,
   IconClock,
   IconEdit,
+  IconHome,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
   IconLoader2,
@@ -39,6 +40,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { APP_TITLE } from "@/lib/app-config";
+import { chatThreadPath, HOME_PATH, threadIdFromPath } from "@/lib/chat-paths";
 import { visibleChatThreads } from "@/lib/sidebar-thread-state";
 import { cn } from "@/lib/utils";
 
@@ -237,19 +239,40 @@ function persistActiveThreadId(threadId: string) {
   } catch {}
 }
 
-function threadIdFromPath(pathname: string) {
-  const match = pathname.match(/^\/chat\/([^/]+)/);
-  if (!match) return null;
-  try {
-    const value = decodeURIComponent(match[1]).trim();
-    return value || null;
-  } catch {
-    return null;
+function HomeNavLink({ collapsed }: { collapsed: boolean }) {
+  const t = useT();
+  const location = useLocation();
+  const active = location.pathname === HOME_PATH;
+  const link = (
+    <Link
+      to={HOME_PATH}
+      aria-current={active ? "page" : undefined}
+      aria-label={collapsed ? t("navigation.home") : undefined}
+      className={cn(
+        "flex items-center text-sidebar-accent-foreground transition-colors hover:bg-sidebar-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+        active && "bg-sidebar-accent",
+        collapsed
+          ? "size-10 justify-center rounded-md"
+          : "h-10 w-full gap-3 rounded-lg px-3 text-sm font-medium",
+      )}
+    >
+      <IconHome className="size-4 shrink-0" strokeWidth={1.8} />
+      <span className={collapsed ? "sr-only" : "truncate"}>
+        {t("navigation.home")}
+      </span>
+    </Link>
+  );
+
+  if (collapsed) {
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>{link}</TooltipTrigger>
+        <TooltipContent side="right">{t("navigation.home")}</TooltipContent>
+      </Tooltip>
+    );
   }
-}
 
-function chatThreadPath(threadId: string) {
-  return `/chat/${encodeURIComponent(threadId)}`;
+  return <div className="px-2">{link}</div>;
 }
 
 function ChatThreadsSection({ collapsed }: { collapsed: boolean }) {
@@ -540,6 +563,7 @@ export function Sidebar({
           collapsed ? "items-center gap-1 px-1 py-2" : "pt-1",
         )}
       >
+        <HomeNavLink collapsed={collapsed} />
         <ChatThreadsSection collapsed={collapsed} />
       </nav>
 

package/dist/templates/chat/app/components/ui/item.tsx

@@ -0,0 +1 @@
+export * from "@agent-native/toolkit/ui/item";

package/dist/templates/chat/app/components/ui/separator.tsx

@@ -0,0 +1 @@
+export * from "@agent-native/toolkit/ui/separator";

package/dist/templates/chat/app/components/ui/skeleton.tsx

@@ -0,0 +1 @@
+export * from "@agent-native/toolkit/ui/skeleton";

package/dist/templates/chat/app/hooks/use-navigation-state.ts

@@ -1,6 +1,13 @@
 import { appBasePath, appPath } from "@agent-native/core/client/api-path";
 import { useAgentRouteState } from "@agent-native/core/client/navigation";
 
+import {
+  chatThreadPath,
+  HOME_PATH,
+  isChatPathname,
+  NEW_CHAT_PATH,
+  threadIdFromPath,
+} from "@/lib/chat-paths";
 import { TAB_ID } from "@/lib/tab-id";
 
 export interface NavigationState {
@@ -26,19 +33,9 @@ export function useNavigationState() {
   });
 }
 
-function threadIdFromPath(pathname: string): string | null {
-  const match = pathname.match(/^\/chat\/([^/]+)/);
-  if (!match) return null;
-  try {
-    const value = decodeURIComponent(match[1]).trim();
-    return value || null;
-  } catch {
-    return null;
-  }
-}
-
 function viewForPath(pathname: string): string {
-  if (isChatPath(pathname)) return "chat";
+  if (isChatPathname(pathname)) return "chat";
+  if (pathname === HOME_PATH) return "home";
   if (pathname.startsWith("/database")) return "database";
   if (pathname.startsWith("/extensions")) return "extensions";
   if (pathname.startsWith("/observability")) return "observability";
@@ -53,9 +50,10 @@ function viewForPath(pathname: string): string {
 function pathForView(view?: string): string {
   switch (view) {
     case "chat":
-    case "home":
     case "ask":
-      return "/home";
+      return NEW_CHAT_PATH;
+    case "home":
+      return HOME_PATH;
     case "database":
       return "/database";
     case "extensions":
@@ -69,16 +67,16 @@ function pathForView(view?: string): string {
     case "team":
       return "/settings/organization";
     default:
-      return "/home";
+      return HOME_PATH;
   }
 }
 
-function pathForCommand(command: any): string {
+export function pathForCommand(command: any): string {
   const path = pathForView(command?.view);
-  if (path !== "/home") return path;
+  if (command?.view !== "chat" && command?.view !== "ask") return path;
   const threadId =
     typeof command?.threadId === "string" ? command.threadId.trim() : "";
-  return threadId ? `/chat/${encodeURIComponent(threadId)}` : path;
+  return threadId ? chatThreadPath(threadId) : path;
 }
 
 function routerPath(path: string): string {
@@ -90,7 +88,3 @@ function routerPath(path: string): string {
   }
   return path;
 }
-
-function isChatPath(pathname: string): boolean {
-  return pathname === "/home" || pathname.startsWith("/chat/");
-}

package/dist/templates/chat/app/i18n/ar-SA.ts

@@ -1,4 +1,8 @@
 const messages = {
+  composer: {
+    removeAttachment: "إزالة {{name}}",
+    removeReference: "إزالة مرجع {{name}}",
+  },
   settings: {
     title: "الإعدادات",
     workspaceTitle: "مساحة العمل",
@@ -29,6 +33,10 @@ const messages = {
     pinned: "المثبتة",
     recents: "الأخيرة",
     retryPreviousRequest: "أعِد محاولة طلبي السابق الآن بعد توصيل مزود النموذج.",
+    invalidHandoffOptions:
+      "تم حفظ المطالبة كمسودة، لكن تعذرت استعادة إعدادات الدردشة. راجع المطالبة والسياق والنموذج قبل إرسالها مرة أخرى.",
+    recoveryDraftUnsaved:
+      "لم تُحفظ هذه التغييرات على المسودة. قد تفقدها إذا أعدت تحميل هذه المحادثة.",
     retryAttachmentUnavailable:
       "لا يمكن للدردشة إعادة فتح هذا المرفق لإعادة المحاولة. أضف عنوان URL يمكن الوصول إليه للملف، ثم أعد المحاولة.",
     renameChat: "إعادة تسمية المحادثة",
@@ -40,12 +48,29 @@ const messages = {
     unpinChat: "إلغاء تثبيت المحادثة",
     untitledChat: "محادثة بلا عنوان",
   },
+  home: {
+    communityDescription: "انضم إلى مجتمع Agent-Native",
+    composerPlaceholder: "استدعِ الإجراء hello من أجل Alex",
+    communityTitle: "تواصل معنا",
+    docsAddAction: "إضافة إجراء",
+    docsAddPage: "إضافة صفحة",
+    docsDescription: "أدلة حول الإجراءات والصفحات والوكلاء",
+    docsGettingStarted: "البدء",
+    docsKeyConcepts: "المفاهيم الأساسية",
+    docsTitle: "المستندات",
+    editHint: "عدّل {{file}} واحفظه، ثم اسأل مجددًا لترى التحية الجديدة.",
+    lead: "تتشارك واجهة تطبيقك ووكيله الإجراءات نفسها.",
+    leadTry: "اطلب من الوكيل استدعاء الإجراء hello.",
+    llmSetupLink: "إعداد موفّر LLM",
+    title: "ابدأ الآن",
+  },
   navigation: {
     chat: "المحادثة",
     collapseSidebar: "طي الشريط الجانبي",
     database: "قاعدة البيانات",
     expandSidebar: "توسيع الشريط الجانبي",
     extensions: "الإضافات",
+    home: "الرئيسية",
     navigation: "التنقل",
     navigationDescription: "التنقل الرئيسي",
     observability: "قابلية المراقبة",

package/dist/templates/chat/app/i18n/de-DE.ts

@@ -1,4 +1,8 @@
 const messages = {
+  composer: {
+    removeAttachment: "{{name}} entfernen",
+    removeReference: "Referenz {{name}} entfernen",
+  },
   settings: {
     title: "Einstellungen",
     workspaceTitle: "Arbeitsbereich",
@@ -31,6 +35,10 @@ const messages = {
     recents: "Kürzlich",
     retryPreviousRequest:
       "Wiederhole meine vorherige Anfrage, jetzt wo der KI-Anbieter verbunden ist.",
+    invalidHandoffOptions:
+      "Die Eingabe wurde als Entwurf gespeichert, aber ihre Chateinstellungen konnten nicht wiederhergestellt werden. Prüfe Eingabe, Kontext und Modell, bevor du sie erneut sendest.",
+    recoveryDraftUnsaved:
+      "Diese Änderungen am Entwurf sind nicht gespeichert. Beim Neuladen dieses Chats können sie verloren gehen.",
     retryAttachmentUnavailable:
       "Chat kann diesen Anhang für einen erneuten Versuch nicht öffnen. Füge eine zugängliche Datei-URL hinzu und versuche es erneut.",
     renameChat: "Chat umbenennen",
@@ -42,12 +50,30 @@ const messages = {
     unpinChat: "Chat lösen",
     untitledChat: "Unbenannter Chat",
   },
+  home: {
+    communityDescription: "Tritt der Agent-Native-Community bei",
+    composerPlaceholder: "Ruf die Aktion hello für Alex auf",
+    communityTitle: "Mach mit",
+    docsAddAction: "Aktion hinzufügen",
+    docsAddPage: "Seite hinzufügen",
+    docsDescription: "Anleitungen zu Aktionen, Seiten und Agenten",
+    docsGettingStarted: "Erste Schritte",
+    docsKeyConcepts: "Grundkonzepte",
+    docsTitle: "Dokumentation",
+    editHint:
+      "Bearbeite {{file}}, speichere und frag erneut, um die neue Begrüßung zu sehen.",
+    lead: "Die Oberfläche deiner App und ihr Agent nutzen dieselben Aktionen.",
+    leadTry: "Bitte den Agenten, die Aktion hello aufzurufen.",
+    llmSetupLink: "LLM-Anbieter einrichten",
+    title: "Loslegen",
+  },
   navigation: {
     chat: "Chat",
     collapseSidebar: "Seitenleiste einklappen",
     database: "Datenbank",
     expandSidebar: "Seitenleiste ausklappen",
     extensions: "Erweiterungen",
+    home: "Start",
     navigation: "Navigation",
     navigationDescription: "Hauptnavigation",
     observability: "Beobachtbarkeit",