@igstack/app-catalog-frontend-core 0.0.1

package/dist/esm/modules/auth/authClient.js

@@ -0,0 +1,8 @@
+import { createAuthClient } from "better-auth/react";
+const authClient = createAuthClient({
+  baseURL: window.location.origin
+});
+export {
+  authClient
+};
+//# sourceMappingURL=authClient.js.map

package/dist/esm/modules/auth/authClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authClient.js","sources":["../../../../src/modules/auth/authClient.ts"],"sourcesContent":["import { createAuthClient } from 'better-auth/react'\n\n/**\n * Better Auth client for frontend authentication\n * Automatically handles session management and cookies\n */\nexport const authClient = createAuthClient({\n  baseURL: window.location.origin,\n})\n"],"names":[],"mappings":";AAMO,MAAM,aAAa,iBAAiB;AAAA,EACzC,SAAS,OAAO,SAAS;AAC3B,CAAC;"}

package/dist/esm/modules/auth/authUtils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Check if user has admin permissions
+ * @param user User object
+ * @param adminGroups Admin group names (fetched from backend via authConfig endpoint)
+ */
+export declare function isAdmin(user: any, adminGroups?: Array<string>): boolean;

package/dist/esm/modules/auth/authUtils.js

@@ -0,0 +1,25 @@
+function getUserGroups(user) {
+  if (!user) {
+    return [];
+  }
+  const groups = user.groups || // Standard "groups" claim
+  user.env_hopper_groups || // Custom env_hopper_groups claim
+  user.oktaGroups || // Okta-specific
+  user.roles || // Some providers use "roles"
+  [];
+  return Array.isArray(groups) ? groups : [];
+}
+function isMemberOfAnyGroup(user, allowedGroups) {
+  const userGroups = getUserGroups(user);
+  return allowedGroups.some((group) => userGroups.includes(group));
+}
+function isAdmin(user, adminGroups = ["env_hopper_ui_super_admins"]) {
+  if (!user) {
+    return false;
+  }
+  return isMemberOfAnyGroup(user, adminGroups);
+}
+export {
+  isAdmin
+};
+//# sourceMappingURL=authUtils.js.map

package/dist/esm/modules/auth/authUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authUtils.js","sources":["../../../../src/modules/auth/authUtils.ts"],"sourcesContent":["/**\n * Extract groups from user object\n */\nfunction getUserGroups(user: any): Array<string> {\n  if (!user) {\n    return []\n  }\n\n  // Check common locations for group information\n  const groups =\n    user.groups || // Standard \"groups\" claim\n    user.env_hopper_groups || // Custom env_hopper_groups claim\n    user.oktaGroups || // Okta-specific\n    user.roles || // Some providers use \"roles\"\n    []\n\n  return Array.isArray(groups) ? groups : []\n}\n\n/**\n * Check if user is a member of any of the specified groups\n */\nfunction isMemberOfAnyGroup(user: any, allowedGroups: Array<string>): boolean {\n  const userGroups = getUserGroups(user)\n  return allowedGroups.some((group) => userGroups.includes(group))\n}\n\n/**\n * Check if user has admin permissions\n * @param user User object\n * @param adminGroups Admin group names (fetched from backend via authConfig endpoint)\n */\nexport function isAdmin(\n  user: any,\n  adminGroups: Array<string> = ['env_hopper_ui_super_admins'],\n): boolean {\n  if (!user) {\n    return false\n  }\n  return isMemberOfAnyGroup(user, adminGroups)\n}\n"],"names":[],"mappings":"AAGA,SAAS,cAAc,MAA0B;AAC/C,MAAI,CAAC,MAAM;AACT,WAAO,CAAA;AAAA,EACT;AAGA,QAAM,SACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,CAAA;AAEF,SAAO,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAA;AAC1C;AAKA,SAAS,mBAAmB,MAAW,eAAuC;AAC5E,QAAM,aAAa,cAAc,IAAI;AACrC,SAAO,cAAc,KAAK,CAAC,UAAU,WAAW,SAAS,KAAK,CAAC;AACjE;AAOO,SAAS,QACd,MACA,cAA6B,CAAC,4BAA4B,GACjD;AACT,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,SAAO,mBAAmB,MAAM,WAAW;AAC7C;"}

package/dist/esm/modules/auth/index.d.ts

@@ -0,0 +1,5 @@
+export { authClient } from './authClient.js';
+export { AuthProvider, useAuth, useIsAuthenticated, useUser } from './AuthContext.js';
+export { ProtectedContent, withProtection } from './ProtectedContent.js';
+export { LoginPage } from './ui/LoginPage.js';
+export { useAuthActions } from './useAuthActions.js';

package/dist/esm/modules/auth/ui/LoginModal.d.ts

@@ -0,0 +1,6 @@
+/**
+ * LoginModal renders a dialog with login form
+ * Controlled by AuthModalContext global state
+ * Can be opened from anywhere using useAuthModal hook
+ */
+export declare function LoginModal(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/auth/ui/LoginModal.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "../../../ui/dialog.js";
+import { useAuthModal } from "../AuthModalContext.js";
+import { LoginPage } from "./LoginPage.js";
+function LoginModal() {
+  const { isOpen, close } = useAuthModal();
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => {
+    if (!open) {
+      close();
+    }
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "w-full max-w-md", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Sign In" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Choose your sign-in method to access EnvHopper" })
+    ] }),
+    /* @__PURE__ */ jsx(LoginPage, { onSuccess: close })
+  ] }) });
+}
+export {
+  LoginModal
+};
+//# sourceMappingURL=LoginModal.js.map

package/dist/esm/modules/auth/ui/LoginModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginModal.js","sources":["../../../../../src/modules/auth/ui/LoginModal.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '~/ui/dialog'\nimport { useAuthModal } from '../AuthModalContext'\nimport { LoginPage } from './LoginPage'\n\n/**\n * LoginModal renders a dialog with login form\n * Controlled by AuthModalContext global state\n * Can be opened from anywhere using useAuthModal hook\n */\nexport function LoginModal() {\n  const { isOpen, close } = useAuthModal()\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => {\n      if (!open) {\n        close()\n      }\n    }}>\n      <DialogContent className=\"w-full max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Sign In</DialogTitle>\n          <DialogDescription>\n            Choose your sign-in method to access EnvHopper\n          </DialogDescription>\n        </DialogHeader>\n        <LoginPage onSuccess={close} />\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":[],"mappings":";;;;AAeO,SAAS,aAAa;AAC3B,QAAM,EAAE,QAAQ,MAAA,IAAU,aAAA;AAE1B,6BACG,QAAA,EAAO,MAAM,QAAQ,cAAc,CAAC,SAAS;AAC5C,QAAI,CAAC,MAAM;AACT,YAAA;AAAA,IACF;AAAA,EACF,GACE,UAAA,qBAAC,eAAA,EAAc,WAAU,mBACvB,UAAA;AAAA,IAAA,qBAAC,cAAA,EACC,UAAA;AAAA,MAAA,oBAAC,eAAY,UAAA,UAAA,CAAO;AAAA,MACpB,oBAAC,qBAAkB,UAAA,iDAAA,CAEnB;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,WAAA,EAAU,WAAW,MAAA,CAAO;AAAA,EAAA,EAAA,CAC/B,EAAA,CACF;AAEJ;"}

package/dist/esm/modules/auth/ui/LoginPage.d.ts

@@ -0,0 +1,5 @@
+interface LoginPageProps {
+    onSuccess?: () => void;
+}
+export declare function LoginPage({ onSuccess }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/auth/ui/LoginPage.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useState } from "react";
+import { useTRPC } from "../../../api/infra/trpc.js";
+import { Button } from "../../../ui/button.js";
+import { authClient } from "../authClient.js";
+import { useAuthModal } from "../AuthModalContext.js";
+function LoginPage({ onSuccess }) {
+  const [error, setError] = useState(null);
+  const { redirectUrl } = useAuthModal();
+  const trpc = useTRPC();
+  const { data: providersData } = useQuery(
+    trpc.auth.getProviders.queryOptions()
+  );
+  const socialProviders = (providersData == null ? void 0 : providersData.providers) || [];
+  const handleSocialSignIn = async (provider) => {
+    try {
+      onSuccess == null ? void 0 : onSuccess();
+      await authClient.signIn.social({
+        provider,
+        callbackURL: redirectUrl
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Social sign-in failed");
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    error && /* @__PURE__ */ jsx("div", { className: "p-3 text-sm bg-destructive/10 text-destructive rounded-md", children: error }),
+    socialProviders.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: socialProviders.map((provider) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        onClick: () => handleSocialSignIn(provider),
+        className: "w-full capitalize",
+        children: [
+          provider === "github" && "🔗 ",
+          provider === "google" && "🔐 ",
+          provider === "okta" && "🏢 ",
+          "Sign in with ",
+          provider
+        ]
+      },
+      provider
+    )) })
+  ] });
+}
+export {
+  LoginPage
+};
+//# sourceMappingURL=LoginPage.js.map

package/dist/esm/modules/auth/ui/LoginPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginPage.js","sources":["../../../../../src/modules/auth/ui/LoginPage.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useState } from 'react'\nimport { useTRPC } from '~/api/infra/trpc'\nimport { Button } from '~/ui/button'\nimport { authClient } from '../authClient'\nimport { useAuthModal } from '../AuthModalContext'\n\ninterface LoginPageProps {\n  onSuccess?: () => void\n}\n\nexport function LoginPage({ onSuccess }: LoginPageProps) {\n  const [error, setError] = useState<string | null>(null)\n  const { redirectUrl } = useAuthModal()\n\n  const trpc = useTRPC()\n  const { data: providersData } = useQuery(\n    trpc.auth.getProviders.queryOptions(),\n  )\n  const socialProviders = providersData?.providers || []\n\n  const handleSocialSignIn = async (provider: string) => {\n    try {\n      // Close modal before redirect to OAuth\n      onSuccess?.()\n      \n      await authClient.signIn.social({\n        provider,\n        callbackURL: redirectUrl,\n      })\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Social sign-in failed')\n    }\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error && (\n        <div className=\"p-3 text-sm bg-destructive/10 text-destructive rounded-md\">\n          {error}\n        </div>\n      )}\n      {socialProviders.length > 0 && (\n        <div className=\"flex flex-col gap-2\">\n          {socialProviders.map((provider: string) => (\n            <Button\n              key={provider}\n              variant=\"outline\"\n              onClick={() => handleSocialSignIn(provider)}\n              className=\"w-full capitalize\"\n            >\n              {provider === 'github' && '🔗 '}\n              {provider === 'google' && '🔐 '}\n              {provider === 'okta' && '🏢 '}\n              Sign in with {provider}\n            </Button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAWO,SAAS,UAAU,EAAE,aAA6B;AACvD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,EAAE,YAAA,IAAgB,aAAA;AAExB,QAAM,OAAO,QAAA;AACb,QAAM,EAAE,MAAM,cAAA,IAAkB;AAAA,IAC9B,KAAK,KAAK,aAAa,aAAA;AAAA,EAAa;AAEtC,QAAM,mBAAkB,+CAAe,cAAa,CAAA;AAEpD,QAAM,qBAAqB,OAAO,aAAqB;AACrD,QAAI;AAEF;AAEA,YAAM,WAAW,OAAO,OAAO;AAAA,QAC7B;AAAA,QACA,aAAa;AAAA,MAAA,CACd;AAAA,IACH,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,uBAAuB;AAAA,IACvE;AAAA,EACF;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,IAAA,SACC,oBAAC,OAAA,EAAI,WAAU,6DACZ,UAAA,OACH;AAAA,IAED,gBAAgB,SAAS,KACxB,oBAAC,OAAA,EAAI,WAAU,uBACZ,UAAA,gBAAgB,IAAI,CAAC,aACpB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAQ;AAAA,QACR,SAAS,MAAM,mBAAmB,QAAQ;AAAA,QAC1C,WAAU;AAAA,QAET,UAAA;AAAA,UAAA,aAAa,YAAY;AAAA,UACzB,aAAa,YAAY;AAAA,UACzB,aAAa,UAAU;AAAA,UAAM;AAAA,UAChB;AAAA,QAAA;AAAA,MAAA;AAAA,MART;AAAA,IAAA,CAUR,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/esm/modules/auth/useAuthActions.d.ts

@@ -0,0 +1,17 @@
+interface LoginCredentials {
+    email: string;
+    password: string;
+}
+interface SignupCredentials extends LoginCredentials {
+    name: string;
+}
+/**
+ * Hook for authentication actions (login, signup, logout)
+ */
+export declare function useAuthActions(): {
+    login: (credentials: LoginCredentials) => Promise<any>;
+    signup: (credentials: SignupCredentials) => Promise<any>;
+    logout: () => Promise<void>;
+    socialLogin: (provider: "github" | "google") => Promise<void>;
+};
+export {};

package/dist/esm/modules/auth/useAuthActions.js

@@ -0,0 +1,62 @@
+import { useCallback } from "react";
+function useAuthActions() {
+  const login = useCallback(async (credentials) => {
+    const response = await fetch("/api/auth/sign-in/email", {
+      method: "POST",
+      credentials: "include",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(credentials)
+    });
+    if (!response.ok) {
+      const error = await response.json();
+      throw new Error(error.message || "Login failed");
+    }
+    return response.json();
+  }, []);
+  const signup = useCallback(async (credentials) => {
+    const response = await fetch("/api/auth/sign-up/email", {
+      method: "POST",
+      credentials: "include",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(credentials)
+    });
+    if (!response.ok) {
+      const error = await response.json();
+      throw new Error(error.message || "Signup failed");
+    }
+    return response.json();
+  }, []);
+  const logout = useCallback(async () => {
+    const response = await fetch("/api/auth/sign-out", {
+      method: "POST",
+      credentials: "include"
+    });
+    if (!response.ok) {
+      throw new Error("Logout failed");
+    }
+    window.location.href = "/";
+  }, []);
+  const socialLogin = useCallback(async (provider) => {
+    const response = await fetch(`/api/auth/signin/${provider}`, {
+      method: "POST",
+      credentials: "include"
+    });
+    if (!response.ok) {
+      throw new Error(`${provider} login failed`);
+    }
+    const data = await response.json();
+    if (data.redirectUrl) {
+      window.location.href = data.redirectUrl;
+    }
+  }, []);
+  return {
+    login,
+    signup,
+    logout,
+    socialLogin
+  };
+}
+export {
+  useAuthActions
+};
+//# sourceMappingURL=useAuthActions.js.map

package/dist/esm/modules/auth/useAuthActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthActions.js","sources":["../../../../src/modules/auth/useAuthActions.ts"],"sourcesContent":["import { useCallback } from 'react'\n\ninterface LoginCredentials {\n  email: string\n  password: string\n}\n\ninterface SignupCredentials extends LoginCredentials {\n  name: string\n}\n\n/**\n * Hook for authentication actions (login, signup, logout)\n */\nexport function useAuthActions() {\n  const login = useCallback(async (credentials: LoginCredentials) => {\n    const response = await fetch('/api/auth/sign-in/email', {\n      method: 'POST',\n      credentials: 'include',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify(credentials),\n    })\n\n    if (!response.ok) {\n      const error = await response.json()\n      throw new Error(error.message || 'Login failed')\n    }\n\n    return response.json()\n  }, [])\n\n  const signup = useCallback(async (credentials: SignupCredentials) => {\n    const response = await fetch('/api/auth/sign-up/email', {\n      method: 'POST',\n      credentials: 'include',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify(credentials),\n    })\n\n    if (!response.ok) {\n      const error = await response.json()\n      throw new Error(error.message || 'Signup failed')\n    }\n\n    return response.json()\n  }, [])\n\n  const logout = useCallback(async () => {\n    const response = await fetch('/api/auth/sign-out', {\n      method: 'POST',\n      credentials: 'include',\n    })\n\n    if (!response.ok) {\n      throw new Error('Logout failed')\n    }\n\n    // Clear session and reload to update UI\n    window.location.href = '/'\n  }, [])\n\n  const socialLogin = useCallback(async (provider: 'github' | 'google') => {\n    const response = await fetch(`/api/auth/signin/${provider}`, {\n      method: 'POST',\n      credentials: 'include',\n    })\n\n    if (!response.ok) {\n      throw new Error(`${provider} login failed`)\n    }\n\n    const data = await response.json()\n    // Redirect to provider's OAuth flow\n    if (data.redirectUrl) {\n      window.location.href = data.redirectUrl\n    }\n  }, [])\n\n  return {\n    login,\n    signup,\n    logout,\n    socialLogin,\n  }\n}\n"],"names":[],"mappings":";AAcO,SAAS,iBAAiB;AAC/B,QAAM,QAAQ,YAAY,OAAO,gBAAkC;AACjE,UAAM,WAAW,MAAM,MAAM,2BAA2B;AAAA,MACtD,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS,EAAE,gBAAgB,mBAAA;AAAA,MAC3B,MAAM,KAAK,UAAU,WAAW;AAAA,IAAA,CACjC;AAED,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,QAAQ,MAAM,SAAS,KAAA;AAC7B,YAAM,IAAI,MAAM,MAAM,WAAW,cAAc;AAAA,IACjD;AAEA,WAAO,SAAS,KAAA;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,YAAY,OAAO,gBAAmC;AACnE,UAAM,WAAW,MAAM,MAAM,2BAA2B;AAAA,MACtD,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS,EAAE,gBAAgB,mBAAA;AAAA,MAC3B,MAAM,KAAK,UAAU,WAAW;AAAA,IAAA,CACjC;AAED,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,QAAQ,MAAM,SAAS,KAAA;AAC7B,YAAM,IAAI,MAAM,MAAM,WAAW,eAAe;AAAA,IAClD;AAEA,WAAO,SAAS,KAAA;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,YAAY,YAAY;AACrC,UAAM,WAAW,MAAM,MAAM,sBAAsB;AAAA,MACjD,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA,CACd;AAED,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,IAAI,MAAM,eAAe;AAAA,IACjC;AAGA,WAAO,SAAS,OAAO;AAAA,EACzB,GAAG,CAAA,CAAE;AAEL,QAAM,cAAc,YAAY,OAAO,aAAkC;AACvE,UAAM,WAAW,MAAM,MAAM,oBAAoB,QAAQ,IAAI;AAAA,MAC3D,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA,CACd;AAED,QAAI,CAAC,SAAS,IAAI;AAChB,YAAM,IAAI,MAAM,GAAG,QAAQ,eAAe;AAAA,IAC5C;AAEA,UAAM,OAAO,MAAM,SAAS,KAAA;AAE5B,QAAI,KAAK,aAAa;AACpB,aAAO,SAAS,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/esm/modules/config/GlobalConfigContext.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface FrontendConfig {
+    microinteractionsToKeep: number;
+    searchHistoryToKeep: number;
+}
+export interface GlobalConfigContext {
+    config: FrontendConfig;
+}
+interface GlobalConfigProviderProps {
+    children: ReactNode;
+}
+export declare function GlobalConfigProvider({ children }: GlobalConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useGlobalConfig(): GlobalConfigContext;
+export {};

package/dist/esm/modules/config/GlobalConfigContext.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, createContext } from "react";
+const GlobalConfigContext = createContext(
+  void 0
+);
+function GlobalConfigProvider({ children }) {
+  const value = useMemo(
+    () => ({
+      config: {
+        microinteractionsToKeep: 1e3,
+        searchHistoryToKeep: 1e3
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx(GlobalConfigContext, { value, children });
+}
+export {
+  GlobalConfigProvider
+};
+//# sourceMappingURL=GlobalConfigContext.js.map

package/dist/esm/modules/config/GlobalConfigContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalConfigContext.js","sources":["../../../../src/modules/config/GlobalConfigContext.tsx"],"sourcesContent":["import { createContext, use, useMemo } from 'react'\nimport type { ReactNode } from 'react'\n\ninterface FrontendConfig {\n  microinteractionsToKeep: number\n  searchHistoryToKeep: number\n}\n\nexport interface GlobalConfigContext {\n  config: FrontendConfig\n}\n\nconst GlobalConfigContext = createContext<GlobalConfigContext | undefined>(\n  undefined,\n)\n\ninterface GlobalConfigProviderProps {\n  children: ReactNode\n}\n\nexport function GlobalConfigProvider({ children }: GlobalConfigProviderProps) {\n  const value: GlobalConfigContext = useMemo(\n    () => ({\n      config: {\n        microinteractionsToKeep: 1000,\n        searchHistoryToKeep: 1000,\n      },\n    }),\n    [],\n  )\n  return <GlobalConfigContext value={value}>{children}</GlobalConfigContext>\n}\n\nexport function useGlobalConfig(): GlobalConfigContext {\n  const context = use(GlobalConfigContext)\n  if (context === undefined) {\n    throw new Error(\n      'useGlobalConfig must be used within a GlobalConfigProvider',\n    )\n  }\n  return context\n}\n"],"names":[],"mappings":";;AAYA,MAAM,sBAAsB;AAAA,EAC1B;AACF;AAMO,SAAS,qBAAqB,EAAE,YAAuC;AAC5E,QAAM,QAA6B;AAAA,IACjC,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAAA,IAEF,CAAA;AAAA,EAAC;AAEH,SAAO,oBAAC,qBAAA,EAAoB,OAAe,SAAA,CAAS;AACtD;"}

package/dist/esm/modules/config/HealthStateContext.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export type EnvHopperHealth = 'healthy' | 'degraded';
+export interface EnvHopperHealthStateBootstrapPart {
+    bootstrapApiError?: unknown;
+}
+export interface HealthStateContext {
+    envHopperHealth: EnvHopperHealth;
+    setEnvHopperHealth: (health: EnvHopperHealth) => void;
+}
+interface HealthStateProviderProps {
+    children: ReactNode;
+    bootstrapHealth: EnvHopperHealthStateBootstrapPart;
+}
+export declare function HealthStateProvider({ children, }: HealthStateProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useEnvHopperHealth(): HealthStateContext;
+export {};

package/dist/esm/modules/gallery/Gallery.d.ts

@@ -0,0 +1,12 @@
+export interface GalleryImage {
+    url: string;
+    alt: string;
+}
+export interface GalleryProps {
+    images: Array<GalleryImage>;
+    initialIndex?: number;
+    onIndexChange?: (index: number) => void;
+    className?: string;
+    title?: string;
+}
+export declare function Gallery({ images, initialIndex, onIndexChange, className, title, }: GalleryProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/gallery/Gallery.js

@@ -0,0 +1,246 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ImageOff, X, ChevronLeft, ChevronRight } from "lucide-react";
+import { clamp } from "radashi";
+import { useHotkeys } from "react-hotkeys-hook";
+import { Button } from "../../ui/button.js";
+import { Spinner } from "../../ui/spinner.js";
+import { cn } from "../../lib/utils.js";
+function Gallery({
+  images,
+  initialIndex = 0,
+  onIndexChange,
+  className,
+  title
+}) {
+  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true, align: "center" });
+  const [currentIndex, setCurrentIndex] = useState(
+    clamp(initialIndex, 0, images.length - 1)
+  );
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const [imageStates, setImageStates] = useState(() => Object.fromEntries(images.map((_, i) => [i, "loading"])));
+  useEffect(() => {
+    setImageStates(Object.fromEntries(images.map((_, i) => [i, "loading"])));
+  }, [images]);
+  const onIndexChangeRef = useRef(onIndexChange);
+  useEffect(() => {
+    onIndexChangeRef.current = onIndexChange;
+  }, [onIndexChange]);
+  const scrollPrev = useCallback(() => {
+    if (emblaApi) emblaApi.scrollPrev();
+  }, [emblaApi]);
+  const scrollNext = useCallback(() => {
+    if (emblaApi) emblaApi.scrollNext();
+  }, [emblaApi]);
+  const onSelect = useCallback(() => {
+    var _a;
+    if (!emblaApi) return;
+    const index = emblaApi.selectedScrollSnap();
+    setCurrentIndex(index);
+    (_a = onIndexChangeRef.current) == null ? void 0 : _a.call(onIndexChangeRef, index);
+  }, [emblaApi]);
+  useEffect(() => {
+    if (!emblaApi) return;
+    onSelect();
+    emblaApi.on("select", onSelect);
+    return () => {
+      emblaApi.off("select", onSelect);
+    };
+  }, [emblaApi, onSelect]);
+  useEffect(() => {
+    if (emblaApi && typeof initialIndex === "number") {
+      emblaApi.scrollTo(initialIndex);
+    }
+  }, [emblaApi, initialIndex]);
+  useHotkeys(
+    "left",
+    (e) => {
+      e.preventDefault();
+      scrollPrev();
+    },
+    {
+      enabled: images.length > 1,
+      enableOnFormTags: false,
+      preventDefault: true
+    },
+    [scrollPrev, images.length]
+  );
+  useHotkeys(
+    "right",
+    (e) => {
+      e.preventDefault();
+      scrollNext();
+    },
+    {
+      enabled: images.length > 1,
+      enableOnFormTags: false,
+      preventDefault: true
+    },
+    [scrollNext, images.length]
+  );
+  useHotkeys(
+    "escape",
+    (e) => {
+      if (isFullscreen) {
+        e.preventDefault();
+        setIsFullscreen(false);
+      }
+    },
+    { enabled: isFullscreen, enableOnFormTags: false, preventDefault: true },
+    [isFullscreen]
+  );
+  useEffect(() => {
+    if (!emblaApi || images.length <= 1) return;
+    const emblaNode = emblaApi.rootNode();
+    let isScrolling = false;
+    let scrollTimeout;
+    const handleWheel = (event) => {
+      event.preventDefault();
+      if (isScrolling) return;
+      const deltaY = event.deltaY;
+      const deltaX = event.deltaX;
+      const delta = Math.abs(deltaY) > Math.abs(deltaX) ? deltaY : deltaX;
+      if (delta > 0) {
+        scrollNext();
+      } else if (delta < 0) {
+        scrollPrev();
+      }
+      isScrolling = true;
+      clearTimeout(scrollTimeout);
+      scrollTimeout = setTimeout(() => {
+        isScrolling = false;
+      }, 300);
+    };
+    emblaNode.addEventListener("wheel", handleWheel, { passive: false });
+    return () => {
+      emblaNode.removeEventListener("wheel", handleWheel);
+      clearTimeout(scrollTimeout);
+    };
+  }, [emblaApi, scrollNext, scrollPrev, images.length]);
+  const currentImage = images[currentIndex];
+  const handleImageLoad = (index) => {
+    setImageStates((prev) => ({ ...prev, [index]: "loaded" }));
+  };
+  const handleImageError = (index) => {
+    setImageStates((prev) => ({ ...prev, [index]: "error" }));
+  };
+  if (isFullscreen && currentImage) {
+    const imageState = imageStates[currentIndex];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-background",
+        role: "dialog",
+        "aria-label": "Fullscreen view",
+        children: [
+          imageState === "error" ? /* @__PURE__ */ jsx("div", { className: "flex h-screen w-screen items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(ImageOff, { className: "size-12" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Failed to load image" })
+          ] }) }) : /* @__PURE__ */ jsxs("div", { className: "h-full w-full overflow-auto p-2", children: [
+            imageState !== "loaded" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" }) }),
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: currentImage.url,
+                alt: currentImage.alt,
+                className: "max-w-full h-auto",
+                onLoad: () => handleImageLoad(currentIndex),
+                onError: () => handleImageError(currentIndex),
+                style: { opacity: imageState === "loaded" ? 1 : 0 }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => setIsFullscreen(false),
+              className: "absolute top-4 right-4 z-10",
+              "aria-label": "Exit fullscreen",
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col min-h-0", className), children: [
+    title && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: title }) }),
+    /* @__PURE__ */ jsx("div", { className: "relative flex-1 min-h-0 overflow-hidden px-4", children: /* @__PURE__ */ jsx("div", { ref: emblaRef, className: "h-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex h-full gap-4", children: images.map((image, index) => {
+      const imageState = imageStates[index];
+      const slideWidth = images.length === 1 ? "100%" : "85%";
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "relative flex min-w-0 items-center justify-center transition-opacity duration-300 h-full",
+            index !== currentIndex && "opacity-40"
+          ),
+          style: { flexBasis: slideWidth, flexShrink: 0, flexGrow: 0 },
+          children: imageState === "error" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(ImageOff, { className: "size-12" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs", children: "Failed to load" })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            imageState !== "loaded" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" }) }),
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: image.url,
+                alt: image.alt,
+                className: "max-w-full max-h-full w-auto h-auto object-contain cursor-pointer border border-border/30 rounded",
+                onClick: () => {
+                  if (index !== currentIndex) {
+                    emblaApi == null ? void 0 : emblaApi.scrollTo(index);
+                  }
+                },
+                onLoad: () => handleImageLoad(index),
+                onError: () => handleImageError(index),
+                style: { opacity: imageState === "loaded" ? 1 : 0 },
+                role: "button",
+                "aria-label": `Navigate to ${image.alt}`
+              }
+            )
+          ] })
+        },
+        image.url
+      );
+    }) }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4 py-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "icon",
+          onClick: scrollPrev,
+          disabled: images.length <= 1,
+          "aria-label": "Previous screenshot",
+          className: "h-12 w-12",
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-12 w-12" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", "aria-live": "polite", children: [
+        currentIndex + 1,
+        " / ",
+        images.length
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "icon",
+          onClick: scrollNext,
+          disabled: images.length <= 1,
+          "aria-label": "Next screenshot",
+          className: "h-12 w-12",
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-12 w-12" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Gallery
+};
+//# sourceMappingURL=Gallery.js.map

package/dist/esm/modules/gallery/Gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.js","sources":["../../../../src/modules/gallery/Gallery.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { ChevronLeft, ChevronRight, ImageOff, X } from 'lucide-react'\nimport { clamp } from 'radashi'\nimport { useHotkeys } from 'react-hotkeys-hook'\n\nimport { Button } from '~/ui/button'\nimport { Spinner } from '~/ui/spinner'\nimport { cn } from '~/lib/utils'\n\nexport interface GalleryImage {\n  url: string\n  alt: string\n}\n\nexport interface GalleryProps {\n  images: Array<GalleryImage>\n  initialIndex?: number\n  onIndexChange?: (index: number) => void\n  className?: string\n  title?: string\n}\n\nexport function Gallery({\n  images,\n  initialIndex = 0,\n  onIndexChange,\n  className,\n  title,\n}: GalleryProps) {\n  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true, align: 'center' })\n  const [currentIndex, setCurrentIndex] = useState(\n    clamp(initialIndex, 0, images.length - 1),\n  )\n  const [isFullscreen, setIsFullscreen] = useState(false)\n  const [imageStates, setImageStates] = useState<\n    Record<number, 'loading' | 'loaded' | 'error'>\n  >(() => Object.fromEntries(images.map((_, i) => [i, 'loading'])))\n\n  // Reset image states when images array changes\n  useEffect(() => {\n    setImageStates(Object.fromEntries(images.map((_, i) => [i, 'loading'])))\n  }, [images])\n\n  // Stabilize onIndexChange callback with ref\n  const onIndexChangeRef = useRef(onIndexChange)\n  useEffect(() => {\n    onIndexChangeRef.current = onIndexChange\n  }, [onIndexChange])\n\n  const scrollPrev = useCallback(() => {\n    if (emblaApi) emblaApi.scrollPrev()\n  }, [emblaApi])\n\n  const scrollNext = useCallback(() => {\n    if (emblaApi) emblaApi.scrollNext()\n  }, [emblaApi])\n\n  // Sync current index with embla\n  const onSelect = useCallback(() => {\n    if (!emblaApi) return\n    const index = emblaApi.selectedScrollSnap()\n    setCurrentIndex(index)\n    onIndexChangeRef.current?.(index)\n  }, [emblaApi])\n\n  useEffect(() => {\n    if (!emblaApi) return\n    onSelect()\n    emblaApi.on('select', onSelect)\n    return () => {\n      emblaApi.off('select', onSelect)\n    }\n  }, [emblaApi, onSelect])\n\n  // Scroll to initial index on mount only\n  useEffect(() => {\n    if (emblaApi && typeof initialIndex === 'number') {\n      emblaApi.scrollTo(initialIndex)\n    }\n  }, [emblaApi, initialIndex])\n\n  // Keyboard navigation\n  useHotkeys(\n    'left',\n    (e) => {\n      e.preventDefault()\n      scrollPrev()\n    },\n    {\n      enabled: images.length > 1,\n      enableOnFormTags: false,\n      preventDefault: true,\n    },\n    [scrollPrev, images.length],\n  )\n  useHotkeys(\n    'right',\n    (e) => {\n      e.preventDefault()\n      scrollNext()\n    },\n    {\n      enabled: images.length > 1,\n      enableOnFormTags: false,\n      preventDefault: true,\n    },\n    [scrollNext, images.length],\n  )\n  useHotkeys(\n    'escape',\n    (e) => {\n      if (isFullscreen) {\n        e.preventDefault()\n        setIsFullscreen(false)\n      }\n    },\n    { enabled: isFullscreen, enableOnFormTags: false, preventDefault: true },\n    [isFullscreen],\n  )\n\n  // Mouse wheel navigation with debouncing\n  useEffect(() => {\n    if (!emblaApi || images.length <= 1) return\n\n    const emblaNode = emblaApi.rootNode()\n\n    let isScrolling = false\n    let scrollTimeout: NodeJS.Timeout\n\n    const handleWheel = (event: WheelEvent) => {\n      // Prevent page scroll when wheeling over gallery\n      event.preventDefault()\n\n      // Skip if already scrolling (debounce)\n      if (isScrolling) return\n\n      // Determine scroll direction\n      const deltaY = event.deltaY\n      const deltaX = event.deltaX\n\n      // Use vertical scroll primarily, fall back to horizontal\n      const delta = Math.abs(deltaY) > Math.abs(deltaX) ? deltaY : deltaX\n\n      if (delta > 0) {\n        // Scroll down/right -> next slide\n        scrollNext()\n      } else if (delta < 0) {\n        // Scroll up/left -> previous slide\n        scrollPrev()\n      }\n\n      // Set cooldown period\n      isScrolling = true\n      clearTimeout(scrollTimeout)\n      scrollTimeout = setTimeout(() => {\n        isScrolling = false\n      }, 300) // 300ms cooldown\n    }\n\n    emblaNode.addEventListener('wheel', handleWheel, { passive: false })\n\n    return () => {\n      emblaNode.removeEventListener('wheel', handleWheel)\n      clearTimeout(scrollTimeout)\n    }\n  }, [emblaApi, scrollNext, scrollPrev, images.length])\n\n  const currentImage = images[currentIndex]\n\n  const handleImageLoad = (index: number) => {\n    setImageStates((prev) => ({ ...prev, [index]: 'loaded' }))\n  }\n\n  const handleImageError = (index: number) => {\n    setImageStates((prev) => ({ ...prev, [index]: 'error' }))\n  }\n\n  // Fullscreen mode\n  if (isFullscreen && currentImage) {\n    const imageState = imageStates[currentIndex]\n    return (\n      <div\n        className=\"fixed inset-0 z-50 bg-background\"\n        role=\"dialog\"\n        aria-label=\"Fullscreen view\"\n      >\n        {imageState === 'error' ? (\n          <div className=\"flex h-screen w-screen items-center justify-center\">\n            <div className=\"flex flex-col items-center gap-2 text-muted-foreground\">\n              <ImageOff className=\"size-12\" />\n              <p className=\"text-sm\">Failed to load image</p>\n            </div>\n          </div>\n        ) : (\n          <div className=\"h-full w-full overflow-auto p-2\">\n            {imageState !== 'loaded' && (\n              <div className=\"absolute inset-0 flex items-center justify-center\">\n                <Spinner className=\"size-8\" />\n              </div>\n            )}\n            <img\n              src={currentImage.url}\n              alt={currentImage.alt}\n              className=\"max-w-full h-auto\"\n              onLoad={() => handleImageLoad(currentIndex)}\n              onError={() => handleImageError(currentIndex)}\n              style={{ opacity: imageState === 'loaded' ? 1 : 0 }}\n            />\n          </div>\n        )}\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => setIsFullscreen(false)}\n          className=\"absolute top-4 right-4 z-10\"\n          aria-label=\"Exit fullscreen\"\n        >\n          <X className=\"size-4\" />\n        </Button>\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn('flex h-full flex-col min-h-0', className)}>\n      {/* Title Header */}\n      {title && (\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-lg font-semibold\">{title}</h2>\n        </div>\n      )}\n\n      {/* Carousel Viewport with Peek Effect */}\n      <div className=\"relative flex-1 min-h-0 overflow-hidden px-4\">\n        <div ref={emblaRef} className=\"h-full overflow-hidden\">\n          <div className=\"flex h-full gap-4\">\n            {images.map((image, index) => {\n              const imageState = imageStates[index]\n              // Use 100% width for single image, 85% for multiple (peek effect)\n              const slideWidth = images.length === 1 ? '100%' : '85%'\n              return (\n                <div\n                  key={image.url}\n                  className={cn(\n                    'relative flex min-w-0 items-center justify-center transition-opacity duration-300 h-full',\n                    index !== currentIndex && 'opacity-40',\n                  )}\n                  style={{ flexBasis: slideWidth, flexShrink: 0, flexGrow: 0 }}\n                >\n                  {imageState === 'error' ? (\n                    <div className=\"flex flex-col items-center gap-2 text-muted-foreground\">\n                      <ImageOff className=\"size-12\" />\n                      <p className=\"text-xs\">Failed to load</p>\n                    </div>\n                  ) : (\n                    <>\n                      {imageState !== 'loaded' && (\n                        <div className=\"absolute inset-0 flex items-center justify-center\">\n                          <Spinner className=\"size-8\" />\n                        </div>\n                      )}\n                      <img\n                        src={image.url}\n                        alt={image.alt}\n                        className=\"max-w-full max-h-full w-auto h-auto object-contain cursor-pointer border border-border/30 rounded\"\n                        onClick={() => {\n                          if (index !== currentIndex) {\n                            emblaApi?.scrollTo(index)\n                          }\n                        }}\n                        onLoad={() => handleImageLoad(index)}\n                        onError={() => handleImageError(index)}\n                        style={{ opacity: imageState === 'loaded' ? 1 : 0 }}\n                        role=\"button\"\n                        aria-label={`Navigate to ${image.alt}`}\n                      />\n                    </>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n\n      {/* Bottom Controls */}\n      <div className=\"flex items-center justify-center gap-4 py-4\">\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={scrollPrev}\n          disabled={images.length <= 1}\n          aria-label=\"Previous screenshot\"\n          className=\"h-12 w-12\"\n        >\n          <ChevronLeft className=\"h-12 w-12\" />\n        </Button>\n\n        <div className=\"text-sm text-muted-foreground\" aria-live=\"polite\">\n          {currentIndex + 1} / {images.length}\n        </div>\n\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={scrollNext}\n          disabled={images.length <= 1}\n          aria-label=\"Next screenshot\"\n          className=\"h-12 w-12\"\n        >\n          <ChevronRight className=\"h-12 w-12\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/icons/IconManagementPage.d.ts

@@ -0,0 +1 @@
+export declare function IconManagementPage(): import("react/jsx-runtime").JSX.Element;