@env-hopper/frontend-core 2.0.1-alpha

package/dist/esm/routes/_layout/env/_envSlug/sub/_subValue.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { createFileRoute } from "@tanstack/react-router";
+import { routeLoader } from "../../../../../modules/resourceJump/routeLoader.js";
+import { ResourceJumpLayout } from "../../../../../modules/resourceJump/ui/ResouceJumpLayout.js";
+const Route = createFileRoute("/_layout/env/$envSlug/sub/$subValue")({
+  component: RouteComponent,
+  loader(ctx) {
+    return routeLoader(ctx);
+  }
+});
+function RouteComponent() {
+  const urlParams = Route.useLoaderData();
+  return /* @__PURE__ */ jsx(ResourceJumpLayout, { loaderData: urlParams });
+}
+export {
+  Route
+};
+//# sourceMappingURL=_subValue.js.map

package/dist/esm/routes/_layout/env/_envSlug/sub/_subValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_subValue.js","sources":["../../../../../../../src/routes/_layout/env/$envSlug/sub/$subValue.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { routeLoader } from '~/modules/resourceJump/routeLoader'\nimport { ResourceJumpLayout } from '~/modules/resourceJump/ui/ResouceJumpLayout'\n\nexport const Route = createFileRoute('/_layout/env/$envSlug/sub/$subValue')({\n  component: RouteComponent,\n  loader(ctx) {\n    return routeLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const urlParams = Route.useLoaderData()\n  return <ResourceJumpLayout loaderData={urlParams} />\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,QAAQ,gBAAgB,qCAAqC,EAAE;AAAA,EAC1E,WAAW;AAAA,EACX,OAAO,KAAK;AACV,WAAO,YAAY,GAAG;AAAA,EACxB;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,YAAY,MAAM,cAAA;AACxB,SAAO,oBAAC,oBAAA,EAAmB,YAAY,UAAA,CAAW;AACpD;"}

package/dist/esm/routes/_layout/env/_envSlug.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { createFileRoute } from "@tanstack/react-router";
+import { routeLoader } from "../../../modules/resourceJump/routeLoader.js";
+import { ResourceJumpLayout } from "../../../modules/resourceJump/ui/ResouceJumpLayout.js";
+const Route = createFileRoute("/_layout/env/$envSlug")({
+  component: RouteComponent,
+  loader(ctx) {
+    return routeLoader(ctx);
+  }
+});
+function RouteComponent() {
+  const urlParams = Route.useLoaderData();
+  return /* @__PURE__ */ jsx(ResourceJumpLayout, { loaderData: urlParams });
+}
+export {
+  Route
+};
+//# sourceMappingURL=_envSlug.js.map

package/dist/esm/routes/_layout/env/_envSlug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_envSlug.js","sources":["../../../../../src/routes/_layout/env/$envSlug.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { routeLoader } from '~/modules/resourceJump/routeLoader'\nimport { ResourceJumpLayout } from '~/modules/resourceJump/ui/ResouceJumpLayout'\n\nexport const Route = createFileRoute('/_layout/env/$envSlug')({\n  component: RouteComponent,\n  loader(ctx) {\n    return routeLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const urlParams = Route.useLoaderData()\n  return <ResourceJumpLayout loaderData={urlParams} />\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,QAAQ,gBAAgB,uBAAuB,EAAE;AAAA,EAC5D,WAAW;AAAA,EACX,OAAO,KAAK;AACV,WAAO,YAAY,GAAG;AAAA,EACxB;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,YAAY,MAAM,cAAA;AACxB,SAAO,oBAAC,oBAAA,EAAmB,YAAY,UAAA,CAAW;AACpD;"}

package/dist/esm/routes/_layout/index.d.ts

@@ -0,0 +1 @@
+export declare const Route: import('@tanstack/router-core').Route<import('@tanstack/router-core').Route<import('@tanstack/react-router').RootRoute<undefined, import('../../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>, "", "", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>, "/", "/", "/_layout/", "/_layout/", undefined, import('@tanstack/router-core').ResolveParams<"/">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, (ctx: import('@tanstack/router-core').LoaderFnContext<import('@tanstack/router-core').Route<import('@tanstack/react-router').RootRoute<undefined, import('../../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>, "", "", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>, "/_layout/", import('@tanstack/router-core').ResolveParams<"/">, {}, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext>) => Promise<import('../../modules/resourceJump/types.js').ResourceJumpLoaderReturn>, unknown, unknown>;

package/dist/esm/routes/_layout/index.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { createFileRoute } from "@tanstack/react-router";
+import { routeLoader } from "../../modules/resourceJump/routeLoader.js";
+import { ResourceJumpLayout } from "../../modules/resourceJump/ui/ResouceJumpLayout.js";
+const Route = createFileRoute("/_layout/")({
+  component: RouteComponent,
+  loader(ctx) {
+    return routeLoader(ctx);
+  }
+});
+function RouteComponent() {
+  const urlParams = Route.useLoaderData();
+  return /* @__PURE__ */ jsx(ResourceJumpLayout, { loaderData: urlParams });
+}
+export {
+  Route
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/routes/_layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/routes/_layout/index.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\n\nimport { routeLoader } from '~/modules/resourceJump/routeLoader'\nimport { ResourceJumpLayout } from '~/modules/resourceJump/ui/ResouceJumpLayout'\n\nexport const Route = createFileRoute('/_layout/')({\n  component: RouteComponent,\n  loader(ctx) {\n    return routeLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const urlParams = Route.useLoaderData()\n  return <ResourceJumpLayout loaderData={urlParams} />\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,QAAQ,gBAAgB,WAAW,EAAE;AAAA,EAChD,WAAW;AAAA,EACX,OAAO,KAAK;AACV,WAAO,YAAY,GAAG;AAAA,EACxB;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,YAAY,MAAM,cAAA;AACxB,SAAO,oBAAC,oBAAA,EAAmB,YAAY,UAAA,CAAW;AACpD;"}

package/dist/esm/routes/_layout.d.ts

@@ -0,0 +1 @@
+export declare const Route: import('@tanstack/router-core').Route<import('@tanstack/react-router').RootRoute<undefined, import('../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>, "", "", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>;

package/dist/esm/routes/_layout.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { createFileRoute, Outlet } from "@tanstack/react-router";
+const Route = createFileRoute("/_layout")({
+  component: LayoutComponent
+});
+function LayoutComponent() {
+  return /* @__PURE__ */ jsx(Outlet, {});
+}
+export {
+  Route
+};
+//# sourceMappingURL=_layout.js.map

package/dist/esm/routes/_layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_layout.js","sources":["../../../src/routes/_layout.tsx"],"sourcesContent":["import { Outlet, createFileRoute } from '@tanstack/react-router'\n\nexport const Route = createFileRoute('/_layout')({\n  component: LayoutComponent,\n})\n\nfunction LayoutComponent() {\n  return <Outlet />\n}\n"],"names":[],"mappings":";;AAEO,MAAM,QAAQ,gBAAgB,UAAU,EAAE;AAAA,EAC/C,WAAW;AACb,CAAC;AAED,SAAS,kBAAkB;AACzB,6BAAQ,QAAA,EAAO;AACjB;"}

package/dist/esm/types/ehTypes.d.ts

@@ -0,0 +1,31 @@
+import { TRPCRouter } from '@env-hopper/backend-core';
+import { TRPCClient } from '@trpc/client';
+import { EhDb } from '~/userDb/EhDb';
+export interface EhEnvIndexed {
+    slug: string;
+    displayName: string;
+}
+export interface EhAppPage {
+    slug: string;
+    displayName: string;
+}
+export interface BaseDropdownContentProps {
+    searchValue?: string;
+    onSelect?: (value: string) => void;
+    getMenuProps?: () => any;
+    getItemProps?: (options: any) => any;
+    highlightedIndex?: number;
+    isOpen?: boolean;
+    isUntouched: boolean;
+}
+export interface EhUrlParams {
+    envId?: string;
+    appId?: string;
+    subValue?: string;
+}
+export interface DbAware {
+    db: EhDb;
+}
+export interface TrpcAware {
+    trpcClient: TRPCClient<TRPCRouter>;
+}

package/dist/esm/types/slateTypes.d.ts

@@ -0,0 +1,28 @@
+import { BaseEditor } from 'slate';
+import { ReactEditor } from 'slate-react';
+type TagElement = {
+    type: 'tag';
+    children: Array<CustomText>;
+    selected: boolean;
+};
+type InterTagElement = {
+    type: 'inter-tag';
+    children: Array<CustomText>;
+};
+type TagContainer = {
+    type: 'tag-container';
+    children: Array<CustomText>;
+};
+type CustomText = {
+    text: string;
+};
+export type CustomElement = TagElement | TagContainer | InterTagElement;
+export type CustomEditor = BaseEditor & ReactEditor;
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: CustomEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}
+export {};

package/dist/esm/types/tanstackQuery.d.ts

@@ -0,0 +1,11 @@
+import { TRPCRouter } from '@env-hopper/backend-core';
+import { TRPCClient } from '@trpc/client';
+export interface EhReactQueryMeta extends Record<string, unknown> {
+    trpcClient: TRPCClient<TRPCRouter>;
+}
+declare module '@tanstack/react-query' {
+    interface Register {
+        queryMeta: EhReactQueryMeta;
+        mutationMeta: EhReactQueryMeta;
+    }
+}

package/dist/esm/types/types.d.ts

@@ -0,0 +1,16 @@
+import { RouterHistory } from '@tanstack/react-router';
+import { QueryClient } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
+import { TRPCRouter } from '@env-hopper/backend-core';
+import { EhDb } from '~/userDb/EhDb';
+import { EhPlugin } from '~/modules/pluginCore/types';
+export interface EhRouterContext {
+    queryClient: QueryClient;
+    trpcClient: TRPCClient<TRPCRouter>;
+    db: EhDb;
+    plugins: Array<EhPlugin>;
+}
+export interface EhRouterInitParams {
+    history: RouterHistory;
+    context: EhRouterContext;
+}

package/dist/esm/types/userBehaviourTypes.d.ts

@@ -0,0 +1,76 @@
+export interface SearchInteraction {
+    dateUtcTimestamp: number;
+    query: string;
+    selection: SearchSelection;
+}
+export type SearchSelection = {
+    type: 'env';
+    envSlug: string;
+} | {
+    type: 'app';
+    appSlug: string;
+} | {
+    type: 'appPage';
+    appPageSlug: AppPageSlug;
+    appPageContext?: AppPageContext;
+} | {
+    type: 'envAppPage';
+    envSlug: string;
+    appPageSlug: AppPageSlug;
+    appPageContext?: AppPageContext;
+} | {
+    type: 'envAction';
+    envSlug: string;
+    actionName: string;
+};
+export interface MicroInteraction {
+    dateUtcTimestamp: number;
+    context: MicroInteractionContext;
+    action: Action;
+}
+export interface MicroInteractionContext {
+    envSlug?: string;
+    appSlug?: string;
+    appPageSlug?: AppPageSlug;
+}
+export type Action = PageJumpAction | ConfigSearchAction | EnvSelectionAction | AppSelectionAction | AppPageSelectionAction | EnvAction;
+export interface EnvSelectionAction {
+    actionType: 'envSelection';
+    envSlug: string | undefined;
+}
+export interface AppSelectionAction {
+    actionType: 'appSelection';
+    appSlug: string | undefined;
+}
+export interface AppPageSelectionAction {
+    actionType: 'appPageSelection';
+    appPageSlug: AppPageSlug;
+}
+export interface PageJumpAction {
+    actionType: 'pageJump';
+    envSlug: string;
+    appPageSlug: AppPageSlug;
+    appPageContext?: AppPageContext;
+}
+export interface EnvAction {
+    actionType: 'envAction';
+    envSlug: string;
+    actionName: string;
+}
+export interface AppPageSlug {
+    app: string;
+    page: string;
+}
+export interface AppPageContext {
+    params: Array<AppPageContextKeyValue>;
+}
+export interface AppPageContextKeyValue {
+    key: string;
+    value: string;
+}
+export interface ConfigSearchAction {
+    actionType: 'configSearch';
+    envSlug: string;
+    appSlug: string;
+    query: string;
+}

package/dist/esm/types/utilityTypes.d.ts

@@ -0,0 +1 @@
+export type PartialRecord<TKey extends keyof any, T> = Partial<Record<TKey, T>>;

package/dist/esm/ui/components/ActionCard.d.ts

@@ -0,0 +1,9 @@
+import { EhAppIndexed } from '@env-hopper/backend-core';
+interface ActionCardProps {
+    app: EhAppIndexed;
+    actionName: string;
+    onClick: () => void;
+    className?: string;
+}
+export declare function ActionCard({ app, actionName, onClick, className, }: ActionCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/AppIcon.d.ts

@@ -0,0 +1,7 @@
+import { EhAppIndexed } from '@env-hopper/backend-core';
+interface AppIconProps {
+    app: EhAppIndexed;
+    className?: string;
+}
+export declare function AppIcon({ app, className }: AppIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/commandInput/EhBaseSelector.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Popover } from '~/components/ui/popover';
+export declare function EhBaseSelectorRoot({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function EhBaseSelectorLabel({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function EhBaseSelectorPopover({ ...props }: React.ComponentPropsWithoutRef<typeof Popover>): import("react/jsx-runtime").JSX.Element;
+export declare function EhBaseSelectorCommand({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/components/commandInput/EhBaseSelector.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import "@radix-ui/react-popover";
+import { cn } from "../../../lib/utils.js";
+function EhBaseSelectorRoot({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        `flex flex-col gap-1 duration-100 transition-all`,
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  EhBaseSelectorRoot
+};
+//# sourceMappingURL=EhBaseSelector.js.map

package/dist/esm/ui/components/commandInput/EhBaseSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EhBaseSelector.js","sources":["../../../../../src/ui/components/commandInput/EhBaseSelector.tsx"],"sourcesContent":["import React from 'react'\nimport { Popover } from '~/components/ui/popover'\nimport { cn } from '~/lib/utils'\n\nexport function EhBaseSelectorRoot({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(\n        `flex flex-col gap-1 duration-100 transition-all`,\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function EhBaseSelectorLabel({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(`text-secondary-foreground/50 text-sm`, className)}\n      {...props}\n    />\n  )\n}\n\nexport function EhBaseSelectorPopover({\n  ...props\n}: React.ComponentPropsWithoutRef<typeof Popover>) {\n  return <Popover {...props} />\n}\n\nexport function EhBaseSelectorCommand({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(\n        'hover:cursor-text hover:bg-accent hover:border-neutral-950 rounded-sm border-1 p-3 group',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,GAAG;AACL,GAA0C;AACxC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/ui/components/commandInput/types.d.ts

@@ -0,0 +1,13 @@
+import { BaseAutoCompletableItem } from '~/modules/pluginCore/types';
+export interface SpecialAutoCompleteItem {
+    type: 'special';
+    slug: 'specia-all-apps';
+}
+export declare function isSpecialAutoCompleteItem(item: BaseAutoCompletableItem | SpecialAutoCompleteItem | null | undefined): item is SpecialAutoCompleteItem;
+export type AutoCompleteItem = BaseAutoCompletableItem | SpecialAutoCompleteItem;
+export interface AppAutoCompleteAmend {
+    isChild?: boolean;
+}
+export interface AutoCompleteContext {
+    searchString: string;
+}

package/dist/esm/ui/components/contextDebug.d.ts

@@ -0,0 +1,2 @@
+declare const ContextDebug: React.FC;
+export default ContextDebug;

package/dist/esm/ui/components/contextDebug.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { useEnvironmentContext } from "../../modules/environment/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../modules/resourceJump/ResourceJumpContext.js";
+const ContextDebug = () => {
+  const { currentResourceJump } = useResourceJumpContext();
+  const { currentEnv } = useEnvironmentContext();
+  return /* @__PURE__ */ jsx("pre", { children: JSON.stringify({ currentResourceJump, currentEnv }, null, 2) });
+};
+export {
+  ContextDebug as default
+};
+//# sourceMappingURL=contextDebug.js.map

package/dist/esm/ui/components/contextDebug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextDebug.js","sources":["../../../../src/ui/components/contextDebug.tsx"],"sourcesContent":["import { useEnvironmentContext } from '~/modules/environment/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/ResourceJumpContext'\n\nconst ContextDebug: React.FC = () => {\n  const { currentResourceJump } = useResourceJumpContext()\n  const { currentEnv } = useEnvironmentContext()\n\n  return (\n    <pre>{JSON.stringify({ currentResourceJump, currentEnv }, null, 2)}</pre>\n  )\n}\n\nexport default ContextDebug\n"],"names":[],"mappings":";;;AAGA,MAAM,eAAyB,MAAM;AACnC,QAAM,EAAE,oBAAA,IAAwB,uBAAA;AAChC,QAAM,EAAE,WAAA,IAAe,sBAAA;AAEvB,SACE,oBAAC,OAAA,EAAK,UAAA,KAAK,UAAU,EAAE,qBAAqB,WAAA,GAAc,MAAM,CAAC,EAAA,CAAE;AAEvE;"}

package/dist/esm/ui/components/controlPanel/BaseDropdownSelector.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { BaseDropdownContentProps } from '~/types/ehTypes';
+interface BaseDropdownSelectorProps {
+    value?: string;
+    placeholder: string;
+    onSelect: (value: string) => void;
+    children: (props: BaseDropdownContentProps) => ReactNode;
+    className?: string;
+}
+export declare function BaseDropdownSelector({ value, placeholder, onSelect, children, className, }: BaseDropdownSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/controlPanel/env/EnvDropdownContent.d.ts

@@ -0,0 +1,5 @@
+import { BaseDropdownContentProps } from '~/types/ehTypes';
+interface EnvDropdownContentProps extends BaseDropdownContentProps {
+}
+export declare function EnvDropdownContent({ searchValue, onSelect, getItemProps, highlightedIndex, isUntouched, }: EnvDropdownContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/controlPanel/env/EnvDropdownSelector.d.ts

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

package/dist/esm/ui/components/error/DefaultErrorComponent.d.ts

@@ -0,0 +1,2 @@
+import { ErrorComponentProps } from '@tanstack/react-router';
+export declare function DefaultErrorComponent({ error }: ErrorComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/components/error/DefaultErrorComponent.js

@@ -0,0 +1,13 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+function DefaultErrorComponent({ error }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "mt-8 text-center !max-w-none", role: "alert", children: [
+    /* @__PURE__ */ jsx("h1", { children: "Oops!" }),
+    /* @__PURE__ */ jsx("p", { children: "Sorry, an unexpected error has occurred. :( " }),
+    /* @__PURE__ */ jsx("pre", { className: "text-left mt-8 text-sm", children: /* @__PURE__ */ jsx("i", { children: error.message }) }),
+    /* @__PURE__ */ jsx("pre", { className: "text-left mt-8 text-sm", children: /* @__PURE__ */ jsx("i", { children: error.stack }) })
+  ] }) });
+}
+export {
+  DefaultErrorComponent
+};
+//# sourceMappingURL=DefaultErrorComponent.js.map

package/dist/esm/ui/components/error/DefaultErrorComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultErrorComponent.js","sources":["../../../../../src/ui/components/error/DefaultErrorComponent.tsx"],"sourcesContent":["import type { ErrorComponentProps } from '@tanstack/react-router'\n\nexport function DefaultErrorComponent({ error }: ErrorComponentProps) {\n  //   const { data: config } = useQuery(ApiQueryMagazine.getConfig());\n  //   const [localAppVersion] = useLocalStorage(\n  //     LOCAL_STORAGE_KEY_VERSION,\n  //     undefined,\n  //   );\n  //   const { isDegraded } = useEhServerSync();\n  //   const configAppVersion = config?.appVersion;\n  //   const [somethingIsWrong, setSomethingIsWrong] = useState(false);\n  //   useEffect(() => {\n  //     const t = setTimeout(() => {\n  //       setSomethingIsWrong(true);\n  //     }, 25000);\n  //     return () => {\n  //       clearTimeout(t);\n  //     };\n  //   }, []);\n\n  //   const isProbablyWillResolvedAfterUpdate =\n  //     localAppVersion !== undefined &&\n  //     configAppVersion !== undefined &&\n  //     localAppVersion !== configAppVersion &&\n  //     !somethingIsWrong &&\n  //     !isDegraded;\n\n  return (\n    <>\n      <div className={'mt-8 text-center !max-w-none'} role=\"alert\">\n        <h1>Oops!</h1>\n        <p>Sorry, an unexpected error has occurred. :( </p>\n        <pre className={'text-left mt-8 text-sm'}>{<i>{error.message}</i>}</pre>\n        <pre className={'text-left mt-8 text-sm'}>{<i>{error.stack}</i>}</pre>\n      </div>\n    </>\n  )\n}\n"],"names":[],"mappings":";AAEO,SAAS,sBAAsB,EAAE,SAA8B;AAyBpE,yCAEI,UAAA,qBAAC,OAAA,EAAI,WAAW,gCAAgC,MAAK,SACnD,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,QAAA,CAAK;AAAA,IACT,oBAAC,OAAE,UAAA,+CAAA,CAA4C;AAAA,IAC/C,oBAAC,SAAI,WAAW,0BAA2B,8BAAC,KAAA,EAAG,UAAA,MAAM,SAAQ,EAAA,CAAK;AAAA,IAClE,oBAAC,SAAI,WAAW,0BAA2B,8BAAC,KAAA,EAAG,UAAA,MAAM,OAAM,EAAA,CAAK;AAAA,EAAA,EAAA,CAClE,EAAA,CACF;AAEJ;"}

package/dist/esm/ui/components/error/RooutErrorPage.d.ts

@@ -0,0 +1,2 @@
+import { ErrorComponentProps } from '@tanstack/react-router';
+export declare function RooutErrorPage(props: ErrorComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/components/error/RooutErrorPage.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { DefaultErrorComponent } from "./DefaultErrorComponent.js";
+function RooutErrorPage(props) {
+  return /* @__PURE__ */ jsxs("div", { className: "p-5", children: [
+    /* @__PURE__ */ jsx(DefaultErrorComponent, { ...props }),
+    ";"
+  ] });
+}
+export {
+  RooutErrorPage
+};
+//# sourceMappingURL=RooutErrorPage.js.map

package/dist/esm/ui/components/error/RooutErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RooutErrorPage.js","sources":["../../../../../src/ui/components/error/RooutErrorPage.tsx"],"sourcesContent":["import { DefaultErrorComponent } from './DefaultErrorComponent'\nimport type { ErrorComponentProps } from '@tanstack/react-router'\n\nexport function RooutErrorPage(props: ErrorComponentProps) {\n  return (\n    <div className=\"p-5\">\n      <DefaultErrorComponent {...props} />;\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAGO,SAAS,eAAe,OAA4B;AACzD,SACE,qBAAC,OAAA,EAAI,WAAU,OACb,UAAA;AAAA,IAAA,oBAAC,uBAAA,EAAuB,GAAG,OAAO;AAAA,IAAE;AAAA,EAAA,GACtC;AAEJ;"}

package/dist/esm/ui/components/footer/Footer.d.ts

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

package/dist/esm/ui/components/footer/Footer.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+function Footer() {
+  return /* @__PURE__ */ jsx("footer", { className: "mt-auto border-t border-border bg-background/50 backdrop-blur-sm", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("span", { children: "Built with" }),
+    /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: "https://ui.shadcn.com/docs/components",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "ml-1 inline-flex items-center gap-1 text-primary hover:text-primary/80 transition-colors font-medium",
+        children: [
+          "shadcn/ui",
+          /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "mx-2", children: "•" }),
+    /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: "https://lucide.dev/icons/expand",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "inline-flex items-center gap-1 text-primary hover:text-primary/80 transition-colors font-medium",
+        children: [
+          "Lucide Icons",
+          /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+        ]
+      }
+    )
+  ] }) }) });
+}
+export {
+  Footer
+};
+//# sourceMappingURL=Footer.js.map

package/dist/esm/ui/components/footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../src/ui/components/footer/Footer.tsx"],"sourcesContent":["import { ExternalLink } from 'lucide-react'\n\nexport function Footer() {\n  return (\n    <footer className=\"mt-auto border-t border-border bg-background/50 backdrop-blur-sm\">\n      <div className=\"max-w-7xl mx-auto px-6 py-4\">\n        <div className=\"flex items-center justify-center text-sm text-muted-foreground\">\n          <span>Built with</span>\n          <a\n            href=\"https://ui.shadcn.com/docs/components\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"ml-1 inline-flex items-center gap-1 text-primary hover:text-primary/80 transition-colors font-medium\"\n          >\n            shadcn/ui\n            <ExternalLink className=\"h-3 w-3\" />\n          </a>\n          <span className=\"mx-2\">•</span>\n          <a\n            href=\"https://lucide.dev/icons/expand\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"inline-flex items-center gap-1 text-primary hover:text-primary/80 transition-colors font-medium\"\n          >\n            Lucide Icons\n            <ExternalLink className=\"h-3 w-3\" />\n          </a>\n        </div>\n      </div>\n    </footer>\n  )\n}\n"],"names":[],"mappings":";;AAEO,SAAS,SAAS;AACvB,SACE,oBAAC,UAAA,EAAO,WAAU,oEAChB,UAAA,oBAAC,OAAA,EAAI,WAAU,+BACb,UAAA,qBAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,IAAA,oBAAC,UAAK,UAAA,aAAA,CAAU;AAAA,IAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QACX,UAAA;AAAA,UAAA;AAAA,UAEC,oBAAC,cAAA,EAAa,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,oBAAC,QAAA,EAAK,WAAU,QAAO,UAAA,KAAC;AAAA,IACxB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QACX,UAAA;AAAA,UAAA;AAAA,UAEC,oBAAC,cAAA,EAAa,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/esm/ui/components/header/PlaygroundHeader.d.ts

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

package/dist/esm/ui/components/header/PlaygroundHeader.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../../../components/ui/button.js";
+import { ThemeSwitcher } from "../../../components/ThemeSwitcher.js";
+import SvgEnvHopperLogo from "../../../assets/env-hopper-logo.svg.js";
+function PlaygroundHeader() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(SvgEnvHopperLogo, { className: "h-16 w-16" }),
+        /* @__PURE__ */ jsx("h1", { className: "text-lg font-bold", children: "Env‑Hopper" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Jump" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(ThemeSwitcher, {}),
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", children: "Login" })
+    ] })
+  ] });
+}
+export {
+  PlaygroundHeader
+};
+//# sourceMappingURL=PlaygroundHeader.js.map

package/dist/esm/ui/components/header/PlaygroundHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundHeader.js","sources":["../../../../../src/ui/components/header/PlaygroundHeader.tsx"],"sourcesContent":["import { Button } from '~/components/ui/button'\nimport { ThemeSwitcher } from '~/components/ThemeSwitcher'\nimport EnvHopperLogo from '~/assets/env-hopper-logo.svg?react'\n\nexport function PlaygroundHeader() {\n  return (\n    <div className=\"flex items-center justify-between mb-4\">\n      {/* Left side: Logo + Mode */}\n      <div className=\"flex items-center gap-4\">\n        <div className=\"flex items-center gap-2\">\n          <EnvHopperLogo className=\"h-16 w-16\" />\n          <h1 className=\"text-lg font-bold\">Env‑Hopper</h1>\n        </div>\n        <span className=\"text-xs text-muted-foreground\">Jump</span>\n      </div>\n\n      {/* Right side: Theme switcher + Login */}\n      <div className=\"flex items-center gap-3\">\n        <ThemeSwitcher />\n        <Button size=\"sm\" variant={'outline'}>\n          Login\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["EnvHopperLogo"],"mappings":";;;;AAIO,SAAS,mBAAmB;AACjC,SACE,qBAAC,OAAA,EAAI,WAAU,0CAEb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,oBAACA,kBAAA,EAAc,WAAU,YAAA,CAAY;AAAA,QACrC,oBAAC,MAAA,EAAG,WAAU,qBAAoB,UAAA,aAAA,CAAU;AAAA,MAAA,GAC9C;AAAA,MACA,oBAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,OAAA,CAAI;AAAA,IAAA,GACtD;AAAA,IAGA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,oBAAC,eAAA,EAAc;AAAA,0BACd,QAAA,EAAO,MAAK,MAAK,SAAS,WAAW,UAAA,QAAA,CAEtC;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/ui/components/leftPanel/LeftPanel.d.ts

@@ -0,0 +1,5 @@
+interface LeftPanelProps {
+    className?: string;
+}
+export declare function LeftPanel({ className }: LeftPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/quickBar/EnvQuickJumpBar.d.ts

@@ -0,0 +1,5 @@
+interface EnvQuickJumpBarProps {
+    className?: string;
+}
+export declare function EnvQuickJumpBar({ className }: EnvQuickJumpBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/quickBar/EnvQuickJumpBar.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Package, Globe, Server } from "lucide-react";
+import { Button } from "../../../components/ui/button.js";
+import { useBootstrapConfig } from "../../../modules/config/BootstrapConfigContext.js";
+import { useEnvironmentContext } from "../../../modules/environment/EnvironmentContext.js";
+const getEnvironmentColor = (envSlug) => {
+  if (envSlug.includes("cross")) return "text-blue-600";
+  if (envSlug.includes("preprod")) return "text-orange-600";
+  if (envSlug.includes("g64")) return "text-violet-600";
+  return "text-gray-600";
+};
+const getEnvironmentIcon = (envSlug) => {
+  if (envSlug.includes("cross")) return Package;
+  if (envSlug.includes("prod")) return Globe;
+  return Server;
+};
+function EnvQuickJumpBar({ className }) {
+  const indexData = useBootstrapConfig();
+  const { setCurrentEnv, currentEnv } = useEnvironmentContext();
+  const environments = Object.values(indexData.envs).slice(0, 4).map((env) => ({
+    slug: env.slug,
+    label: env.displayName || env.slug,
+    icon: getEnvironmentIcon(env.slug),
+    color: getEnvironmentColor(env.slug)
+  }));
+  const onClick = (environment) => {
+    setCurrentEnv(environment);
+  };
+  return /* @__PURE__ */ jsx("div", { className: `flex flex-col gap-1 ${className}`, children: environments.map((env) => {
+    const Icon = env.icon;
+    const isActive = env.slug === (currentEnv == null ? void 0 : currentEnv.slug);
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        onClick: () => onClick(env.slug),
+        className: `justify-start
+                ${isActive ? "bg-accent text-accent-foreground font-medium" : ""}
+              `,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: `w-4 h-4 ${env.color} flex-shrink-0` }),
+          env.label
+        ]
+      },
+      env.slug
+    );
+  }) });
+}
+export {
+  EnvQuickJumpBar
+};
+//# sourceMappingURL=EnvQuickJumpBar.js.map

package/dist/esm/ui/components/quickBar/EnvQuickJumpBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvQuickJumpBar.js","sources":["../../../../../src/ui/components/quickBar/EnvQuickJumpBar.tsx"],"sourcesContent":["import { Globe, Package, Server } from 'lucide-react'\nimport { Button } from '~/components/ui/button'\nimport { useBootstrapConfig } from '~/modules/config/BootstrapConfigContext'\nimport { useEnvironmentContext } from '~/modules/environment/EnvironmentContext'\n\ninterface EnvQuickJumpBarProps {\n  className?: string\n}\n\n// Environment color mapping\nconst getEnvironmentColor = (envSlug: string) => {\n  if (envSlug.includes('cross')) return 'text-blue-600'\n  if (envSlug.includes('preprod')) return 'text-orange-600'\n  if (envSlug.includes('g64')) return 'text-violet-600'\n  return 'text-gray-600'\n}\n\n// Environment icon mapping\nconst getEnvironmentIcon = (envSlug: string) => {\n  if (envSlug.includes('cross')) return Package\n  if (envSlug.includes('prod')) return Globe\n  return Server\n}\n\nexport function EnvQuickJumpBar({ className }: EnvQuickJumpBarProps) {\n  const indexData = useBootstrapConfig()\n  const { setCurrentEnv, currentEnv } = useEnvironmentContext()\n\n  // Get first 3-4 real environments from context data\n  const environments = Object.values(indexData.envs)\n    .slice(0, 4)\n    .map((env) => ({\n      slug: env.slug,\n      label: env.displayName || env.slug,\n      icon: getEnvironmentIcon(env.slug),\n      color: getEnvironmentColor(env.slug),\n    }))\n\n  const onClick = (environment: string) => {\n    setCurrentEnv(environment)\n  }\n\n  return (\n    <div className={`flex flex-col gap-1 ${className}`}>\n      {environments.map((env) => {\n        const Icon = env.icon\n        const isActive = env.slug === currentEnv?.slug\n\n        return (\n          <Button\n            key={env.slug}\n            variant={'ghost'}\n            onClick={() => onClick(env.slug)}\n            className={`justify-start\n                ${isActive ? 'bg-accent text-accent-foreground font-medium' : ''}\n              `}\n          >\n            <Icon className={`w-4 h-4 ${env.color} flex-shrink-0`} />\n            {env.label}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;AAUA,MAAM,sBAAsB,CAAC,YAAoB;AAC/C,MAAI,QAAQ,SAAS,OAAO,EAAG,QAAO;AACtC,MAAI,QAAQ,SAAS,SAAS,EAAG,QAAO;AACxC,MAAI,QAAQ,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO;AACT;AAGA,MAAM,qBAAqB,CAAC,YAAoB;AAC9C,MAAI,QAAQ,SAAS,OAAO,EAAG,QAAO;AACtC,MAAI,QAAQ,SAAS,MAAM,EAAG,QAAO;AACrC,SAAO;AACT;AAEO,SAAS,gBAAgB,EAAE,aAAmC;AACnE,QAAM,YAAY,mBAAA;AAClB,QAAM,EAAE,eAAe,WAAA,IAAe,sBAAA;AAGtC,QAAM,eAAe,OAAO,OAAO,UAAU,IAAI,EAC9C,MAAM,GAAG,CAAC,EACV,IAAI,CAAC,SAAS;AAAA,IACb,MAAM,IAAI;AAAA,IACV,OAAO,IAAI,eAAe,IAAI;AAAA,IAC9B,MAAM,mBAAmB,IAAI,IAAI;AAAA,IACjC,OAAO,oBAAoB,IAAI,IAAI;AAAA,EAAA,EACnC;AAEJ,QAAM,UAAU,CAAC,gBAAwB;AACvC,kBAAc,WAAW;AAAA,EAC3B;AAEA,SACE,oBAAC,SAAI,WAAW,uBAAuB,SAAS,IAC7C,UAAA,aAAa,IAAI,CAAC,QAAQ;AACzB,UAAM,OAAO,IAAI;AACjB,UAAM,WAAW,IAAI,UAAS,yCAAY;AAE1C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS;AAAA,QACT,SAAS,MAAM,QAAQ,IAAI,IAAI;AAAA,QAC/B,WAAW;AAAA,kBACL,WAAW,iDAAiD,EAAE;AAAA;AAAA,QAGpE,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,WAAW,WAAW,IAAI,KAAK,kBAAkB;AAAA,UACtD,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MARA,IAAI;AAAA,IAAA;AAAA,EAWf,CAAC,EAAA,CACH;AAEJ;"}

package/dist/esm/ui/components/quickBar/QuickJumpBar.d.ts

@@ -0,0 +1,5 @@
+interface QuickJumpBarProps {
+    className?: string;
+}
+export declare function QuickJumpBar(_: QuickJumpBarProps): null;
+export {};

package/dist/esm/ui/components/widgetPanel/AddWidgetCard.d.ts

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

package/dist/esm/ui/components/widgetPanel/WidgetGrid.d.ts

@@ -0,0 +1,6 @@
+interface WidgetGridProps {
+    widgets: ReadonlyArray<string>;
+    onAddWidget?: () => void;
+}
+export declare function WidgetGrid({ widgets, onAddWidget }: WidgetGridProps): import("react/jsx-runtime").JSX.Element;
+export {};