@hot-updater/console 1.0.0-rc.0 → 1.0.0-rc.2

package/src/components/features/signing/BundleSigningPage.tsx

@@ -1,12 +1,4 @@
-import {
-  AlertTriangle,
-  CheckCircle2,
-  Clipboard,
-  Download,
-  Info,
-  RefreshCw,
-} from "lucide-react";
-import { toast } from "sonner";
+import { AlertTriangle, CheckCircle2, Info, RefreshCw } from "lucide-react";
 
 import {
   Alert,
@@ -24,12 +16,9 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
-import { Textarea } from "@/components/ui/textarea";
 import { useBundleSigningInspectionQuery } from "@/lib/bundle-signing-api";
 import type { BundleSigningInspection } from "@/lib/bundle-signing-rpc";
 
-const PUBLIC_KEY_FILENAME = "hot-updater-public-key.pem";
-
 function InspectionLoading() {
   return (
     <div aria-label="Loading bundle signing" className="flex flex-col gap-6">
@@ -80,12 +69,7 @@ function SigningStatusCard({
   readonly inspection: BundleSigningInspection;
 }) {
   const enabled = inspection.status === "enabled";
-  const misconfigured = inspection.status === "misconfigured";
-  const status = enabled
-    ? "Enabled"
-    : misconfigured
-      ? "Misconfigured"
-      : "Disabled";
+  const status = enabled ? "Enabled" : "Disabled";
 
   return (
     <Card>
@@ -94,20 +78,12 @@ function SigningStatusCard({
           <CardTitle className="text-sm font-medium">
             <h2>Signing status</h2>
           </CardTitle>
-          <Badge
-            variant={
-              misconfigured ? "destructive" : enabled ? "default" : "outline"
-            }
-          >
-            {status}
-          </Badge>
+          <Badge variant={enabled ? "default" : "outline"}>{status}</Badge>
         </div>
         <CardDescription>
           {enabled
-            ? "The Console found the public key configured for bundle verification."
-            : misconfigured
-              ? "Signing is enabled, but the public key cannot be inspected safely."
-              : "Bundle signing is disabled in the current Hot Updater configuration."}
+            ? "Bundle signing is enabled in the current Hot Updater configuration."
+            : "Bundle signing is disabled in the current Hot Updater configuration."}
         </CardDescription>
       </CardHeader>
       <CardContent className="flex flex-col gap-5">
@@ -121,105 +97,24 @@ function SigningStatusCard({
             </AlertDescription>
           </Alert>
         ) : (
-          <>
-            <dl className="grid gap-4 sm:grid-cols-2">
-              <div className="flex min-w-0 flex-col gap-1">
-                <dt className="text-xs text-muted-foreground">Provider</dt>
-                <dd className="truncate text-sm font-medium">
-                  {inspection.provider}
-                </dd>
-              </div>
-              {inspection.status === "enabled" ? (
-                <div className="flex min-w-0 flex-col gap-1">
-                  <dt className="text-xs text-muted-foreground">Algorithm</dt>
-                  <dd className="text-sm font-medium">
-                    {inspection.algorithm}
-                  </dd>
-                </div>
-              ) : null}
-            </dl>
-            {inspection.status === "enabled" ? (
-              <div className="flex min-w-0 flex-col gap-1 border-t pt-4">
-                <p className="text-xs text-muted-foreground">
-                  SPKI SHA-256 fingerprint
-                </p>
-                <p className="break-all font-mono text-xs">
-                  {inspection.fingerprint}
-                </p>
-              </div>
-            ) : (
-              <Alert variant="destructive">
-                <AlertTriangle aria-hidden="true" />
-                <AlertTitle>Public key unavailable</AlertTitle>
-                <AlertDescription>{inspection.message}</AlertDescription>
-              </Alert>
-            )}
-          </>
+          <dl className="grid gap-4 sm:grid-cols-2">
+            <div className="flex min-w-0 flex-col gap-1">
+              <dt className="text-xs text-muted-foreground">Provider</dt>
+              <dd className="truncate text-sm font-medium">
+                {inspection.provider}
+              </dd>
+            </div>
+            <div className="flex min-w-0 flex-col gap-1">
+              <dt className="text-xs text-muted-foreground">Algorithm</dt>
+              <dd className="text-sm font-medium">{inspection.algorithm}</dd>
+            </div>
+          </dl>
         )}
       </CardContent>
     </Card>
   );
 }
 
-function PublicKeyCard({ publicKey }: { readonly publicKey: string }) {
-  const copyPublicKey = async () => {
-    try {
-      await navigator.clipboard.writeText(publicKey);
-      toast.success("Public key copied");
-    } catch {
-      toast.error("Unable to copy public key");
-    }
-  };
-
-  const downloadPublicKey = () => {
-    const url = URL.createObjectURL(
-      new Blob([`${publicKey}\n`], { type: "application/x-pem-file" }),
-    );
-    const link = document.createElement("a");
-    link.download = PUBLIC_KEY_FILENAME;
-    link.href = url;
-    link.click();
-    URL.revokeObjectURL(url);
-  };
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="text-sm font-medium">
-          <h2>Public key</h2>
-        </CardTitle>
-        <CardDescription>
-          This public key may be embedded in native app configuration. Private
-          key material is never available in the Console.
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="flex flex-col gap-3">
-        <Textarea
-          aria-label="Bundle signing public key"
-          className="min-h-56 resize-none font-mono text-xs"
-          readOnly
-          spellCheck={false}
-          value={publicKey}
-        />
-        <div className="flex flex-wrap gap-2">
-          <Button
-            onClick={() => void copyPublicKey()}
-            size="sm"
-            variant="outline"
-          >
-            <Clipboard data-icon="inline-start" />
-            Copy
-          </Button>
-          <Button onClick={downloadPublicKey} size="sm" variant="outline">
-            <Download data-icon="inline-start" />
-            Download
-          </Button>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}
-
 export function BundleSigningPage() {
   const inspection = useBundleSigningInspectionQuery();
 
@@ -231,15 +126,12 @@ export function BundleSigningPage() {
   return (
     <div className="flex flex-col gap-6">
       <SigningStatusCard inspection={inspection.data} />
-      {inspection.data.status === "enabled" ? (
-        <PublicKeyCard publicKey={inspection.data.publicKey} />
-      ) : null}
       <Alert>
         <CheckCircle2 aria-hidden="true" />
         <AlertTitle>Read-only inspection</AlertTitle>
         <AlertDescription>
           Configure or rotate signing keys through the provider or Hot Updater
-          CLI. The Console only reads a checked-in public key file.
+          CLI. The Console never accesses signing credentials.
         </AlertDescription>
       </Alert>
     </div>

package/src/components/ui/badge.tsx

@@ -13,6 +13,8 @@ const badgeVariants = cva(
           "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
         secondary:
           "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        success: "border-success/20 bg-success/10 text-success",
+        warning: "border-warning/20 bg-warning/10 text-warning",
         destructive:
           "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
         outline: "text-foreground",

package/src/components/ui/combobox.tsx

@@ -39,6 +39,7 @@ function ComboboxTrigger({
 function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {
   return (
     <ComboboxPrimitive.Clear
+      aria-label="Clear selection"
       data-slot="combobox-clear"
       render={<InputGroupButton variant="ghost" size="icon-xs" />}
       className={cn(className)}

package/src/components/ui/skeleton.tsx

@@ -4,7 +4,10 @@ function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="skeleton"
-      className={cn("bg-muted rounded-md animate-pulse", className)}
+      className={cn(
+        "bg-muted rounded-md animate-pulse motion-reduce:animate-none",
+        className,
+      )}
       {...props}
     />
   );

package/src/components/ui/tooltip.tsx

@@ -50,7 +50,7 @@ function TooltipContent({
         <TooltipPrimitive.Popup
           data-slot="tooltip-content"
           className={cn(
-            "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 motion-reduce:animate-none! data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className,
           )}
           {...props}

package/src/index.ts

@@ -1,4 +1,4 @@
-import type { ConfigInput } from "@hot-updater/plugin-core";
+import type { ConfigInput, DatabasePlugin } from "@hot-updater/plugin-core";
 
 export type ConsoleAuthProvider = "google" | "github";
 
@@ -22,11 +22,15 @@ export type ConsoleAuthAdapter = Readonly<{
 export type ConsoleSigningConfig = Readonly<{
   enabled: boolean;
   provider?: string;
-  publicKeyPath?: string;
 }>;
 
 export type HotUpdaterConsoleConfig = Readonly<
-  Pick<ConfigInput, "console" | "database" | "signing" | "storage">
+  Omit<
+    Pick<ConfigInput, "console" | "database" | "signing" | "storage">,
+    "database"
+  > & {
+    database: DatabasePlugin;
+  }
 >;
 
 export type ResolvedHotUpdaterConsoleConfig = Readonly<

package/src/lib/api-rpc.ts

@@ -12,15 +12,9 @@ import {
 } from "@hot-updater/plugin-core";
 import { createServerFn } from "@tanstack/react-start";
 
-import {
-  parseBundleEventAnalyticsInput,
-  parseBundleEventSummaryInput,
-  parseInstallationHistoryInput,
-  parseSearchInstallationsInput,
-} from "./analytics-input";
 import { DEFAULT_PAGE_LIMIT } from "./constants";
+import { withPublicBundleMutationErrors } from "./public-bundle-error";
 import { listReleases } from "./server/listReleases";
-import { getReleaseActivity30d } from "./server/releaseActivity";
 import { addReleaseReachability } from "./server/releaseReachability";
 
 type GetBundlesInput = {
@@ -78,7 +72,7 @@ export const getReleases = createServerFn({ method: "GET" })
   .inputValidator((input: GetReleasesInput | undefined) => input)
   .handler(async ({ data }) => {
     const { prepareConfig } = await import("./server/config.server");
-    const { config, hotUpdater } = await prepareConfig();
+    const { config } = await prepareConfig();
     const result = await listReleases(config.database.models.releases, {
       ...(data?.afterReleaseId === undefined
         ? {}
@@ -96,22 +90,13 @@ export const getReleases = createServerFn({ method: "GET" })
         : { targetAppVersion: data.targetAppVersion }),
       limit: data?.limit ?? DEFAULT_PAGE_LIMIT,
     });
-    const [releases, activityByBundleId] = await Promise.all([
-      addReleaseReachability(
-        config.database.models.releaseCatalogs,
-        result.data,
-      ),
-      getReleaseActivity30d(hotUpdater, result.data),
-    ]);
+    const releases = await addReleaseReachability(
+      config.database.models.releaseCatalogs,
+      result.data,
+    );
     return {
       ...result,
-      data: releases.map((release) => ({
-        ...release,
-        activity30d:
-          release.bundle_id === null
-            ? null
-            : (activityByBundleId.get(release.bundle_id) ?? null),
-      })),
+      data: releases,
     };
   });
 
@@ -128,7 +113,9 @@ export const updateRelease = createServerFn({ method: "POST" })
   .handler(async ({ data }) => {
     const { prepareConfig } = await import("./server/config.server");
     const { config } = await prepareConfig();
-    return updateReleasePolicy({ database: config.database, ...data });
+    return withPublicBundleMutationErrors(() =>
+      updateReleasePolicy({ database: config.database, ...data }),
+    );
   });
 
 export const preflightRelease = createServerFn({ method: "POST" })
@@ -136,7 +123,9 @@ export const preflightRelease = createServerFn({ method: "POST" })
   .handler(async ({ data }) => {
     const { prepareConfig } = await import("./server/config.server");
     const { config } = await prepareConfig();
-    return preflightReleasePolicy({ database: config.database, ...data });
+    return withPublicBundleMutationErrors(() =>
+      preflightReleasePolicy({ database: config.database, ...data }),
+    );
   });
 
 export const deleteRelease = createServerFn({ method: "POST" })
@@ -144,7 +133,9 @@ export const deleteRelease = createServerFn({ method: "POST" })
   .handler(async ({ data }) => {
     const { prepareConfig } = await import("./server/config.server");
     const { config } = await prepareConfig();
-    return deleteReleaseMutation({ database: config.database, ...data });
+    return withPublicBundleMutationErrors(() =>
+      deleteReleaseMutation({ database: config.database, ...data }),
+    );
   });
 
 export const promoteRelease = createServerFn({ method: "POST" })
@@ -159,7 +150,9 @@ export const promoteRelease = createServerFn({ method: "POST" })
   .handler(async ({ data }) => {
     const { prepareConfig } = await import("./server/config.server");
     const { config } = await prepareConfig();
-    return promoteReleaseMutation({ database: config.database, ...data });
+    return withPublicBundleMutationErrors(() =>
+      promoteReleaseMutation({ database: config.database, ...data }),
+    );
   });
 
 export const getReleaseCatalogDiagnostics = createServerFn({ method: "GET" })
@@ -317,70 +310,6 @@ export const getBundle = createServerFn({ method: "GET" })
     }
   });
 
-export const getBundleEventSummary = createServerFn({ method: "GET" })
-  .inputValidator(parseBundleEventSummaryInput)
-  .handler(async ({ data }) => {
-    try {
-      const { prepareConfig } = await import("./server/config.server");
-      const { getBundleEventSummary: getBundleEventSummaryWithRuntime } =
-        await import("./server/runtime.server");
-      const { hotUpdater } = await prepareConfig();
-
-      return await getBundleEventSummaryWithRuntime(hotUpdater, data);
-    } catch (error) {
-      console.error("Error during bundle event summary retrieval:", error);
-      throw error;
-    }
-  });
-
-export const getBundleEventAnalytics = createServerFn({ method: "GET" })
-  .inputValidator(parseBundleEventAnalyticsInput)
-  .handler(async ({ data }) => {
-    try {
-      const { prepareConfig } = await import("./server/config.server");
-      const { getBundleEventAnalytics: getBundleEventAnalyticsWithRuntime } =
-        await import("./server/runtime.server");
-      const { hotUpdater } = await prepareConfig();
-
-      return await getBundleEventAnalyticsWithRuntime(hotUpdater, data);
-    } catch (error) {
-      console.error("Error during bundle event analytics retrieval:", error);
-      throw error;
-    }
-  });
-
-export const searchInstallations = createServerFn({ method: "GET" })
-  .inputValidator(parseSearchInstallationsInput)
-  .handler(async ({ data }) => {
-    try {
-      const { prepareConfig } = await import("./server/config.server");
-      const { searchInstallations: searchInstallationsWithRuntime } =
-        await import("./server/runtime.server");
-      const { hotUpdater } = await prepareConfig();
-
-      return await searchInstallationsWithRuntime(hotUpdater, data);
-    } catch (error) {
-      console.error("Error during installation search:", error);
-      throw error;
-    }
-  });
-
-export const getInstallationHistory = createServerFn({ method: "GET" })
-  .inputValidator(parseInstallationHistoryInput)
-  .handler(async ({ data }) => {
-    try {
-      const { prepareConfig } = await import("./server/config.server");
-      const { getInstallationHistory: getInstallationHistoryWithRuntime } =
-        await import("./server/runtime.server");
-      const { hotUpdater } = await prepareConfig();
-
-      return await getInstallationHistoryWithRuntime(hotUpdater, data);
-    } catch (error) {
-      console.error("Error during installation history retrieval:", error);
-      throw error;
-    }
-  });
-
 export const getBundleChildren = createServerFn({ method: "GET" })
   .inputValidator((input: GetBundleChildrenInput) => input)
   .handler(async ({ data }) => {

package/src/lib/api.ts

@@ -3,7 +3,6 @@ import type {
   ChannelInsertInput,
   ReleasePolicyPatch,
 } from "@hot-updater/plugin-core";
-import type { BundleEventAnalyticsWindow } from "@hot-updater/server";
 import {
   type QueryClient,
   type QueryKey,
@@ -21,19 +20,15 @@ import {
   getBundle,
   getBundleChildCounts,
   getBundleChildren,
-  getBundleEventAnalytics as getBundleEventAnalyticsApi,
-  getBundleEventSummary as getBundleEventSummaryApi,
   getBundles,
   getChannels,
   getConfig,
   getConfigLoaded,
-  getInstallationHistory as getInstallationHistoryApi,
   getRelease,
   getReleaseCatalogDiagnostics,
   getReleases,
   preflightRelease as preflightReleaseApi,
   promoteRelease as promoteReleaseApi,
-  searchInstallations as searchInstallationsApi,
   updateRelease as updateReleaseApi,
 } from "./api-rpc";
 
@@ -47,23 +42,6 @@ type BundleFilters = {
 
 type BundlesQueryData = Awaited<ReturnType<typeof getBundles>>;
 
-const ANALYTICS_STALE_TIME_MS = 30_000;
-
-export type BundleEventSummary = Awaited<
-  ReturnType<typeof getBundleEventSummaryApi>
->;
-export type BundleEventAnalytics = Awaited<
-  ReturnType<typeof getBundleEventAnalyticsApi>
->;
-export type InstallationSearchResult = Awaited<
-  ReturnType<typeof searchInstallationsApi>
->;
-export type InstallationHistoryResult = Awaited<
-  ReturnType<typeof getInstallationHistoryApi>
->;
-export type InstallationSearchRow = InstallationSearchResult["data"][number];
-export type InstallationHistoryRow = InstallationHistoryResult["data"][number];
-
 const bundleListQueryKey = ["bundles"] as const;
 const releaseListQueryKey = ["releases"] as const;
 
@@ -90,21 +68,6 @@ export const queryKeys = {
       ["bundle-children", "counts", ...bundleIds] as const,
   },
   bundle: (bundleId: string) => ["bundle", bundleId] as const,
-  bundleEventSummary: (bundleId: string) =>
-    ["bundle-event-summary", bundleId] as const,
-  bundleEventAnalytics: (input: {
-    bundleId: string;
-    window: BundleEventAnalyticsWindow;
-    limit?: number;
-    offset?: number;
-  }) => ["bundle-event-analytics", input] as const,
-
-  installations: {
-    search: (input: { query: string; limit?: number; offset?: number }) =>
-      ["installations", "search", input] as const,
-    history: (input: { installId: string; limit?: number; offset?: number }) =>
-      ["installations", "history", input] as const,
-  },
 };
 
 export type ReleaseFilters = {
@@ -222,68 +185,6 @@ export function useBundleQuery(bundleId: string) {
   });
 }
 
-export function useBundleEventSummaryQuery(bundleId: string, enabled: boolean) {
-  return useQuery({
-    queryKey: queryKeys.bundleEventSummary(bundleId),
-    queryFn: () => getBundleEventSummaryApi({ data: { bundleId } }),
-    staleTime: ANALYTICS_STALE_TIME_MS,
-    refetchOnWindowFocus: true,
-    enabled: enabled && bundleId.length > 0,
-  });
-}
-
-export function useBundleEventAnalyticsQuery(
-  input: {
-    bundleId: string;
-    window: BundleEventAnalyticsWindow;
-    limit?: number;
-    offset?: number;
-  },
-  enabled: boolean,
-) {
-  return useQuery({
-    queryKey: queryKeys.bundleEventAnalytics(input),
-    queryFn: () => getBundleEventAnalyticsApi({ data: input }),
-    staleTime: ANALYTICS_STALE_TIME_MS,
-    refetchOnWindowFocus: true,
-    enabled: enabled && input.bundleId.length > 0,
-  });
-}
-
-export function useInstallationSearchQuery(
-  input: {
-    query: string;
-    limit?: number;
-    offset?: number;
-  },
-  enabled: boolean,
-) {
-  return useQuery({
-    queryKey: queryKeys.installations.search(input),
-    queryFn: () => searchInstallationsApi({ data: input }),
-    staleTime: ANALYTICS_STALE_TIME_MS,
-    refetchOnWindowFocus: true,
-    enabled: enabled && input.query.trim().length > 0,
-  });
-}
-
-export function useInstallationHistoryQuery(
-  input: {
-    installId: string;
-    limit?: number;
-    offset?: number;
-  },
-  enabled: boolean,
-) {
-  return useQuery({
-    queryKey: queryKeys.installations.history(input),
-    queryFn: () => getInstallationHistoryApi({ data: input }),
-    staleTime: ANALYTICS_STALE_TIME_MS,
-    refetchOnWindowFocus: true,
-    enabled: enabled && input.installId.length > 0,
-  });
-}
-
 export function useBundleChildrenQuery(baseBundleId: string) {
   return useQuery({
     queryKey: queryKeys.bundleChildren.list(baseBundleId),

package/src/lib/insights-api.ts

@@ -0,0 +1,100 @@
+import type { InsightsEventPageInput } from "@hot-updater/server";
+import { useQuery } from "@tanstack/react-query";
+
+import {
+  findInsightsInstallationsRpc,
+  getInsightsInstallationRpc,
+  getReportingInstallationsRpc,
+  listInsightsEventsRpc,
+  listInsightsInstallationEventsRpc,
+  type InsightsWindow,
+  type InsightsOverviewInput,
+  type ReportingInstallations,
+} from "./insights-rpc";
+
+export type { InsightsWindow, InsightsOverviewInput, ReportingInstallations };
+
+const STALE_TIME_MS = 30_000;
+
+const queryKeys = {
+  reportingInstallations: (input: InsightsOverviewInput) =>
+    ["insights", "reporting-installations", input] as const,
+  events: (input: InsightsEventPageInput) =>
+    ["insights", "events", input] as const,
+  installations: (input: {
+    readonly cursor?: string;
+    readonly identity: string;
+    readonly limit: number;
+  }) => ["insights", "installations", input] as const,
+  installation: (installId: string) =>
+    ["insights", "installation", installId] as const,
+  installationEvents: (input: {
+    readonly beforeReceivedAtMs: number;
+    readonly cursor?: string;
+    readonly installId: string;
+    readonly limit: number;
+  }) => ["insights", "installation-events", input] as const,
+};
+
+export const useReportingInstallationsQuery = (input: InsightsOverviewInput) =>
+  useQuery({
+    queryKey: queryKeys.reportingInstallations(input),
+    queryFn: () => getReportingInstallationsRpc({ data: input }),
+    refetchOnWindowFocus: true,
+    staleTime: STALE_TIME_MS,
+  });
+
+export const useInsightsEventsQuery = (
+  input: InsightsEventPageInput,
+  enabled: boolean,
+) =>
+  useQuery({
+    queryKey: queryKeys.events(input),
+    queryFn: () => listInsightsEventsRpc({ data: input }),
+    enabled,
+    refetchOnWindowFocus: true,
+    staleTime: STALE_TIME_MS,
+  });
+
+export const useInsightsInstallationsQuery = (
+  input: {
+    readonly cursor?: string;
+    readonly identity: string;
+    readonly limit: number;
+  },
+  enabled: boolean,
+) =>
+  useQuery({
+    queryKey: queryKeys.installations(input),
+    queryFn: () => findInsightsInstallationsRpc({ data: input }),
+    enabled: enabled && input.identity.length > 0,
+    staleTime: STALE_TIME_MS,
+  });
+
+export const useInsightsInstallationQuery = (
+  installId: string,
+  enabled: boolean,
+) =>
+  useQuery({
+    queryKey: queryKeys.installation(installId),
+    queryFn: () => getInsightsInstallationRpc({ data: { installId } }),
+    enabled: enabled && installId.length > 0,
+    staleTime: STALE_TIME_MS,
+  });
+
+export const useInsightsInstallationEventsQuery = (
+  input: {
+    readonly beforeReceivedAtMs: number;
+    readonly cursor?: string;
+    readonly installId: string;
+    readonly limit: number;
+  },
+  enabled: boolean,
+) =>
+  useQuery({
+    queryKey: queryKeys.installationEvents(input),
+    queryFn: () => listInsightsInstallationEventsRpc({ data: input }),
+    enabled: enabled && input.installId.length > 0,
+    refetchOnWindowFocus: true,
+    staleTime: STALE_TIME_MS,
+  });