@agent-native/core 0.107.2 → 0.108.0

package/corpus/templates/analytics/app/components/agents/FeatureFlagsFleetPanel.tsx

@@ -0,0 +1,243 @@
+import {
+  FeatureFlagsEditor,
+  useActionMutation,
+  useActionQuery,
+  useT,
+  type FeatureFlagMetadata,
+  type SetFeatureFlagInput,
+} from "@agent-native/core/client";
+import { IconRefresh } from "@tabler/icons-react";
+import { useQueryClient } from "@tanstack/react-query";
+
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+
+export interface FeatureFlag {
+  key: string;
+  displayName?: string | null;
+  description?: string | null;
+  defaultValue?: boolean;
+  rules?: FeatureFlagMetadata["rules"];
+}
+
+export interface FlagApp {
+  appId?: string;
+  appName?: string;
+  appOrigin?: string;
+  state?: string;
+  id?: string;
+  name?: string;
+  url?: string;
+  status?: string;
+  reason?: string;
+  flags?: FeatureFlag[];
+}
+
+export interface FlagDirectory {
+  directoryStatus?: string;
+  apps?: FlagApp[];
+}
+
+function asDirectory(value: unknown): FlagDirectory {
+  return value && typeof value === "object" ? (value as FlagDirectory) : {};
+}
+
+function isReady(app: FlagApp) {
+  return app.state === "ready" || app.status === "ready";
+}
+
+function statusLabel(app: FlagApp) {
+  return app.state || app.status || "unknown-legacy";
+}
+
+function appId(app: FlagApp) {
+  return app.appId || app.id || "";
+}
+
+function appName(app: FlagApp) {
+  return app.appName || app.name || appId(app);
+}
+
+export function qualifyFleetMutation(
+  appId: string,
+  input: SetFeatureFlagInput,
+) {
+  return { appId, ...input };
+}
+
+export function FeatureFlagsFleetPanel() {
+  const t = useT();
+  const client = useQueryClient();
+  const flags = useActionQuery<unknown>(
+    "list-workspace-feature-flags",
+    undefined,
+    { retry: false },
+  );
+  const mutation = useActionMutation<
+    unknown,
+    { appId: string } & SetFeatureFlagInput
+  >("set-workspace-feature-flag", {
+    onMutate: async (input) => {
+      await client.cancelQueries({
+        queryKey: ["action", "list-workspace-feature-flags"],
+      });
+      const key = ["action", "list-workspace-feature-flags", undefined];
+      const previous = client.getQueryData(key);
+      client.setQueryData(key, (old: unknown) => {
+        const data = asDirectory(old);
+        return {
+          ...data,
+          apps: data.apps?.map((app) =>
+            appId(app) !== input.appId
+              ? app
+              : {
+                  ...app,
+                  flags: app.flags?.map((flag) =>
+                    flag.key !== input.key
+                      ? flag
+                      : {
+                          ...flag,
+                          rules:
+                            input.operation === "replace-rules" && input.rules
+                              ? input.rules
+                              : input.operation === "off"
+                                ? {
+                                    ...flag.rules!,
+                                    mode: "off",
+                                    emails: [],
+                                    orgIds: [],
+                                    percentage: 0,
+                                  }
+                                : flag.rules,
+                        },
+                  ),
+                },
+          ),
+        };
+      });
+      return { previous, key };
+    },
+    onError: (_error, _input, context: any) => {
+      if (context) client.setQueryData(context.key, context.previous);
+    },
+    onSettled: () =>
+      void client.invalidateQueries({
+        queryKey: ["action", "list-workspace-feature-flags"],
+      }),
+  });
+  const directory = asDirectory(flags.data);
+  const apps = directory.apps ?? [];
+  if (flags.isLoading) return <PanelLoading />;
+  if (flags.error || directory.directoryStatus === "unavailable")
+    return (
+      <StatusState
+        title={t("agents.flagsUnavailable")}
+        detail={flags.error?.message || t("agents.flagsUnreachable")}
+        onRetry={() => void flags.refetch()}
+      />
+    );
+  if (apps.length === 0)
+    return (
+      <StatusState
+        title={t("agents.flagsEmpty")}
+        detail={t("agents.flagsEmptyDetail")}
+        onRetry={() => void flags.refetch()}
+      />
+    );
+  return (
+    <div className="flex flex-col gap-4">
+      <div className="flex items-start justify-between gap-3">
+        <div>
+          <h2 className="text-sm font-semibold">{t("agents.featureFlags")}</h2>
+          <p className="mt-1 text-sm text-muted-foreground">
+            {t("agents.featureFlagsDescription")}
+          </p>
+        </div>
+        <Button
+          variant="outline"
+          size="sm"
+          onClick={() => void flags.refetch()}
+        >
+          <IconRefresh className="me-2 size-4" />
+          {t("agents.reloadFlags")}
+        </Button>
+      </div>
+      {apps.map((app) => (
+        <section key={appId(app)} className="overflow-hidden rounded-lg border">
+          <div className="flex items-center justify-between gap-3 border-b bg-muted/30 px-4 py-3">
+            <div>
+              <h3 className="text-sm font-medium">{appName(app)}</h3>
+              {app.reason ? (
+                <p className="text-xs text-muted-foreground">{app.reason}</p>
+              ) : null}
+            </div>
+            {!isReady(app) ? (
+              <Badge variant="outline">{statusLabel(app)}</Badge>
+            ) : null}
+          </div>
+          {isReady(app) ? (
+            <div className="p-4">
+              <FeatureFlagsEditor
+                flags={(app.flags ?? []).filter(
+                  (flag): flag is FeatureFlagMetadata =>
+                    !!flag.rules && typeof flag.defaultValue === "boolean",
+                )}
+                isPending={mutation.isPending}
+                error={
+                  mutation.variables?.appId === appId(app)
+                    ? mutation.error
+                    : null
+                }
+                errorFlagKey={
+                  mutation.variables?.appId === appId(app)
+                    ? mutation.variables.key
+                    : null
+                }
+                showHeader={false}
+                onMutate={(input) =>
+                  mutation.mutate(qualifyFleetMutation(appId(app), input))
+                }
+              />
+            </div>
+          ) : (
+            <div className="p-4 text-sm text-muted-foreground">
+              {statusLabel(app) === "no-definitions"
+                ? t("agents.noFlagDefinitions")
+                : t("agents.flagsNotReady", { status: statusLabel(app) })}
+            </div>
+          )}
+        </section>
+      ))}
+    </div>
+  );
+}
+
+function PanelLoading() {
+  const t = useT();
+  return (
+    <div className="flex min-h-52 items-center justify-center rounded-lg border text-sm text-muted-foreground">
+      {t("agents.loading")}
+    </div>
+  );
+}
+
+function StatusState({
+  title,
+  detail,
+  onRetry,
+}: {
+  title: string;
+  detail: string;
+  onRetry: () => void;
+}) {
+  const t = useT();
+  return (
+    <div className="rounded-lg border p-6">
+      <h2 className="text-sm font-semibold">{title}</h2>
+      <p className="mt-1 text-sm text-muted-foreground">{detail}</p>
+      <Button className="mt-4" size="sm" variant="outline" onClick={onRetry}>
+        {t("sidebar.retry")}
+      </Button>
+    </div>
+  );
+}

package/corpus/templates/analytics/app/components/layout/CommandPalette.tsx

@@ -95,16 +95,20 @@ const defaultTools = [
       "agent monitoring",
       "observability",
       "evals",
-      "experiments",
       "feedback",
       "database",
       "db admin",
       "dashboard usage",
       "dashboard audit",
-      "ab testing",
       "llm",
     ],
   },
+  {
+    id: "feature-flags",
+    nameKey: "agents.featureFlags",
+    href: "/agents?view=flags",
+    keywords: ["flags", "rollout", "release", "targeting"],
+  },
   {
     id: "explorer",
     nameKey: "commandPalette.toolExplorer",
@@ -565,7 +569,11 @@ export function CommandPalette() {
 
             <CommandGroup key="tools" heading={t("commandPalette.groupTools")}>
               {defaultTools
-                .filter((tool) => tool.id !== "agents" || canManageOrg)
+                .filter((tool) =>
+                  ["agents", "feature-flags"].includes(tool.id)
+                    ? canManageOrg
+                    : true,
+                )
                 .map((tool) => (
                   <CommandItem
                     key={`tool-${tool.id}`}

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

@@ -129,7 +129,9 @@ export function useNavigationState() {
       if (cmd.view === "sessions") return "/sessions";
       if (
         cmd.view === "agents" &&
-        (cmd.agentsView === "database" || cmd.agentsView === "dashboards")
+        (cmd.agentsView === "database" ||
+          cmd.agentsView === "dashboards" ||
+          cmd.agentsView === "flags")
       ) {
         const params = new URLSearchParams({ view: cmd.agentsView });
         if (cmd.agentsView === "database" && cmd.dbAdminConnectionId) {

package/corpus/templates/analytics/app/i18n/zh-TW.ts

@@ -698,6 +698,23 @@ const messages = {
     deleteConnectionTitle: "刪除資料庫連線？",
     deleteConnectionDescription:
       "這會從 Analytics 移除 {{name}} 並刪除儲存的連線密鑰。目標應用程式資料庫不會被修改。",
+    featureFlags: "功能旗標",
+    featureFlagsDescription: "檢視已註冊應用程式旗標，並進行可回復的發布調整。",
+    reloadFlags: "重新載入功能旗標",
+    loading: "載入中",
+    flagsUnavailable: "功能旗標無法使用",
+    flagsUnreachable: "無法連線到工作區目錄。連線可用後請重試。",
+    flagsEmpty: "沒有應用程式回報功能旗標",
+    flagsEmptyDetail: "連線的應用程式準備就緒後，已註冊旗標會顯示在這裡。",
+    flagsNotReady: "此應用程式為 {{status}}，不會假定旗標已關閉。",
+    noFlagDefinitions: "此應用程式沒有已註冊的旗標定義。",
+    noFlagDescription: "未提供說明。",
+    selected: "已選取",
+    openFlag: "開啟功能旗標",
+    confirm: "確認",
+    name: "名稱",
+    appId: "應用程式 ID",
+    flagKey: "功能旗標",
   },
   providerCorpusNotifier: {
     completed: "提供者語料庫作業已完成",

package/corpus/templates/analytics/app/i18n-data.ts

@@ -459,6 +459,27 @@ const enUS = {
     deleteConnectionTitle: "Delete database connection?",
     deleteConnectionDescription:
       "This removes {{name}} from Analytics and deletes its stored connection secrets. The target app database is not modified.",
+    featureFlags: "Feature flags",
+    featureFlagsDescription:
+      "Review registered app flags and make deliberate, reversible rollout changes.",
+    reloadFlags: "Reload flags",
+    loading: "Loading",
+    flagsUnavailable: "Feature flags are unavailable",
+    flagsUnreachable:
+      "The workspace directory could not be reached. Retry when its connection is available.",
+    flagsEmpty: "No workspace apps reported flags",
+    flagsEmptyDetail:
+      "Registered flags will appear here when connected apps are ready.",
+    flagsNotReady:
+      "This app is {{status}}. Its flag state is not assumed to be off.",
+    noFlagDefinitions: "This ready app has no registered flag definitions.",
+    noFlagDescription: "No description supplied.",
+    selected: "Selected",
+    openFlag: "Open feature flag",
+    confirm: "Confirm",
+    name: "Name",
+    appId: "App ID",
+    flagKey: "Feature flag",
   },
   providerCorpusNotifier: {
     completed: "Provider corpus job completed",
@@ -10801,6 +10822,224 @@ for (const [locale, overrides] of Object.entries(
   }
 }
 
+const translatedFeatureFlagAdminTranslations = {
+  "zh-CN": {
+    agents: {
+      featureFlags: "功能开关",
+      featureFlagsDescription: "查看已注册应用开关，并进行可逆的发布调整。",
+      reloadFlags: "重新加载开关",
+      flagsUnavailable: "功能开关不可用",
+      flagsUnreachable: "无法连接工作区目录。连接恢复后重试。",
+      flagsEmpty: "没有应用报告功能开关",
+      flagsEmptyDetail: "连接的应用准备就绪后，已注册开关会显示在这里。",
+      flagsNotReady: "此应用状态为 {{status}}，不会将其开关状态假定为关闭。",
+      noFlagDefinitions: "此应用没有注册功能开关定义。",
+      noFlagDescription: "未提供说明。",
+      selected: "已选择",
+      openFlag: "打开功能开关",
+      confirm: "确认",
+      name: "名称",
+      appId: "应用 ID",
+      flagKey: "功能开关",
+    },
+  },
+  "es-ES": {
+    agents: {
+      featureFlags: "Indicadores de funciones",
+      featureFlagsDescription:
+        "Revisa los indicadores de las aplicaciones registradas y aplica cambios de lanzamiento reversibles.",
+      reloadFlags: "Volver a cargar indicadores",
+      flagsUnavailable: "Los indicadores de funciones no están disponibles",
+      flagsUnreachable:
+        "No se pudo acceder al directorio del espacio de trabajo. Inténtalo de nuevo cuando esté disponible.",
+      flagsEmpty: "Ninguna aplicación informó indicadores",
+      flagsEmptyDetail:
+        "Los indicadores registrados aparecerán aquí cuando las aplicaciones conectadas estén listas.",
+      flagsNotReady:
+        "Esta aplicación está {{status}}; su estado no se supone desactivado.",
+      noFlagDefinitions:
+        "Esta aplicación lista no tiene definiciones de indicadores.",
+      noFlagDescription: "No se proporcionó descripción.",
+      selected: "Seleccionado",
+      openFlag: "Abrir indicador",
+      confirm: "Confirmar",
+      name: "Nombre",
+      appId: "ID de aplicación",
+      flagKey: "Indicador de función",
+    },
+  },
+  "fr-FR": {
+    agents: {
+      featureFlags: "Indicateurs de fonctionnalités",
+      featureFlagsDescription:
+        "Examinez les indicateurs d'applications enregistrées et appliquez des changements de déploiement réversibles.",
+      reloadFlags: "Recharger les indicateurs",
+      flagsUnavailable: "Les indicateurs de fonctionnalités sont indisponibles",
+      flagsUnreachable:
+        "Le répertoire de l'espace de travail est inaccessible. Réessayez lorsqu'il sera disponible.",
+      flagsEmpty: "Aucune application n'a signalé d'indicateur",
+      flagsEmptyDetail:
+        "Les indicateurs enregistrés apparaîtront ici lorsque les applications connectées seront prêtes.",
+      flagsNotReady:
+        "Cette application est {{status}} ; son état n'est pas supposé désactivé.",
+      noFlagDefinitions:
+        "Cette application prête n'a aucune définition d'indicateur.",
+      noFlagDescription: "Aucune description fournie.",
+      selected: "Sélectionné",
+      openFlag: "Ouvrir l'indicateur",
+      confirm: "Confirmer",
+      name: "Nom",
+      appId: "ID d'application",
+      flagKey: "Indicateur de fonctionnalité",
+    },
+  },
+  "de-DE": {
+    agents: {
+      featureFlags: "Funktionsschalter",
+      featureFlagsDescription:
+        "Prüfe registrierte App-Schalter und nimm bewusste, rückgängig machbare Rollout-Änderungen vor.",
+      reloadFlags: "Funktionsschalter neu laden",
+      flagsUnavailable: "Funktionsschalter sind nicht verfügbar",
+      flagsUnreachable:
+        "Das Arbeitsbereichsverzeichnis konnte nicht erreicht werden. Versuche es erneut, wenn die Verbindung verfügbar ist.",
+      flagsEmpty: "Keine Arbeitsbereichs-App meldet Funktionsschalter",
+      flagsEmptyDetail:
+        "Registrierte Schalter erscheinen hier, sobald verbundene Apps bereit sind.",
+      flagsNotReady:
+        "Diese App ist {{status}}; ihr Schalterzustand wird nicht als aus angenommen.",
+      noFlagDefinitions:
+        "Diese bereite App hat keine registrierten Schalterdefinitionen.",
+      noFlagDescription: "Keine Beschreibung vorhanden.",
+      selected: "Ausgewählt",
+      openFlag: "Funktionsschalter öffnen",
+      confirm: "Bestätigen",
+      name: "Name",
+      appId: "App-ID",
+      flagKey: "Funktionsschalter",
+    },
+  },
+  "pt-BR": {
+    agents: {
+      featureFlags: "Sinalizadores de recursos",
+      featureFlagsDescription:
+        "Revise sinalizadores de apps registrados e faça mudanças de lançamento reversíveis.",
+      reloadFlags: "Recarregar sinalizadores",
+      flagsUnavailable: "Sinalizadores de recursos indisponíveis",
+      flagsUnreachable:
+        "Não foi possível acessar o diretório do espaço de trabalho. Tente novamente quando estiver disponível.",
+      flagsEmpty: "Nenhum app informou sinalizadores",
+      flagsEmptyDetail:
+        "Sinalizadores registrados aparecerão aqui quando os apps conectados estiverem prontos.",
+      flagsNotReady:
+        "Este app está {{status}}; seu estado não é considerado desligado.",
+      noFlagDefinitions:
+        "Este app pronto não tem definições de sinalizador registradas.",
+      noFlagDescription: "Nenhuma descrição fornecida.",
+      selected: "Selecionado",
+      openFlag: "Abrir sinalizador",
+      confirm: "Confirmar",
+      name: "Nome",
+      appId: "ID do app",
+      flagKey: "Sinalizador de recurso",
+    },
+  },
+  "ja-JP": {
+    agents: {
+      featureFlags: "機能フラグ",
+      featureFlagsDescription:
+        "登録済みアプリのフラグを確認し、元に戻せるロールアウト変更を行います。",
+      reloadFlags: "機能フラグを再読み込み",
+      flagsUnavailable: "機能フラグを利用できません",
+      flagsUnreachable:
+        "ワークスペースディレクトリに接続できません。接続可能になったら再試行してください。",
+      flagsEmpty: "フラグを報告したワークスペースアプリはありません",
+      flagsEmptyDetail:
+        "接続済みアプリの準備ができると、登録済みフラグがここに表示されます。",
+      flagsNotReady:
+        "このアプリは {{status}} です。フラグ状態をオフとは見なしません。",
+      noFlagDefinitions:
+        "この準備済みアプリには登録済みフラグ定義がありません。",
+      noFlagDescription: "説明はありません。",
+      selected: "選択済み",
+      openFlag: "機能フラグを開く",
+      confirm: "確認",
+      name: "名前",
+      appId: "アプリ ID",
+      flagKey: "機能フラグ",
+    },
+  },
+  "ko-KR": {
+    agents: {
+      featureFlags: "기능 플래그",
+      featureFlagsDescription:
+        "등록된 앱 플래그를 검토하고 되돌릴 수 있는 출시 변경을 적용합니다.",
+      reloadFlags: "기능 플래그 다시 불러오기",
+      flagsUnavailable: "기능 플래그를 사용할 수 없습니다",
+      flagsUnreachable:
+        "작업 공간 디렉터리에 연결할 수 없습니다. 연결되면 다시 시도하세요.",
+      flagsEmpty: "플래그를 보고한 작업 공간 앱이 없습니다",
+      flagsEmptyDetail:
+        "연결된 앱이 준비되면 등록된 플래그가 여기에 표시됩니다.",
+      flagsNotReady:
+        "이 앱은 {{status}} 상태이며 플래그가 꺼진 것으로 가정하지 않습니다.",
+      noFlagDefinitions: "준비된 이 앱에는 등록된 플래그 정의가 없습니다.",
+      noFlagDescription: "설명이 제공되지 않았습니다.",
+      selected: "선택됨",
+      openFlag: "기능 플래그 열기",
+      confirm: "확인",
+      name: "이름",
+      appId: "앱 ID",
+      flagKey: "기능 플래그",
+    },
+  },
+  "hi-IN": {
+    agents: {
+      featureFlags: "फ़ीचर फ़्लैग",
+      featureFlagsDescription:
+        "पंजीकृत ऐप फ़्लैग देखें और वापस किए जा सकने वाले रोलआउट बदलाव करें।",
+      reloadFlags: "फ़ीचर फ़्लैग फिर से लोड करें",
+      flagsUnavailable: "फ़ीचर फ़्लैग उपलब्ध नहीं हैं",
+      flagsUnreachable:
+        "वर्कस्पेस डायरेक्टरी तक नहीं पहुँचा जा सका। कनेक्शन उपलब्ध होने पर फिर कोशिश करें।",
+      flagsEmpty: "किसी वर्कस्पेस ऐप ने फ़्लैग की सूचना नहीं दी",
+      flagsEmptyDetail: "कनेक्टेड ऐप तैयार होने पर पंजीकृत फ़्लैग यहाँ दिखाई देंगे।",
+      flagsNotReady: "यह ऐप {{status}} है; इसकी फ़्लैग स्थिति को बंद नहीं माना जाता।",
+      noFlagDefinitions: "इस तैयार ऐप में पंजीकृत फ़्लैग परिभाषाएँ नहीं हैं।",
+      noFlagDescription: "कोई विवरण नहीं दिया गया।",
+      selected: "चयनित",
+      openFlag: "फ़ीचर फ़्लैग खोलें",
+      confirm: "पुष्टि करें",
+      name: "नाम",
+      appId: "ऐप ID",
+      flagKey: "फ़ीचर फ़्लैग",
+    },
+  },
+  "ar-SA": {
+    agents: {
+      featureFlags: "علامات الميزات",
+      featureFlagsDescription:
+        "راجع علامات التطبيقات المسجلة ونفّذ تغييرات طرح قابلة للعكس.",
+      reloadFlags: "إعادة تحميل علامات الميزات",
+      flagsUnavailable: "علامات الميزات غير متاحة",
+      flagsUnreachable:
+        "تعذر الوصول إلى دليل مساحة العمل. أعد المحاولة عند توفر الاتصال.",
+      flagsEmpty: "لم يبلغ أي تطبيق في مساحة العمل عن علامات",
+      flagsEmptyDetail:
+        "ستظهر العلامات المسجلة هنا عندما تصبح التطبيقات المتصلة جاهزة.",
+      flagsNotReady:
+        "حالة هذا التطبيق هي {{status}}؛ ولا يُفترض أن علاماته متوقفة.",
+      noFlagDefinitions: "لا يحتوي هذا التطبيق الجاهز على تعريفات علامات مسجلة.",
+      noFlagDescription: "لم يُقدَّم وصف.",
+      selected: "محدد",
+      openFlag: "فتح علامة الميزة",
+      confirm: "تأكيد",
+      name: "الاسم",
+      appId: "معرّف التطبيق",
+      flagKey: "علامة ميزة",
+    },
+  },
+} satisfies Partial<Record<LocaleCode, AnalyticsPartialMessages>>;
+
 const translatedDashboardAdminTranslations = {
   "zh-CN": {
     navigation: {
@@ -11161,6 +11400,18 @@ const translatedDashboardAdminTranslations = {
   },
 } satisfies Partial<Record<LocaleCode, AnalyticsPartialMessages>>;
 
+for (const [locale, overrides] of Object.entries(
+  translatedFeatureFlagAdminTranslations,
+) as Array<[LocaleCode, AnalyticsPartialMessages]>) {
+  const messages = messagesByLocale[locale];
+  if (!messages) continue;
+  for (const [section, sectionOverrides] of Object.entries(overrides) as Array<
+    [Section, Partial<Messages[Section]>]
+  >) {
+    Object.assign(messages[section], sectionOverrides);
+  }
+}
+
 for (const [locale, overrides] of Object.entries(
   translatedDashboardAdminTranslations,
 ) as Array<[LocaleCode, AnalyticsPartialMessages]>) {

package/corpus/templates/analytics/app/pages/Agents.tsx

@@ -18,11 +18,13 @@ import {
   IconLoader2,
   IconMouse,
   IconPlus,
+  IconToggleRight,
   IconTrash,
 } from "@tabler/icons-react";
 import { useEffect, useMemo, useState, type FormEvent } from "react";
 import { Link, useSearchParams } from "react-router";
 
+import { FeatureFlagsFleetPanel } from "@/components/agents/FeatureFlagsFleetPanel";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -70,7 +72,7 @@ import {
 } from "@/components/ui/table";
 import { cn } from "@/lib/utils";
 
-type AgentAdminView = "monitoring" | "dashboards" | "database";
+type AgentAdminView = "monitoring" | "dashboards" | "database" | "flags";
 
 interface DbAdminConnection {
   id: string;
@@ -117,6 +119,7 @@ const AGENT_ADMIN_VIEWS: AgentAdminView[] = [
   "monitoring",
   "dashboards",
   "database",
+  "flags",
 ];
 
 function parseView(value: string | null): AgentAdminView {
@@ -383,7 +386,7 @@ export default function AgentsPage() {
   const [searchParams, setSearchParams] = useSearchParams();
   const view = parseView(searchParams.get("view"));
   const selectedConnectionId = searchParams.get("db");
-  const isAdminView = view === "dashboards" || view === "database";
+  const isAdminView = view !== "monitoring";
 
   function setView(next: AgentAdminView) {
     const params = new URLSearchParams(searchParams);
@@ -493,6 +496,21 @@ export default function AgentsPage() {
             {t("agents.dashboardUsage")}
           </button>
         ) : null}
+        {canManageOrg ? (
+          <button
+            type="button"
+            onClick={() => setView("flags")}
+            className={cn(
+              "inline-flex h-8 items-center gap-2 rounded-md px-3 text-sm font-medium transition-colors",
+              view === "flags"
+                ? "bg-foreground text-background"
+                : "text-muted-foreground hover:bg-muted hover:text-foreground",
+            )}
+          >
+            <IconToggleRight className="size-4" />
+            {t("agents.featureFlags")}
+          </button>
+        ) : null}
         {canManageOrg && view === "database" && (
           <button
             type="button"
@@ -512,6 +530,8 @@ export default function AgentsPage() {
         />
       ) : view === "dashboards" ? (
         <DashboardUsageAdminPanel />
+      ) : view === "flags" ? (
+        <FeatureFlagsFleetPanel />
       ) : (
         <div className="min-w-0">
           <div className="mb-4 max-w-3xl text-sm leading-6 text-muted-foreground">

package/corpus/templates/analytics/changelog/2026-07-17-manage-feature-flag-rollouts-across-your-organization-s-apps.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-17
+---
+
+Manage feature flag rollouts across your organization’s apps from one Analytics control panel.