@jami-studio/dispatch 0.13.14

package/dist/components/layout/Header.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AgentToggleButton, LanguagePicker } from "@agent-native/core/client";
+import { RunsTray } from "@agent-native/core/client/progress";
+import { IconLayoutSidebar } from "@tabler/icons-react";
+import { useLocation, useNavigate } from "react-router";
+import { Button } from "../ui/button.js";
+import { useHeaderTitle, useHeaderActions } from "./HeaderActions.js";
+const pageTitles = {
+    "/": "Overview",
+    "/overview": "Overview",
+    "/vault": "Vault",
+    "/integrations": "Integrations",
+    "/workspace": "Resources",
+    "/messaging": "Messaging",
+    "/agents": "Agents",
+    "/destinations": "Destinations",
+    "/identities": "Identities",
+    "/approvals": "Approvals",
+    "/automations": "Automations",
+    "/audit": "Audit",
+    "/settings": "Settings",
+};
+function resolveTitle(pathname) {
+    if (pageTitles[pathname])
+        return pageTitles[pathname];
+    if (pathname.startsWith("/extensions"))
+        return "Extensions";
+    return "Dispatch";
+}
+export function Header({ onOpenMobile, showAgentToggle = true, }) {
+    const location = useLocation();
+    const navigate = useNavigate();
+    const title = useHeaderTitle();
+    const actions = useHeaderActions();
+    function openRunThread(threadId) {
+        navigate("/chat", {
+            state: {
+                dispatchThread: {
+                    id: `${Date.now()}-${threadId}`,
+                    threadId,
+                },
+            },
+        });
+        window.requestAnimationFrame(() => {
+            window.dispatchEvent(new CustomEvent("agent-chat:open-thread", {
+                detail: { threadId },
+            }));
+        });
+    }
+    return (_jsxs("header", { className: "flex h-12 shrink-0 items-center gap-3 border-b border-border bg-background px-4 lg:px-6", children: [onOpenMobile ? (_jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 lg:hidden cursor-pointer", onClick: onOpenMobile, "aria-label": "Open navigation", children: _jsx(IconLayoutSidebar, {}) })) : null, _jsx("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: title ?? (_jsx("h1", { className: "text-lg font-semibold tracking-tight truncate", children: resolveTitle(location.pathname) })) }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [actions, _jsx(LanguagePicker, { variant: "icon" }), _jsx(RunsTray, { limit: 8, onOpenThread: openRunThread }), showAgentToggle ? (_jsx(AgentToggleButton, { className: "h-8 w-8 rounded-md hover:bg-accent" })) : null] })] }));
+}
+//# sourceMappingURL=Header.js.map

package/dist/components/layout/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/layout/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,UAAU,GAA2B;IACzC,GAAG,EAAE,UAAU;IACf,WAAW,EAAE,UAAU;IACvB,QAAQ,EAAE,OAAO;IACjB,eAAe,EAAE,cAAc;IAC/B,YAAY,EAAE,WAAW;IACzB,YAAY,EAAE,WAAW;IACzB,SAAS,EAAE,QAAQ;IACnB,eAAe,EAAE,cAAc;IAC/B,aAAa,EAAE,YAAY;IAC3B,YAAY,EAAE,WAAW;IACzB,cAAc,EAAE,aAAa;IAC7B,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,UAAU;CACxB,CAAC;AAEF,SAAS,YAAY,CAAC,QAAgB;IACpC,IAAI,UAAU,CAAC,QAAQ,CAAC;QAAE,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEtD,IAAI,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC;QAAE,OAAO,YAAY,CAAC;IAE5D,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EACrB,YAAY,EACZ,eAAe,GAAG,IAAI,GAIvB;IACC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,SAAS,aAAa,CAAC,QAAgB;QACrC,QAAQ,CAAC,OAAO,EAAE;YAChB,KAAK,EAAE;gBACL,cAAc,EAAE;oBACd,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,QAAQ,EAAE;oBAC/B,QAAQ;iBACT;aACF;SACF,CAAC,CAAC;QACH,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,wBAAwB,EAAE;gBACxC,MAAM,EAAE,EAAE,QAAQ,EAAE;aACrB,CAAC,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,kBAAQ,SAAS,EAAC,yFAAyF,aACxG,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,YAAY,gBACV,iBAAiB,YAE5B,KAAC,iBAAiB,KAAG,GACd,CACV,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,wCAAwC,YACpD,KAAK,IAAI,CACR,aAAI,SAAS,EAAC,+CAA+C,YAC1D,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC7B,CACN,GACG,EACN,eAAK,SAAS,EAAC,kCAAkC,aAC9C,OAAO,EACR,KAAC,cAAc,IAAC,OAAO,EAAC,MAAM,GAAG,EACjC,KAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,aAAa,GAAI,EAClD,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,iBAAiB,IAAC,SAAS,EAAC,oCAAoC,GAAG,CACrE,CAAC,CAAC,CAAC,IAAI,IACJ,IACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { AgentToggleButton, LanguagePicker } from \"@agent-native/core/client\";\r\nimport { RunsTray } from \"@agent-native/core/client/progress\";\r\nimport { IconLayoutSidebar } from \"@tabler/icons-react\";\r\nimport { useLocation, useNavigate } from \"react-router\";\r\n\r\nimport { Button } from \"../ui/button\";\r\nimport { useHeaderTitle, useHeaderActions } from \"./HeaderActions\";\r\n\r\nconst pageTitles: Record<string, string> = {\r\n  \"/\": \"Overview\",\r\n  \"/overview\": \"Overview\",\r\n  \"/vault\": \"Vault\",\r\n  \"/integrations\": \"Integrations\",\r\n  \"/workspace\": \"Resources\",\r\n  \"/messaging\": \"Messaging\",\r\n  \"/agents\": \"Agents\",\r\n  \"/destinations\": \"Destinations\",\r\n  \"/identities\": \"Identities\",\r\n  \"/approvals\": \"Approvals\",\r\n  \"/automations\": \"Automations\",\r\n  \"/audit\": \"Audit\",\r\n  \"/settings\": \"Settings\",\r\n};\r\n\r\nfunction resolveTitle(pathname: string): string {\r\n  if (pageTitles[pathname]) return pageTitles[pathname];\r\n\r\n  if (pathname.startsWith(\"/extensions\")) return \"Extensions\";\r\n\r\n  return \"Dispatch\";\r\n}\r\n\r\nexport function Header({\r\n  onOpenMobile,\r\n  showAgentToggle = true,\r\n}: {\r\n  onOpenMobile?: () => void;\r\n  showAgentToggle?: boolean;\r\n}) {\r\n  const location = useLocation();\r\n  const navigate = useNavigate();\r\n  const title = useHeaderTitle();\r\n  const actions = useHeaderActions();\r\n\r\n  function openRunThread(threadId: string) {\r\n    navigate(\"/chat\", {\r\n      state: {\r\n        dispatchThread: {\r\n          id: `${Date.now()}-${threadId}`,\r\n          threadId,\r\n        },\r\n      },\r\n    });\r\n    window.requestAnimationFrame(() => {\r\n      window.dispatchEvent(\r\n        new CustomEvent(\"agent-chat:open-thread\", {\r\n          detail: { threadId },\r\n        }),\r\n      );\r\n    });\r\n  }\r\n\r\n  return (\r\n    <header className=\"flex h-12 shrink-0 items-center gap-3 border-b border-border bg-background px-4 lg:px-6\">\r\n      {onOpenMobile ? (\r\n        <Button\r\n          variant=\"ghost\"\r\n          size=\"icon\"\r\n          className=\"h-8 w-8 lg:hidden cursor-pointer\"\r\n          onClick={onOpenMobile}\r\n          aria-label=\"Open navigation\"\r\n        >\r\n          <IconLayoutSidebar />\r\n        </Button>\r\n      ) : null}\r\n      <div className=\"flex items-center gap-3 flex-1 min-w-0\">\r\n        {title ?? (\r\n          <h1 className=\"text-lg font-semibold tracking-tight truncate\">\r\n            {resolveTitle(location.pathname)}\r\n          </h1>\r\n        )}\r\n      </div>\r\n      <div className=\"flex items-center gap-2 shrink-0\">\r\n        {actions}\r\n        <LanguagePicker variant=\"icon\" />\r\n        <RunsTray limit={8} onOpenThread={openRunThread} />\r\n        {showAgentToggle ? (\r\n          <AgentToggleButton className=\"h-8 w-8 rounded-md hover:bg-accent\" />\r\n        ) : null}\r\n      </div>\r\n    </header>\r\n  );\r\n}\r\n"]}

package/dist/components/layout/HeaderActions.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode, type FC } from "react";
+/** Consumed only by <Header /> — returns the current title. */
+export declare function useHeaderTitle(): ReactNode;
+/** Consumed only by <Header /> — returns the current actions slot. */
+export declare function useHeaderActions(): ReactNode;
+/**
+ * Provider is now a no-op wrapper for backwards compatibility — the state
+ * lives in the module-level store above. Kept as a component so callers of
+ * <HeaderActionsProvider> don't need to change.
+ */
+export declare const HeaderActionsProvider: FC<{
+    children: ReactNode;
+}>;
+/** Mount a custom title into the app header. Cleans up on unmount. */
+export declare function useSetPageTitle(node: ReactNode): void;
+/** Mount ReactNode into the header's actions slot. Cleans up on unmount. */
+export declare function useSetHeaderActions(node: ReactNode): void;
+//# sourceMappingURL=HeaderActions.d.ts.map

package/dist/components/layout/HeaderActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../src/components/layout/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AA6Bf,+DAA+D;AAC/D,wBAAgB,cAAc,IAAI,SAAS,CAM1C;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,IAAI,SAAS,CAM5C;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAEzC,CAAC;AAEtB,sEAAsE;AACtE,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,QAS9C;AAED,4EAA4E;AAC5E,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,QASlD"}

package/dist/components/layout/HeaderActions.js

@@ -0,0 +1,52 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useSyncExternalStore, } from "react";
+let currentTitle = null;
+let currentActions = null;
+const listeners = new Set();
+function notify() {
+    for (const l of listeners)
+        l();
+}
+function subscribe(l) {
+    listeners.add(l);
+    return () => {
+        listeners.delete(l);
+    };
+}
+/** Consumed only by <Header /> — returns the current title. */
+export function useHeaderTitle() {
+    return useSyncExternalStore(subscribe, () => currentTitle, () => currentTitle);
+}
+/** Consumed only by <Header /> — returns the current actions slot. */
+export function useHeaderActions() {
+    return useSyncExternalStore(subscribe, () => currentActions, () => currentActions);
+}
+/**
+ * Provider is now a no-op wrapper for backwards compatibility — the state
+ * lives in the module-level store above. Kept as a component so callers of
+ * <HeaderActionsProvider> don't need to change.
+ */
+export const HeaderActionsProvider = ({ children, }) => _jsx(_Fragment, { children: children });
+/** Mount a custom title into the app header. Cleans up on unmount. */
+export function useSetPageTitle(node) {
+    useEffect(() => {
+        currentTitle = node;
+        notify();
+        return () => {
+            currentTitle = null;
+            notify();
+        };
+    });
+}
+/** Mount ReactNode into the header's actions slot. Cleans up on unmount. */
+export function useSetHeaderActions(node) {
+    useEffect(() => {
+        currentActions = node;
+        notify();
+        return () => {
+            currentActions = null;
+            notify();
+        };
+    });
+}
+//# sourceMappingURL=HeaderActions.js.map

package/dist/components/layout/HeaderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderActions.js","sourceRoot":"","sources":["../../../src/components/layout/HeaderActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,oBAAoB,GAGrB,MAAM,OAAO,CAAC;AAcf,IAAI,YAAY,GAAc,IAAI,CAAC;AACnC,IAAI,cAAc,GAAc,IAAI,CAAC;AACrC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAY,CAAC;AAEtC,SAAS,MAAM;IACb,KAAK,MAAM,CAAC,IAAI,SAAS;QAAE,CAAC,EAAE,CAAC;AACjC,CAAC;AAED,SAAS,SAAS,CAAC,CAAW;IAC5B,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACjB,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC;AACJ,CAAC;AAED,+DAA+D;AAC/D,MAAM,UAAU,cAAc;IAC5B,OAAO,oBAAoB,CACzB,SAAS,EACT,GAAG,EAAE,CAAC,YAAY,EAClB,GAAG,EAAE,CAAC,YAAY,CACnB,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,gBAAgB;IAC9B,OAAO,oBAAoB,CACzB,SAAS,EACT,GAAG,EAAE,CAAC,cAAc,EACpB,GAAG,EAAE,CAAC,cAAc,CACrB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAgC,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE,CAAC,4BAAG,QAAQ,GAAI,CAAC;AAEtB,sEAAsE;AACtE,MAAM,UAAU,eAAe,CAAC,IAAe;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,GAAG,IAAI,CAAC;QACpB,MAAM,EAAE,CAAC;QACT,OAAO,GAAG,EAAE;YACV,YAAY,GAAG,IAAI,CAAC;YACpB,MAAM,EAAE,CAAC;QACX,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,mBAAmB,CAAC,IAAe;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,GAAG,IAAI,CAAC;QACtB,MAAM,EAAE,CAAC;QACT,OAAO,GAAG,EAAE;YACV,cAAc,GAAG,IAAI,CAAC;YACtB,MAAM,EAAE,CAAC;QACX,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {\r\n  useEffect,\r\n  useSyncExternalStore,\r\n  type ReactNode,\r\n  type FC,\r\n} from \"react\";\r\n\r\n/**\r\n * External store for the page's header title + actions. We use an external\r\n * store (not React context) so that pages can inject ReactNode without\r\n * subscribing to the header state themselves — subscribing would trigger a\r\n * re-render on every update, which in turn creates new JSX, which updates\r\n * the store again, which re-renders… an infinite loop.\r\n *\r\n * Only <Header /> reads the store via useSyncExternalStore; pages only write.\r\n */\r\n\r\ntype Listener = () => void;\r\n\r\nlet currentTitle: ReactNode = null;\r\nlet currentActions: ReactNode = null;\r\nconst listeners = new Set<Listener>();\r\n\r\nfunction notify() {\r\n  for (const l of listeners) l();\r\n}\r\n\r\nfunction subscribe(l: Listener): () => void {\r\n  listeners.add(l);\r\n  return () => {\r\n    listeners.delete(l);\r\n  };\r\n}\r\n\r\n/** Consumed only by <Header /> — returns the current title. */\r\nexport function useHeaderTitle(): ReactNode {\r\n  return useSyncExternalStore(\r\n    subscribe,\r\n    () => currentTitle,\r\n    () => currentTitle,\r\n  );\r\n}\r\n\r\n/** Consumed only by <Header /> — returns the current actions slot. */\r\nexport function useHeaderActions(): ReactNode {\r\n  return useSyncExternalStore(\r\n    subscribe,\r\n    () => currentActions,\r\n    () => currentActions,\r\n  );\r\n}\r\n\r\n/**\r\n * Provider is now a no-op wrapper for backwards compatibility — the state\r\n * lives in the module-level store above. Kept as a component so callers of\r\n * <HeaderActionsProvider> don't need to change.\r\n */\r\nexport const HeaderActionsProvider: FC<{ children: ReactNode }> = ({\r\n  children,\r\n}) => <>{children}</>;\r\n\r\n/** Mount a custom title into the app header. Cleans up on unmount. */\r\nexport function useSetPageTitle(node: ReactNode) {\r\n  useEffect(() => {\r\n    currentTitle = node;\r\n    notify();\r\n    return () => {\r\n      currentTitle = null;\r\n      notify();\r\n    };\r\n  });\r\n}\r\n\r\n/** Mount ReactNode into the header's actions slot. Cleans up on unmount. */\r\nexport function useSetHeaderActions(node: ReactNode) {\r\n  useEffect(() => {\r\n    currentActions = node;\r\n    notify();\r\n    return () => {\r\n      currentActions = null;\r\n      notify();\r\n    };\r\n  });\r\n}\r\n"]}

package/dist/components/layout/Layout.d.ts

@@ -0,0 +1,36 @@
+import { type ComponentType, type ReactNode } from "react";
+export type DispatchNavSection = "primary" | "operations";
+export type DispatchNavIcon = ComponentType<{
+    size?: number | string;
+    className?: string;
+}>;
+export interface DispatchNavItem {
+    /** Stable id used for keys and navigation.view. Avoid built-in ids. */
+    id: string;
+    /** React Router path for the tab, usually backed by an app/routes/*.tsx file. */
+    to: string;
+    label: string;
+    icon?: DispatchNavIcon;
+    /** Defaults to "operations", which is where local management tools usually fit. */
+    section?: DispatchNavSection;
+    /** Override active matching for nested or multi-route tools. */
+    match?: (pathname: string) => boolean;
+}
+export interface DispatchExtensionConfig {
+    /** Extra sidebar tabs supplied by the generated workspace. */
+    navItems?: readonly DispatchNavItem[];
+    /** Extra React Query keys to invalidate when Dispatch receives DB sync events. */
+    queryKeys?: readonly string[];
+}
+export declare function NavContent({ onNavigate, extensions, collapsed, collapsible, onCollapsedChange, }: {
+    onNavigate?: () => void;
+    extensions?: DispatchExtensionConfig;
+    collapsed?: boolean;
+    collapsible?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+}): import("node_modules/@types/react").JSX.Element;
+export declare function Layout({ children, extensions, }: {
+    children: ReactNode;
+    extensions?: DispatchExtensionConfig;
+}): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=Layout.d.ts.map

package/dist/components/layout/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AA0CA,OAAO,EAKL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,YAAY,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,mFAAmF;IACnF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gEAAgE;IAChE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACtC,kFAAkF;IAClF,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC/B;AAkeD,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,UAAU,EACV,SAAiB,EACjB,WAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD,mDAwPA;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,mDA2IA"}