@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha.1

package/dist/esm/ui/select.js

@@ -0,0 +1,138 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+export {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectTrigger,
+  SelectValue
+};
+//# sourceMappingURL=select.js.map

package/dist/esm/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../../src/ui/select.tsx"],"sourcesContent":["import * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '~/lib/utils'\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  align = 'center',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"names":[],"mappings":";;;;AAMA,SAAS,OAAO;AAAA,EACd,GAAG;AACL,GAAsD;AACpD,6BAAQ,gBAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAG,OAAO;AAC7D;AAQA,SAAS,YAAY;AAAA,EACnB,GAAG;AACL,GAAuD;AACrD,6BAAQ,gBAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAG,OAAO;AACpE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACD,oBAAC,gBAAgB,MAAhB,EAAqB,SAAO,MAC3B,UAAA,oBAAC,iBAAA,EAAgB,WAAU,oBAAA,CAAoB,EAAA,CACjD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,GAAG;AACL,GAAyD;AACvD,SACE,oBAAC,gBAAgB,QAAhB,EACC,UAAA;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,aAAa,YACX;AAAA,QACF;AAAA,MAAA;AAAA,MAEF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,sBAAA,EAAqB;AAAA,QACtB;AAAA,UAAC,gBAAgB;AAAA,UAAhB;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,aAAa,YACX;AAAA,YAAA;AAAA,YAGH;AAAA,UAAA;AAAA,QAAA;AAAA,4BAEF,wBAAA,CAAA,CAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5B;AAEJ;AAeA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsD;AACpD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,8DACd,UAAA,oBAAC,gBAAgB,eAAhB,EACC,UAAA,oBAAC,WAAA,EAAU,WAAU,SAAA,CAAS,EAAA,CAChC,GACF;AAAA,QACA,oBAAC,gBAAgB,UAAhB,EAA0B,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;AAeA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,GAAgE;AAC9D,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEJ,UAAA,oBAAC,eAAA,EAAc,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEJ,UAAA,oBAAC,iBAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG1C;"}

package/dist/esm/{components/ui → ui}/separator.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../lib/utils.js";
 function Separator({
   className,
   orientation = "horizontal",

package/dist/esm/ui/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sources":["../../../src/ui/separator.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\n\nimport { cn } from '~/lib/utils'\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":[],"mappings":";;;AAKA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/ui/shortcut-button.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface ShortcutButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The text to display on the button.
+     */
+    text: string;
+    /**
+     * The keyboard key to display (e.g., 'K'). Will be formatted as ⌘K on Mac or Ctrl+K on other platforms.
+     * If not provided, defaults to 'K'.
+     */
+    shortcutKey?: string;
+    /**
+     * Custom shortcut text to display. If provided, this takes precedence over shortcutKey.
+     * Useful for custom shortcuts like '⌘⇧K' or 'Ctrl+Shift+K'.
+     */
+    shortcut?: string;
+}
+declare const ShortcutButton: {
+    ({ ref, text, shortcutKey, shortcut, className, ...props }: ShortcutButtonProps & {
+        ref?: React.RefObject<HTMLButtonElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ShortcutButton };

package/dist/esm/ui/shortcut-button.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+const ShortcutButton = ({
+  ref,
+  text,
+  shortcutKey,
+  shortcut,
+  className,
+  ...props
+}) => {
+  const displayShortcut = React.useMemo(() => {
+    if (shortcut) return shortcut;
+    const isMac = typeof navigator !== "undefined" && navigator.platform.includes("Mac");
+    return isMac ? `⌘${shortcutKey}` : `Ctrl+${shortcutKey}`;
+  }, [shortcut, shortcutKey]);
+  const { onClick, ...buttonProps } = props;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center h-10 w-full rounded-md border border-input bg-background text-sm",
+        "hover:bg-accent hover:border-accent/50 cursor-default",
+        "focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:border-accent/50 focus-within:bg-accent",
+        "transition-colors duration-200",
+        className
+      ),
+      onClick: onClick ? (e) => onClick(e) : void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref,
+            type: "button",
+            className: cn(
+              "flex-1 h-full px-3 py-2 text-left transition-colors duration-200",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              "focus-visible:outline-none"
+            ),
+            onClick: (e) => {
+              e.stopPropagation();
+              onClick == null ? void 0 : onClick(e);
+            },
+            ...buttonProps,
+            children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: text })
+          }
+        ),
+        shortcutKey && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground bg-secondary px-2 py-1 rounded-lg mr-3 shrink-0", children: displayShortcut })
+      ]
+    }
+  );
+};
+ShortcutButton.displayName = "ShortcutButton";
+export {
+  ShortcutButton
+};
+//# sourceMappingURL=shortcut-button.js.map

package/dist/esm/ui/shortcut-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-button.js","sources":["../../../src/ui/shortcut-button.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '~/lib/utils'\n\nexport interface ShortcutButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The text to display on the button.\n   */\n  text: string\n  /**\n   * The keyboard key to display (e.g., 'K'). Will be formatted as ⌘K on Mac or Ctrl+K on other platforms.\n   * If not provided, defaults to 'K'.\n   */\n  shortcutKey?: string\n  /**\n   * Custom shortcut text to display. If provided, this takes precedence over shortcutKey.\n   * Useful for custom shortcuts like '⌘⇧K' or 'Ctrl+Shift+K'.\n   */\n  shortcut?: string\n}\n\nconst ShortcutButton = ({\n  ref,\n  text,\n  shortcutKey,\n  shortcut,\n  className,\n  ...props\n}: ShortcutButtonProps & {\n  ref?: React.RefObject<HTMLButtonElement | null>\n}) => {\n  const displayShortcut = React.useMemo(() => {\n    if (shortcut) return shortcut\n\n    // Auto-format the shortcut key based on platform (it's not actually deprecated)\n    const isMac =\n      typeof navigator !== 'undefined' && navigator.platform.includes('Mac')\n    return isMac ? `⌘${shortcutKey}` : `Ctrl+${shortcutKey}`\n  }, [shortcut, shortcutKey])\n\n  const { onClick, ...buttonProps } = props\n\n  return (\n    <div\n      className={cn(\n        'flex items-center h-10 w-full rounded-md border border-input bg-background text-sm',\n        'hover:bg-accent hover:border-accent/50 cursor-default',\n        'focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:border-accent/50 focus-within:bg-accent',\n        'transition-colors duration-200',\n        className,\n      )}\n      onClick={\n        onClick\n          ? (e) => onClick(e as unknown as React.MouseEvent<HTMLButtonElement>)\n          : undefined\n      }\n    >\n      <button\n        ref={ref}\n        type=\"button\"\n        className={cn(\n          'flex-1 h-full px-3 py-2 text-left transition-colors duration-200',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          'focus-visible:outline-none',\n        )}\n        onClick={(e) => {\n          e.stopPropagation()\n          onClick?.(e)\n        }}\n        {...buttonProps}\n      >\n        <span className=\"text-muted-foreground\">{text}</span>\n      </button>\n      {shortcutKey && (\n        <span className=\"text-xs text-muted-foreground bg-secondary px-2 py-1 rounded-lg mr-3 shrink-0\">\n          {displayShortcut}\n        </span>\n      )}\n    </div>\n  )\n}\n\nShortcutButton.displayName = 'ShortcutButton'\n\nexport { ShortcutButton }\n"],"names":[],"mappings":";;;AAoBA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAEM;AACJ,QAAM,kBAAkB,MAAM,QAAQ,MAAM;AAC1C,QAAI,SAAU,QAAO;AAGrB,UAAM,QACJ,OAAO,cAAc,eAAe,UAAU,SAAS,SAAS,KAAK;AACvE,WAAO,QAAQ,IAAI,WAAW,KAAK,QAAQ,WAAW;AAAA,EACxD,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,QAAM,EAAE,SAAS,GAAG,YAAA,IAAgB;AAEpC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,SACE,UACI,CAAC,MAAM,QAAQ,CAAmD,IAClE;AAAA,MAGN,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,MAAK;AAAA,YACL,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAA;AACF,iDAAU;AAAA,YACZ;AAAA,YACC,GAAG;AAAA,YAEJ,UAAA,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAE/C,eACC,oBAAC,QAAA,EAAK,WAAU,iFACb,UAAA,gBAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,eAAe,cAAc;"}

package/dist/esm/ui/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/esm/ui/skeleton.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+export {
+  Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/esm/ui/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../../src/ui/skeleton.tsx"],"sourcesContent":["import { cn } from '~/lib/utils'\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn('bg-accent animate-pulse rounded-md', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"names":[],"mappings":";;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;AACtE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/ui/spinner.d.ts

@@ -0,0 +1,2 @@
+declare function Spinner({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
+export { Spinner };

package/dist/esm/ui/spinner.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+export {
+  Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/esm/ui/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../../src/ui/spinner.tsx"],"sourcesContent":["import { Loader2Icon } from 'lucide-react'\n\nimport { cn } from '~/lib/utils'\n\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'>) {\n  return (\n    <Loader2Icon\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn('size-4 animate-spin', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Spinner }\n"],"names":[],"mappings":";;;AAIA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAsC;AACrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,uBAAuB,SAAS;AAAA,MAC7C,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/ui/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };

package/dist/esm/ui/table.js

@@ -0,0 +1,87 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+};
+//# sourceMappingURL=table.js.map

package/dist/esm/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../src/ui/table.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('[&_tr]:border-b', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'p-2 align-middle [&:has([role=checkbox])]:pr-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n}\n"],"names":[],"mappings":";;AAIA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,UACvD,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAeA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAqC;AACtE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/ui/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
+export { Textarea };

package/dist/esm/ui/textarea.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Textarea
+};
+//# sourceMappingURL=textarea.js.map

package/dist/esm/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../../src/ui/textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/lib/utils'\n\nfunction Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":[],"mappings":";;AAIA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/esm/userDb/EhDb.d.ts

@@ -1,12 +1,26 @@
 import { default as Dexie, Table } from 'dexie';
-import { BootstrapConfigData } from '@env-hopper/backend-core';
+import { AppCatalogData, BootstrapConfigData, ResourceJumpsData, ResourceJumpsExtendedData } from '@env-hopper/backend-core';
 import { EnvironmentHistoryItem } from '~/modules/environment/types';
+import { ResourceJumpHistoryItem } from '~/modules/resourceJump/types';
 export declare class EhDb extends Dexie {
     bootstrap: Table<BootstrapConfigData>;
+    resourceJumps: Table<ResourceJumpsData>;
+    resourceJumpsExtended: Table<ResourceJumpsExtendedData>;
+    appCatalog: Table<AppCatalogData>;
     environmentHistory: Table<EnvironmentHistoryItem>;
+    resourceJumpHistory: Table<ResourceJumpHistoryItem>;
     constructor();
+    /**
+     * Resets the entire database by deleting and recreating it
+     * This clears all data and resets version tracking to fix migration issues
+     */
+    resetDatabase(): Promise<void>;
 }
 export declare enum dbCacheDbKeys {
     Bootstrap = "bootstrap",
-    EnvironmentHistory = "environmentHistory"
+    ResourceJumps = "resourceJumps",
+    ResourceJumpsExtended = "resourceJumpsExtended",
+    AppCatalog = "appCatalog",
+    EnvironmentHistory = "environmentHistory",
+    ResourceJumpHistory = "resourceJumpHistory"
 }

package/dist/esm/userDb/EhDb.js

@@ -2,15 +2,41 @@ import Dexie from "dexie";
 class EhDb extends Dexie {
   constructor() {
     super("envhopper");
-    this.version(2).stores({
+    this.version(15).stores({
       bootstrap: "",
-      environmentHistory: ""
+      resourceJumps: "",
+      resourceJumpsExtended: "",
+      appCatalog: "",
+      environmentHistory: "++id, timestamp",
+      resourceJumpHistory: "++id, timestamp"
+    }).upgrade(async (tx) => {
+      console.log("migration....");
+      await tx.table("resourceJumpHistory").toCollection().modify((item) => {
+        if (!item.type) {
+          item.type = "switch-selector";
+          delete item.envSlug;
+        }
+      });
     });
   }
+  /**
+   * Resets the entire database by deleting and recreating it
+   * This clears all data and resets version tracking to fix migration issues
+   */
+  async resetDatabase() {
+    const dbName = this.name;
+    this.close();
+    await Dexie.delete(dbName);
+    await this.open();
+  }
 }
 var dbCacheDbKeys = /* @__PURE__ */ ((dbCacheDbKeys2) => {
   dbCacheDbKeys2["Bootstrap"] = "bootstrap";
+  dbCacheDbKeys2["ResourceJumps"] = "resourceJumps";
+  dbCacheDbKeys2["ResourceJumpsExtended"] = "resourceJumpsExtended";
+  dbCacheDbKeys2["AppCatalog"] = "appCatalog";
   dbCacheDbKeys2["EnvironmentHistory"] = "environmentHistory";
+  dbCacheDbKeys2["ResourceJumpHistory"] = "resourceJumpHistory";
   return dbCacheDbKeys2;
 })(dbCacheDbKeys || {});
 export {

package/dist/esm/userDb/EhDb.js.map

@@ -1 +1 @@
-{"version":3,"file":"EhDb.js","sources":["../../../src/userDb/EhDb.ts"],"sourcesContent":["import Dexie from 'dexie'\nimport type { Table } from 'dexie'\nimport type { BootstrapConfigData } from '@env-hopper/backend-core'\nimport type { EnvironmentHistoryItem } from '~/modules/environment/types'\n\nexport class EhDb extends Dexie {\n  bootstrap!: Table<BootstrapConfigData>\n  environmentHistory!: Table<EnvironmentHistoryItem>\n\n  constructor() {\n    super('envhopper')\n    this.version(2).stores({\n      bootstrap: '',\n      environmentHistory: '',\n    })\n  }\n}\n\nexport enum dbCacheDbKeys {\n  Bootstrap = 'bootstrap',\n  EnvironmentHistory = 'environmentHistory',\n}\n"],"names":["dbCacheDbKeys"],"mappings":";AAKO,MAAM,aAAa,MAAM;AAAA,EAI9B,cAAc;AACZ,UAAM,WAAW;AACjB,SAAK,QAAQ,CAAC,EAAE,OAAO;AAAA,MACrB,WAAW;AAAA,MACX,oBAAoB;AAAA,IAAA,CACrB;AAAA,EACH;AACF;AAEO,IAAK,kCAAAA,mBAAL;AACLA,iBAAA,WAAA,IAAY;AACZA,iBAAA,oBAAA,IAAqB;AAFX,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}
+{"version":3,"file":"EhDb.js","sources":["../../../src/userDb/EhDb.ts"],"sourcesContent":["import Dexie from 'dexie'\nimport type {\n  AppCatalogData,\n  BootstrapConfigData,\n  ResourceJumpsData,\n  ResourceJumpsExtendedData,\n} from '@env-hopper/backend-core'\nimport type { Table } from 'dexie'\nimport type { EnvironmentHistoryItem } from '~/modules/environment/types'\nimport type { ResourceJumpHistoryItem } from '~/modules/resourceJump/types'\n\nexport class EhDb extends Dexie {\n  bootstrap!: Table<BootstrapConfigData>\n  resourceJumps!: Table<ResourceJumpsData>\n  resourceJumpsExtended!: Table<ResourceJumpsExtendedData>\n  appCatalog!: Table<AppCatalogData>\n  environmentHistory!: Table<EnvironmentHistoryItem>\n  resourceJumpHistory!: Table<ResourceJumpHistoryItem>\n\n  constructor() {\n    super('envhopper')\n    // Bump version when adding new tables to ensure Dexie upgrades schema\n    this.version(15)\n      .stores({\n        bootstrap: '',\n        resourceJumps: '',\n        resourceJumpsExtended: '',\n        appCatalog: '',\n        environmentHistory: '++id, timestamp',\n        resourceJumpHistory: '++id, timestamp',\n      })\n      .upgrade(async (tx) => {\n        console.log('migration....')\n        await tx\n          .table('resourceJumpHistory')\n          .toCollection()\n          .modify((item) => {\n            if (!item.type) {\n              item.type = 'switch-selector'\n              delete item.envSlug\n            }\n          })\n      })\n  }\n\n  /**\n   * Resets the entire database by deleting and recreating it\n   * This clears all data and resets version tracking to fix migration issues\n   */\n  async resetDatabase(): Promise<void> {\n    const dbName = this.name\n    this.close()\n    await Dexie.delete(dbName)\n    await this.open()\n  }\n}\n\nexport enum dbCacheDbKeys {\n  Bootstrap = 'bootstrap',\n  ResourceJumps = 'resourceJumps',\n  ResourceJumpsExtended = 'resourceJumpsExtended',\n  AppCatalog = 'appCatalog',\n  EnvironmentHistory = 'environmentHistory',\n  ResourceJumpHistory = 'resourceJumpHistory',\n}\n"],"names":["dbCacheDbKeys"],"mappings":";AAWO,MAAM,aAAa,MAAM;AAAA,EAQ9B,cAAc;AACZ,UAAM,WAAW;AAEjB,SAAK,QAAQ,EAAE,EACZ,OAAO;AAAA,MACN,WAAW;AAAA,MACX,eAAe;AAAA,MACf,uBAAuB;AAAA,MACvB,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,qBAAqB;AAAA,IAAA,CACtB,EACA,QAAQ,OAAO,OAAO;AACrB,cAAQ,IAAI,eAAe;AAC3B,YAAM,GACH,MAAM,qBAAqB,EAC3B,eACA,OAAO,CAAC,SAAS;AAChB,YAAI,CAAC,KAAK,MAAM;AACd,eAAK,OAAO;AACZ,iBAAO,KAAK;AAAA,QACd;AAAA,MACF,CAAC;AAAA,IACL,CAAC;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,gBAA+B;AACnC,UAAM,SAAS,KAAK;AACpB,SAAK,MAAA;AACL,UAAM,MAAM,OAAO,MAAM;AACzB,UAAM,KAAK,KAAA;AAAA,EACb;AACF;AAEO,IAAK,kCAAAA,mBAAL;AACLA,iBAAA,WAAA,IAAY;AACZA,iBAAA,eAAA,IAAgB;AAChBA,iBAAA,uBAAA,IAAwB;AACxBA,iBAAA,YAAA,IAAa;AACbA,iBAAA,oBAAA,IAAqB;AACrBA,iBAAA,qBAAA,IAAsB;AANZ,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/dist/esm/util/availabilityMatrixUtils.d.ts

@@ -1,8 +1,8 @@
-import { AvailabilityVariant, AvailiabilityMatrixData } from '@env-hopper/backend-core';
+import { AvailabilityMatrixData, AvailabilityVariant } from '@env-hopper/backend-core';
 export interface AvailabilitySearchParams {
     envSlug?: string;
     resourceJumpSlug?: string;
-    availabilityMatrix: AvailiabilityMatrixData;
+    availabilityMatrix: AvailabilityMatrixData;
 }
 export interface AvailabilitySlugPair {
     envSlug: string;

package/dist/esm/util/createEhRouter.d.ts

@@ -1,5 +1,5 @@
 import { EhRouterInitParams } from '~/types/types';
-export declare function createEhRouter({ context, history }: EhRouterInitParams): import('@tanstack/router-core').RouterCore<import('@tanstack/router-core').Route<any, "/", "/", string, "__root__", undefined, {}, import('~/types/types').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, import('~/routeTree.gen').RootRouteChildren, import('~/routeTree.gen').FileRouteTypes>, "never", false, import('@tanstack/history').RouterHistory, Record<string, any>>;
+export declare function createEhRouter({ context, history }: EhRouterInitParams): import('@tanstack/router-core').RouterCore<import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, any, "/", "/", string, "__root__", undefined, {}, import('~/types/types').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, import('~/routeTree.gen').RootRouteChildren, import('~/routeTree.gen').FileRouteTypes, unknown, unknown, undefined>, "never", false, import('@tanstack/history').RouterHistory, Record<string, any>>;
 declare module '@tanstack/react-router' {
     interface Register {
         router: ReturnType<typeof createEhRouter>;

package/dist/esm/util/createEhRouter.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import { createRouter } from "@tanstack/react-router";
 import { routeTree } from "../routeTree.gen.js";
 function createEhRouter({ context, history }) {
@@ -7,7 +8,9 @@ function createEhRouter({ context, history }) {
     history,
     // Since we're using React Query, we don't want loader calls to ever be stale
     // This will ensure that the loader is always called when the route is preloaded or visited
-    defaultPreloadStaleTime: 0
+    defaultPreloadStaleTime: 0,
+    defaultNotFoundComponent: () => /* @__PURE__ */ jsx("div", { children: "404 - Page Not Found" }),
+    pathParamsAllowedCharacters: ["@"]
   });
 }
 export {

package/dist/esm/util/createEhRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"createEhRouter.js","sources":["../../../src/util/createEhRouter.ts"],"sourcesContent":["import { createRouter } from '@tanstack/react-router'\nimport type { EhRouterInitParams } from '~/types/types'\nimport { routeTree } from '~/routeTree.gen'\n\nexport function createEhRouter({ context, history }: EhRouterInitParams) {\n  return createRouter({\n    routeTree,\n    context,\n    history,\n    // Since we're using React Query, we don't want loader calls to ever be stale\n    // This will ensure that the loader is always called when the route is preloaded or visited\n    defaultPreloadStaleTime: 0,\n  })\n}\n\ndeclare module '@tanstack/react-router' {\n  interface Register {\n    router: ReturnType<typeof createEhRouter>\n  }\n}\n"],"names":[],"mappings":";;AAIO,SAAS,eAAe,EAAE,SAAS,WAA+B;AACvE,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,yBAAyB;AAAA,EAAA,CAC1B;AACH;"}
+{"version":3,"file":"createEhRouter.js","sources":["../../../src/util/createEhRouter.tsx"],"sourcesContent":["import { createRouter } from '@tanstack/react-router'\nimport type { EhRouterInitParams } from '~/types/types'\nimport { routeTree } from '~/routeTree.gen'\n\nexport function createEhRouter({ context, history }: EhRouterInitParams) {\n  return createRouter({\n    routeTree,\n    context,\n    history,\n    // Since we're using React Query, we don't want loader calls to ever be stale\n    // This will ensure that the loader is always called when the route is preloaded or visited\n    defaultPreloadStaleTime: 0,\n    defaultNotFoundComponent: () => <div>404 - Page Not Found</div>,\n    pathParamsAllowedCharacters: ['@'],\n  })\n}\n\ndeclare module '@tanstack/react-router' {\n  interface Register {\n    router: ReturnType<typeof createEhRouter>\n  }\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,eAAe,EAAE,SAAS,WAA+B;AACvE,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,yBAAyB;AAAA,IACzB,0BAA0B,MAAM,oBAAC,OAAA,EAAI,UAAA,uBAAA,CAAoB;AAAA,IACzD,6BAA6B,CAAC,GAAG;AAAA,EAAA,CAClC;AACH;"}

package/dist/esm/util/error-utils.d.ts

@@ -0,0 +1,6 @@
+export declare class DexieErrorWrapper extends Error {
+    readonly cause: Error;
+    constructor(inner: unknown);
+}
+export declare function isDexieError(error: unknown): error is DexieErrorWrapper;
+export declare function isDexieMigrationError(error: unknown): boolean;