@burdenoff/microfe-vibecontrols 2026.530.4 → 2026.530.6

package/dist/components/agent-manager/AgentManagerCenter.js

@@ -37,7 +37,7 @@ var g = [
 		description: "New line"
 	}
 ], _ = ({ agent: _ }) => {
-	let v = r((e) => e.tabs), y = r((e) => e.activeTabSessionId), b = r((e) => e.openSession), x = r((e) => e.setActiveTab), S = e(), [C, w] = d(!1), [T, E] = d(!1), D = u(null), O = r((e) => e.bumpSessionsRefresh), k = c(async () => {
+	let v = r((e) => e.tabs), y = r((e) => e.activeTabSessionId), b = r((e) => e.openSession), x = r((e) => e.setActiveTab), S = e(), [C, w] = d(!1), [T, E] = d(!1), D = u(null), O = r((e) => e.bumpSessionsRefresh), k = r((e) => e.activeChatContext), A = c(async () => {
 		try {
 			let e = await n(_, {
 				name: `Session ${v.length + 1}`,
@@ -46,7 +46,10 @@ var g = [
 					model: "default",
 					mode: "cli",
 					tags: []
-				}
+				},
+				agentId: _.id,
+				contextLevel: k.contextLevel,
+				vibeId: k.vibeId
 			});
 			b(e.id, e.name), O();
 		} catch (e) {
@@ -56,8 +59,9 @@ var g = [
 		_,
 		v.length,
 		b,
-		O
-	]), A = c(() => w(!0), []);
+		O,
+		k
+	]), j = c(() => w(!0), []);
 	return l(() => {
 		y && v.some((e) => e.sessionId === y) && x(y);
 	}, [
@@ -71,24 +75,24 @@ var g = [
 			if (!e.contains(document.activeElement) && document.activeElement !== e) return;
 			let n = t.ctrlKey || t.metaKey;
 			if (n && t.shiftKey && (t.key === "N" || t.key === "n")) {
-				t.preventDefault(), k();
+				t.preventDefault(), A();
 				return;
 			}
 			if (n && t.shiftKey && (t.key === "K" || t.key === "k")) {
-				t.preventDefault(), A();
+				t.preventDefault(), j();
 				return;
 			}
 			n && t.shiftKey && (t.key === "F" || t.key === "f") && (t.preventDefault(), e.querySelector("[data-testid=\"agent-manager-in-session-search\"]")?.click());
 		};
 		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-	}, [k, A]), /* @__PURE__ */ h("div", {
+	}, [A, j]), /* @__PURE__ */ h("div", {
 		ref: D,
 		className: "flex flex-col h-full min-h-0",
 		tabIndex: -1,
 		children: [
 			/* @__PURE__ */ m(i, {
 				agent: _,
-				onSearch: A,
+				onSearch: j,
 				onShowShortcuts: () => E(!0)
 			}),
 			/* @__PURE__ */ m("div", {
@@ -104,7 +108,7 @@ var g = [
 						description: S("vibecontrols.agentManager.center.createSessionDesc", "Create a new session to start interacting with the AI agent."),
 						action: /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: k,
+							onClick: A,
 							className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
 							children: S("vibecontrols.agentManager.center.createNewSession", "Create a new session")
 						})

package/dist/components/agent-manager/AgentManagerCenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentManagerCenter.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerCenter.tsx"],"sourcesContent":["/**\n * Center container for the Agent Manager.\n *\n * Renders the tab bar at top and the active session's chat pane below.\n * Shows a welcome/empty state when no tabs are open.\n */\n\nimport { useState, useCallback, useEffect, useRef, type FC } from 'react';\nimport { MessageSquarePlus, X } from 'lucide-react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { EmptyState } from '@/components/shared';\nimport { AgentManagerTabBar } from './AgentManagerTabBar';\nimport { AgentManagerChatPane } from './AgentManagerChatPane';\nimport { AgentManagerAdminBar } from './AgentManagerAdminBar';\nimport { SessionSearchDialog } from './dialogs/SessionSearchDialog';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { createSession, type AgentRef } from '@/services/aiApi';\n\n/* ────────────────────────────────────────────────────────────────────── */\n/*  Keyboard shortcuts reference                                        */\n/* ────────────────────────────────────────────────────────────────────── */\n\nconst SHORTCUTS: Array<{ keys: string; description: string }> = [\n  { keys: 'Ctrl/Cmd+Shift+N', description: 'New session' },\n  { keys: 'Ctrl/Cmd+Shift+K', description: 'Search sessions' },\n  { keys: 'Ctrl/Cmd+Shift+F', description: 'In-session search' },\n  { keys: 'Escape', description: 'Cancel / close modal' },\n  { keys: 'Enter', description: 'Send message' },\n  { keys: 'Shift+Enter', description: 'New line' },\n];\n\ninterface AgentManagerCenterProps {\n  agent: AgentRef;\n}\n\nexport const AgentManagerCenter: FC<AgentManagerCenterProps> = ({ agent }) => {\n  const tabs = useAgentManagerStore((s) => s.tabs);\n  const activeTabSessionId = useAgentManagerStore((s) => s.activeTabSessionId);\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const setActiveTab = useAgentManagerStore((s) => s.setActiveTab);\n  const tr = useTr();\n\n  const [searchOpen, setSearchOpen] = useState(false);\n  const [shortcutsOpen, setShortcutsOpen] = useState(false);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const bumpSessionsRefresh = useAgentManagerStore((s) => s.bumpSessionsRefresh);\n  const handleCreateSession = useCallback(async () => {\n    try {\n      const session = await createSession(agent, {\n        name: `Session ${tabs.length + 1}`,\n        agentType: 'claude',\n        config: { model: 'default', mode: 'cli', tags: [] },\n      });\n      openSession(session.id, session.name);\n      bumpSessionsRefresh();\n    } catch (err) {\n      console.error('[AgentManagerCenter] createSession failed:', err);\n    }\n  }, [agent, tabs.length, openSession, bumpSessionsRefresh]);\n\n  const handleOpenSearch = useCallback(() => setSearchOpen(true), []);\n\n  useEffect(() => {\n    if (activeTabSessionId && tabs.some((tab) => tab.sessionId === activeTabSessionId)) {\n      setActiveTab(activeTabSessionId);\n    }\n  }, [activeTabSessionId, setActiveTab, tabs]);\n\n  // Wire the shortcuts advertised in the SHORTCUTS modal. Scoped to the\n  // Agent Manager container so they don't clash with shortcuts on other\n  // pages. Each shortcut uses Shift to avoid colliding with built-in\n  // browser shortcuts (Ctrl+N opens a window, Ctrl+F opens find).\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    const handler = (e: KeyboardEvent) => {\n      if (!root.contains(document.activeElement) && document.activeElement !== root) return;\n      const mod = e.ctrlKey || e.metaKey;\n      if (mod && e.shiftKey && (e.key === 'N' || e.key === 'n')) {\n        e.preventDefault();\n        void handleCreateSession();\n        return;\n      }\n      if (mod && e.shiftKey && (e.key === 'K' || e.key === 'k')) {\n        e.preventDefault();\n        handleOpenSearch();\n        return;\n      }\n      if (mod && e.shiftKey && (e.key === 'F' || e.key === 'f')) {\n        e.preventDefault();\n        const inSession = root.querySelector(\n          '[data-testid=\"agent-manager-in-session-search\"]'\n        ) as HTMLButtonElement | null;\n        inSession?.click();\n      }\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [handleCreateSession, handleOpenSearch]);\n\n  return (\n    <div ref={rootRef} className=\"flex flex-col h-full min-h-0\" tabIndex={-1}>\n      {/* Tab bar — occupies full row width, search/help live inside the tabBar area */}\n      <AgentManagerTabBar\n        agent={agent}\n        onSearch={handleOpenSearch}\n        onShowShortcuts={() => setShortcutsOpen(true)}\n      />\n\n      {/* Active session or empty state */}\n      <div className=\"flex-1 min-h-0 overflow-hidden\">\n        {activeTabSessionId && tabs.some((t) => t.sessionId === activeTabSessionId) ? (\n          <AgentManagerChatPane\n            key={activeTabSessionId}\n            sessionId={activeTabSessionId}\n            agentId={agent.id}\n          />\n        ) : (\n          <div className=\"flex-1 flex items-center justify-center h-full\">\n            <EmptyState\n              icon={<MessageSquarePlus className=\"size-8 text-text-secondary\" />}\n              title={tr('vibecontrols.agentManager.center.noActiveSession', 'No active session')}\n              description={tr(\n                'vibecontrols.agentManager.center.createSessionDesc',\n                'Create a new session to start interacting with the AI agent.'\n              )}\n              action={\n                <button\n                  type=\"button\"\n                  onClick={handleCreateSession}\n                  className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n                >\n                  {tr('vibecontrols.agentManager.center.createNewSession', 'Create a new session')}\n                </button>\n              }\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Admin bar at bottom */}\n      <div className=\"flex-shrink-0\">\n        <AgentManagerAdminBar agent={agent} />\n      </div>\n\n      {/* Session search dialog */}\n      <SessionSearchDialog isOpen={searchOpen} agent={agent} onClose={() => setSearchOpen(false)} />\n\n      {/* Keyboard shortcuts modal */}\n      {shortcutsOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n          <div\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                (() => setShortcutsOpen(false))();\n              }\n            }}\n            className=\"absolute inset-0 bg-bg-overlay\"\n            onClick={() => setShortcutsOpen(false)}\n          />\n          <div className=\"relative w-full max-w-sm mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\">\n            <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n              <h3 className=\"text-lg font-semibold text-text-primary\">\n                {tr('vibecontrols.agentManager.center.keyboardShortcuts', 'Keyboard Shortcuts')}\n              </h3>\n              <button\n                type=\"button\"\n                onClick={() => setShortcutsOpen(false)}\n                className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <X className=\"size-5 text-text-secondary\" />\n              </button>\n            </div>\n            <div className=\"px-6 py-4 space-y-2\">\n              {SHORTCUTS.map((s) => (\n                <div key={s.keys} className=\"flex items-center justify-between py-1\">\n                  <span className=\"text-sm text-text-secondary\">{s.description}</span>\n                  <kbd className=\"px-2 py-0.5 text-xs font-mono rounded bg-bg-elevated border border-border-default text-text-primary\">\n                    {s.keys}\n                  </kbd>\n                </div>\n              ))}\n            </div>\n            <div className=\"px-6 py-3 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n              <button\n                type=\"button\"\n                onClick={() => setShortcutsOpen(false)}\n                className=\"w-full px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors\"\n              >\n                {tr('vibecontrols.agentManager.center.close', 'Close')}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AgentManagerCenter.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerCenter.tsx"],"sourcesContent":["/**\n * Center container for the Agent Manager.\n *\n * Renders the tab bar at top and the active session's chat pane below.\n * Shows a welcome/empty state when no tabs are open.\n */\n\nimport { useState, useCallback, useEffect, useRef, type FC } from 'react';\nimport { MessageSquarePlus, X } from 'lucide-react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { EmptyState } from '@/components/shared';\nimport { AgentManagerTabBar } from './AgentManagerTabBar';\nimport { AgentManagerChatPane } from './AgentManagerChatPane';\nimport { AgentManagerAdminBar } from './AgentManagerAdminBar';\nimport { SessionSearchDialog } from './dialogs/SessionSearchDialog';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { createSession, type AgentRef } from '@/services/aiApi';\n\n/* ────────────────────────────────────────────────────────────────────── */\n/*  Keyboard shortcuts reference                                        */\n/* ────────────────────────────────────────────────────────────────────── */\n\nconst SHORTCUTS: Array<{ keys: string; description: string }> = [\n  { keys: 'Ctrl/Cmd+Shift+N', description: 'New session' },\n  { keys: 'Ctrl/Cmd+Shift+K', description: 'Search sessions' },\n  { keys: 'Ctrl/Cmd+Shift+F', description: 'In-session search' },\n  { keys: 'Escape', description: 'Cancel / close modal' },\n  { keys: 'Enter', description: 'Send message' },\n  { keys: 'Shift+Enter', description: 'New line' },\n];\n\ninterface AgentManagerCenterProps {\n  agent: AgentRef;\n}\n\nexport const AgentManagerCenter: FC<AgentManagerCenterProps> = ({ agent }) => {\n  const tabs = useAgentManagerStore((s) => s.tabs);\n  const activeTabSessionId = useAgentManagerStore((s) => s.activeTabSessionId);\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const setActiveTab = useAgentManagerStore((s) => s.setActiveTab);\n  const tr = useTr();\n\n  const [searchOpen, setSearchOpen] = useState(false);\n  const [shortcutsOpen, setShortcutsOpen] = useState(false);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const bumpSessionsRefresh = useAgentManagerStore((s) => s.bumpSessionsRefresh);\n  const activeChatContext = useAgentManagerStore((s) => s.activeChatContext);\n  const handleCreateSession = useCallback(async () => {\n    try {\n      const session = await createSession(agent, {\n        name: `Session ${tabs.length + 1}`,\n        agentType: 'claude',\n        config: { model: 'default', mode: 'cli', tags: [] },\n        // Stamp the active \"bucket\" so this conversation belongs to the current\n        // agent/vibe context and teammates sharing the vibe can see it.\n        agentId: agent.id,\n        contextLevel: activeChatContext.contextLevel,\n        vibeId: activeChatContext.vibeId,\n      });\n      openSession(session.id, session.name);\n      bumpSessionsRefresh();\n    } catch (err) {\n      console.error('[AgentManagerCenter] createSession failed:', err);\n    }\n  }, [agent, tabs.length, openSession, bumpSessionsRefresh, activeChatContext]);\n\n  const handleOpenSearch = useCallback(() => setSearchOpen(true), []);\n\n  useEffect(() => {\n    if (activeTabSessionId && tabs.some((tab) => tab.sessionId === activeTabSessionId)) {\n      setActiveTab(activeTabSessionId);\n    }\n  }, [activeTabSessionId, setActiveTab, tabs]);\n\n  // Wire the shortcuts advertised in the SHORTCUTS modal. Scoped to the\n  // Agent Manager container so they don't clash with shortcuts on other\n  // pages. Each shortcut uses Shift to avoid colliding with built-in\n  // browser shortcuts (Ctrl+N opens a window, Ctrl+F opens find).\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    const handler = (e: KeyboardEvent) => {\n      if (!root.contains(document.activeElement) && document.activeElement !== root) return;\n      const mod = e.ctrlKey || e.metaKey;\n      if (mod && e.shiftKey && (e.key === 'N' || e.key === 'n')) {\n        e.preventDefault();\n        void handleCreateSession();\n        return;\n      }\n      if (mod && e.shiftKey && (e.key === 'K' || e.key === 'k')) {\n        e.preventDefault();\n        handleOpenSearch();\n        return;\n      }\n      if (mod && e.shiftKey && (e.key === 'F' || e.key === 'f')) {\n        e.preventDefault();\n        const inSession = root.querySelector(\n          '[data-testid=\"agent-manager-in-session-search\"]'\n        ) as HTMLButtonElement | null;\n        inSession?.click();\n      }\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [handleCreateSession, handleOpenSearch]);\n\n  return (\n    <div ref={rootRef} className=\"flex flex-col h-full min-h-0\" tabIndex={-1}>\n      {/* Tab bar — occupies full row width, search/help live inside the tabBar area */}\n      <AgentManagerTabBar\n        agent={agent}\n        onSearch={handleOpenSearch}\n        onShowShortcuts={() => setShortcutsOpen(true)}\n      />\n\n      {/* Active session or empty state */}\n      <div className=\"flex-1 min-h-0 overflow-hidden\">\n        {activeTabSessionId && tabs.some((t) => t.sessionId === activeTabSessionId) ? (\n          <AgentManagerChatPane\n            key={activeTabSessionId}\n            sessionId={activeTabSessionId}\n            agentId={agent.id}\n          />\n        ) : (\n          <div className=\"flex-1 flex items-center justify-center h-full\">\n            <EmptyState\n              icon={<MessageSquarePlus className=\"size-8 text-text-secondary\" />}\n              title={tr('vibecontrols.agentManager.center.noActiveSession', 'No active session')}\n              description={tr(\n                'vibecontrols.agentManager.center.createSessionDesc',\n                'Create a new session to start interacting with the AI agent.'\n              )}\n              action={\n                <button\n                  type=\"button\"\n                  onClick={handleCreateSession}\n                  className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n                >\n                  {tr('vibecontrols.agentManager.center.createNewSession', 'Create a new session')}\n                </button>\n              }\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Admin bar at bottom */}\n      <div className=\"flex-shrink-0\">\n        <AgentManagerAdminBar agent={agent} />\n      </div>\n\n      {/* Session search dialog */}\n      <SessionSearchDialog isOpen={searchOpen} agent={agent} onClose={() => setSearchOpen(false)} />\n\n      {/* Keyboard shortcuts modal */}\n      {shortcutsOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n          <div\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                (() => setShortcutsOpen(false))();\n              }\n            }}\n            className=\"absolute inset-0 bg-bg-overlay\"\n            onClick={() => setShortcutsOpen(false)}\n          />\n          <div className=\"relative w-full max-w-sm mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\">\n            <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n              <h3 className=\"text-lg font-semibold text-text-primary\">\n                {tr('vibecontrols.agentManager.center.keyboardShortcuts', 'Keyboard Shortcuts')}\n              </h3>\n              <button\n                type=\"button\"\n                onClick={() => setShortcutsOpen(false)}\n                className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <X className=\"size-5 text-text-secondary\" />\n              </button>\n            </div>\n            <div className=\"px-6 py-4 space-y-2\">\n              {SHORTCUTS.map((s) => (\n                <div key={s.keys} className=\"flex items-center justify-between py-1\">\n                  <span className=\"text-sm text-text-secondary\">{s.description}</span>\n                  <kbd className=\"px-2 py-0.5 text-xs font-mono rounded bg-bg-elevated border border-border-default text-text-primary\">\n                    {s.keys}\n                  </kbd>\n                </div>\n              ))}\n            </div>\n            <div className=\"px-6 py-3 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n              <button\n                type=\"button\"\n                onClick={() => setShortcutsOpen(false)}\n                className=\"w-full px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors\"\n              >\n                {tr('vibecontrols.agentManager.center.close', 'Close')}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAM,IAA0D;CAC9D;EAAE,MAAM;EAAoB,aAAa;EAAe;CACxD;EAAE,MAAM;EAAoB,aAAa;EAAmB;CAC5D;EAAE,MAAM;EAAoB,aAAa;EAAqB;CAC9D;EAAE,MAAM;EAAU,aAAa;EAAwB;CACvD;EAAE,MAAM;EAAS,aAAa;EAAgB;CAC9C;EAAE,MAAM;EAAe,aAAa;EAAY;CACjD,EAMY,KAAmD,EAAE,eAAY;CAC5E,IAAM,IAAO,GAAsB,MAAM,EAAE,KAAK,EAC1C,IAAqB,GAAsB,MAAM,EAAE,mBAAmB,EACtE,IAAc,GAAsB,MAAM,EAAE,YAAY,EACxD,IAAe,GAAsB,MAAM,EAAE,aAAa,EAC1D,IAAK,GAAO,EAEZ,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,IAAU,EAAuB,KAAK,EAEtC,IAAsB,GAAsB,MAAM,EAAE,oBAAoB,EACxE,IAAoB,GAAsB,MAAM,EAAE,kBAAkB,EACpE,IAAsB,EAAY,YAAY;AAClD,MAAI;GACF,IAAM,IAAU,MAAM,EAAc,GAAO;IACzC,MAAM,WAAW,EAAK,SAAS;IAC/B,WAAW;IACX,QAAQ;KAAE,OAAO;KAAW,MAAM;KAAO,MAAM,EAAE;KAAE;IAGnD,SAAS,EAAM;IACf,cAAc,EAAkB;IAChC,QAAQ,EAAkB;IAC3B,CAAC;AAEF,GADA,EAAY,EAAQ,IAAI,EAAQ,KAAK,EACrC,GAAqB;WACd,GAAK;AACZ,WAAQ,MAAM,8CAA8C,EAAI;;IAEjE;EAAC;EAAO,EAAK;EAAQ;EAAa;EAAqB;EAAkB,CAAC,EAEvE,IAAmB,QAAkB,EAAc,GAAK,EAAE,EAAE,CAAC;AAwCnE,QAtCA,QAAgB;AACd,EAAI,KAAsB,EAAK,MAAM,MAAQ,EAAI,cAAc,EAAmB,IAChF,EAAa,EAAmB;IAEjC;EAAC;EAAoB;EAAc;EAAK,CAAC,EAM5C,QAAgB;EACd,IAAM,IAAO,EAAQ;AACrB,MAAI,CAAC,EAAM;EACX,IAAM,KAAW,MAAqB;AACpC,OAAI,CAAC,EAAK,SAAS,SAAS,cAAc,IAAI,SAAS,kBAAkB,EAAM;GAC/E,IAAM,IAAM,EAAE,WAAW,EAAE;AAC3B,OAAI,KAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,QAAQ,MAAM;AAEpD,IADL,EAAE,gBAAgB,EACb,GAAqB;AAC1B;;AAEF,OAAI,KAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,QAAQ,MAAM;AAEzD,IADA,EAAE,gBAAgB,EAClB,GAAkB;AAClB;;AAEF,GAAI,KAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,QAAQ,SACnD,EAAE,gBAAgB,EACA,EAAK,cACrB,oDACD,EACU,OAAO;;AAItB,SADA,SAAS,iBAAiB,WAAW,EAAQ,QAChC,SAAS,oBAAoB,WAAW,EAAQ;IAC5D,CAAC,GAAqB,EAAiB,CAAC,EAGzC,kBAAC,OAAD;EAAK,KAAK;EAAS,WAAU;EAA+B,UAAU;YAAtE;GAEE,kBAAC,GAAD;IACS;IACP,UAAU;IACV,uBAAuB,EAAiB,GAAK;IAC7C,CAAA;GAGF,kBAAC,OAAD;IAAK,WAAU;cACZ,KAAsB,EAAK,MAAM,MAAM,EAAE,cAAc,EAAmB,GACzE,kBAAC,GAAD;KAEE,WAAW;KACX,SAAS,EAAM;KACf,EAHK,EAGL,GAEF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAmB,WAAU,8BAA+B,CAAA;MAClE,OAAO,EAAG,oDAAoD,oBAAoB;MAClF,aAAa,EACX,sDACA,+DACD;MACD,QACE,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAET,EAAG,qDAAqD,uBAAuB;OACzE,CAAA;MAEX,CAAA;KACE,CAAA;IAEJ,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAA6B,UAAS,CAAA;IAClC,CAAA;GAGN,kBAAC,GAAD;IAAqB,QAAQ;IAAmB;IAAO,eAAe,EAAc,GAAM;IAAI,CAAA;GAG7F,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KACE,MAAK;KACL,UAAU;KACV,YAAY,MAAM;AAChB,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EACX,EAAiB,GAAM;;KAGlC,WAAU;KACV,eAAe,EAAiB,GAAM;KACtC,CAAA,EACF,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,sDAAsD,qBAAqB;QAC5E,CAAA,EACL,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAiB,GAAM;QACtC,WAAU;kBAEV,kBAAC,GAAD,EAAG,WAAU,8BAA+B,CAAA;QACrC,CAAA,CACL;;MACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAU,KAAK,MACd,kBAAC,OAAD;QAAkB,WAAU;kBAA5B,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAE;SAAmB,CAAA,EACpE,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAE;SACC,CAAA,CACF;UALI,EAAE,KAKN,CACN;OACE,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAiB,GAAM;QACtC,WAAU;kBAET,EAAG,0CAA0C,QAAQ;QAC/C,CAAA;OACL,CAAA;MACF;OACF;;GAEJ"}