@webiny/app-admin 6.6.0-alpha.1 → 6.6.0-alpha.10

package/presentation/banners/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/abstractions.js","sources":["../../../src/presentation/banners/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { Banners } from \"~/features/banners/abstractions.js\";\n\nexport interface IBannerViewModel {\n    id: string;\n    variant: Banners.Variant;\n    title: string | null;\n    message: string;\n    dismissible: boolean;\n    actionLabel: string | null;\n    actionDisabled: boolean;\n}\n\nexport interface IBannersViewModel {\n    // The one banner on screen, or null when there is none.\n    banner: IBannerViewModel | null;\n}\n\nexport interface IBannersPresenter {\n    readonly vm: IBannersViewModel;\n    runAction(): void;\n    dismiss(): void;\n}\n\nexport const BannersPresenter = createAbstraction<IBannersPresenter>(\"BannersPresenter\");\n\nexport namespace BannersPresenter {\n    export type Interface = IBannersPresenter;\n    export type ViewModel = IBannersViewModel;\n    export type Banner = IBannerViewModel;\n}\n"],"names":["BannersPresenter","createAbstraction"],"mappings":";AAwBO,MAAMA,mBAAmBC,kBAAqC"}

package/presentation/banners/components/Banner.d.ts

@@ -0,0 +1,10 @@
+import type { Banners } from "../../../features/banners/abstractions.js";
+export type BannerProps = Banners.Banner;
+/**
+ * Shows a banner for as long as this component is mounted, and hides it on unmount. Renders
+ * nothing itself; the Layout's bar does the drawing.
+ *
+ * To show a banner from an event handler, use `useBanner()`. Outside React, inject `Banners`
+ * and call `show()` and `hide()` directly.
+ */
+export declare const Banner: (props: BannerProps) => null;

package/presentation/banners/components/Banner.js

@@ -0,0 +1,32 @@
+import { useEffect } from "react";
+import { useBanner } from "../useBanner.js";
+const Banner = (props)=>{
+    const { showBanner, hideBanner } = useBanner();
+    const { id, variant, title, message, dismissible, action } = props;
+    useEffect(()=>{
+        showBanner({
+            id,
+            variant,
+            title,
+            message,
+            dismissible,
+            action
+        });
+    }, [
+        id,
+        variant,
+        title,
+        message,
+        dismissible,
+        action?.label,
+        action?.disabled,
+        action?.onClick
+    ]);
+    useEffect(()=>()=>hideBanner(id), [
+        id
+    ]);
+    return null;
+};
+export { Banner };
+
+//# sourceMappingURL=Banner.js.map

package/presentation/banners/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/components/Banner.js","sources":["../../../../src/presentation/banners/components/Banner.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Banners } from \"~/features/banners/abstractions.js\";\nimport { useBanner } from \"../useBanner.js\";\n\nexport type BannerProps = Banners.Banner;\n\n/**\n * Shows a banner for as long as this component is mounted, and hides it on unmount. Renders\n * nothing itself; the Layout's bar does the drawing.\n *\n * To show a banner from an event handler, use `useBanner()`. Outside React, inject `Banners`\n * and call `show()` and `hide()` directly.\n */\nexport const Banner = (props: BannerProps) => {\n    const { showBanner, hideBanner } = useBanner();\n    const { id, variant, title, message, dismissible, action } = props;\n\n    useEffect(() => {\n        showBanner({ id, variant, title, message, dismissible, action });\n    }, [\n        id,\n        variant,\n        title,\n        message,\n        dismissible,\n        action?.label,\n        action?.disabled,\n        action?.onClick\n    ]);\n\n    useEffect(() => {\n        return () => hideBanner(id);\n    }, [id]);\n\n    return null;\n};\n"],"names":["Banner","props","showBanner","hideBanner","useBanner","id","variant","title","message","dismissible","action","useEffect"],"mappings":";;AAaO,MAAMA,SAAS,CAACC;IACnB,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC;IACnC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGT;IAE7DU,UAAU;QACNT,WAAW;YAAEG;YAAIC;YAASC;YAAOC;YAASC;YAAaC;QAAO;IAClE,GAAG;QACCL;QACAC;QACAC;QACAC;QACAC;QACAC,QAAQ;QACRA,QAAQ;QACRA,QAAQ;KACX;IAEDC,UAAU,IACC,IAAMR,WAAWE,KACzB;QAACA;KAAG;IAEP,OAAO;AACX"}

package/presentation/banners/components/BannerBar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+/**
+ * The bar across the top of the content column, above the header. Rendered once, by the Layout.
+ *
+ * It is always exactly `--spacing-banner` tall, and the text is cut to one line, with the full text
+ * in the tooltip. A known height is what lets the Layout take the bar out of `h-main-content` with
+ * plain CSS, instead of measuring the bar at runtime.
+ */
+export declare const BannerBar: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
+};

package/presentation/banners/components/BannerBar.js

@@ -0,0 +1,51 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { Button, IconButton, Text, cn } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { createReactiveComponent } from "../../createReactiveComponent.js";
+import { BannersPresenterFeature } from "../feature.js";
+const VARIANT_CLASS_NAMES = {
+    info: "bg-neutral-dimmed",
+    success: "bg-success-subtle",
+    warning: "bg-warning",
+    error: "bg-destructive-subtle"
+};
+function fullText(banner) {
+    if (!banner.title) return banner.message;
+    return `${banner.title} ${banner.message}`;
+}
+const BannerBar = createReactiveComponent(()=>{
+    const { presenter } = useFeature(BannersPresenterFeature);
+    const { banner } = presenter.vm;
+    if (!banner) return null;
+    let action = null;
+    if (banner.actionLabel) action = /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        text: banner.actionLabel,
+        disabled: banner.actionDisabled,
+        onClick: ()=>presenter.runAction()
+    });
+    let close = null;
+    if (banner.dismissible) close = /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        "aria-label": "Dismiss banner",
+        onClick: ()=>presenter.dismiss()
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: cn("grid h-banner grid-cols-[1fr_minmax(0,max-content)_1fr] items-center gap-sm px-sm", VARIANT_CLASS_NAMES[banner.variant]),
+        "data-admin-banner": banner.variant,
+        "data-testid": "admin-banner"
+    }, /*#__PURE__*/ react.createElement("span", null), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "truncate text-center text-neutral-primary",
+        title: fullText(banner)
+    }, banner.title ? /*#__PURE__*/ react.createElement("strong", null, `${banner.title} `) : null, banner.message), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-self-end gap-xs"
+    }, action, close));
+});
+export { BannerBar };
+
+//# sourceMappingURL=BannerBar.js.map

package/presentation/banners/components/BannerBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/components/BannerBar.js","sources":["../../../../src/presentation/banners/components/BannerBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { cn } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.js\";\nimport { BannersPresenterFeature } from \"../feature.js\";\nimport type { BannersPresenter } from \"../abstractions.js\";\n\nconst VARIANT_CLASS_NAMES: Record<BannersPresenter.Banner[\"variant\"], string> = {\n    info: \"bg-neutral-dimmed\",\n    success: \"bg-success-subtle\",\n    warning: \"bg-warning\",\n    error: \"bg-destructive-subtle\"\n};\n\nfunction fullText(banner: BannersPresenter.Banner): string {\n    if (!banner.title) {\n        return banner.message;\n    }\n    return `${banner.title} ${banner.message}`;\n}\n\n/**\n * The bar across the top of the content column, above the header. Rendered once, by the Layout.\n *\n * It is always exactly `--spacing-banner` tall, and the text is cut to one line, with the full text\n * in the tooltip. A known height is what lets the Layout take the bar out of `h-main-content` with\n * plain CSS, instead of measuring the bar at runtime.\n */\nexport const BannerBar = createReactiveComponent(() => {\n    const { presenter } = useFeature(BannersPresenterFeature);\n    const { banner } = presenter.vm;\n\n    if (!banner) {\n        return null;\n    }\n\n    let action = null;\n    if (banner.actionLabel) {\n        action = (\n            <Button\n                variant={\"ghost\"}\n                size={\"sm\"}\n                text={banner.actionLabel}\n                disabled={banner.actionDisabled}\n                onClick={() => presenter.runAction()}\n            />\n        );\n    }\n\n    let close = null;\n    if (banner.dismissible) {\n        close = (\n            <IconButton\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={<CloseIcon />}\n                aria-label={\"Dismiss banner\"}\n                onClick={() => presenter.dismiss()}\n            />\n        );\n    }\n\n    return (\n        <div\n            className={cn(\n                \"grid h-banner grid-cols-[1fr_minmax(0,max-content)_1fr] items-center gap-sm px-sm\",\n                VARIANT_CLASS_NAMES[banner.variant]\n            )}\n            data-admin-banner={banner.variant}\n            data-testid={\"admin-banner\"}\n        >\n            <span />\n            <Text\n                size={\"sm\"}\n                className={\"truncate text-center text-neutral-primary\"}\n                title={fullText(banner)}\n            >\n                {banner.title ? <strong>{`${banner.title} `}</strong> : null}\n                {banner.message}\n            </Text>\n            <div className={\"flex items-center justify-self-end gap-xs\"}>\n                {action}\n                {close}\n            </div>\n        </div>\n    );\n});\n"],"names":["VARIANT_CLASS_NAMES","fullText","banner","BannerBar","createReactiveComponent","presenter","useFeature","BannersPresenterFeature","action","Button","close","IconButton","CloseIcon","cn","Text"],"mappings":";;;;;;AAWA,MAAMA,sBAA0E;IAC5E,MAAM;IACN,SAAS;IACT,SAAS;IACT,OAAO;AACX;AAEA,SAASC,SAASC,MAA+B;IAC7C,IAAI,CAACA,OAAO,KAAK,EACb,OAAOA,OAAO,OAAO;IAEzB,OAAO,GAAGA,OAAO,KAAK,CAAC,CAAC,EAAEA,OAAO,OAAO,EAAE;AAC9C;AASO,MAAMC,YAAYC,wBAAwB;IAC7C,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEL,MAAM,EAAE,GAAGG,UAAU,EAAE;IAE/B,IAAI,CAACH,QACD,OAAO;IAGX,IAAIM,SAAS;IACb,IAAIN,OAAO,WAAW,EAClBM,SAAS,WAATA,GACI,oBAACC,QAAMA;QACH,SAAS;QACT,MAAM;QACN,MAAMP,OAAO,WAAW;QACxB,UAAUA,OAAO,cAAc;QAC/B,SAAS,IAAMG,UAAU,SAAS;;IAK9C,IAAIK,QAAQ;IACZ,IAAIR,OAAO,WAAW,EAClBQ,QAAQ,WAARA,GACI,oBAACC,YAAUA;QACP,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAASA;QAChB,cAAY;QACZ,SAAS,IAAMP,UAAU,OAAO;;IAK5C,OAAO,WAAP,GACI,oBAAC;QACG,WAAWQ,GACP,qFACAb,mBAAmB,CAACE,OAAO,OAAO,CAAC;QAEvC,qBAAmBA,OAAO,OAAO;QACjC,eAAa;qBAEb,oBAAC,6BACD,oBAACY,MAAIA;QACD,MAAM;QACN,WAAW;QACX,OAAOb,SAASC;OAEfA,OAAO,KAAK,GAAG,WAAH,GAAG,oBAAC,gBAAQ,GAAGA,OAAO,KAAK,CAAC,CAAC,CAAC,IAAa,MACvDA,OAAO,OAAO,iBAEnB,oBAAC;QAAI,WAAW;OACXM,QACAE;AAIjB"}

package/presentation/banners/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const BannersPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IBannersPresenter;
+}, []>;

package/presentation/banners/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { BannersPresenter } from "./abstractions.js";
+import { BannersPresenter as external_BannersPresenter_js_BannersPresenter } from "./BannersPresenter.js";
+const BannersPresenterFeature = createFeature({
+    name: "BannersPresenter",
+    register (container) {
+        container.register(external_BannersPresenter_js_BannersPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(BannersPresenter)
+        };
+    }
+});
+export { BannersPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/banners/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/feature.js","sources":["../../../src/presentation/banners/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { BannersPresenter as Abstraction } from \"./abstractions.js\";\nimport { BannersPresenter } from \"./BannersPresenter.js\";\n\nexport const BannersPresenterFeature = createFeature({\n    name: \"BannersPresenter\",\n    register(container) {\n        // Singleton so every mount of the bar reads the same state.\n        container.register(BannersPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["BannersPresenterFeature","createFeature","container","BannersPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,0BAA0BC,cAAc;IACjD,MAAM;IACN,UAASC,SAAS;QAEdA,UAAU,QAAQ,CAACC,+CAAkB,gBAAgB;IACzD;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/banners/index.d.ts

@@ -0,0 +1,6 @@
+export { BannersPresenterFeature } from "./feature.js";
+export { BannerBar } from "./components/BannerBar.js";
+export { Banner } from "./components/Banner.js";
+export type { BannerProps } from "./components/Banner.js";
+export { useBanner } from "./useBanner.js";
+export type { UseBannerResponse } from "./useBanner.js";

package/presentation/banners/index.js

@@ -0,0 +1,4 @@
+export { BannersPresenterFeature } from "./feature.js";
+export { BannerBar } from "./components/BannerBar.js";
+export { Banner } from "./components/Banner.js";
+export { useBanner } from "./useBanner.js";

package/presentation/banners/useBanner.d.ts

@@ -0,0 +1,10 @@
+import type { Banners } from "../../features/banners/abstractions.js";
+export interface UseBannerResponse {
+    showBanner(banner: Banners.Banner): void;
+    hideBanner(id: string): void;
+}
+/**
+ * Shows banners from event handlers, the way `useToast` shows toasts. For a banner that should show
+ * for as long as a component is mounted, render `<Banner>` instead.
+ */
+export declare const useBanner: () => UseBannerResponse;

package/presentation/banners/useBanner.js

@@ -0,0 +1,15 @@
+import { useMemo } from "react";
+import { useFeature } from "@webiny/app";
+import { BannersFeature } from "../../features/banners/feature.js";
+const useBanner = ()=>{
+    const { banners } = useFeature(BannersFeature);
+    return useMemo(()=>({
+            showBanner: (banner)=>banners.show(banner),
+            hideBanner: (id)=>banners.hide(id)
+        }), [
+        banners
+    ]);
+};
+export { useBanner };
+
+//# sourceMappingURL=useBanner.js.map

package/presentation/banners/useBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/banners/useBanner.js","sources":["../../../src/presentation/banners/useBanner.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { BannersFeature } from \"~/features/banners/feature.js\";\nimport type { Banners } from \"~/features/banners/abstractions.js\";\n\nexport interface UseBannerResponse {\n    // Shows the banner, or updates it in place if one with the same `id` is already showing.\n    showBanner(banner: Banners.Banner): void;\n    hideBanner(id: string): void;\n}\n\n/**\n * Shows banners from event handlers, the way `useToast` shows toasts. For a banner that should show\n * for as long as a component is mounted, render `<Banner>` instead.\n */\nexport const useBanner = (): UseBannerResponse => {\n    const { banners } = useFeature(BannersFeature);\n\n    return useMemo(() => {\n        return {\n            showBanner: (banner: Banners.Banner) => banners.show(banner),\n            hideBanner: (id: string) => banners.hide(id)\n        };\n    }, [banners]);\n};\n"],"names":["useBanner","banners","useFeature","BannersFeature","useMemo","banner","id"],"mappings":";;;AAeO,MAAMA,YAAY;IACrB,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,OAAOC,QAAQ,IACJ;YACH,YAAY,CAACC,SAA2BJ,QAAQ,IAAI,CAACI;YACrD,YAAY,CAACC,KAAeL,QAAQ,IAAI,CAACK;QAC7C,IACD;QAACL;KAAQ;AAChB"}

package/presentation/commandPalette/CommandPalettePresenter.js

@@ -34,7 +34,9 @@ class CommandPalettePresenter {
                     category: cmd.category,
                     keywords: cmd.keywords,
                     shortcut: cmd.shortcut,
-                    hasDetailView: Boolean(cmd.detailView)
+                    hasDetailView: Boolean(cmd.detailView),
+                    entersAiMode: Boolean(cmd.entersAiMode),
+                    requiresAssistant: Boolean(cmd.requiresAssistant)
                 })),
             activeCommand: activeCmd && activeCmd.detailView ? {
                 command: activeCmd,

package/presentation/commandPalette/CommandPalettePresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/commandPalette/CommandPalettePresenter.js","sources":["../../../src/presentation/commandPalette/CommandPalettePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    Command,\n    CommandPalettePresenter as Abstraction,\n    type CommandPaletteViewModel\n} from \"./abstractions.js\";\n\nexport class CommandPalettePresenter implements Abstraction.Interface {\n    private isOpen = false;\n    private activeCommandName: string | null = null;\n    private aiModeActive = false;\n    private query = \"\";\n    private resolvedCommands: Command.Interface[] = [];\n\n    constructor(private getCommands: () => Command.Interface[]) {\n        makeAutoObservable(this);\n    }\n\n    init(): void {\n        this.resolvedCommands = this.getCommands();\n    }\n\n    get shortcutKeys(): Record<string, (e: KeyboardEvent) => void> {\n        const keys: Record<string, (e: KeyboardEvent) => void> = {};\n        for (const cmd of this.resolvedCommands) {\n            if (cmd.shortcut) {\n                keys[cmd.shortcut] = (e: KeyboardEvent) => {\n                    e.preventDefault();\n                    this.useCommand(cmd.name);\n                };\n            }\n        }\n        return keys;\n    }\n\n    get vm(): CommandPaletteViewModel {\n        const activeCmd =\n            this.activeCommandName !== null\n                ? this.resolvedCommands.find(c => c.name === this.activeCommandName)\n                : null;\n\n        return {\n            isOpen: this.isOpen,\n            aiModeActive: this.aiModeActive,\n            query: this.query,\n            commands: this.resolvedCommands.map(cmd => ({\n                name: cmd.name,\n                label: cmd.label,\n                description: cmd.description,\n                icon: cmd.icon,\n                category: cmd.category,\n                keywords: cmd.keywords,\n                shortcut: cmd.shortcut,\n                hasDetailView: Boolean(cmd.detailView)\n            })),\n            activeCommand:\n                activeCmd && activeCmd.detailView\n                    ? {\n                          command: activeCmd,\n                          DetailView: activeCmd.detailView\n                      }\n                    : null\n        };\n    }\n\n    open(): void {\n        this.resolvedCommands = this.getCommands();\n        this.activeCommandName = null;\n        this.aiModeActive = false;\n        this.query = \"\";\n        this.isOpen = true;\n    }\n\n    close(): void {\n        this.isOpen = false;\n        this.activeCommandName = null;\n        this.aiModeActive = false;\n        this.query = \"\";\n    }\n\n    enterAiMode(): void {\n        this.aiModeActive = true;\n        this.query = \"\";\n    }\n\n    exitAiMode(): void {\n        this.aiModeActive = false;\n        this.query = \"\";\n    }\n\n    setQuery(query: string): void {\n        this.query = query;\n    }\n\n    toggle(): void {\n        if (this.isOpen) {\n            this.close();\n        } else {\n            this.open();\n        }\n    }\n\n    useCommand(name: string): void {\n        const cmd = this.resolvedCommands.find(c => c.name === name);\n        if (!cmd) {\n            return;\n        }\n\n        if (cmd.entersAiMode) {\n            // A mode replaces the command list and keeps the input row, so the palette stays open.\n            this.enterAiMode();\n            return;\n        }\n\n        if (cmd.detailView) {\n            this.activeCommandName = name;\n            this.isOpen = true;\n            return;\n        }\n\n        cmd.execute?.();\n        this.close();\n    }\n\n    cancelCommand(): void {\n        this.activeCommandName = null;\n    }\n}\n"],"names":["CommandPalettePresenter","getCommands","makeAutoObservable","keys","cmd","e","activeCmd","c","Boolean","query","name"],"mappings":";AAOO,MAAMA;IAOT,YAAoBC,WAAsC,CAAE;aAAxCA,WAAW,GAAXA;aANZ,MAAM,GAAG;aACT,iBAAiB,GAAkB;aACnC,YAAY,GAAG;aACf,KAAK,GAAG;aACR,gBAAgB,GAAwB,EAAE;QAG9CC,mBAAmB,IAAI;IAC3B;IAEA,OAAa;QACT,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW;IAC5C;IAEA,IAAI,eAA2D;QAC3D,MAAMC,OAAmD,CAAC;QAC1D,KAAK,MAAMC,OAAO,IAAI,CAAC,gBAAgB,CACnC,IAAIA,IAAI,QAAQ,EACZD,IAAI,CAACC,IAAI,QAAQ,CAAC,GAAG,CAACC;YAClBA,EAAE,cAAc;YAChB,IAAI,CAAC,UAAU,CAACD,IAAI,IAAI;QAC5B;QAGR,OAAOD;IACX;IAEA,IAAI,KAA8B;QAC9B,MAAMG,YACF,AAA2B,SAA3B,IAAI,CAAC,iBAAiB,GAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAK,IAAI,CAAC,iBAAiB,IACjE;QAEV,OAAO;YACH,QAAQ,IAAI,CAAC,MAAM;YACnB,cAAc,IAAI,CAAC,YAAY;YAC/B,OAAO,IAAI,CAAC,KAAK;YACjB,UAAU,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAACH,CAAAA,MAAQ;oBACxC,MAAMA,IAAI,IAAI;oBACd,OAAOA,IAAI,KAAK;oBAChB,aAAaA,IAAI,WAAW;oBAC5B,MAAMA,IAAI,IAAI;oBACd,UAAUA,IAAI,QAAQ;oBACtB,UAAUA,IAAI,QAAQ;oBACtB,UAAUA,IAAI,QAAQ;oBACtB,eAAeI,QAAQJ,IAAI,UAAU;gBACzC;YACA,eACIE,aAAaA,UAAU,UAAU,GAC3B;gBACI,SAASA;gBACT,YAAYA,UAAU,UAAU;YACpC,IACA;QACd;IACJ;IAEA,OAAa;QACT,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW;QACxC,IAAI,CAAC,iBAAiB,GAAG;QACzB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,MAAM,GAAG;IAClB;IAEA,QAAc;QACV,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,iBAAiB,GAAG;QACzB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,KAAK,GAAG;IACjB;IAEA,cAAoB;QAChB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,KAAK,GAAG;IACjB;IAEA,aAAmB;QACf,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,KAAK,GAAG;IACjB;IAEA,SAASG,KAAa,EAAQ;QAC1B,IAAI,CAAC,KAAK,GAAGA;IACjB;IAEA,SAAe;QACX,IAAI,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK;aAEV,IAAI,CAAC,IAAI;IAEjB;IAEA,WAAWC,IAAY,EAAQ;QAC3B,MAAMN,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAACG,CAAAA,IAAKA,EAAE,IAAI,KAAKG;QACvD,IAAI,CAACN,KACD;QAGJ,IAAIA,IAAI,YAAY,EAAE,YAElB,IAAI,CAAC,WAAW;QAIpB,IAAIA,IAAI,UAAU,EAAE;YAChB,IAAI,CAAC,iBAAiB,GAAGM;YACzB,IAAI,CAAC,MAAM,GAAG;YACd;QACJ;QAEAN,IAAI,OAAO;QACX,IAAI,CAAC,KAAK;IACd;IAEA,gBAAsB;QAClB,IAAI,CAAC,iBAAiB,GAAG;IAC7B;AACJ"}
+{"version":3,"file":"presentation/commandPalette/CommandPalettePresenter.js","sources":["../../../src/presentation/commandPalette/CommandPalettePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    Command,\n    CommandPalettePresenter as Abstraction,\n    type CommandPaletteViewModel\n} from \"./abstractions.js\";\n\nexport class CommandPalettePresenter implements Abstraction.Interface {\n    private isOpen = false;\n    private activeCommandName: string | null = null;\n    private aiModeActive = false;\n    private query = \"\";\n    private resolvedCommands: Command.Interface[] = [];\n\n    constructor(private getCommands: () => Command.Interface[]) {\n        makeAutoObservable(this);\n    }\n\n    init(): void {\n        this.resolvedCommands = this.getCommands();\n    }\n\n    get shortcutKeys(): Record<string, (e: KeyboardEvent) => void> {\n        const keys: Record<string, (e: KeyboardEvent) => void> = {};\n        for (const cmd of this.resolvedCommands) {\n            if (cmd.shortcut) {\n                keys[cmd.shortcut] = (e: KeyboardEvent) => {\n                    e.preventDefault();\n                    this.useCommand(cmd.name);\n                };\n            }\n        }\n        return keys;\n    }\n\n    get vm(): CommandPaletteViewModel {\n        const activeCmd =\n            this.activeCommandName !== null\n                ? this.resolvedCommands.find(c => c.name === this.activeCommandName)\n                : null;\n\n        return {\n            isOpen: this.isOpen,\n            aiModeActive: this.aiModeActive,\n            query: this.query,\n            commands: this.resolvedCommands.map(cmd => ({\n                name: cmd.name,\n                label: cmd.label,\n                description: cmd.description,\n                icon: cmd.icon,\n                category: cmd.category,\n                keywords: cmd.keywords,\n                shortcut: cmd.shortcut,\n                hasDetailView: Boolean(cmd.detailView),\n                entersAiMode: Boolean(cmd.entersAiMode),\n                requiresAssistant: Boolean(cmd.requiresAssistant)\n            })),\n            activeCommand:\n                activeCmd && activeCmd.detailView\n                    ? {\n                          command: activeCmd,\n                          DetailView: activeCmd.detailView\n                      }\n                    : null\n        };\n    }\n\n    open(): void {\n        this.resolvedCommands = this.getCommands();\n        this.activeCommandName = null;\n        this.aiModeActive = false;\n        this.query = \"\";\n        this.isOpen = true;\n    }\n\n    close(): void {\n        this.isOpen = false;\n        this.activeCommandName = null;\n        this.aiModeActive = false;\n        this.query = \"\";\n    }\n\n    enterAiMode(): void {\n        this.aiModeActive = true;\n        this.query = \"\";\n    }\n\n    exitAiMode(): void {\n        this.aiModeActive = false;\n        this.query = \"\";\n    }\n\n    setQuery(query: string): void {\n        this.query = query;\n    }\n\n    toggle(): void {\n        if (this.isOpen) {\n            this.close();\n        } else {\n            this.open();\n        }\n    }\n\n    useCommand(name: string): void {\n        const cmd = this.resolvedCommands.find(c => c.name === name);\n        if (!cmd) {\n            return;\n        }\n\n        if (cmd.entersAiMode) {\n            // A mode replaces the command list and keeps the input row, so the palette stays open.\n            this.enterAiMode();\n            return;\n        }\n\n        if (cmd.detailView) {\n            this.activeCommandName = name;\n            this.isOpen = true;\n            return;\n        }\n\n        cmd.execute?.();\n        this.close();\n    }\n\n    cancelCommand(): void {\n        this.activeCommandName = null;\n    }\n}\n"],"names":["CommandPalettePresenter","getCommands","makeAutoObservable","keys","cmd","e","activeCmd","c","Boolean","query","name"],"mappings":";AAOO,MAAMA;IAOT,YAAoBC,WAAsC,CAAE;aAAxCA,WAAW,GAAXA;aANZ,MAAM,GAAG;aACT,iBAAiB,GAAkB;aACnC,YAAY,GAAG;aACf,KAAK,GAAG;aACR,gBAAgB,GAAwB,EAAE;QAG9CC,mBAAmB,IAAI;IAC3B;IAEA,OAAa;QACT,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW;IAC5C;IAEA,IAAI,eAA2D;QAC3D,MAAMC,OAAmD,CAAC;QAC1D,KAAK,MAAMC,OAAO,IAAI,CAAC,gBAAgB,CACnC,IAAIA,IAAI,QAAQ,EACZD,IAAI,CAACC,IAAI,QAAQ,CAAC,GAAG,CAACC;YAClBA,EAAE,cAAc;YAChB,IAAI,CAAC,UAAU,CAACD,IAAI,IAAI;QAC5B;QAGR,OAAOD;IACX;IAEA,IAAI,KAA8B;QAC9B,MAAMG,YACF,AAA2B,SAA3B,IAAI,CAAC,iBAAiB,GAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAK,IAAI,CAAC,iBAAiB,IACjE;QAEV,OAAO;YACH,QAAQ,IAAI,CAAC,MAAM;YACnB,cAAc,IAAI,CAAC,YAAY;YAC/B,OAAO,IAAI,CAAC,KAAK;YACjB,UAAU,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAACH,CAAAA,MAAQ;oBACxC,MAAMA,IAAI,IAAI;oBACd,OAAOA,IAAI,KAAK;oBAChB,aAAaA,IAAI,WAAW;oBAC5B,MAAMA,IAAI,IAAI;oBACd,UAAUA,IAAI,QAAQ;oBACtB,UAAUA,IAAI,QAAQ;oBACtB,UAAUA,IAAI,QAAQ;oBACtB,eAAeI,QAAQJ,IAAI,UAAU;oBACrC,cAAcI,QAAQJ,IAAI,YAAY;oBACtC,mBAAmBI,QAAQJ,IAAI,iBAAiB;gBACpD;YACA,eACIE,aAAaA,UAAU,UAAU,GAC3B;gBACI,SAASA;gBACT,YAAYA,UAAU,UAAU;YACpC,IACA;QACd;IACJ;IAEA,OAAa;QACT,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW;QACxC,IAAI,CAAC,iBAAiB,GAAG;QACzB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,MAAM,GAAG;IAClB;IAEA,QAAc;QACV,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,iBAAiB,GAAG;QACzB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,KAAK,GAAG;IACjB;IAEA,cAAoB;QAChB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,KAAK,GAAG;IACjB;IAEA,aAAmB;QACf,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,KAAK,GAAG;IACjB;IAEA,SAASG,KAAa,EAAQ;QAC1B,IAAI,CAAC,KAAK,GAAGA;IACjB;IAEA,SAAe;QACX,IAAI,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK;aAEV,IAAI,CAAC,IAAI;IAEjB;IAEA,WAAWC,IAAY,EAAQ;QAC3B,MAAMN,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAACG,CAAAA,IAAKA,EAAE,IAAI,KAAKG;QACvD,IAAI,CAACN,KACD;QAGJ,IAAIA,IAAI,YAAY,EAAE,YAElB,IAAI,CAAC,WAAW;QAIpB,IAAIA,IAAI,UAAU,EAAE;YAChB,IAAI,CAAC,iBAAiB,GAAGM;YACzB,IAAI,CAAC,MAAM,GAAG;YACd;QACJ;QAEAN,IAAI,OAAO;QACX,IAAI,CAAC,KAAK;IACd;IAEA,gBAAsB;QAClB,IAAI,CAAC,iBAAiB,GAAG;IAC7B;AACJ"}

package/presentation/commandPalette/abstractions.d.ts

@@ -21,6 +21,7 @@ export interface ICommand {
     execute?(params?: unknown): void | Promise<void>;
     detailView?: React.ComponentType<CommandDetailProps>;
     entersAiMode?: boolean;
+    requiresAssistant?: boolean;
 }
 export declare const Command: Abstraction<ICommand>;
 export declare namespace Command {
@@ -36,6 +37,10 @@ export interface CommandItemVm {
     keywords?: string[];
     shortcut?: string;
     hasDetailView: boolean;
+    /** Selecting this switches the palette into AI mode. Lets a caller hide it when AI is off. */
+    entersAiMode: boolean;
+    /** Needs the admin assistant. Lets a caller hide it when the assistant is not licensed. */
+    requiresAssistant: boolean;
 }
 export interface ActiveCommandVm {
     command: ICommand;

package/presentation/commandPalette/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/commandPalette/abstractions.js","sources":["../../../src/presentation/commandPalette/abstractions.ts"],"sourcesContent":["import type React from \"react\";\nimport { createAbstraction } from \"@webiny/feature/admin\";\nimport { Abstraction } from \"@webiny/di\";\n\nexport interface CommandDetailProps {\n    command: ICommand;\n    onClose: () => void;\n    onBack: () => void;\n}\n\n/**\n * A command registered with the command palette via dependency injection. Register an\n * implementation with `Command.createImplementation(...)` and add it to the container;\n * the palette resolves all of them with `container.resolveAll(Command)`.\n */\nexport interface ICommand {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: React.ReactNode;\n    category?: string;\n    keywords?: string[];\n    /* Global hotkey (is-hotkey syntax, e.g. \"cmd+shift+m\") that runs this command. */\n    shortcut?: string;\n    /* Omitted by a command that only selects a mode; there is no action to run. */\n    execute?(params?: unknown): void | Promise<void>;\n    /* Optional React view rendered inside the palette when the command is selected. */\n    detailView?: React.ComponentType<CommandDetailProps>;\n    /*\n     * Selecting this command switches the palette into AI mode rather than doing something. A mode\n     * needs the shared input row, so the palette stays open and `execute` is never called.\n     *\n     * Named after the one mode that exists. If a second one ever arrives, this becomes\n     * `entersMode: \"aiChat\"` and the palette looks the mode up by name instead of hardcoding it.\n     */\n    entersAiMode?: boolean;\n}\n\nexport const Command = createAbstraction<ICommand>(\"Command\");\n\nexport namespace Command {\n    export type Interface = ICommand;\n    export type DetailProps = CommandDetailProps;\n}\n\nexport interface CommandItemVm {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: React.ReactNode;\n    category?: string;\n    keywords?: string[];\n    shortcut?: string;\n    hasDetailView: boolean;\n}\n\nexport interface ActiveCommandVm {\n    command: ICommand;\n    DetailView: React.ComponentType<CommandDetailProps>;\n}\n\nexport interface CommandPaletteViewModel {\n    isOpen: boolean;\n    /**\n     * A mode is showing instead of the command list. The palette keeps ONE input row across every\n     * mode, so this is the palette's state rather than the mode's.\n     */\n    aiModeActive: boolean;\n    /**\n     * What the user has typed. Owned here rather than by the component because it is cleared\n     * whenever the palette opens, closes, or enters or leaves a mode.\n     */\n    query: string;\n    commands: CommandItemVm[];\n    activeCommand: ActiveCommandVm | null;\n}\n\nexport interface ICommandPalettePresenter {\n    vm: CommandPaletteViewModel;\n    shortcutKeys: Record<string, (e: KeyboardEvent) => void>;\n    init(): void;\n    open(): void;\n    close(): void;\n    toggle(): void;\n    useCommand(name: string): void;\n    cancelCommand(): void;\n    enterAiMode(): void;\n    exitAiMode(): void;\n    setQuery(query: string): void;\n}\n\nexport const CommandPalettePresenter = new Abstraction<ICommandPalettePresenter>(\n    \"CommandPalettePresenter\"\n);\n\nexport namespace CommandPalettePresenter {\n    export type Interface = ICommandPalettePresenter;\n    export type ViewModel = CommandPaletteViewModel;\n}\n"],"names":["Command","createAbstraction","CommandPalettePresenter","Abstraction"],"mappings":";;AAsCO,MAAMA,UAAUC,kBAA4B;AAqD5C,MAAMC,0BAA0B,IAAIC,YACvC"}
+{"version":3,"file":"presentation/commandPalette/abstractions.js","sources":["../../../src/presentation/commandPalette/abstractions.ts"],"sourcesContent":["import type React from \"react\";\nimport { createAbstraction } from \"@webiny/feature/admin\";\nimport { Abstraction } from \"@webiny/di\";\n\nexport interface CommandDetailProps {\n    command: ICommand;\n    onClose: () => void;\n    onBack: () => void;\n}\n\n/**\n * A command registered with the command palette via dependency injection. Register an\n * implementation with `Command.createImplementation(...)` and add it to the container;\n * the palette resolves all of them with `container.resolveAll(Command)`.\n */\nexport interface ICommand {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: React.ReactNode;\n    category?: string;\n    keywords?: string[];\n    /* Global hotkey (is-hotkey syntax, e.g. \"cmd+shift+m\") that runs this command. */\n    shortcut?: string;\n    /* Omitted by a command that only selects a mode; there is no action to run. */\n    execute?(params?: unknown): void | Promise<void>;\n    /* Optional React view rendered inside the palette when the command is selected. */\n    detailView?: React.ComponentType<CommandDetailProps>;\n    /*\n     * Selecting this command switches the palette into AI mode rather than doing something. A mode\n     * needs the shared input row, so the palette stays open and `execute` is never called.\n     *\n     * Named after the one mode that exists. If a second one ever arrives, this becomes\n     * `entersMode: \"adminAssistant\"` and the palette looks the mode up by name instead of hardcoding it.\n     */\n    entersAiMode?: boolean;\n    /*\n     * Needs the admin assistant, which is licensed separately. The palette leaves the command out\n     * while the license is missing.\n     */\n    requiresAssistant?: boolean;\n}\n\nexport const Command = createAbstraction<ICommand>(\"Command\");\n\nexport namespace Command {\n    export type Interface = ICommand;\n    export type DetailProps = CommandDetailProps;\n}\n\nexport interface CommandItemVm {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: React.ReactNode;\n    category?: string;\n    keywords?: string[];\n    shortcut?: string;\n    hasDetailView: boolean;\n    /** Selecting this switches the palette into AI mode. Lets a caller hide it when AI is off. */\n    entersAiMode: boolean;\n    /** Needs the admin assistant. Lets a caller hide it when the assistant is not licensed. */\n    requiresAssistant: boolean;\n}\n\nexport interface ActiveCommandVm {\n    command: ICommand;\n    DetailView: React.ComponentType<CommandDetailProps>;\n}\n\nexport interface CommandPaletteViewModel {\n    isOpen: boolean;\n    /**\n     * A mode is showing instead of the command list. The palette keeps ONE input row across every\n     * mode, so this is the palette's state rather than the mode's.\n     */\n    aiModeActive: boolean;\n    /**\n     * What the user has typed. Owned here rather than by the component because it is cleared\n     * whenever the palette opens, closes, or enters or leaves a mode.\n     */\n    query: string;\n    commands: CommandItemVm[];\n    activeCommand: ActiveCommandVm | null;\n}\n\nexport interface ICommandPalettePresenter {\n    vm: CommandPaletteViewModel;\n    shortcutKeys: Record<string, (e: KeyboardEvent) => void>;\n    init(): void;\n    open(): void;\n    close(): void;\n    toggle(): void;\n    useCommand(name: string): void;\n    cancelCommand(): void;\n    enterAiMode(): void;\n    exitAiMode(): void;\n    setQuery(query: string): void;\n}\n\nexport const CommandPalettePresenter = new Abstraction<ICommandPalettePresenter>(\n    \"CommandPalettePresenter\"\n);\n\nexport namespace CommandPalettePresenter {\n    export type Interface = ICommandPalettePresenter;\n    export type ViewModel = CommandPaletteViewModel;\n}\n"],"names":["Command","createAbstraction","CommandPalettePresenter","Abstraction"],"mappings":";;AA2CO,MAAMA,UAAUC,kBAA4B;AAyD5C,MAAMC,0BAA0B,IAAIC,YACvC"}

package/presentation/commandPalette/commands/AiChatsCommand.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { AiChatsPanelPresenter } from "../../../presentation/aiChats/abstractions.js";
+import { Command } from "../abstractions.js";
+/**
+ * Opens the AI chats panel on the saved chats, or closes it. Also bound to mod+j, so the panel is
+ * one key away without the palette.
+ */
+declare class AiChatsCommandImpl implements Command.Interface {
+    private panel;
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    icon: React.JSX.Element;
+    shortcut: string;
+    requiresAssistant: boolean;
+    constructor(panel: AiChatsPanelPresenter.Interface);
+    execute(): void;
+}
+export declare const AiChatsCommand: typeof AiChatsCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/AiChatsCommand.js

@@ -0,0 +1,41 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/forum.svg";
+import { AiChatsPanelPresenter } from "../../aiChats/abstractions.js";
+import { Command } from "../abstractions.js";
+class AiChatsCommandImpl {
+    constructor(panel){
+        this.panel = panel;
+        this.name = "admin.ai.chats";
+        this.label = "AI chats";
+        this.description = "Browse saved conversations";
+        this.category = "Assistant";
+        this.keywords = [
+            "ai",
+            "chats",
+            "assistant",
+            "history",
+            "conversations"
+        ];
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+        this.shortcut = "mod+j";
+        this.requiresAssistant = true;
+    }
+    execute() {
+        this.panel.toggleHistory();
+    }
+}
+const AiChatsCommand = Command.createImplementation({
+    implementation: AiChatsCommandImpl,
+    dependencies: [
+        AiChatsPanelPresenter
+    ]
+});
+export { AiChatsCommand };
+
+//# sourceMappingURL=AiChatsCommand.js.map

package/presentation/commandPalette/commands/AiChatsCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/AiChatsCommand.js","sources":["../../../../src/presentation/commandPalette/commands/AiChatsCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as ForumIcon } from \"@webiny/icons/forum.svg\";\nimport { AiChatsPanelPresenter } from \"~/presentation/aiChats/abstractions.js\";\nimport { Command } from \"../abstractions.js\";\n\n/**\n * Opens the AI chats panel on the saved chats, or closes it. Also bound to mod+j, so the panel is\n * one key away without the palette.\n */\nclass AiChatsCommandImpl implements Command.Interface {\n    name = \"admin.ai.chats\";\n    label = \"AI chats\";\n    description = \"Browse saved conversations\";\n    category = \"Assistant\";\n    keywords = [\"ai\", \"chats\", \"assistant\", \"history\", \"conversations\"];\n    icon = <Icon icon={<ForumIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n    shortcut = \"mod+j\";\n    requiresAssistant = true;\n\n    constructor(private panel: AiChatsPanelPresenter.Interface) {}\n\n    execute(): void {\n        this.panel.toggleHistory();\n    }\n}\n\nexport const AiChatsCommand = Command.createImplementation({\n    implementation: AiChatsCommandImpl,\n    dependencies: [AiChatsPanelPresenter]\n});\n"],"names":["AiChatsCommandImpl","panel","Icon","ForumIcon","AiChatsCommand","Command","AiChatsPanelPresenter"],"mappings":";;;;;AAUA,MAAMA;IAUF,YAAoBC,KAAsC,CAAE;aAAxCA,KAAK,GAALA;aATpB,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAM;YAAS;YAAa;YAAW;SAAgB;aACnE,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAASA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;aACzE,QAAQ,GAAG;aACX,iBAAiB,GAAG;IAEyC;IAE7D,UAAgB;QACZ,IAAI,CAAC,KAAK,CAAC,aAAa;IAC5B;AACJ;AAEO,MAAMC,iBAAiBC,QAAQ,oBAAoB,CAAC;IACvD,gBAAgBL;IAChB,cAAc;QAACM;KAAsB;AACzC"}

package/presentation/commandPalette/commands/AskAiCommand.d.ts

@@ -18,6 +18,7 @@ declare class AskAiCommandImpl implements Command.Interface {
     keywords: string[];
     icon: React.JSX.Element;
     entersAiMode: boolean;
+    requiresAssistant: boolean;
 }
 export declare const AskAiCommand: typeof AskAiCommandImpl & {
     __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;

package/presentation/commandPalette/commands/AskAiCommand.js

@@ -5,8 +5,8 @@ import { Command } from "../abstractions.js";
 class AskAiCommandImpl {
     constructor(){
         this.name = "admin.ai.ask";
-        this.label = "Ask AI";
-        this.description = "Ask about your content in plain language";
+        this.label = "Ask the AI assistant";
+        this.description = "Ask about your content, or run an action";
         this.category = "Assistant";
         this.keywords = [
             "ai",
@@ -22,6 +22,7 @@ class AskAiCommandImpl {
             label: ""
         });
         this.entersAiMode = true;
+        this.requiresAssistant = true;
     }
 }
 const AskAiCommand = Command.createImplementation({

package/presentation/commandPalette/commands/AskAiCommand.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/commandPalette/commands/AskAiCommand.js","sources":["../../../../src/presentation/commandPalette/commands/AskAiCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as AiIcon } from \"@webiny/icons/auto_awesome.svg\";\nimport { Command } from \"../abstractions.js\";\n\n/**\n * Discoverable entry point for the palette's AI mode.\n *\n * `entersAiMode` rather than `execute`: the design keeps one input row across every mode, so selecting\n * this switches the palette instead of running an action, and the palette stays open. A command\n * without a `detailView` is otherwise executed and then closed, which a mode cannot survive.\n *\n * It exists as a command at all so it stays searchable (\"ai\", \"ask\", \"assistant\") for people who\n * never learn the space shortcut.\n */\nclass AskAiCommandImpl implements Command.Interface {\n    name = \"admin.ai.ask\";\n    label = \"Ask AI\";\n    description = \"Ask about your content in plain language\";\n    category = \"Assistant\";\n    keywords = [\"ai\", \"ask\", \"assistant\", \"chat\", \"search\"];\n    icon = <Icon icon={<AiIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n    entersAiMode = true;\n}\n\nexport const AskAiCommand = Command.createImplementation({\n    implementation: AskAiCommandImpl,\n    dependencies: []\n});\n"],"names":["AskAiCommandImpl","Icon","AiIcon","AskAiCommand","Command"],"mappings":";;;;AAeA,MAAMA;;aACF,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAM;YAAO;YAAa;YAAQ;SAAS;aACvD,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAMA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;aACtE,YAAY,GAAG;;AACnB;AAEO,MAAMC,eAAeC,QAAQ,oBAAoB,CAAC;IACrD,gBAAgBJ;IAChB,cAAc,EAAE;AACpB"}
+{"version":3,"file":"presentation/commandPalette/commands/AskAiCommand.js","sources":["../../../../src/presentation/commandPalette/commands/AskAiCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as AiIcon } from \"@webiny/icons/auto_awesome.svg\";\nimport { Command } from \"../abstractions.js\";\n\n/**\n * Discoverable entry point for the palette's AI mode.\n *\n * `entersAiMode` rather than `execute`: the design keeps one input row across every mode, so selecting\n * this switches the palette instead of running an action, and the palette stays open. A command\n * without a `detailView` is otherwise executed and then closed, which a mode cannot survive.\n *\n * It exists as a command at all so it stays searchable (\"ai\", \"ask\", \"assistant\") for people who\n * never learn the space shortcut.\n */\nclass AskAiCommandImpl implements Command.Interface {\n    name = \"admin.ai.ask\";\n    label = \"Ask the AI assistant\";\n    description = \"Ask about your content, or run an action\";\n    category = \"Assistant\";\n    keywords = [\"ai\", \"ask\", \"assistant\", \"chat\", \"search\"];\n    icon = <Icon icon={<AiIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n    entersAiMode = true;\n    requiresAssistant = true;\n}\n\nexport const AskAiCommand = Command.createImplementation({\n    implementation: AskAiCommandImpl,\n    dependencies: []\n});\n"],"names":["AskAiCommandImpl","Icon","AiIcon","AskAiCommand","Command"],"mappings":";;;;AAeA,MAAMA;;aACF,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAM;YAAO;YAAa;YAAQ;SAAS;aACvD,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAMA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;aACtE,YAAY,GAAG;aACf,iBAAiB,GAAG;;AACxB;AAEO,MAAMC,eAAeC,QAAQ,oBAAoB,CAAC;IACrD,gBAAgBJ;IAChB,cAAc,EAAE;AACpB"}

package/presentation/commandPalette/commands/feature.js

@@ -3,12 +3,14 @@ import { CopyCurrentUrlCommand } from "./CopyCurrentUrlCommand.js";
 import { SignOutCommand } from "./SignOutCommand.js";
 import { SendMessageCommand } from "./SendMessageCommand.js";
 import { AskAiCommand } from "./AskAiCommand.js";
+import { AiChatsCommand } from "./AiChatsCommand.js";
 const AdminCommandsFeature = createFeature({
     name: "AdminCommands",
     register (container) {
         container.register(CopyCurrentUrlCommand);
         container.register(SignOutCommand);
         container.register(AskAiCommand);
+        container.register(AiChatsCommand);
         container.register(SendMessageCommand);
     }
 });

package/presentation/commandPalette/commands/feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/commandPalette/commands/feature.js","sources":["../../../../src/presentation/commandPalette/commands/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { CopyCurrentUrlCommand } from \"./CopyCurrentUrlCommand.js\";\nimport { SignOutCommand } from \"./SignOutCommand.js\";\nimport { SendMessageCommand } from \"./SendMessageCommand.js\";\nimport { AskAiCommand } from \"./AskAiCommand.js\";\n\n/**\n * Baseline command-palette actions available everywhere in the admin app. Registered\n * as DI commands; other modules register their own via `Command.createImplementation`.\n */\nexport const AdminCommandsFeature = createFeature({\n    name: \"AdminCommands\",\n    register(container: Container) {\n        container.register(CopyCurrentUrlCommand);\n        container.register(SignOutCommand);\n        container.register(AskAiCommand);\n        // Demo of the detail-view capability — safe to remove.\n        container.register(SendMessageCommand);\n    }\n});\n"],"names":["AdminCommandsFeature","createFeature","container","CopyCurrentUrlCommand","SignOutCommand","AskAiCommand","SendMessageCommand"],"mappings":";;;;;AAWO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QAEnBH,UAAU,QAAQ,CAACI;IACvB;AACJ"}
+{"version":3,"file":"presentation/commandPalette/commands/feature.js","sources":["../../../../src/presentation/commandPalette/commands/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { CopyCurrentUrlCommand } from \"./CopyCurrentUrlCommand.js\";\nimport { SignOutCommand } from \"./SignOutCommand.js\";\nimport { SendMessageCommand } from \"./SendMessageCommand.js\";\nimport { AskAiCommand } from \"./AskAiCommand.js\";\nimport { AiChatsCommand } from \"./AiChatsCommand.js\";\n\n/**\n * Baseline command-palette actions available everywhere in the admin app. Registered\n * as DI commands; other modules register their own via `Command.createImplementation`.\n */\nexport const AdminCommandsFeature = createFeature({\n    name: \"AdminCommands\",\n    register(container: Container) {\n        container.register(CopyCurrentUrlCommand);\n        container.register(SignOutCommand);\n        container.register(AskAiCommand);\n        container.register(AiChatsCommand);\n        // Demo of the detail-view capability — safe to remove.\n        container.register(SendMessageCommand);\n    }\n});\n"],"names":["AdminCommandsFeature","createFeature","container","CopyCurrentUrlCommand","SignOutCommand","AskAiCommand","AiChatsCommand","SendMessageCommand"],"mappings":";;;;;;AAYO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QAEnBJ,UAAU,QAAQ,CAACK;IACvB;AACJ"}

package/presentation/createReactiveComponent.d.ts

@@ -0,0 +1 @@
+export { observer as createReactiveComponent } from "mobx-react-lite";

package/presentation/createReactiveComponent.js

@@ -0,0 +1 @@
+export { observer as createReactiveComponent } from "mobx-react-lite";

package/presentation/debugger/DebuggerPresenter.d.ts

@@ -0,0 +1,14 @@
+import { DebugSessionsRepository } from "../../features/debugger/index.js";
+import { DebuggerPresenter as Abstraction } from "./abstractions.js";
+declare class DebuggerPresenterImpl implements Abstraction.Interface {
+    private repository;
+    constructor(repository: DebugSessionsRepository.Interface);
+    get vm(): Abstraction.ViewModel;
+    setCaptureOn(enabled: boolean): void;
+    clear(): void;
+    downloadReport(): void;
+}
+export declare const DebuggerPresenter: typeof DebuggerPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IDebuggerPresenter>;
+};
+export {};

package/presentation/debugger/DebuggerPresenter.js

@@ -0,0 +1,45 @@
+import { makeAutoObservable } from "mobx";
+import { DebugSessionsRepository } from "../../features/debugger/index.js";
+import { DebuggerPresenter } from "./abstractions.js";
+import { downloadJson } from "./downloadJson.js";
+class DebuggerPresenterImpl {
+    constructor(repository){
+        this.repository = repository;
+        makeAutoObservable(this, {
+            repository: false
+        }, {
+            autoBind: true
+        });
+    }
+    get vm() {
+        return {
+            available: this.repository.canCapture(),
+            captureOn: this.repository.isCaptureOn(),
+            sessionCount: this.repository.getSessions().length,
+            entryCount: this.repository.getEntryCount()
+        };
+    }
+    setCaptureOn(enabled) {
+        this.repository.setCaptureOn(enabled);
+    }
+    clear() {
+        this.repository.clear();
+    }
+    downloadReport() {
+        const generatedAt = new Date().toISOString();
+        const report = {
+            generatedAt,
+            sessions: this.repository.getSessions()
+        };
+        downloadJson(`webiny-debug-${generatedAt}.json`, report);
+    }
+}
+const DebuggerPresenter_DebuggerPresenter = DebuggerPresenter.createImplementation({
+    implementation: DebuggerPresenterImpl,
+    dependencies: [
+        DebugSessionsRepository
+    ]
+});
+export { DebuggerPresenter_DebuggerPresenter as DebuggerPresenter };
+
+//# sourceMappingURL=DebuggerPresenter.js.map

package/presentation/debugger/DebuggerPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/DebuggerPresenter.js","sources":["../../../src/presentation/debugger/DebuggerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { DebugSessionsRepository } from \"~/features/debugger/index.js\";\nimport { DebuggerPresenter as Abstraction } from \"./abstractions.js\";\nimport { downloadJson } from \"./downloadJson.js\";\n\nclass DebuggerPresenterImpl implements Abstraction.Interface {\n    constructor(private repository: DebugSessionsRepository.Interface) {\n        makeAutoObservable<DebuggerPresenterImpl, \"repository\">(\n            this,\n            { repository: false },\n            { autoBind: true }\n        );\n    }\n\n    get vm(): Abstraction.ViewModel {\n        return {\n            available: this.repository.canCapture(),\n            captureOn: this.repository.isCaptureOn(),\n            sessionCount: this.repository.getSessions().length,\n            entryCount: this.repository.getEntryCount()\n        };\n    }\n\n    setCaptureOn(enabled: boolean): void {\n        this.repository.setCaptureOn(enabled);\n    }\n\n    clear(): void {\n        this.repository.clear();\n    }\n\n    downloadReport(): void {\n        const generatedAt = new Date().toISOString();\n        const report = {\n            generatedAt,\n            sessions: this.repository.getSessions()\n        };\n        downloadJson(`webiny-debug-${generatedAt}.json`, report);\n    }\n}\n\nexport const DebuggerPresenter = Abstraction.createImplementation({\n    implementation: DebuggerPresenterImpl,\n    dependencies: [DebugSessionsRepository]\n});\n"],"names":["DebuggerPresenterImpl","repository","makeAutoObservable","enabled","generatedAt","Date","report","downloadJson","DebuggerPresenter","Abstraction","DebugSessionsRepository"],"mappings":";;;;AAKA,MAAMA;IACF,YAAoBC,UAA6C,CAAE;aAA/CA,UAAU,GAAVA;QAChBC,mBACI,IAAI,EACJ;YAAE,YAAY;QAAM,GACpB;YAAE,UAAU;QAAK;IAEzB;IAEA,IAAI,KAA4B;QAC5B,OAAO;YACH,WAAW,IAAI,CAAC,UAAU,CAAC,UAAU;YACrC,WAAW,IAAI,CAAC,UAAU,CAAC,WAAW;YACtC,cAAc,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,MAAM;YAClD,YAAY,IAAI,CAAC,UAAU,CAAC,aAAa;QAC7C;IACJ;IAEA,aAAaC,OAAgB,EAAQ;QACjC,IAAI,CAAC,UAAU,CAAC,YAAY,CAACA;IACjC;IAEA,QAAc;QACV,IAAI,CAAC,UAAU,CAAC,KAAK;IACzB;IAEA,iBAAuB;QACnB,MAAMC,cAAc,IAAIC,OAAO,WAAW;QAC1C,MAAMC,SAAS;YACXF;YACA,UAAU,IAAI,CAAC,UAAU,CAAC,WAAW;QACzC;QACAG,aAAa,CAAC,aAAa,EAAEH,YAAY,KAAK,CAAC,EAAEE;IACrD;AACJ;AAEO,MAAME,sCAAoBC,kBAAAA,oBAAgC,CAAC;IAC9D,gBAAgBT;IAChB,cAAc;QAACU;KAAwB;AAC3C"}

package/presentation/debugger/abstractions.d.ts

@@ -0,0 +1,17 @@
+export interface IDebuggerViewModel {
+    available: boolean;
+    captureOn: boolean;
+    sessionCount: number;
+    entryCount: number;
+}
+export interface IDebuggerPresenter {
+    readonly vm: IDebuggerViewModel;
+    setCaptureOn(enabled: boolean): void;
+    clear(): void;
+    downloadReport(): void;
+}
+export declare const DebuggerPresenter: import("@webiny/di").Abstraction<IDebuggerPresenter>;
+export declare namespace DebuggerPresenter {
+    type Interface = IDebuggerPresenter;
+    type ViewModel = IDebuggerViewModel;
+}

package/presentation/debugger/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const DebuggerPresenter = createAbstraction("DebuggerPresenter");
+export { DebuggerPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/debugger/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/abstractions.js","sources":["../../../src/presentation/debugger/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport interface IDebuggerViewModel {\n    // Whether the identity holds the permission; nothing debug related renders without it.\n    available: boolean;\n    captureOn: boolean;\n    sessionCount: number;\n    entryCount: number;\n}\n\nexport interface IDebuggerPresenter {\n    readonly vm: IDebuggerViewModel;\n    setCaptureOn(enabled: boolean): void;\n    clear(): void;\n    downloadReport(): void;\n}\n\nexport const DebuggerPresenter = createAbstraction<IDebuggerPresenter>(\"DebuggerPresenter\");\n\nexport namespace DebuggerPresenter {\n    export type Interface = IDebuggerPresenter;\n    export type ViewModel = IDebuggerViewModel;\n}\n"],"names":["DebuggerPresenter","createAbstraction"],"mappings":";AAiBO,MAAMA,oBAAoBC,kBAAsC"}

package/presentation/debugger/components/DebuggerIndicator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DebuggerIndicator: (props: unknown) => React.JSX.Element;

package/presentation/debugger/components/DebuggerIndicator.js

@@ -0,0 +1,45 @@
+import react from "react";
+import { useFeature, useRouter } from "@webiny/app";
+import { DropdownMenu, Tag } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/bug_report.svg";
+import { DebuggerIndicator as DebuggerIndicator_js_DebuggerIndicator } from "../../../base/ui/DebuggerIndicator.js";
+import { createReactiveComponent } from "../../createReactiveComponent.js";
+import { DebuggerPresenterFeature } from "../feature.js";
+import { DebuggerRoutes } from "../routes.js";
+const DebuggerIndicatorView = createReactiveComponent(()=>{
+    const { presenter } = useFeature(DebuggerPresenterFeature);
+    const router = useRouter();
+    const { vm } = presenter;
+    if (!vm.captureOn) return null;
+    const hasEntries = vm.entryCount > 0;
+    const content = hasEntries ? `Debug mode (${vm.entryCount})` : "Debug mode";
+    const title = hasEntries ? `Debug capture is on. ${vm.entryCount} entries collected.` : "Debug capture is on. Nothing collected yet.";
+    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement("div", {
+            className: "cursor-pointer",
+            title: title,
+            "data-testid": "debugger-indicator"
+        }, /*#__PURE__*/ react.createElement(Tag, {
+            variant: "accent-light",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            content: content
+        }))
+    }, /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        text: "Download report",
+        disabled: !hasEntries,
+        onClick: presenter.downloadReport
+    }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        text: "Clear collected data",
+        disabled: !hasEntries,
+        onClick: presenter.clear
+    }), /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        text: "Open debugger",
+        onClick: ()=>router.goToRoute(DebuggerRoutes.Debugger)
+    }));
+});
+const DebuggerIndicator_DebuggerIndicator = DebuggerIndicator_js_DebuggerIndicator.createDecorator(()=>function() {
+        return /*#__PURE__*/ react.createElement(DebuggerIndicatorView, null);
+    });
+export { DebuggerIndicator_DebuggerIndicator as DebuggerIndicator };
+
+//# sourceMappingURL=DebuggerIndicator.js.map

package/presentation/debugger/components/DebuggerIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/components/DebuggerIndicator.js","sources":["../../../../src/presentation/debugger/components/DebuggerIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { useRouter } from \"@webiny/app\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\nimport { Tag } from \"@webiny/admin-ui\";\nimport { ReactComponent as DebuggerIcon } from \"@webiny/icons/bug_report.svg\";\nimport { DebuggerIndicator as BaseDebuggerIndicator } from \"~/base/ui/DebuggerIndicator.js\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.js\";\nimport { DebuggerPresenterFeature } from \"../feature.js\";\nimport { DebuggerRoutes } from \"../routes.js\";\n\n/**\n * Says that capture is on, how much has been collected, and offers what is worth doing about it.\n *\n * Renders nothing while capture is off, which is the normal state. When it is on it is deliberately\n * hard to miss, because leaving capture running is the mistake it exists to prevent.\n *\n * Clearing matters as much as downloading: an hour of browsing collects a great deal, and everything\n * held is in memory and lands in the next report whether or not it is relevant to the problem being\n * reproduced.\n */\nconst DebuggerIndicatorView = createReactiveComponent(() => {\n    const { presenter } = useFeature(DebuggerPresenterFeature);\n    const router = useRouter();\n    const { vm } = presenter;\n\n    if (!vm.captureOn) {\n        return null;\n    }\n\n    const hasEntries = vm.entryCount > 0;\n    const content = hasEntries ? `Debug mode (${vm.entryCount})` : \"Debug mode\";\n    const title = hasEntries\n        ? `Debug capture is on. ${vm.entryCount} entries collected.`\n        : \"Debug capture is on. Nothing collected yet.\";\n\n    return (\n        <DropdownMenu\n            trigger={\n                <div className={\"cursor-pointer\"} title={title} data-testid={\"debugger-indicator\"}>\n                    <Tag variant={\"accent-light\"} icon={<DebuggerIcon />} content={content} />\n                </div>\n            }\n        >\n            <DropdownMenu.Item\n                text={\"Download report\"}\n                disabled={!hasEntries}\n                onClick={presenter.downloadReport}\n            />\n            <DropdownMenu.Item\n                text={\"Clear collected data\"}\n                disabled={!hasEntries}\n                onClick={presenter.clear}\n            />\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n                text={\"Open debugger\"}\n                onClick={() => router.goToRoute(DebuggerRoutes.Debugger)}\n            />\n        </DropdownMenu>\n    );\n});\n\nexport const DebuggerIndicator = BaseDebuggerIndicator.createDecorator(() => {\n    return function DebuggerIndicator() {\n        return <DebuggerIndicatorView />;\n    };\n});\n"],"names":["DebuggerIndicatorView","createReactiveComponent","presenter","useFeature","DebuggerPresenterFeature","router","useRouter","vm","hasEntries","content","title","DropdownMenu","Tag","DebuggerIcon","DebuggerRoutes","DebuggerIndicator","BaseDebuggerIndicator"],"mappings":";;;;;;;;AAqBA,MAAMA,wBAAwBC,wBAAwB;IAClD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,SAASC;IACf,MAAM,EAAEC,EAAE,EAAE,GAAGL;IAEf,IAAI,CAACK,GAAG,SAAS,EACb,OAAO;IAGX,MAAMC,aAAaD,GAAG,UAAU,GAAG;IACnC,MAAME,UAAUD,aAAa,CAAC,YAAY,EAAED,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG;IAC/D,MAAMG,QAAQF,aACR,CAAC,qBAAqB,EAAED,GAAG,UAAU,CAAC,mBAAmB,CAAC,GAC1D;IAEN,OAAO,WAAP,GACI,oBAACI,cAAYA;QACT,uBACI,oBAAC;YAAI,WAAW;YAAkB,OAAOD;YAAO,eAAa;yBACzD,oBAACE,KAAGA;YAAC,SAAS;YAAgB,oBAAM,oBAACC,gBAAYA;YAAK,SAASJ;;qBAIvE,oBAACE,aAAa,IAAI;QACd,MAAM;QACN,UAAU,CAACH;QACX,SAASN,UAAU,cAAc;sBAErC,oBAACS,aAAa,IAAI;QACd,MAAM;QACN,UAAU,CAACH;QACX,SAASN,UAAU,KAAK;sBAE5B,oBAACS,aAAa,SAAS,uBACvB,oBAACA,aAAa,IAAI;QACd,MAAM;QACN,SAAS,IAAMN,OAAO,SAAS,CAACS,eAAe,QAAQ;;AAIvE;AAEO,MAAMC,sCAAoBC,uCAAAA,eAAqC,CAAC,IAC5D;QACH,OAAO,WAAP,GAAO,oBAAChB,uBAAqBA;IACjC"}

package/presentation/debugger/components/DebuggerView.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const DebuggerView: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};