@agent-native/core 0.90.1 → 0.90.3

package/corpus/core/src/client/AgentPanel.tsx

@@ -2154,7 +2154,7 @@ function URLSync({ browserTabId }: { browserTabId?: string }) {
       // Replace rather than push so repeated agent URL updates don't
       // clutter the history stack and can't trigger extra remounts from
       // router navigation lifecycle.
-      navigate(url, { replace: true, flushSync: true });
+      window.setTimeout(() => navigate(url, { replace: true }), 0);
     } catch {
       // Malformed command — ignore.
     }

package/corpus/core/src/client/command-navigation/index.ts

@@ -0,0 +1,15 @@
+export {
+  CommandMenu,
+  openAgentSettings,
+  openAgentSidebar,
+  submitToAgent,
+  useCommandMenuShortcut,
+  type CommandDocsGroupProps,
+  type CommandGroupProps,
+  type CommandItemProps,
+  type CommandMenuDoc,
+  type CommandMenuProps,
+  type CommandShortcutProps,
+} from "../CommandMenu.js";
+export { focusAgentChat } from "../AgentPanel.js";
+export * from "../../navigation/index.js";

package/corpus/core/src/client/comments-review/index.ts

@@ -0,0 +1 @@
+export * from "../review/index.js";

package/corpus/core/src/client/history/VersionHistoryPanel.tsx

@@ -0,0 +1,145 @@
+import { IconClock, IconRestore, IconTimeline } from "@tabler/icons-react";
+import type { ReactNode } from "react";
+
+import type { ResourceVersion } from "../../history/types.js";
+import { cn } from "../utils.js";
+import {
+  useResourceVersions,
+  useRestoreResourceVersion,
+} from "./use-history.js";
+
+export interface VersionHistoryPanelProps {
+  resourceType: string;
+  resourceId: string;
+  title?: string;
+  className?: string;
+  limit?: number;
+  emptyState?: ReactNode;
+  renderVersion?: (version: ResourceVersion) => ReactNode;
+  onRestored?: (version: ResourceVersion, result: unknown) => void;
+}
+
+export function VersionHistoryPanel({
+  resourceType,
+  resourceId,
+  title = "Version history",
+  className,
+  limit = 20,
+  emptyState = "No saved versions yet.",
+  renderVersion,
+  onRestored,
+}: VersionHistoryPanelProps) {
+  const versions = useResourceVersions({ resourceType, resourceId, limit });
+  const restore = useRestoreResourceVersion();
+
+  return (
+    <section
+      className={cn(
+        "rounded-lg border border-border bg-card text-card-foreground",
+        className,
+      )}
+    >
+      <div className="flex items-center gap-2 border-b border-border px-4 py-3">
+        <IconTimeline className="h-4 w-4 text-muted-foreground" />
+        <h2 className="text-sm font-medium">{title}</h2>
+      </div>
+      <div className="divide-y divide-border">
+        {versions.isLoading ? (
+          <div className="px-4 py-6 text-sm text-muted-foreground">
+            Loading versions...
+          </div>
+        ) : versions.data?.versions.length ? (
+          versions.data.versions.map((version) => (
+            <article key={version.id} className="flex gap-3 px-4 py-3">
+              <div className="mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-muted">
+                <IconClock className="h-4 w-4 text-muted-foreground" />
+              </div>
+              <div className="min-w-0 flex-1">
+                {renderVersion ? (
+                  renderVersion(version)
+                ) : (
+                  <>
+                    <div className="flex flex-wrap items-center gap-x-2 gap-y-1">
+                      <h3 className="truncate text-sm font-medium">
+                        {version.title ?? `Version ${version.versionNumber}`}
+                      </h3>
+                      <span className="text-xs text-muted-foreground">
+                        {formatVersionDate(version.createdAt)}
+                      </span>
+                    </div>
+                    {version.summary ? (
+                      <p className="mt-1 text-sm text-muted-foreground">
+                        {version.summary}
+                      </p>
+                    ) : null}
+                  </>
+                )}
+              </div>
+              <button
+                type="button"
+                className="inline-flex h-8 items-center gap-1.5 rounded-md border border-input px-2.5 text-xs font-medium hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50"
+                disabled={restore.isPending}
+                onClick={() =>
+                  restore.mutate(
+                    { id: version.id },
+                    {
+                      onSuccess: (result) => {
+                        onRestored?.(result.version, result.result);
+                      },
+                    },
+                  )
+                }
+              >
+                <IconRestore className="h-3.5 w-3.5" />
+                Restore
+              </button>
+            </article>
+          ))
+        ) : (
+          <div className="px-4 py-6 text-sm text-muted-foreground">
+            {emptyState}
+          </div>
+        )}
+      </div>
+    </section>
+  );
+}
+
+export function HistoryTimeline({
+  versions,
+  className,
+}: {
+  versions: ResourceVersion[];
+  className?: string;
+}) {
+  return (
+    <ol className={cn("space-y-3", className)}>
+      {versions.map((version) => (
+        <li key={version.id} className="flex gap-3">
+          <div className="mt-1 h-2 w-2 rounded-full bg-primary" />
+          <div className="min-w-0">
+            <div className="truncate text-sm font-medium">
+              {version.title ?? `Version ${version.versionNumber}`}
+            </div>
+            <div className="text-xs text-muted-foreground">
+              {formatVersionDate(version.createdAt)}
+            </div>
+            {version.summary ? (
+              <p className="mt-1 text-sm text-muted-foreground">
+                {version.summary}
+              </p>
+            ) : null}
+          </div>
+        </li>
+      ))}
+    </ol>
+  );
+}
+
+function formatVersionDate(value: string): string {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return value;
+  }
+  return date.toLocaleString();
+}

package/corpus/core/src/client/history/index.ts

@@ -0,0 +1,18 @@
+export {
+  HistoryTimeline,
+  VersionHistoryPanel,
+  type VersionHistoryPanelProps,
+} from "./VersionHistoryPanel.js";
+export {
+  useCreateResourceVersion,
+  useResourceHistory,
+  useResourceVersions,
+  useRestoreResourceVersion,
+  type CreateResourceVersionInput,
+  type ListResourceHistoryResult,
+  type ListResourceVersionsResult,
+  type ResourceHistoryParams,
+  type ResourceVersionsParams,
+  type RestoreResourceVersionInput,
+  type RestoreResourceVersionResult,
+} from "./use-history.js";

package/corpus/core/src/client/history/use-history.ts

@@ -0,0 +1,86 @@
+import type { ResourceVersion } from "../../history/types.js";
+import { useActionMutation, useActionQuery } from "../use-action.js";
+
+export interface ResourceVersionsParams {
+  resourceType: string;
+  resourceId: string;
+  limit?: number;
+  offset?: number;
+}
+
+export interface ResourceHistoryParams {
+  resourceType: string;
+  resourceId: string;
+  limit?: number;
+}
+
+export interface CreateResourceVersionInput {
+  resourceType: string;
+  resourceId: string;
+  title?: string;
+  summary?: string;
+  snapshot?: unknown;
+  metadata?: Record<string, unknown>;
+}
+
+export interface RestoreResourceVersionInput {
+  id?: string;
+  resourceType?: string;
+  resourceId?: string;
+  versionNumber?: number;
+}
+
+export interface ListResourceVersionsResult {
+  versions: ResourceVersion[];
+}
+
+export interface ListResourceHistoryResult {
+  versions: ResourceVersion[];
+  auditEvents: unknown[];
+}
+
+export interface RestoreResourceVersionResult {
+  version: ResourceVersion;
+  result: unknown;
+}
+
+export function useResourceVersions(
+  params: ResourceVersionsParams,
+  options?: { enabled?: boolean },
+) {
+  return useActionQuery<ListResourceVersionsResult>(
+    "list-resource-versions",
+    params,
+    {
+      enabled:
+        options?.enabled ?? Boolean(params.resourceType && params.resourceId),
+    },
+  );
+}
+
+export function useResourceHistory(
+  params: ResourceHistoryParams,
+  options?: { enabled?: boolean },
+) {
+  return useActionQuery<ListResourceHistoryResult>(
+    "list-resource-history",
+    params,
+    {
+      enabled:
+        options?.enabled ?? Boolean(params.resourceType && params.resourceId),
+    },
+  );
+}
+
+export function useCreateResourceVersion() {
+  return useActionMutation<ResourceVersion, CreateResourceVersionInput>(
+    "create-resource-version",
+  );
+}
+
+export function useRestoreResourceVersion() {
+  return useActionMutation<
+    RestoreResourceVersionResult,
+    RestoreResourceVersionInput
+  >("restore-resource-version");
+}

package/corpus/core/src/client/index.ts

@@ -639,19 +639,22 @@ export { AgentNativeIcon } from "./components/icons/AgentNativeIcon.js";
 export {
   SettingsPanel,
   SettingsTabsPage,
-  useAgentSettingsTabs,
-  type SettingsPanelProps,
-  type SettingsTabItem,
-  type SettingsTabsPageProps,
-} from "./settings/index.js";
-export { useBuilderStatus } from "./settings/useBuilderStatus.js";
-export {
+  SecretsSection,
   openBuilderConnectPopup,
+  useAgentSettingsTabs,
   useBuilderConnectFlow,
+  useBuilderStatus,
+  withBuilderConnectTrackingParams,
   type BuilderConnectFlow,
   type BuilderConnectFlowOptions,
+  type BuilderConnectStartOptions,
+  type BuilderStatus,
   type OpenBuilderConnectPopupOptions,
-} from "./settings/useBuilderStatus.js";
+  type SecretsSectionProps,
+  type SettingsPanelProps,
+  type SettingsTabItem,
+  type SettingsTabsPageProps,
+} from "./settings/index.js";
 // Deprecated — use AgentSidebar + AgentToggleButton instead
 export {
   ProductionAgentPanel,
@@ -783,6 +786,43 @@ export {
   type ResourceTreeProps,
   type ResourceEditorProps,
 } from "./resources/index.js";
+export {
+  HistoryTimeline,
+  VersionHistoryPanel,
+  useCreateResourceVersion,
+  useResourceHistory,
+  useResourceVersions,
+  useRestoreResourceVersion,
+  type CreateResourceVersionInput,
+  type ListResourceHistoryResult,
+  type ListResourceVersionsResult,
+  type ResourceHistoryParams,
+  type ResourceVersionsParams,
+  type RestoreResourceVersionInput,
+  type RestoreResourceVersionResult,
+  type VersionHistoryPanelProps,
+} from "./history/index.js";
+export {
+  ReviewStatusBadge,
+  ReviewThreadPanel,
+  buildReviewThreads,
+  useCreateReviewComment,
+  useDeleteReviewComment,
+  useReplyReviewComment,
+  useResolveReviewThread,
+  useReviewComments,
+  useSetReviewStatus,
+  type CreateReviewCommentInput,
+  type DeleteReviewCommentInput,
+  type ListReviewCommentsParams,
+  type ListReviewCommentsResult,
+  type ReplyReviewCommentInput,
+  type ResolveReviewThreadInput,
+  type ReviewStatusBadgeProps,
+  type ReviewThread,
+  type ReviewThreadPanelProps,
+  type SetReviewStatusInput,
+} from "./review/index.js";
 export type {
   AppToFrameMessage,
   FrameToAppMessage,
@@ -792,10 +832,10 @@ export type {
 } from "./frame-protocol.js";
 export {
   CommandMenu,
-  useCommandMenuShortcut,
   openAgentSidebar,
   openAgentSettings,
   submitToAgent,
+  useCommandMenuShortcut,
   type CommandMenuProps,
   type CommandMenuDoc,
   type CommandDocsGroupProps,
@@ -803,6 +843,33 @@ export {
   type CommandItemProps,
   type CommandShortcutProps,
 } from "./CommandMenu.js";
+export {
+  buildOpenRouteLink,
+  buildOpenRoutePath,
+  buildResourceRoute,
+  buildSettingsRoute,
+  buildStandardAppRoute,
+  buildTeamRoute,
+  createStandardOpenPathResolver,
+  STANDARD_APP_ROUTES,
+  STANDARD_SETTINGS_TABS,
+  type BuildResourceRouteOptions,
+  type BuildStandardAppRouteOptions,
+  type NavigationLink,
+  type NavigationTarget,
+  type StandardAppRouteId,
+  type StandardOpenPathResolverOptions,
+  type StandardOpenPathRoute,
+  type StandardSettingsTabId,
+} from "../navigation/index.js";
+export {
+  BuilderConnectCard,
+  ProviderReadinessBadge,
+  SetupConnectionsPage,
+  type BuilderConnectCardProps,
+  type ProviderReadinessBadgeProps,
+  type SetupConnectionsPageProps,
+} from "./setup-connections/index.js";
 export {
   ChangelogDialog,
   ChangelogSettingsCard,

package/corpus/core/src/client/org/OrgSwitcher.tsx

@@ -5,7 +5,6 @@ import {
   IconBrain,
   IconBrandJira,
   IconBrush,
-  IconBuilding,
   IconCalendar,
   IconCalendarTime,
   IconChartBar,
@@ -33,6 +32,7 @@ import {
   IconUser,
   IconUserPlus,
   IconUsers,
+  IconUsersGroup,
   IconWorld,
 } from "@tabler/icons-react";
 import { useState } from "react";
@@ -285,7 +285,7 @@ function OrgSwitcherLoadingPlaceholder({ className }: { className?: string }) {
       aria-label="Loading organization"
       className={`${SWITCHER_BUTTON_CLASS} animate-pulse ${className ?? ""}`}
     >
-      <IconBuilding className="h-3.5 w-3.5 shrink-0 opacity-60" />
+      <IconUsersGroup className="h-3.5 w-3.5 shrink-0 opacity-60" />
       <span className="h-3 min-w-0 flex-1 rounded-sm bg-muted-foreground/20" />
       <IconSelector className="h-3 w-3 shrink-0 opacity-30" />
     </button>
@@ -376,7 +376,7 @@ export function OrgSwitcher({
   const personalLabel = personalLabelFromEmail(org.email);
   const inOrg = !!org.orgId;
   const buttonLabel = org.orgName ?? "Personal";
-  const ButtonIcon = inOrg ? IconBuilding : IconUser;
+  const ButtonIcon = inOrg ? IconUsersGroup : IconUser;
   const organizationSettingsHref = settingsPath
     ? organizationSettingsPath(settingsPath)
     : null;
@@ -440,7 +440,7 @@ export function OrgSwitcher({
                   disabled={switchOrg.isPending}
                   className={`${ITEM_CLASS} cursor-pointer`}
                 >
-                  <IconBuilding className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                  <IconUsersGroup className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                   <span className="truncate flex-1 text-start">
                     {o.orgName}
                   </span>
@@ -459,7 +459,7 @@ export function OrgSwitcher({
                       key={inv.id}
                       className="flex items-center gap-2 px-2.5 py-1.5 text-xs"
                     >
-                      <IconBuilding className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                      <IconUsersGroup className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                       <span className="truncate flex-1 text-foreground">
                         {inv.orgName}
                       </span>
@@ -501,7 +501,7 @@ export function OrgSwitcher({
                         key={match.orgId}
                         className="flex items-center gap-2 px-2.5 py-1.5 text-xs"
                       >
-                        <IconBuilding className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                        <IconUsersGroup className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                         <span className="truncate flex-1 text-foreground">
                           {match.orgName}
                         </span>

package/corpus/core/src/client/org/RequireActiveOrg.tsx

@@ -1,9 +1,9 @@
 import {
   IconAlertTriangle,
-  IconBuilding,
   IconLoader2,
   IconUserPlus,
   IconAt,
+  IconUsersGroup,
 } from "@tabler/icons-react";
 import { ReactNode, useState } from "react";
 
@@ -177,7 +177,7 @@ function CreateOrgPane({
     >
       <div className="my-auto w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg">
         <div className="mb-6 flex items-center gap-2">
-          <IconBuilding className="h-5 w-5 text-muted-foreground" />
+          <IconUsersGroup className="h-5 w-5 text-muted-foreground" />
           <h1 className="text-lg font-semibold">{title}</h1>
         </div>
         <p className="mb-6 text-sm text-muted-foreground">{description}</p>

package/corpus/core/src/client/org/TeamPage.tsx

@@ -1,5 +1,4 @@
 import {
-  IconBuilding,
   IconUserPlus,
   IconTrash,
   IconCrown,
@@ -18,6 +17,7 @@ import {
   IconFileImport,
   IconPlus,
   IconAlertTriangle,
+  IconUsersGroup,
 } from "@tabler/icons-react";
 import { useMemo, useRef, useState, type ReactNode } from "react";
 
@@ -153,7 +153,7 @@ function JoinByDomainCard({ matches }: { matches: DomainMatchOrg[] }) {
           >
             <div className="flex items-center gap-2.5">
               <div className="flex h-8 w-8 items-center justify-center rounded-md bg-blue-600/10">
-                <IconBuilding className="h-4 w-4 text-blue-600" />
+                <IconUsersGroup className="h-4 w-4 text-blue-600" />
               </div>
               <div className="text-sm font-medium">{m.orgName}</div>
             </div>
@@ -324,7 +324,7 @@ function MembersCard() {
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-3">
           <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-blue-600/10">
-            <IconBuilding className="h-5 w-5 text-blue-600" />
+            <IconUsersGroup className="h-5 w-5 text-blue-600" />
           </div>
           <div>
             <OrgNameDisplay name={org.orgName ?? ""} canEdit={isOwnerOrAdmin} />

package/corpus/core/src/client/org/hooks.ts

@@ -1,9 +1,15 @@
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 
+import {
+  canInviteOrgMembers,
+  canManageOrg,
+  canManageOrgDomain,
+} from "../../org/permissions.js";
 import type {
   OrgInfo,
   OrgMember,
   OrgPendingInvitation,
+  OrgRole,
 } from "../../org/types.js";
 import { agentNativePath } from "../api-path.js";
 
@@ -48,6 +54,32 @@ export function useOrg() {
   });
 }
 
+export interface UseOrgRoleResult {
+  org: OrgInfo | undefined;
+  role: OrgRole | null;
+  isOwner: boolean;
+  canManageOrg: boolean;
+  canInviteMembers: boolean;
+  canManageDomain: boolean;
+  isLoading: boolean;
+  error: Error | null;
+}
+
+export function useOrgRole(): UseOrgRoleResult {
+  const query = useOrg();
+  const role = query.data?.role ?? null;
+  return {
+    org: query.data,
+    role,
+    isOwner: role === "owner",
+    canManageOrg: canManageOrg(role),
+    canInviteMembers: canInviteOrgMembers(role),
+    canManageDomain: canManageOrgDomain(role),
+    isLoading: query.isLoading,
+    error: query.error,
+  };
+}
+
 export function useOrgMembers() {
   // Scope the cache by active orgId so switching or creating an org forces a
   // fresh fetch rather than briefly showing the previous org's members.

package/corpus/core/src/client/org/index.ts

@@ -14,9 +14,18 @@ export {
   useSwitchOrg,
   useJoinByDomain,
   useSetOrgDomain,
+  useSetA2ASecret,
+  useSyncA2ASecret,
+  useOrgRole,
 } from "./hooks.js";
 
-export type { InviteRole, InviteVars, BulkInviteResult } from "./hooks.js";
+export type {
+  InviteRole,
+  InviteVars,
+  BulkInviteResult,
+  SyncA2ASecretResult,
+  UseOrgRoleResult,
+} from "./hooks.js";
 
 export { OrgSwitcher, type OrgSwitcherProps } from "./OrgSwitcher.js";
 export {
@@ -28,6 +37,26 @@ export {
   RequireActiveOrg,
   type RequireActiveOrgProps,
 } from "./RequireActiveOrg.js";
+export {
+  defaultOrgAppLinks,
+  dispatchAppsHref,
+  dispatchOverviewHref,
+  isWorkspaceAppEnvironment,
+  parseWorkspaceAppLinks,
+  parseWorkspaceAppLinksJson,
+  visibleOrgAppLinks,
+  ORG_SWITCHER_MAX_APP_LINKS,
+  type OrgSwitcherAppLink,
+  type UseOrgSwitcherAppLinksResult,
+  type VisibleOrgAppLinks,
+} from "./workspace-app-links.js";
+export {
+  canInviteOrgMembers,
+  canManageOrg,
+  canManageOrgDomain,
+  orgRoleAtLeast,
+  orgRoleRank,
+} from "../../org/permissions.js";
 
 // Re-export the shared types so consumers can import them from one place.
 export type {

package/corpus/core/src/client/org-team/index.ts

@@ -0,0 +1 @@
+export * from "../org/index.js";

package/corpus/core/src/client/review/ReviewStatusBadge.tsx

@@ -0,0 +1,39 @@
+import type { ReviewStatus } from "../../review/types.js";
+import { cn } from "../utils.js";
+
+export interface ReviewStatusBadgeProps {
+  status: ReviewStatus | null | undefined;
+  className?: string;
+}
+
+const STATUS_LABELS: Record<ReviewStatus, string> = {
+  draft: "Draft",
+  in_review: "In review",
+  approved: "Approved",
+  changes_requested: "Changes requested",
+};
+
+const STATUS_CLASSES: Record<ReviewStatus, string> = {
+  draft: "border-muted bg-muted text-muted-foreground",
+  in_review: "border-blue-200 bg-blue-50 text-blue-700",
+  approved: "border-emerald-200 bg-emerald-50 text-emerald-700",
+  changes_requested: "border-amber-200 bg-amber-50 text-amber-800",
+};
+
+export function ReviewStatusBadge({
+  status,
+  className,
+}: ReviewStatusBadgeProps) {
+  const normalized = status ?? "draft";
+  return (
+    <span
+      className={cn(
+        "inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium",
+        STATUS_CLASSES[normalized],
+        className,
+      )}
+    >
+      {STATUS_LABELS[normalized]}
+    </span>
+  );
+}