@hot-updater/console 1.0.0-rc.4 → 1.0.0-rc.41

package/src/routes/installations.tsx

@@ -1,10 +1,12 @@
 import {
   createFileRoute,
   useElementScrollRestoration,
+  useLocation,
 } from "@tanstack/react-router";
 import { ArrowLeft } from "lucide-react";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
 
+import { ConsoleFeatureUnavailable } from "@/components/ConsoleFeatureUnavailable";
 import { EventHistoryCard } from "@/components/features/insights/EventHistoryCard";
 import { InsightsPageHeader } from "@/components/features/insights/InsightsPageHeader";
 import { InstallationHistoryCard } from "@/components/features/insights/InstallationHistoryCard";
@@ -15,15 +17,20 @@ import {
 } from "@/components/features/insights/InstallationPageHeader";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
+import { requireConsoleFeature } from "@/lib/console-features-api";
 import {
   useInsightsEventsQuery,
   useInsightsInstallationEventsQuery,
   useInsightsInstallationQuery,
   useInsightsInstallationsQuery,
+  useInsightsRetention,
 } from "@/lib/insights-api";
+import { formatDays } from "@/lib/insights-retention";
+import { DEFAULT_EVENT_RANGE, eventRangeBounds } from "@/lib/insights-view";
 
 import {
-  getInsightsScrollRestorationKey,
+  type InsightsPaginationState,
+  installationsScrollRestorationKey,
   validateInstallationsSearch,
 } from "./-installations-search";
 
@@ -40,30 +47,50 @@ const popCursor = (stack: readonly string[]) => ({
 });
 
 export const Route = createFileRoute("/installations")({
+  beforeLoad: ({ context }) =>
+    requireConsoleFeature(context.queryClient, "insights"),
+  notFoundComponent: ConsoleFeatureUnavailable,
   component: InstallationsPage,
+  staticData: { scrollRestorationKey: installationsScrollRestorationKey },
   validateSearch: validateInstallationsSearch,
 });
 
 function InstallationsPage() {
   const search = Route.useSearch();
   const navigate = Route.useNavigate();
+  const retention = useInsightsRetention();
   const [draftQuery, setDraftQuery] = useState(search.query ?? "");
   const [initialEventsBefore] = useState(freshBefore);
   const [initialHistoryBefore] = useState(freshBefore);
-  const [eventsBack, setEventsBack] = useState<readonly string[]>([]);
-  const [searchBack, setSearchBack] = useState<readonly string[]>([]);
-  const [historyBack, setHistoryBack] = useState<readonly string[]>([]);
+  const pagination = useLocation({
+    select: (location) => location.state.insightsPagination,
+  });
+  const eventsBack = pagination?.eventsBack ?? [];
+  const searchBack = pagination?.searchBack ?? [];
+  const historyBack = pagination?.historyBack ?? [];
   const query = search.query?.trim() ?? "";
   const hasSearchQuery = query.length > 0;
   const hasSelection = search.installId !== undefined;
   const hasLookup = hasSearchQuery || hasSelection;
   const eventsBefore = search.eventsBefore ?? initialEventsBefore;
+  const eventsRange = search.eventsRange ?? DEFAULT_EVENT_RANGE;
   const historyBefore = search.historyBefore ?? initialHistoryBefore;
 
-  const updateSearch = (next: Partial<typeof search>, replace = false) => {
+  const updateSearch = (
+    next: Partial<typeof search>,
+    replace = false,
+    nextPagination: InsightsPaginationState = {},
+  ) => {
     void navigate({
       to: "/installations",
       search: { ...search, ...next },
+      state: (previous) => ({
+        ...previous,
+        insightsPagination: {
+          ...previous.insightsPagination,
+          ...nextPagination,
+        },
+      }),
       replace,
     });
   };
@@ -86,9 +113,9 @@ function InstallationsPage() {
 
   const events = useInsightsEventsQuery(
     {
-      beforeReceivedAtMs: eventsBefore,
+      ...eventRangeBounds(eventsRange, eventsBefore),
       cursor: search.eventsCursor,
-      limit: EVENT_LIMIT,
+      limit: 20,
     },
     !hasLookup,
   );
@@ -104,7 +131,6 @@ function InstallationsPage() {
   useEffect(() => {
     const firstInstallId = matches.data?.data[0]?.installId;
     if (!hasSearchQuery || hasSelection || firstInstallId === undefined) return;
-    setHistoryBack([]);
     updateSearch(
       {
         historyBefore: freshBefore(),
@@ -112,6 +138,7 @@ function InstallationsPage() {
         installId: firstInstallId,
       },
       true,
+      { historyBack: [] },
     );
   }, [hasSearchQuery, hasSelection, matches.data?.data]);
 
@@ -141,7 +168,7 @@ function InstallationsPage() {
   const scrollRef = useRef<HTMLDivElement>(null);
   const scrollEntry = useElementScrollRestoration({
     id: scrollRestorationId,
-    getKey: getInsightsScrollRestorationKey,
+    getKey: installationsScrollRestorationKey,
   });
   useLayoutEffect(() => {
     if (!hasLookup && !events.isLoading && scrollRef.current) {
@@ -151,15 +178,17 @@ function InstallationsPage() {
 
   const clearLookup = () => {
     setDraftQuery("");
-    setHistoryBack([]);
-    setSearchBack([]);
-    updateSearch({
-      historyBefore: undefined,
-      historyCursor: undefined,
-      installId: undefined,
-      query: undefined,
-      searchCursor: undefined,
-    });
+    updateSearch(
+      {
+        historyBefore: undefined,
+        historyCursor: undefined,
+        installId: undefined,
+        query: undefined,
+        searchCursor: undefined,
+      },
+      false,
+      { historyBack: [], searchBack: [] },
+    );
   };
   const installationLookup = (
     <InstallationSearchPanel
@@ -172,15 +201,17 @@ function InstallationsPage() {
           clearLookup();
           return;
         }
-        setHistoryBack([]);
-        setSearchBack([]);
-        updateSearch({
-          historyBefore: undefined,
-          historyCursor: undefined,
-          installId: undefined,
-          query: nextQuery,
-          searchCursor: undefined,
-        });
+        updateSearch(
+          {
+            historyBefore: undefined,
+            historyCursor: undefined,
+            installId: undefined,
+            query: nextQuery,
+            searchCursor: undefined,
+          },
+          false,
+          { historyBack: [], searchBack: [] },
+        );
       }}
     />
   );
@@ -213,45 +244,60 @@ function InstallationsPage() {
           ) : null}
           {!hasLookup ? (
             <EventHistoryCard
+              description={`Downloads, launches, crashes, update failures, and other changes to what an installation runs, newest first, kept for ${formatDays(retention.rawDays)}. Launches that change nothing aren't listed.`}
               error={events.error}
               eventsLocation={{
                 eventsBefore,
                 eventsCursor: search.eventsCursor,
+                eventsRange: search.eventsRange,
               }}
               history={events.data}
               isFetching={events.isFetching}
               isLoading={events.isLoading}
               onNext={() => {
                 if (!events.data?.nextCursor) return;
-                setEventsBack(pushCursor(eventsBack, search.eventsCursor));
                 updateSearch(
                   {
                     eventsCursor: events.data.nextCursor,
                   },
                   true,
+                  { eventsBack: pushCursor(eventsBack, search.eventsCursor) },
                 );
               }}
               onPrevious={() => {
                 const previous = popCursor(eventsBack);
-                setEventsBack(previous.stack);
                 updateSearch(
                   {
                     eventsCursor: previous.cursor,
                   },
                   true,
+                  { eventsBack: previous.stack },
+                );
+              }}
+              onRangeChange={(range) => {
+                updateSearch(
+                  {
+                    eventsBefore: freshBefore(),
+                    eventsCursor: undefined,
+                    eventsRange: range,
+                  },
+                  false,
+                  { eventsBack: [] },
                 );
               }}
               onRefresh={() => {
-                setEventsBack([]);
                 updateSearch(
                   {
                     eventsBefore: freshBefore(),
                     eventsCursor: undefined,
                   },
                   true,
+                  { eventsBack: [] },
                 );
               }}
               pageNumber={eventsBack.length + 1}
+              range={eventsRange}
+              rawDays={retention.rawDays}
             >
               {installationLookup}
             </EventHistoryCard>
@@ -266,33 +312,38 @@ function InstallationsPage() {
                   error={matches.error}
                   onNext={() => {
                     if (!matches.data?.nextCursor) return;
-                    setSearchBack(pushCursor(searchBack, search.searchCursor));
                     updateSearch(
                       {
                         installId: undefined,
                         searchCursor: matches.data.nextCursor,
                       },
                       true,
+                      {
+                        searchBack: pushCursor(searchBack, search.searchCursor),
+                      },
                     );
                   }}
                   onPrevious={() => {
                     const previous = popCursor(searchBack);
-                    setSearchBack(previous.stack);
                     updateSearch(
                       {
                         installId: undefined,
                         searchCursor: previous.cursor,
                       },
                       true,
+                      { searchBack: previous.stack },
                     );
                   }}
                   onSelect={(installId) => {
-                    setHistoryBack([]);
-                    updateSearch({
-                      historyBefore: freshBefore(),
-                      historyCursor: undefined,
-                      installId,
-                    });
+                    updateSearch(
+                      {
+                        historyBefore: freshBefore(),
+                        historyCursor: undefined,
+                        installId,
+                      },
+                      false,
+                      { historyBack: [] },
+                    );
                   }}
                   pageNumber={searchBack.length + 1}
                   results={matches.data}
@@ -305,35 +356,41 @@ function InstallationsPage() {
                 isLoading={history.isLoading || selectedInstallation.isLoading}
                 onNext={() => {
                   if (!history.data?.nextCursor) return;
-                  setHistoryBack(pushCursor(historyBack, search.historyCursor));
                   updateSearch(
                     {
                       historyCursor: history.data.nextCursor,
                     },
                     true,
+                    {
+                      historyBack: pushCursor(
+                        historyBack,
+                        search.historyCursor,
+                      ),
+                    },
                   );
                 }}
                 onPrevious={() => {
                   const previous = popCursor(historyBack);
-                  setHistoryBack(previous.stack);
                   updateSearch(
                     {
                       historyCursor: previous.cursor,
                     },
                     true,
+                    { historyBack: previous.stack },
                   );
                 }}
                 onRefresh={() => {
-                  setHistoryBack([]);
                   updateSearch(
                     {
                       historyBefore: freshBefore(),
                       historyCursor: undefined,
                     },
                     true,
+                    { historyBack: [] },
                   );
                 }}
                 pageNumber={historyBack.length + 1}
+                retention={retention}
                 selectedEvent={selectedEvent}
                 selectedInstallId={search.installId}
               />

package/src/routes/remote-config.tsx

@@ -0,0 +1,42 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { ConsoleFeatureUnavailable } from "@/components/ConsoleFeatureUnavailable";
+import {
+  REMOTE_CONFIG_TABS,
+  RemoteConfigPage,
+  type RemoteConfigTab,
+} from "@/components/features/remote-config/RemoteConfigPage";
+import { requireConsoleFeature } from "@/lib/console-features-api";
+
+interface RemoteConfigSearch {
+  /** The open view; Parameters when absent. */
+  readonly tab?: RemoteConfigTab;
+}
+
+export const Route = createFileRoute("/remote-config")({
+  beforeLoad: ({ context }) =>
+    requireConsoleFeature(context.queryClient, "remoteConfig"),
+  notFoundComponent: ConsoleFeatureUnavailable,
+  component: RemoteConfigRoute,
+  validateSearch: (search: Record<string, unknown>): RemoteConfigSearch =>
+    REMOTE_CONFIG_TABS.includes(search.tab as RemoteConfigTab) &&
+    search.tab !== "parameters"
+      ? { tab: search.tab as RemoteConfigTab }
+      : {},
+});
+
+function RemoteConfigRoute() {
+  const { tab = "parameters" } = Route.useSearch();
+  const navigate = Route.useNavigate();
+  return (
+    <RemoteConfigPage
+      onTabChange={(next) =>
+        void navigate({
+          search: next === "parameters" ? {} : { tab: next },
+          replace: true,
+        })
+      }
+      tab={tab}
+    />
+  );
+}

package/src/styles.css

@@ -48,6 +48,11 @@ code {
   --chart-3: oklch(0.646 0.222 41.116);
   --chart-4: oklch(0.553 0.195 38.402);
   --chart-5: oklch(0.47 0.157 37.304);
+  /* One hue per compared bundle; validated as a categorical set on the card. */
+  --series-1: #2a78d6;
+  --series-2: #eb6834;
+  --series-3: #1baf7a;
+  --series-4: #eda100;
   --radius: 0.45rem;
   --sidebar: oklch(0.985 0.001 106.423);
   --sidebar-foreground: oklch(0.147 0.004 49.25);
@@ -86,6 +91,10 @@ code {
   --chart-3: oklch(0.646 0.222 41.116);
   --chart-4: oklch(0.553 0.195 38.402);
   --chart-5: oklch(0.47 0.157 37.304);
+  --series-1: #3987e5;
+  --series-2: #d95926;
+  --series-3: #199e70;
+  --series-4: #c98500;
   --sidebar: oklch(0.216 0.006 56.043);
   --sidebar-foreground: oklch(0.985 0.001 106.423);
   --sidebar-primary: oklch(0.705 0.213 47.604);

package/src/vite-internal.ts

@@ -70,7 +70,7 @@ const createConsoleModulesPlugin = (mode: ConsoleModuleMode): Plugin => {
         );
         configFile = resolveFromRoot(
           root,
-          mode.options.config ?? "hot-updater.config.ts",
+          mode.options.config ?? "console.config.ts",
         );
 
         writeFileIfChanged(
@@ -128,15 +128,27 @@ const createConsoleModulesPlugin = (mode: ConsoleModuleMode): Plugin => {
 
       if (id === resolvedVirtualConfigModuleId) {
         if (mode.type === "local") {
+          // hot-updater.config.ts's database, storage, and plugins, as the
+          // CLI loads them.
           return [
             'import { loadConfig } from "@hot-updater/cli-tools";',
             "export default async () => {",
             "  const config = await loadConfig(null);",
+            "  if (config.database === undefined) {",
+            "    throw new Error(",
+            '      "Set database in hot-updater.config.ts: the database your server runs on, such as d1Database(...), or standaloneRepository({ baseUrl }) to reach a self-hosted server through its admin API.",',
+            "    );",
+            "  }",
+            "  if (config.storage === undefined) {",
+            "    throw new Error(",
+            '      "Set storage in hot-updater.config.ts: where your server stores bundles, which the console reads, such as r2Storage(...).",',
+            "    );",
+            "  }",
             "  return {",
-            "    console: { gitUrl: config.console.gitUrl },",
             "    database: config.database,",
-            "    signing: config.signing,",
             "    storage: config.storage,",
+            "    plugins: config.plugins,",
+            "    console: { gitUrl: config.console.gitUrl },",
             "  };",
             "};",
           ].join("\n");

package/src/vite.ts

@@ -3,7 +3,9 @@ import type { PluginOption } from "vite";
 import { createHostedConsolePlugins } from "./vite-internal";
 
 export interface HotUpdaterConsolePluginOptions {
+  /** The console's auth module, `console.auth.ts` by default. */
   readonly auth?: string;
+  /** The module whose default export is `defineConsoleConfig(...)`, `console.config.ts` by default. */
   readonly config?: string;
 }
 

package/.output/public/assets/InsightsPageHeader-C-Xc2MB9.js

@@ -1 +0,0 @@
-import{Gn as e,Kn as t,Qn as n,bn as r,m as i}from"./createServerFn-DHc2erub.js";import{t as a}from"./link-BG06whwB.js";import{t as o}from"./chart-no-axes-combined-C0G0fQ3J.js";import{l as s,s as c,u as l}from"./card-BEvx_QKh.js";var u=t(`arrow-up-right`,[[`path`,{d:`M7 7h10v10`,key:`1tivn9`}],[`path`,{d:`M7 17 17 7`,key:`1vkiza`}]]),d=n();function f({fallbackTitle:t}){return(0,d.jsxs)(c,{variant:`destructive`,children:[(0,d.jsx)(e,{"aria-hidden":`true`}),(0,d.jsx)(l,{children:t}),(0,d.jsx)(s,{children:`Refresh to try again. If this keeps happening, check your Insights provider connection.`})]})}function p({view:e}){return(0,d.jsxs)(`header`,{className:`sticky top-0 z-10 flex shrink-0 flex-wrap items-center gap-3 border-b bg-background px-3 py-3 sm:bg-card/70 sm:px-4 sm:backdrop-blur-sm`,children:[(0,d.jsx)(i,{className:`-ml-1 size-11 lg:size-7`}),(0,d.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,d.jsx)(o,{"aria-hidden":`true`,className:`size-3.5 text-muted-foreground`}),(0,d.jsx)(`h1`,{className:`text-sm font-medium`,children:`Insights`})]}),(0,d.jsxs)(`nav`,{"aria-label":`Insights views`,className:`ml-auto flex gap-1`,children:[(0,d.jsx)(a,{"aria-current":e===`overview`?`page`:void 0,className:r({className:`h-11 px-3 lg:h-8 lg:px-2.5`,size:`lg`,variant:e===`overview`?`secondary`:`ghost`}),to:`/insights`,children:`Overview`}),(0,d.jsx)(a,{"aria-current":e===`events`?`page`:void 0,className:r({className:`h-11 px-3 lg:h-8 lg:px-2.5`,size:`lg`,variant:e===`events`?`secondary`:`ghost`}),to:`/installations`,children:`Events`})]})]})}export{f as n,u as r,p as t};

package/.output/public/assets/api-keys-C1sgC6ko.js

@@ -1 +0,0 @@
-import{Gn as e,Kn as t,Or as n,Qn as r,gn as i,jr as a,m as o,vn as s,yn as c}from"./createServerFn-DHc2erub.js";import{t as l}from"./loader-circle-Bbp8LGVC.js";import{a as u,c as ee,i as d,n as f,o as p,r as m,t as te}from"./table-BBEzJ7Xl.js";import{a as h,i as g,o as _,r as v}from"./api-keys-api-LchP65vQ.js";import{N as y,_ as b,a as x,d as ne,f as S,g as C,h as w,i as T,l as E,m as D,n as O,o as k,p as A,r as j,t as M,u as N,v as P}from"./dialog-dyZ1SphZ.js";import{t as F}from"./refresh-cw-DZgiAOMk.js";import{n as I}from"./dist-Bh1gaDfB.js";import{a as re,c as L,l as R,n as z,o as B,s as V,t as H,u as U}from"./card-BEvx_QKh.js";import{t as W}from"./badge-BuMDU0Rf.js";import{a as G,i as K,n as q,r as J,t as Y}from"./field-79SVH26s.js";var X=t(`clipboard`,[[`rect`,{width:`8`,height:`4`,x:`8`,y:`2`,rx:`1`,ry:`1`,key:`tgr4d6`}],[`path`,{d:`M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2`,key:`116196`}]]),Z=t(`shield-off`,[[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71`,key:`1jlk70`}],[`path`,{d:`M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264`,key:`18rp1v`}]]),Q=a(n(),1),$=r(),ie=e=>new Date(e).toISOString().slice(0,10);function ae(){let[e,t]=(0,Q.useState)(!1),[n,r]=(0,Q.useState)(``),[i,a]=(0,Q.useState)(null),o=g(),u=n.trim(),d=u.length>64?`Name must be 64 characters or fewer.`:null,f=()=>{r(``),a(null),o.reset()},p=e=>{t(e),e||f()};return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(c,{onClick:()=>t(!0),children:[(0,$.jsx)(y,{"data-icon":`inline-start`}),`Create API key`]}),(0,$.jsx)(M,{open:e,onOpenChange:p,children:(0,$.jsxs)(O,{showCloseButton:i===null,children:[(0,$.jsxs)(x,{children:[(0,$.jsx)(k,{children:i===null?`Create API key`:`Save your API key`}),(0,$.jsx)(j,{children:i===null?`Name the app or environment that will use this key.`:`This key is shown once. Store it securely before closing.`})]}),i===null?(0,$.jsxs)(`form`,{onSubmit:async e=>{if(e.preventDefault(),!(u.length===0||d!==null))try{a((await o.mutateAsync(u)).apiKey),I.success(`API key created`)}catch(e){I.error(e instanceof Error?e.message:`Unable to create API key`)}},children:[(0,$.jsx)(K,{children:(0,$.jsxs)(Y,{"data-invalid":d!==null||void 0,children:[(0,$.jsx)(G,{htmlFor:`api-key-name`,children:`Name`}),(0,$.jsx)(s,{id:`api-key-name`,autoComplete:`off`,maxLength:65,onChange:e=>r(e.target.value),placeholder:`Production app`,value:n}),(0,$.jsx)(q,{children:`Use a name you can identify before revoking the key.`}),(0,$.jsx)(J,{children:d})]})}),(0,$.jsx)(T,{className:`mt-4`,children:(0,$.jsxs)(c,{disabled:o.isPending||u.length===0||d!==null,type:`submit`,children:[o.isPending?(0,$.jsx)(l,{"data-icon":`inline-start`,className:`animate-spin`}):(0,$.jsx)(_,{"data-icon":`inline-start`}),`Create API key`]})})]}):(0,$.jsxs)(K,{children:[(0,$.jsxs)(Y,{children:[(0,$.jsx)(G,{htmlFor:`created-api-key`,children:`API key`}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(s,{id:`created-api-key`,className:`font-mono`,readOnly:!0,value:i}),(0,$.jsxs)(c,{onClick:async()=>{if(i!==null)try{await navigator.clipboard.writeText(i),I.success(`API key copied`)}catch{I.error(`Unable to copy API key`)}},type:`button`,variant:`outline`,children:[(0,$.jsx)(X,{"data-icon":`inline-start`}),`Copy`]})]})]}),(0,$.jsx)(T,{children:(0,$.jsxs)(c,{onClick:()=>p(!1),children:[(0,$.jsx)(ee,{"data-icon":`inline-start`}),`Done`]})})]})]})})]})}function oe({record:e}){let[t,n]=(0,Q.useState)(!1),r=h(),i=async t=>{t.preventDefault();try{await r.mutateAsync(e.id),n(!1),I.success(`API key revoked`)}catch(e){I.error(e instanceof Error?e.message:`Unable to revoke API key`)}};return(0,$.jsxs)(E,{open:t,onOpenChange:e=>{r.isPending||n(e)},children:[(0,$.jsxs)(P,{render:(0,$.jsx)(c,{size:`sm`,variant:`ghost`}),children:[(0,$.jsx)(Z,{"data-icon":`inline-start`}),`Revoke`]}),(0,$.jsxs)(S,{children:[(0,$.jsxs)(w,{children:[(0,$.jsx)(C,{children:(0,$.jsx)(Z,{})}),(0,$.jsxs)(b,{children:[`Revoke `,e.name,`?`]}),(0,$.jsxs)(A,{children:[`Apps using `,e.prefix,`… will immediately lose OTA update and insights access. This action cannot be undone.`]})]}),(0,$.jsxs)(D,{children:[(0,$.jsx)(ne,{disabled:r.isPending,children:`Cancel`}),(0,$.jsx)(N,{disabled:r.isPending,onClick:e=>void i(e),variant:`destructive`,children:`Revoke API key`})]})]})]})}function se(){let t=v();return(0,$.jsxs)(H,{className:`overflow-hidden shadow-sm`,children:[(0,$.jsxs)(re,{className:`flex-row items-center justify-between space-y-0 border-b px-4 py-3`,children:[(0,$.jsx)(B,{className:`text-sm`,children:(0,$.jsx)(`h2`,{children:`API keys`})}),(0,$.jsx)(ae,{})]}),(0,$.jsx)(z,{className:`p-0`,children:t.isError?(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsxs)(V,{variant:`destructive`,children:[(0,$.jsx)(e,{}),(0,$.jsx)(U,{children:`API keys couldn't be loaded`}),(0,$.jsx)(R,{children:`Check your connection and try again.`}),(0,$.jsx)(L,{children:(0,$.jsxs)(c,{onClick:()=>void t.refetch(),size:`xs`,variant:`outline`,children:[(0,$.jsx)(F,{"data-icon":`inline-start`}),`Retry`]})})]})}):(0,$.jsxs)(te,{"aria-label":`API keys`,className:`table-fixed`,children:[(0,$.jsx)(u,{children:(0,$.jsxs)(p,{children:[(0,$.jsx)(d,{children:`Key`}),(0,$.jsx)(d,{className:`w-32`,children:`Created`}),(0,$.jsx)(d,{className:`w-24 text-right`,children:(0,$.jsx)(`span`,{className:`sr-only`,children:`Actions`})})]})}),(0,$.jsx)(f,{children:t.isLoading?Array.from({length:3},(e,t)=>(0,$.jsxs)(p,{children:[(0,$.jsxs)(m,{className:`space-y-2 py-3`,children:[t===0?(0,$.jsx)(`span`,{className:`sr-only`,children:`Loading API keys`}):null,(0,$.jsx)(i,{className:`h-3.5 w-32`}),(0,$.jsx)(i,{className:`h-3 w-20`})]}),(0,$.jsx)(m,{children:(0,$.jsx)(i,{className:`h-3.5 w-20`})}),(0,$.jsx)(m,{children:(0,$.jsx)(i,{className:`ml-auto h-6 w-16`})})]},t)):t.data?.length===0?(0,$.jsx)(p,{children:(0,$.jsx)(m,{colSpan:3,className:`h-40 text-center text-muted-foreground`,children:(0,$.jsxs)(`div`,{className:`mx-auto flex max-w-xs flex-col items-center gap-2`,children:[(0,$.jsx)(_,{className:`size-5`}),(0,$.jsx)(`p`,{className:`font-medium text-foreground`,children:`No API keys`}),(0,$.jsx)(`p`,{children:`Create an API key to connect an app.`})]})})}):t.data?.map(e=>(0,$.jsxs)(p,{className:e.revoked_at_ms===null?void 0:`text-muted-foreground`,children:[(0,$.jsx)(m,{className:`whitespace-normal py-3`,children:(0,$.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,$.jsx)(`p`,{className:`break-words font-medium text-foreground`,children:e.name}),(0,$.jsxs)(`p`,{className:`font-mono text-xs text-muted-foreground`,children:[e.prefix,`…`]})]})}),(0,$.jsx)(m,{className:`text-xs text-muted-foreground`,children:(0,$.jsx)(`time`,{dateTime:new Date(e.created_at_ms).toISOString(),children:ie(e.created_at_ms)})}),(0,$.jsx)(m,{className:`text-right`,children:e.revoked_at_ms===null?(0,$.jsx)(oe,{record:e}):(0,$.jsx)(W,{variant:`outline`,children:`Revoked`})})]},e.id))})]})})]})}function ce(){return(0,$.jsxs)(`div`,{className:`flex h-svh min-h-0 flex-col`,children:[(0,$.jsxs)(`header`,{className:`sticky top-0 z-10 flex shrink-0 flex-wrap items-center gap-x-3 gap-y-1 border-b bg-background px-3 py-3 sm:min-h-12 sm:flex-nowrap sm:bg-card/70 sm:px-4 sm:backdrop-blur-sm`,children:[(0,$.jsx)(o,{className:`-ml-1`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(_,{"aria-hidden":`true`,className:`size-3.5 text-muted-foreground`}),(0,$.jsx)(`h1`,{className:`text-sm font-medium`,children:`API keys`})]}),(0,$.jsx)(`p`,{className:`basis-full pl-9 text-xs text-muted-foreground sm:basis-auto sm:pl-0`,children:`API keys can download OTA updates and submit insights only.`})]}),(0,$.jsx)(`div`,{className:`min-h-0 min-w-0 flex-1 overflow-y-auto bg-muted/5 p-3 sm:p-6`,children:(0,$.jsx)(`div`,{className:`mx-auto w-full max-w-5xl`,children:(0,$.jsx)(se,{})})})]})}export{ce as component};

package/.output/public/assets/api-keys-api-LchP65vQ.js

@@ -1 +0,0 @@
-import{Kn as e,Yn as t,Zn as n,t as r,vr as i,xr as a}from"./createServerFn-DHc2erub.js";import{n as o}from"./loader-circle-Bbp8LGVC.js";var s=e(`key-round`,[[`path`,{d:`M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z`,key:`1s6t7t`}],[`circle`,{cx:`16.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`w0ekpg`}]]),c=r({method:`GET`}).handler(i(`29665ce3a33cde2eb2ee082694288db269438f62f3a4d0a005dec3256e0f15c1`)),l=r({method:`GET`}).handler(i(`2c7f3cdb9bd3cab2c026a48abdc84c362db0362924a08679052a325640aec56b`)),u=r({method:`POST`}).handler(i(`68a2d94ee016be64936401f5eba60ab08a47ff373e1cf9de48e4413336e6034b`)),d=r({method:`POST`}).handler(i(`a1cb80b19ca72a64fb631ca28ebb9b6941db245983de082d5dd3203ec2eef795`)),f={capability:[`api-keys`,`capability`],list:[`api-keys`,`list`]},p=()=>({queryKey:f.capability,queryFn:()=>c(),staleTime:1/0}),m=()=>t(p()),h=async e=>{if(!(await e.ensureQueryData(p())).apiKeys)throw a({to:`/`,search:{},replace:!0})},g=()=>t({queryKey:f.list,queryFn:()=>l()}),_=()=>{let e=n();return o({mutationFn:e=>u({data:{name:e}}),onSuccess:async()=>{await e.invalidateQueries({queryKey:f.list})}})},v=()=>{let e=n();return o({mutationFn:e=>d({data:{id:e}}),onSuccess:async()=>{await e.invalidateQueries({queryKey:f.list})}})};export{v as a,_ as i,m as n,s as o,g as r,h as t};

package/.output/public/assets/badge-BuMDU0Rf.js

@@ -1 +0,0 @@
-import{Fn as e,Nn as t,Wn as n,xn as r}from"./createServerFn-DHc2erub.js";var i=t(`inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,{variants:{variant:{default:`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`}},defaultVariants:{variant:`default`}});function a({className:t,variant:a=`default`,render:o,...s}){return e({defaultTagName:`span`,props:n({className:r(i({variant:a}),t)},s),render:o,state:{slot:`badge`,variant:a}})}export{a as t};

package/.output/public/assets/card-BEvx_QKh.js

@@ -1 +0,0 @@
-import{Nn as e,Or as t,Qn as n,xn as r}from"./createServerFn-DHc2erub.js";t();var i=n(),a=e(`group/alert relative grid w-full gap-0.5 rounded-lg border px-2 py-1.5 text-left text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-1.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-3.5`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current`}},defaultVariants:{variant:`default`}});function o({className:e,variant:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:r(a({variant:t}),e),...n})}function s({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-title`,className:r(`font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground`,e),...t})}function c({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-description`,className:r(`text-xs/relaxed text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4`,e),...t})}function l({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-action`,className:r(`absolute top-1.5 right-2`,e),...t})}function u({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card`,className:r(`rounded-xl border bg-card text-card-foreground shadow`,e),...t})}function d({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-header`,className:r(`flex flex-col space-y-1.5 p-6`,e),...t})}function f({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-title`,className:r(`font-semibold leading-none tracking-tight`,e),...t})}function p({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-description`,className:r(`text-sm text-muted-foreground`,e),...t})}function m({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-content`,className:r(`p-6 pt-0`,e),...t})}function h({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`card-footer`,className:r(`flex items-center p-6 pt-0`,e),...t})}export{d as a,l as c,h as i,c as l,m as n,f as o,p as r,o as s,u as t,s as u};

package/.output/public/assets/chart-no-axes-combined-C0G0fQ3J.js

@@ -1 +0,0 @@
-import{Kn as e}from"./createServerFn-DHc2erub.js";var t=e(`chart-no-axes-combined`,[[`path`,{d:`M12 16v5`,key:`zza2cw`}],[`path`,{d:`M16 14v7`,key:`1g90b9`}],[`path`,{d:`M20 10v11`,key:`1iqoj0`}],[`path`,{d:`m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15`,key:`1fw8x9`}],[`path`,{d:`M4 18v3`,key:`1yp0dc`}],[`path`,{d:`M8 14v7`,key:`n3cwzv`}]]);export{t};

package/.output/public/assets/composite-CHTH1Xhh.js

@@ -1 +0,0 @@
-import{An as e}from"./createServerFn-DHc2erub.js";var t=`ArrowUp`,n=`ArrowDown`,r=`ArrowLeft`,i=`ArrowRight`,a=`Home`,o=`PageUp`,s=`PageDown`,c=new Set([r,i]),l=new Set([r,i,a,`End`]),u=new Set([t,n]),d=new Set([t,n,a,`End`]),f=new Set([...c,...u]),p=new Set([...f,a,`End`]),m=new Set([`Shift`,`Control`,`Alt`,`Meta`]);function h(t){return e(t)&&t.tagName===`INPUT`}function g(t){return!!(h(t)&&t.selectionStart!=null||e(t)&&t.tagName===`TEXTAREA`)}function _(e,t,n,r){if(!e||!t||!t.scrollTo)return;let i=e.scrollLeft,a=e.scrollTop,o=e.clientWidth<e.scrollWidth,s=e.clientHeight<e.scrollHeight;if(o&&r!==`vertical`){let r=v(e,t,`left`),a=y(e),o=y(t);n===`ltr`&&(r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:r-o.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(i=r-o.scrollMarginLeft-a.scrollPaddingLeft)),n===`rtl`&&(r-o.scrollMarginRight<e.scrollLeft+a.scrollPaddingLeft?i=r-o.scrollMarginLeft-a.scrollPaddingLeft:r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(s&&r!==`horizontal`){let n=v(e,t,`top`),r=y(e),i=y(t);n-i.scrollMarginTop<e.scrollTop+r.scrollPaddingTop?a=n-i.scrollMarginTop-r.scrollPaddingTop:n+t.offsetHeight+i.scrollMarginBottom>e.scrollTop+e.clientHeight-r.scrollPaddingBottom&&(a=n+t.offsetHeight+i.scrollMarginBottom-e.clientHeight+r.scrollPaddingBottom)}e.scrollTo({left:i,top:a,behavior:`auto`})}function v(e,t,n){let r=n===`left`?`offsetLeft`:`offsetTop`,i=0;for(;t.offsetParent&&(i+=t[r],t.offsetParent!==e);)t=t.offsetParent;return i}function y(e){let t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}export{t as a,c,s as d,o as f,_ as g,g as h,i,l,d as m,f as n,p as o,u as p,r,a as s,n as t,m as u};