@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha-20260224145405

package/dist/esm/modules/resourceJump/ui/cmdk/EnvAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvAutocomplete.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/EnvAutocomplete.tsx"],"sourcesContent":["import type { AutocompleteRootChangeEventDetails } from '@base-ui/react'\nimport type { EnvBaseInfo, TRPCRouter } from '@env-hopper/backend-core'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useQuery } from '@tanstack/react-query'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport type { TRPCClient } from '@trpc/client'\nimport { EarthIcon } from 'lucide-react'\nimport { useCallback, useMemo, useRef, useState } from 'react'\nimport { cn } from '~/lib/utils'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport {\n    fuzzySearch,\n    makeFuzzySearchIndex,\n} from '~/modules/fuzzyMatchLogic/autoCompleteFilter'\nimport { ApiQueryMagazineResourceJump } from '~/modules/resourceJump/api/ApiQueryMagazineResourceJump'\nimport { highlightText } from '~/modules/resourceJump/ui/cmdk/highlightText'\nimport { useEnvStatistics } from '~/modules/resourceJump/utils/statistics/useEnvStatistics'\nimport {\n    Autocomplete,\n    AutocompleteClear,\n    AutocompleteEmpty,\n    AutocompleteInput,\n    AutocompleteItem,\n    AutocompleteList,\n    AutocompletePopup,\n    AutocompleteTrigger,\n    AutocompleteValue,\n} from '~/ui/autocomplete'\nimport { InputGroupAddon } from '~/ui/input-group'\nimport type { ResourceJumpLoaderReturn } from '../../types'\n\nexport interface ResourceJumpLayoutProps {\n  children: React.ReactNode\n  loaderData: ResourceJumpLoaderReturn\n  queryClient: QueryClient\n  trpcClient: TRPCClient<TRPCRouter>\n}\n\nfunction selectAll(e: React.FocusEvent<HTMLInputElement>) {\n  e.target.select()\n}\n\nexport function EnvAutoComplete() {\n  const { environments, currentEnv, setCurrentEnv } = useEnvironmentContext()\n  const { data: envExtended } = useQuery(\n    ApiQueryMagazineResourceJump.getResourceJumpsExtended(),\n  )\n\n  const [searchValue, setSearchValue] = useState(currentEnv?.slug ?? '')\n  const searchIndex = useMemo(() => {\n    return makeFuzzySearchIndex({\n      entries: environments,\n    })\n  }, [environments])\n\n  const favoriteEnvs = useEnvStatistics()\n\n  const [isPrestine, setPrestine] = useState(true)\n\n  const filteredItems = useMemo(() => {\n    // console.log({ isPrestine, searchValue, currentEnv: currentEnv?.displayName });\n\n    const searchBy =\n      isPrestine && currentEnv?.displayName === searchValue ? '' : searchValue\n    return fuzzySearch(searchBy, {\n      index: searchIndex,\n      freqGetter: (slug: string) => favoriteEnvs[slug] || 0,\n    }).map((r) => r.entry)\n  }, [\n    isPrestine,\n    currentEnv?.displayName,\n    searchValue,\n    searchIndex,\n    favoriteEnvs,\n  ])\n\n  const onValueChange = useCallback(\n    (value: string, eventDetails: AutocompleteRootChangeEventDetails) => {\n      setSearchValue(value)\n      if (eventDetails.reason === 'input-change') {\n        setPrestine(false)\n      } else {\n        const maybeFound = environments.find((env) => env.displayName === value)\n        setCurrentEnv(maybeFound?.slug)\n      }\n    },\n    [environments, setCurrentEnv],\n  )\n\n  const [open, setOpen] = useState(false)\n  const scrollElementRef = useRef<HTMLDivElement | null>(null)\n\n  const virtualizer = useVirtualizer({\n    enabled: open,\n    count: filteredItems.length,\n    getScrollElement: () => scrollElementRef.current,\n    estimateSize: () => 32 + 16 + 8,\n    overscan: 20,\n    paddingStart: 8,\n    paddingEnd: 8,\n    scrollPaddingEnd: 8,\n    scrollPaddingStart: 8,\n  })\n  const handleScrollElementRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      scrollElementRef.current = element\n      if (element) {\n        virtualizer.measure()\n      }\n    },\n    [virtualizer],\n  )\n\n  const totalSize = virtualizer.getTotalSize()\n\n  return (\n    <Autocomplete<EnvBaseInfo>\n      items={environments}\n      itemToStringValue={(v) => v.displayName}\n      filteredItems={filteredItems}\n      value={searchValue}\n      onValueChange={onValueChange}\n      openOnInputClick\n      highlightItemOnHover\n      autoHighlight\n      keepHighlight\n      limit={50}\n      onOpenChange={(o) => {\n        setPrestine(true)\n        setOpen(o)\n      }}\n      open={open}\n      onItemHighlighted={(item, { reason, index }) => {\n        if (!item) {\n          return\n        }\n\n        const isStart = index === 0\n        const isEnd = index === filteredItems.length - 1\n        const shouldScroll =\n          reason === 'none' || (reason === 'keyboard' && (isStart || isEnd))\n        if (shouldScroll) {\n          queueMicrotask(() => {\n            virtualizer.scrollToIndex(index, { align: isEnd ? 'start' : 'end' })\n          })\n        }\n      }}\n    >\n      <label>\n        Environment\n        <AutocompleteInput\n          placeholder=\"Select Environment...\"\n          propsGroup={{ className: 'border-eh-env-border' }}\n          onFocus={selectAll}\n        >\n          <InputGroupAddon>\n            <EarthIcon className=\"stroke-eh-env-border\" />\n          </InputGroupAddon>\n          <AutocompleteClear />\n          <AutocompleteTrigger />\n        </AutocompleteInput>\n      </label>\n      <AutocompletePopup>\n        <AutocompleteEmpty>\n          {' '}\n          No results found for \"{<AutocompleteValue />}\"\n        </AutocompleteEmpty>\n        <AutocompleteList>\n          {filteredItems.length > 0 && (\n            <div\n              role=\"presentation\"\n              ref={handleScrollElementRef}\n              style={\n                { '--total-size': `${totalSize}px` } as React.CSSProperties\n              }\n              className=\"box-border overflow-auto overscroll-contain scroll-py-2 h-[min(22rem,var(--total-size))] max-h-(--available-height)\"\n            >\n              <div\n                role=\"presentation\"\n                style={{ height: totalSize }}\n                className=\"w-full relative\"\n              >\n                {virtualizer.getVirtualItems().map((virtualItem) => {\n                  const item = filteredItems[virtualItem.index]\n                  if (!item) {\n                    return null\n                  }\n\n                  const maybeExt = envExtended?.envs.find(\n                    (e) => e.slug === item.slug,\n                  )\n\n                  return (\n                    <AutocompleteItem\n                      key={virtualItem.key}\n                      index={virtualItem.index}\n                      data-index={virtualItem.index}\n                      ref={virtualizer.measureElement}\n                      value={item}\n                      aria-setsize={filteredItems.length}\n                      aria-posinset={virtualItem.index + 1}\n                      style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        height: virtualItem.size,\n                        transform: `translateY(${virtualItem.start}px)`,\n                      }}\n                    >\n                      <div className=\"flex gap-2\">\n                        <div>\n                          <EarthIcon\n                            className={cn('w-4', {\n                              'stroke-eh-env-foreground':\n                                item.slug === currentEnv?.slug,\n                            })}\n                          />\n                        </div>\n                        <div className=\"flex gap-0.5 flex-col\">\n                          {highlightText(item.displayName, searchValue)}\n                          <div className=\"text-xs text-muted-foreground\">\n                            {maybeExt?.description || 'Lisa'}\n                          </div>\n                        </div>\n                      </div>\n                    </AutocompleteItem>\n                  )\n                })}\n              </div>\n            </div>\n          )}\n        </AutocompleteList>\n      </AutocompletePopup>\n    </Autocomplete>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/resourceJump/ui/cmdk/QuickSearch.d.ts

@@ -0,0 +1,3 @@
+export interface QuickSearchProps {
+}
+export declare function QuickSearch(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/cmdk/QuickSearch.js

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { SearchIcon, AppWindowIcon, GlobeIcon } from "lucide-react";
+import { use } from "react";
+import { cn } from "../../../../lib/utils.js";
+import { QuickSearchContext } from "./QuickSearchContext.js";
+import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator } from "../../../../ui/command.js";
+import { useQuickSearchLogic } from "./useQuickSearchLogic.js";
+function QuickSearch() {
+  const { onSelect, options } = useQuickSearchLogic();
+  const ctx = use(QuickSearchContext);
+  if (!ctx) {
+    throw new Error(
+      "useQuickSearchContext must be used within a QuickSearchProvider"
+    );
+  }
+  const { open, onOpenChange, searchMode, setSearchMode } = ctx;
+  return /* @__PURE__ */ jsxs(
+    CommandDialog,
+    {
+      open,
+      onOpenChange,
+      commandProps: { vimBindings: true },
+      position: "top",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex p-3 gap-2 text-xs items-baseline", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center",
+                searchMode === "anything" ? "bg-eh-app-foreground/10" : ""
+              ),
+              onClick: () => setSearchMode("anything"),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && setSearchMode("anything"),
+              children: [
+                /* @__PURE__ */ jsx(SearchIcon, { className: "inline w-3 h-3 mr-1" }),
+                "Anything"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center",
+                searchMode === "app" ? "bg-eh-app-foreground/10" : ""
+              ),
+              onClick: () => setSearchMode("app"),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && setSearchMode("app"),
+              children: [
+                /* @__PURE__ */ jsx(AppWindowIcon, { className: "inline w-3 h-3 mr-1" }),
+                "App"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center",
+                searchMode === "env" ? "bg-eh-app-foreground/10" : ""
+              ),
+              onClick: () => setSearchMode("env"),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && setSearchMode("env"),
+              children: [
+                /* @__PURE__ */ jsx(GlobeIcon, { className: "inline w-3 h-3 mr-1" }),
+                "Env"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(CommandInput, { placeholder: "Type a command or search...", autoFocus: true }),
+        /* @__PURE__ */ jsxs(CommandList, { children: [
+          /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+          /* @__PURE__ */ jsx(CommandGroup, { heading: getHeading(searchMode), children: options.map((f) => /* @__PURE__ */ jsx(CommandItem, { value: f.slug, onSelect, children: f.displayName }, f.slug)) }),
+          /* @__PURE__ */ jsx(CommandSeparator, {})
+        ] })
+      ]
+    }
+  );
+}
+function getHeading(searchMode) {
+  switch (searchMode) {
+    case "app":
+      return "Applications";
+    case "env":
+      return "Environments";
+    case "anything":
+      return "Anything";
+  }
+}
+export {
+  QuickSearch
+};
+//# sourceMappingURL=QuickSearch.js.map

package/dist/esm/modules/resourceJump/ui/cmdk/QuickSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickSearch.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/QuickSearch.tsx"],"sourcesContent":["import { AppWindowIcon, GlobeIcon, SearchIcon } from 'lucide-react'\nimport { use } from 'react'\nimport { cn } from '~/lib/utils'\nimport { QuickSearchContext } from '~/modules/resourceJump/ui/cmdk/QuickSearchContext'\nimport {\n    CommandDialog,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n    CommandSeparator,\n} from '~/ui/command'\nimport type { SearchMode } from './types'\nimport { useQuickSearchLogic } from './useQuickSearchLogic'\n\nexport interface QuickSearchProps {}\n\nexport function QuickSearch() {\n  const { onSelect, options } = useQuickSearchLogic()\n  const ctx = use(QuickSearchContext)\n  if (!ctx) {\n    throw new Error(\n      'useQuickSearchContext must be used within a QuickSearchProvider',\n    )\n  }\n  const { open, onOpenChange, searchMode, setSearchMode } = ctx\n\n  return (\n    <CommandDialog\n      open={open}\n      onOpenChange={onOpenChange}\n      commandProps={{ vimBindings: true }}\n      position=\"top\"\n    >\n      <div className=\"flex p-3 gap-2 text-xs items-baseline\">\n        <div\n          className={cn(\n            'px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center',\n            searchMode === 'anything' ? 'bg-eh-app-foreground/10' : '',\n          )}\n          onClick={() => setSearchMode('anything')}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            (e.key === 'Enter' || e.key === ' ') && setSearchMode('anything')\n          }\n        >\n          <SearchIcon className=\"inline w-3 h-3 mr-1\" />\n          Anything\n        </div>\n        <div\n          className={cn(\n            'px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center',\n            searchMode === 'app' ? 'bg-eh-app-foreground/10' : '',\n          )}\n          onClick={() => setSearchMode('app')}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            (e.key === 'Enter' || e.key === ' ') && setSearchMode('app')\n          }\n        >\n          <AppWindowIcon className=\"inline w-3 h-3 mr-1\" />\n          App\n        </div>\n        <div\n          className={cn(\n            'px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center',\n            searchMode === 'env' ? 'bg-eh-app-foreground/10' : '',\n          )}\n          onClick={() => setSearchMode('env')}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            (e.key === 'Enter' || e.key === ' ') && setSearchMode('env')\n          }\n        >\n          <GlobeIcon className=\"inline w-3 h-3 mr-1\" />\n          Env\n        </div>\n      </div>\n      <CommandInput placeholder=\"Type a command or search...\" autoFocus />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup heading={getHeading(searchMode)}>\n          {options.map((f) => (\n            <CommandItem key={f.slug} value={f.slug} onSelect={onSelect}>\n              {f.displayName}\n            </CommandItem>\n          ))}\n        </CommandGroup>\n        <CommandSeparator />\n      </CommandList>\n    </CommandDialog>\n  )\n}\nfunction getHeading(searchMode: SearchMode) {\n  switch (searchMode) {\n    case 'app':\n      return 'Applications'\n    case 'env':\n      return 'Environments'\n    case 'anything':\n      return 'Anything'\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAkBO,SAAS,cAAc;AAC5B,QAAM,EAAE,UAAU,QAAA,IAAY,oBAAA;AAC9B,QAAM,MAAM,IAAI,kBAAkB;AAClC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,QAAM,EAAE,MAAM,cAAc,YAAY,kBAAkB;AAE1D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc,EAAE,aAAa,KAAA;AAAA,MAC7B,UAAS;AAAA,MAET,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,eAAe,aAAa,4BAA4B;AAAA,cAAA;AAAA,cAE1D,SAAS,MAAM,cAAc,UAAU;AAAA,cACvC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAW,CAAC,OACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,cAAc,UAAU;AAAA,cAGlE,UAAA;AAAA,gBAAA,oBAAC,YAAA,EAAW,WAAU,sBAAA,CAAsB;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGhD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,eAAe,QAAQ,4BAA4B;AAAA,cAAA;AAAA,cAErD,SAAS,MAAM,cAAc,KAAK;AAAA,cAClC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAW,CAAC,OACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,cAAc,KAAK;AAAA,cAG7D,UAAA;AAAA,gBAAA,oBAAC,eAAA,EAAc,WAAU,sBAAA,CAAsB;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGnD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,eAAe,QAAQ,4BAA4B;AAAA,cAAA;AAAA,cAErD,SAAS,MAAM,cAAc,KAAK;AAAA,cAClC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAW,CAAC,OACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,cAAc,KAAK;AAAA,cAG7D,UAAA;AAAA,gBAAA,oBAAC,WAAA,EAAU,WAAU,sBAAA,CAAsB;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAE/C,GACF;AAAA,QACA,oBAAC,cAAA,EAAa,aAAY,+BAA8B,WAAS,MAAC;AAAA,6BACjE,aAAA,EACC,UAAA;AAAA,UAAA,oBAAC,gBAAa,UAAA,oBAAA,CAAiB;AAAA,UAC/B,oBAAC,gBAAa,SAAS,WAAW,UAAU,GACzC,UAAA,QAAQ,IAAI,CAAC,0BACX,aAAA,EAAyB,OAAO,EAAE,MAAM,UACtC,YAAE,eADa,EAAE,IAEpB,CACD,EAAA,CACH;AAAA,8BACC,kBAAA,CAAA,CAAiB;AAAA,QAAA,EAAA,CACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AACA,SAAS,WAAW,YAAwB;AAC1C,UAAQ,YAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;"}

package/dist/esm/modules/resourceJump/ui/cmdk/QuickSearchContext.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { SearchMode } from '~/modules/resourceJump/ui/cmdk/types';
+export interface QuickSearchContextIface {
+    openQuickSearch: ({ searchMode }: {
+        searchMode: SearchMode;
+    }) => void;
+}
+export interface QuickSearchContextPrivateIface extends QuickSearchContextIface {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    searchMode: SearchMode;
+    setSearchMode: (mode: SearchMode) => void;
+}
+export declare const QuickSearchContext: import('react').Context<QuickSearchContextPrivateIface | undefined>;
+interface QuickSearchProviderProps {
+    children: ReactNode;
+}
+export declare function QuickSearchProvider({ children }: QuickSearchProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useQuickSearchContext(): QuickSearchContextIface;
+export {};

package/dist/esm/modules/resourceJump/ui/cmdk/QuickSearchContext.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback, useMemo, createContext, use } from "react";
+const QuickSearchContext = createContext(void 0);
+function QuickSearchProvider({ children }) {
+  const [open, onOpenChange] = useState(false);
+  const [searchMode, setSearchMode] = useState("anything");
+  const openQuickSearch = useCallback(
+    ({ searchMode: mode }) => {
+      setSearchMode(mode);
+      onOpenChange(true);
+    },
+    []
+  );
+  const value = useMemo(
+    () => ({
+      open,
+      onOpenChange,
+      openQuickSearch,
+      searchMode,
+      setSearchMode
+    }),
+    [open, openQuickSearch, searchMode]
+  );
+  return /* @__PURE__ */ jsx(QuickSearchContext, { value, children });
+}
+function useQuickSearchContext() {
+  const context = use(QuickSearchContext);
+  if (context === void 0) {
+    throw new Error(
+      "useQuickSearchContext must be used within a QuickSearchProvider"
+    );
+  }
+  return context;
+}
+export {
+  QuickSearchContext,
+  QuickSearchProvider,
+  useQuickSearchContext
+};
+//# sourceMappingURL=QuickSearchContext.js.map

package/dist/esm/modules/resourceJump/ui/cmdk/QuickSearchContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickSearchContext.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/QuickSearchContext.tsx"],"sourcesContent":["import { createContext, use, useCallback, useMemo, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport type { SearchMode } from '~/modules/resourceJump/ui/cmdk/types'\n\nexport interface QuickSearchContextIface {\n  openQuickSearch: ({ searchMode }: { searchMode: SearchMode }) => void\n}\n\nexport interface QuickSearchContextPrivateIface extends QuickSearchContextIface {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  searchMode: SearchMode\n  setSearchMode: (mode: SearchMode) => void\n}\n\nexport const QuickSearchContext = createContext<\n  QuickSearchContextPrivateIface | undefined\n>(undefined)\n\ninterface QuickSearchProviderProps {\n  children: ReactNode\n}\n\nexport function QuickSearchProvider({ children }: QuickSearchProviderProps) {\n  const [open, onOpenChange] = useState(false)\n  const [searchMode, setSearchMode] = useState<SearchMode>('anything')\n\n  const openQuickSearch = useCallback(\n    ({ searchMode: mode }: { searchMode: SearchMode }) => {\n      setSearchMode(mode)\n      onOpenChange(true)\n    },\n    [],\n  )\n\n  const value: QuickSearchContextPrivateIface = useMemo(\n    () => ({\n      open,\n      onOpenChange,\n      openQuickSearch,\n      searchMode,\n      setSearchMode,\n    }),\n    [open, openQuickSearch, searchMode],\n  )\n\n  return <QuickSearchContext value={value}>{children}</QuickSearchContext>\n}\n\nexport function useQuickSearchContext(): QuickSearchContextIface {\n  const context = use(QuickSearchContext)\n  if (context === undefined) {\n    throw new Error(\n      'useQuickSearchContext must be used within a QuickSearchProvider',\n    )\n  }\n  return context\n}\n"],"names":[],"mappings":";;AAeO,MAAM,qBAAqB,cAEhC,MAAS;AAMJ,SAAS,oBAAoB,EAAE,YAAsC;AAC1E,QAAM,CAAC,MAAM,YAAY,IAAI,SAAS,KAAK;AAC3C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqB,UAAU;AAEnE,QAAM,kBAAkB;AAAA,IACtB,CAAC,EAAE,YAAY,WAAuC;AACpD,oBAAc,IAAI;AAClB,mBAAa,IAAI;AAAA,IACnB;AAAA,IACA,CAAA;AAAA,EAAC;AAGH,QAAM,QAAwC;AAAA,IAC5C,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,MAAM,iBAAiB,UAAU;AAAA,EAAA;AAGpC,SAAO,oBAAC,oBAAA,EAAmB,OAAe,SAAA,CAAS;AACrD;AAEO,SAAS,wBAAiD;AAC/D,QAAM,UAAU,IAAI,kBAAkB;AACtC,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;"}

package/dist/esm/modules/resourceJump/ui/cmdk/highlightText.d.ts

@@ -0,0 +1 @@
+export declare function highlightText(text: string, query: string, className?: string): React.ReactNode;

package/dist/esm/modules/resourceJump/ui/cmdk/highlightText.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+function highlightText(text, query, className) {
+  const tokens = query.trim().slice(0, 100).split(/\s+/).filter(Boolean).map((t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+  if (!tokens.length) return text;
+  const regex = new RegExp(`(${tokens.join("|")})`, "gi");
+  return /* @__PURE__ */ jsx("div", { className, children: text.split(regex).map(
+    (part, idx) => idx % 2 === 1 ? /* @__PURE__ */ jsx("mark", { children: part }, `${text + idx}`) : part
+  ) });
+}
+export {
+  highlightText
+};
+//# sourceMappingURL=highlightText.js.map

package/dist/esm/modules/resourceJump/ui/cmdk/highlightText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlightText.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/highlightText.tsx"],"sourcesContent":["export function highlightText(\n  text: string,\n  query: string,\n  className?: string,\n): React.ReactNode {\n  const tokens = query\n    .trim()\n    .slice(0, 100)\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((t) => t.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n\n  if (!tokens.length) return text\n\n  // match ANY token\n  const regex = new RegExp(`(${tokens.join('|')})`, 'gi')\n\n  return (\n    <div className={className}>\n      {text\n        .split(regex)\n        .map((part, idx) =>\n          idx % 2 === 1 ? <mark key={`${text + idx}`}>{part}</mark> : part,\n        )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAAO,SAAS,cACd,MACA,OACA,WACiB;AACjB,QAAM,SAAS,MACZ,KAAA,EACA,MAAM,GAAG,GAAG,EACZ,MAAM,KAAK,EACX,OAAO,OAAO,EACd,IAAI,CAAC,MAAM,EAAE,QAAQ,uBAAuB,MAAM,CAAC;AAEtD,MAAI,CAAC,OAAO,OAAQ,QAAO;AAG3B,QAAM,QAAQ,IAAI,OAAO,IAAI,OAAO,KAAK,GAAG,CAAC,KAAK,IAAI;AAEtD,6BACG,OAAA,EAAI,WACF,UAAA,KACE,MAAM,KAAK,EACX;AAAA,IAAI,CAAC,MAAM,QACV,MAAM,MAAM,IAAI,oBAAC,QAAA,EAA4B,UAAA,KAAA,GAAlB,GAAG,OAAO,GAAG,EAAU,IAAU;AAAA,EAAA,GAElE;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/cmdk/types.d.ts

@@ -0,0 +1,6 @@
+export type SearchMode = 'anything' | 'app' | 'env';
+export interface QuickOption {
+    slug: string;
+    displayName: string;
+    type: Omit<SearchMode, 'anything'>;
+}

package/dist/esm/modules/resourceJump/ui/cmdk/useCmdkDriver.d.ts

@@ -0,0 +1,8 @@
+export interface CmdkDriverInput {
+    onOpenChange: (open: boolean) => void;
+}
+export declare function useCmdkDriver({ onOpenChange }: CmdkDriverInput): {
+    envsForApps: import('@env-hopper/backend-core').EnvBaseInfo[];
+    onResourceJumpSelected: (resourceJumpSlug: string) => void;
+    onEnvironmentSelected: (envSlug: string) => void;
+};

package/dist/esm/modules/resourceJump/ui/cmdk/useQuickSearchLogic.d.ts

@@ -0,0 +1,6 @@
+import { QuickOption } from '~/modules/resourceJump/ui/cmdk/types';
+export declare function useQuickSearchLogic(): {
+    envsForApps: import('@env-hopper/backend-core').EnvBaseInfo[];
+    onSelect: (slug: string) => void;
+    options: QuickOption[];
+};

package/dist/esm/modules/resourceJump/ui/cmdk/useQuickSearchLogic.js

@@ -0,0 +1,69 @@
+import { use, useMemo, useCallback } from "react";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { QuickSearchContext } from "./QuickSearchContext.js";
+function useQuickSearchLogic() {
+  const { environments, setCurrentEnv } = useEnvironmentContext();
+  const { setCurrentFlagship, flagshipJumpResources } = useResourceJumpContext();
+  const ctx = use(QuickSearchContext);
+  if (!ctx) {
+    throw new Error(
+      "useQuickSearchLogic must be used within a QuickSearchProvider"
+    );
+  }
+  const { searchMode, onOpenChange } = ctx;
+  const envsForApps = useMemo(() => {
+    return environments.slice(0, 3);
+  }, [environments]);
+  const options = useMemo(() => {
+    const isApp = searchMode == "app" || searchMode == "anything";
+    const isEnv = searchMode == "env" || searchMode == "anything";
+    let arr = [];
+    if (isApp) {
+      arr = [
+        ...arr,
+        ...flagshipJumpResources.slice(0, 5).map(({ slug, displayName }) => ({
+          slug,
+          displayName,
+          type: "app"
+        }))
+      ];
+    }
+    if (isEnv) {
+      arr = [
+        ...arr,
+        ...environments.slice(0, 5).map(({ slug, displayName }) => ({
+          slug,
+          displayName,
+          type: "env"
+        }))
+      ];
+    }
+    return arr;
+  }, [environments, flagshipJumpResources, searchMode]);
+  const onSelect = useCallback(
+    (slug) => {
+      const option = options.find((o) => o.slug === slug);
+      if (!option) return;
+      if (option.type === "env") {
+        setCurrentEnv(slug);
+      }
+      if (option.type === "app") {
+        setCurrentFlagship(slug);
+      }
+      onOpenChange(false);
+    },
+    [onOpenChange, options, setCurrentEnv, setCurrentFlagship]
+  );
+  return useMemo(() => {
+    return {
+      envsForApps,
+      onSelect,
+      options
+    };
+  }, [envsForApps, onSelect, options]);
+}
+export {
+  useQuickSearchLogic
+};
+//# sourceMappingURL=useQuickSearchLogic.js.map

package/dist/esm/modules/resourceJump/ui/cmdk/useQuickSearchLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuickSearchLogic.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/useQuickSearchLogic.ts"],"sourcesContent":["import { use, useCallback, useMemo } from 'react'\nimport type { QuickOption } from '~/modules/resourceJump/ui/cmdk/types'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { QuickSearchContext } from '~/modules/resourceJump/ui/cmdk/QuickSearchContext'\n\nexport function useQuickSearchLogic() {\n  const { environments, setCurrentEnv } = useEnvironmentContext()\n  const { setCurrentFlagship, flagshipJumpResources } = useResourceJumpContext()\n\n  const ctx = use(QuickSearchContext)\n  if (!ctx) {\n    throw new Error(\n      'useQuickSearchLogic must be used within a QuickSearchProvider',\n    )\n  }\n\n  const { searchMode, onOpenChange } = ctx\n\n  const envsForApps = useMemo(() => {\n    return environments.slice(0, 3)\n  }, [environments])\n\n  const options = useMemo(() => {\n    const isApp = searchMode == 'app' || searchMode == 'anything'\n    const isEnv = searchMode == 'env' || searchMode == 'anything'\n\n    let arr: Array<QuickOption> = []\n    if (isApp) {\n      arr = [\n        ...arr,\n        ...flagshipJumpResources.slice(0, 5).map(({ slug, displayName }) => ({\n          slug,\n          displayName,\n          type: 'app' as const,\n        })),\n      ]\n    }\n    if (isEnv) {\n      arr = [\n        ...arr,\n        ...environments.slice(0, 5).map(({ slug, displayName }) => ({\n          slug,\n          displayName,\n          type: 'env' as const,\n        })),\n      ]\n    }\n    return arr\n  }, [environments, flagshipJumpResources, searchMode])\n\n  const onSelect = useCallback(\n    (slug: string) => {\n      const option = options.find((o) => o.slug === slug)\n      if (!option) return\n      if (option.type === 'env') {\n        setCurrentEnv(slug)\n      }\n      if (option.type === 'app') {\n        setCurrentFlagship(slug)\n      }\n      onOpenChange(false)\n    },\n    [onOpenChange, options, setCurrentEnv, setCurrentFlagship],\n  )\n\n  return useMemo(() => {\n    return {\n      envsForApps,\n      onSelect,\n      options,\n    }\n  }, [envsForApps, onSelect, options])\n}\n"],"names":[],"mappings":";;;;AAMO,SAAS,sBAAsB;AACpC,QAAM,EAAE,cAAc,cAAA,IAAkB,sBAAA;AACxC,QAAM,EAAE,oBAAoB,sBAAA,IAA0B,uBAAA;AAEtD,QAAM,MAAM,IAAI,kBAAkB;AAClC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,EAAE,YAAY,aAAA,IAAiB;AAErC,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,aAAa,MAAM,GAAG,CAAC;AAAA,EAChC,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAU,QAAQ,MAAM;AAC5B,UAAM,QAAQ,cAAc,SAAS,cAAc;AACnD,UAAM,QAAQ,cAAc,SAAS,cAAc;AAEnD,QAAI,MAA0B,CAAA;AAC9B,QAAI,OAAO;AACT,YAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG,sBAAsB,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,mBAAmB;AAAA,UACnE;AAAA,UACA;AAAA,UACA,MAAM;AAAA,QAAA,EACN;AAAA,MAAA;AAAA,IAEN;AACA,QAAI,OAAO;AACT,YAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG,aAAa,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,mBAAmB;AAAA,UAC1D;AAAA,UACA;AAAA,UACA,MAAM;AAAA,QAAA,EACN;AAAA,MAAA;AAAA,IAEN;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,uBAAuB,UAAU,CAAC;AAEpD,QAAM,WAAW;AAAA,IACf,CAAC,SAAiB;AAChB,YAAM,SAAS,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,IAAI;AAClD,UAAI,CAAC,OAAQ;AACb,UAAI,OAAO,SAAS,OAAO;AACzB,sBAAc,IAAI;AAAA,MACpB;AACA,UAAI,OAAO,SAAS,OAAO;AACzB,2BAAmB,IAAI;AAAA,MACzB;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,IACA,CAAC,cAAc,SAAS,eAAe,kBAAkB;AAAA,EAAA;AAG3D,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ,GAAG,CAAC,aAAa,UAAU,OAAO,CAAC;AACrC;"}

package/dist/esm/modules/resourceJump/ui/layout/CenterColumn.d.ts

@@ -0,0 +1,3 @@
+export declare function CenterColumn({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/layout/CenterColumn.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function CenterColumn({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "max-w-4xl w-full", children });
+}
+export {
+  CenterColumn
+};
+//# sourceMappingURL=CenterColumn.js.map

package/dist/esm/modules/resourceJump/ui/layout/CenterColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenterColumn.js","sources":["../../../../../../src/modules/resourceJump/ui/layout/CenterColumn.tsx"],"sourcesContent":["export function CenterColumn({ children }: { children: React.ReactNode }) {\n  return <div className=\"max-w-4xl w-full\">{children}</div>\n}\n"],"names":[],"mappings":";AAAO,SAAS,aAAa,EAAE,YAA2C;AACxE,SAAO,oBAAC,OAAA,EAAI,WAAU,oBAAoB,SAAA,CAAS;AACrD;"}

package/dist/esm/modules/resourceJump/ui/layout/LeftColumn.d.ts

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

package/dist/esm/modules/resourceJump/ui/layout/ResourceJumpLayout.d.ts

@@ -0,0 +1,11 @@
+import { TRPCRouter } from '@env-hopper/backend-core';
+import { QueryClient } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
+import { ResourceJumpLoaderReturn } from '../../types.js';
+export interface ResourceJumpLayoutProps {
+    children: React.ReactNode;
+    loaderData: ResourceJumpLoaderReturn;
+    queryClient: QueryClient;
+    trpcClient: TRPCClient<TRPCRouter>;
+}
+export declare function ResourceJumpLayout({ children, loaderData, queryClient, trpcClient, }: ResourceJumpLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/layout/ResourceJumpLayout.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CrossCuttingParamsProvider } from "../../../crossCuttingParams/CrossCuttingParamsContext.js";
+import { EnvironmentProvider } from "../../../environment/context/EnvironmentContext.js";
+import { ResourceJumpProvider } from "../../context/ResourceJumpContext.js";
+import { CommandPalette } from "../cmdk/CommandPalette.js";
+import { QuickSearchProvider } from "../cmdk/QuickSearchContext.js";
+import { CenterColumn } from "./CenterColumn.js";
+import { ResourceJumpBreadcrubms } from "../ResourceJumpBreadcrumbs.js";
+import ContextDebug from "../../../../ui/components/contextDebug.js";
+import { MainLayout } from "../../../../ui/layout/MainLayout.js";
+import { TopLevelProviders } from "../../../../ui/layout/TopLevelProviders.js";
+function ResourceJumpLayout({
+  children,
+  loaderData,
+  queryClient,
+  trpcClient
+}) {
+  return /* @__PURE__ */ jsx(TopLevelProviders, { queryClient, trpcClient, children: /* @__PURE__ */ jsx(EnvironmentProvider, { initialEnvSlug: loaderData.envSlug, children: /* @__PURE__ */ jsx(
+    CrossCuttingParamsProvider,
+    {
+      initialCrossCuttingParams: loaderData.crossCuttingParams,
+      children: /* @__PURE__ */ jsx(ResourceJumpProvider, { resourceJumpLoader: loaderData, children: /* @__PURE__ */ jsx(QuickSearchProvider, { children: /* @__PURE__ */ jsxs(
+        MainLayout,
+        {
+          headerMiddle: /* @__PURE__ */ jsx(CommandPalette, { label: "Quick search", shortcutKey: "k" }),
+          breadcrumbs: /* @__PURE__ */ jsx(ResourceJumpBreadcrubms, {}),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex gap-32 flex-row", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 flex-1 items-center", children: /* @__PURE__ */ jsx(CenterColumn, { children }) }) }),
+            /* @__PURE__ */ jsx(ContextDebug, {})
+          ]
+        }
+      ) }) })
+    }
+  ) }) });
+}
+export {
+  ResourceJumpLayout
+};
+//# sourceMappingURL=ResourceJumpLayout.js.map

package/dist/esm/modules/resourceJump/ui/layout/ResourceJumpLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceJumpLayout.js","sources":["../../../../../../src/modules/resourceJump/ui/layout/ResourceJumpLayout.tsx"],"sourcesContent":["import type { TRPCRouter } from '@env-hopper/backend-core'\nimport type { QueryClient } from '@tanstack/react-query'\nimport type { TRPCClient } from '@trpc/client'\n\nimport type { ResourceJumpLoaderReturn } from '../../types'\n\nimport { CrossCuttingParamsProvider } from '~/modules/crossCuttingParams/CrossCuttingParamsContext'\nimport { EnvironmentProvider } from '~/modules/environment/context/EnvironmentContext'\nimport { ResourceJumpProvider } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { CommandPalette } from '~/modules/resourceJump/ui/cmdk/CommandPalette'\nimport { QuickSearchProvider } from '~/modules/resourceJump/ui/cmdk/QuickSearchContext'\nimport { CenterColumn } from '~/modules/resourceJump/ui/layout/CenterColumn'\nimport { ResourceJumpBreadcrubms } from '~/modules/resourceJump/ui/ResourceJumpBreadcrumbs'\nimport ContextDebug from '~/ui/components/contextDebug'\nimport { MainLayout } from '~/ui/layout/MainLayout'\nimport { TopLevelProviders } from '~/ui/layout/TopLevelProviders'\n\nexport interface ResourceJumpLayoutProps {\n  children: React.ReactNode\n  loaderData: ResourceJumpLoaderReturn\n  queryClient: QueryClient\n  trpcClient: TRPCClient<TRPCRouter>\n}\n\nexport function ResourceJumpLayout({\n  children,\n  loaderData,\n  queryClient,\n  trpcClient,\n}: ResourceJumpLayoutProps) {\n  return (\n    <TopLevelProviders queryClient={queryClient} trpcClient={trpcClient}>\n      <EnvironmentProvider initialEnvSlug={loaderData.envSlug}>\n        <CrossCuttingParamsProvider\n          initialCrossCuttingParams={loaderData.crossCuttingParams}\n        >\n          <ResourceJumpProvider resourceJumpLoader={loaderData}>\n            <QuickSearchProvider>\n              <MainLayout\n                headerMiddle={\n                  <CommandPalette label=\"Quick search\" shortcutKey=\"k\" />\n                }\n                breadcrumbs={<ResourceJumpBreadcrubms />}\n              >\n                {/* <div className=\"grid grid-cols-6 gap-4 mt-16\">\n                  <div className=\"col-span-6\">\n                    </div>\n                  <div className=\"col-span-2\">\n                    <EnvAutoComplete />\n                  </div>\n                  <div className=\"col-span-4\">\n                    <div className=\"flex flex-col gap-4\">\n                      <AppAutoComplete />\n                      <div className=\"grid grid-cols-4 gap-4\">\n                        <div className=\"col-span-1\">\n                          <CommandPalette\n                            label=\"Case ID\"\n                            className=\"border-eh-context-border\"\n                          />\n                        </div>\n                        <div className=\"col-span-3\">\n                          <CommandPalette\n                            label=\"123123123\"\n                            className=\"border-eh-context-border\"\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div> */}\n                <div className=\"flex gap-32 flex-row\">\n                  {/* Left Column - fit content: Environment Section */}\n                  {/* <div className=\"flex-col gap-4 w-fit flex-shrink-0 hidden lg:flex\">\n                    <LeftColumn />\n                  </div> */}\n                  <div className=\"flex flex-col gap-4 flex-1 items-center\">\n                    <CenterColumn>{children}</CenterColumn>\n                  </div>\n                  {/* <div className=\"flex flex-col gap-4 w-fit\">\n                    <RightColumn />\n                  </div> */}\n\n                  {/* Center Column - max width: Application Section with Tabs */}\n                  {/* <ApplicationSectionWithTabs /> */}\n\n                  {/* Right Column - fit content: Credentials Section */}\n                  {/* <div className=\"flex flex-col gap-4 w-fit flex-shrink-0 items-end\">\n                <CredentialsWidget />\n              </div> */}\n                </div>\n                <ContextDebug />\n\n                {/* <QuickJumpBar /> */}\n              </MainLayout>\n            </QuickSearchProvider>\n          </ResourceJumpProvider>\n        </CrossCuttingParamsProvider>\n      </EnvironmentProvider>\n    </TopLevelProviders>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAwBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,SACE,oBAAC,qBAAkB,aAA0B,YAC3C,8BAAC,qBAAA,EAAoB,gBAAgB,WAAW,SAC9C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,2BAA2B,WAAW;AAAA,MAEtC,UAAA,oBAAC,sBAAA,EAAqB,oBAAoB,YACxC,8BAAC,qBAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cACE,oBAAC,gBAAA,EAAe,OAAM,gBAAe,aAAY,KAAI;AAAA,UAEvD,iCAAc,yBAAA,EAAwB;AAAA,UA4BtC,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,wBAKb,UAAA,oBAAC,OAAA,EAAI,WAAU,2CACb,UAAA,oBAAC,cAAA,EAAc,SAAA,CAAS,EAAA,CAC1B,GAYF;AAAA,gCACC,cAAA,CAAA,CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAIlB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/layout/RightColumn.d.ts

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

package/dist/esm/modules/resourceJump/ui/miniEnvSelector/MiniEnvSelectorPopover.d.ts

@@ -0,0 +1,7 @@
+export interface MiniEnvSelectorPopoverProps {
+    initialValue?: string;
+    onValueChange?: (value: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+}
+export declare function MiniEnvSelectorPopover({ onOpenChange, initialValue, inputRef, }: MiniEnvSelectorPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/pages/AppCatalog.d.ts

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

package/dist/esm/modules/resourceJump/ui/pages/AppCatalog.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { resolveTemplate } from "../../../../packages/shared-core/dist/esm/defaultWithOverridesAndTemplate.js";
+import { useReactTable, getCoreRowModel, flexRender } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { EnvAutoComplete } from "../cmdk/EnvAutocomplete.js";
+import { formatResourceTitle } from "../../utils/helpers.js";
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../../../../ui/table.js";
+function AppCatalogPage() {
+  const { resourceJumps, isLoadingResourceJumps } = useResourceJumpContext();
+  const { currentEnv } = useEnvironmentContext();
+  const columns = useMemo(
+    () => [
+      {
+        slug: "title",
+        header: "ResourceJump Title",
+        cell: ({ row }) => formatResourceTitle(row.original)
+      },
+      {
+        slug: "urlPattern",
+        header: "URL pattern",
+        cell: ({ row }) => {
+          if (!(currentEnv == null ? void 0 : currentEnv.slug)) {
+            return row.original.urlTemplate.default;
+          }
+          return resolveTemplate(currentEnv.slug, row.original.urlTemplate);
+        }
+      }
+    ],
+    [currentEnv == null ? void 0 : currentEnv.slug]
+  );
+  const table = useReactTable({
+    data: resourceJumps,
+    columns,
+    getCoreRowModel: getCoreRowModel()
+  });
+  if (isLoadingResourceJumps) {
+    return /* @__PURE__ */ jsx("div", { className: "py-6 text-muted-foreground", children: "Loading…" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Apps" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+          resourceJumps.length,
+          " resource jumps"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "w-[320px]", children: /* @__PURE__ */ jsx(EnvAutoComplete, {}) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { className: "bg-muted/30 text-muted-foreground", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { className: "px-3", children: header.isPlaceholder ? null : flexRender(
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
+    ] }) })
+  ] });
+}
+export {
+  AppCatalogPage
+};
+//# sourceMappingURL=AppCatalog.js.map

package/dist/esm/modules/resourceJump/ui/pages/AppCatalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalog.js","sources":["../../../../../../src/modules/resourceJump/ui/pages/AppCatalog.tsx"],"sourcesContent":["import { resolveTemplate } from '@env-hopper/shared-core'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useMemo } from 'react'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport type { ResourceJumpUI } from '~/modules/resourceJump/types'\nimport { EnvAutoComplete } from '~/modules/resourceJump/ui/cmdk/EnvAutocomplete'\nimport { formatResourceTitle } from '~/modules/resourceJump/utils/helpers'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\n\ntype Row = ResourceJumpUI\n\nexport function AppCatalogPage() {\n  const { resourceJumps, isLoadingResourceJumps } = useResourceJumpContext()\n  const { currentEnv } = useEnvironmentContext()\n\n  const columns = useMemo<Array<ColumnDef<Row>>>(\n    () => [\n      {\n        slug: 'title',\n        header: 'ResourceJump Title',\n        cell: ({ row }) => formatResourceTitle(row.original),\n      },\n      {\n        slug: 'urlPattern',\n        header: 'URL pattern',\n        cell: ({ row }) => {\n          if (!currentEnv?.slug) {\n            return row.original.urlTemplate.default\n          }\n          return resolveTemplate(currentEnv.slug, row.original.urlTemplate)\n        },\n      },\n    ],\n    [currentEnv?.slug],\n  )\n\n  const table = useReactTable({\n    data: resourceJumps,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n  })\n\n  if (isLoadingResourceJumps) {\n    return <div className=\"py-6 text-muted-foreground\">Loading…</div>\n  }\n\n  return (\n    <div className=\"py-6 flex flex-col gap-4\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <div className=\"font-medium\">Apps</div>\n          <div className=\"text-sm text-muted-foreground\">\n            {resourceJumps.length} resource jumps\n          </div>\n        </div>\n        <div className=\"w-[320px]\">\n          <EnvAutoComplete />\n        </div>\n      </div>\n\n      <div className=\"w-full overflow-hidden rounded-md border border-border\">\n        <Table>\n          <TableHeader className=\"bg-muted/30 text-muted-foreground\">\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id} className=\"px-3\">\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext(),\n                        )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n\n          <TableBody>\n            {table.getRowModel().rows.map((row) => (\n              <TableRow key={row.id}>\n                {row.getVisibleCells().map((cell) => (\n                  <TableCell key={cell.id} className=\"px-3 align-top\">\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAwBO,SAAS,iBAAiB;AAC/B,QAAM,EAAE,eAAe,uBAAA,IAA2B,uBAAA;AAClD,QAAM,EAAE,WAAA,IAAe,sBAAA;AAEvB,QAAM,UAAU;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM,CAAC,EAAE,UAAU,oBAAoB,IAAI,QAAQ;AAAA,MAAA;AAAA,MAErD;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM,CAAC,EAAE,UAAU;AACjB,cAAI,EAAC,yCAAY,OAAM;AACrB,mBAAO,IAAI,SAAS,YAAY;AAAA,UAClC;AACA,iBAAO,gBAAgB,WAAW,MAAM,IAAI,SAAS,WAAW;AAAA,QAClE;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,CAAC,yCAAY,IAAI;AAAA,EAAA;AAGnB,QAAM,QAAQ,cAAc;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA,iBAAiB,gBAAA;AAAA,EAAgB,CAClC;AAED,MAAI,wBAAwB;AAC1B,WAAO,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,YAAQ;AAAA,EAC7D;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EACC,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,eAAc,UAAA,QAAI;AAAA,QACjC,qBAAC,OAAA,EAAI,WAAU,iCACZ,UAAA;AAAA,UAAA,cAAc;AAAA,UAAO;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA,GACF;AAAA,0BACC,OAAA,EAAI,WAAU,aACb,UAAA,oBAAC,mBAAgB,EAAA,CACnB;AAAA,IAAA,GACF;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,0DACb,+BAAC,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,aAAA,EAAY,WAAU,qCACpB,UAAA,MAAM,kBAAkB,IAAI,CAAC,gBAC5B,oBAAC,UAAA,EACE,sBAAY,QAAQ,IAAI,CAAC,WACxB,oBAAC,aAA0B,WAAU,QAClC,UAAA,OAAO,gBACJ,OACA;AAAA,QACE,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,WAAA;AAAA,MAAW,EACpB,GANU,OAAO,EAOvB,CACD,KAVY,YAAY,EAW3B,CACD,GACH;AAAA,0BAEC,WAAA,EACE,UAAA,MAAM,cAAc,KAAK,IAAI,CAAC,QAC7B,oBAAC,YACE,UAAA,IAAI,gBAAA,EAAkB,IAAI,CAAC,SAC1B,oBAAC,WAAA,EAAwB,WAAU,kBAChC,UAAA,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,EAAA,GAD3C,KAAK,EAErB,CACD,KALY,IAAI,EAMnB,CACD,EAAA,CACH;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/pages/AppPage.d.ts

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

package/dist/esm/modules/resourceJump/ui/pages/AppPage.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { AppPageFlagship } from "./AppPageFlagship.js";
+import { AppPageRegular } from "./AppPageRegular.js";
+import { isFlagshipResource } from "../../utils/helpers.js";
+function AppPage() {
+  const { currentResourceJump } = useResourceJumpContext();
+  if (isFlagshipResource(currentResourceJump)) {
+    return /* @__PURE__ */ jsx(AppPageFlagship, {});
+  } else {
+    return /* @__PURE__ */ jsx(AppPageRegular, {});
+  }
+}
+export {
+  AppPage
+};
+//# sourceMappingURL=AppPage.js.map

package/dist/esm/modules/resourceJump/ui/pages/AppPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPage.js","sources":["../../../../../../src/modules/resourceJump/ui/pages/AppPage.tsx"],"sourcesContent":["import { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { AppPageFlagship } from '~/modules/resourceJump/ui/pages/AppPageFlagship'\nimport { AppPageRegular } from '~/modules/resourceJump/ui/pages/AppPageRegular'\nimport { isFlagshipResource } from '~/modules/resourceJump/utils/helpers'\n\nexport function AppPage() {\n  const { currentResourceJump } = useResourceJumpContext()\n\n  if (isFlagshipResource(currentResourceJump)) {\n    return <AppPageFlagship />\n  } else {\n    return <AppPageRegular />\n  }\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,UAAU;AACxB,QAAM,EAAE,oBAAA,IAAwB,uBAAA;AAEhC,MAAI,mBAAmB,mBAAmB,GAAG;AAC3C,+BAAQ,iBAAA,EAAgB;AAAA,EAC1B,OAAO;AACL,+BAAQ,gBAAA,EAAe;AAAA,EACzB;AACF;"}

package/dist/esm/modules/resourceJump/ui/pages/AppPageFlagship.d.ts

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