@burdenoff/microfe-vibecontrols 2026.527.6 → 2026.527.8

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

@@ -8,37 +8,37 @@ var h = [
 		name: "Claude Code",
 		id: "claude",
 		config: "~/.claude/",
-		color: "bg-purple-100 text-purple-800"
+		color: "bg-accent-purple-subtle text-accent-purple"
 	},
 	{
 		name: "OpenCode",
 		id: "opencode",
 		config: "~/.config/opencode/",
-		color: "bg-blue-100 text-blue-800"
+		color: "bg-status-info-bg text-status-info-text"
 	},
 	{
 		name: "Goose",
 		id: "goose",
 		config: "~/.config/goose/",
-		color: "bg-green-100 text-green-800"
+		color: "bg-status-success-bg text-status-success-text"
 	},
 	{
 		name: "Amp",
 		id: "amp",
 		config: "~/.amp/",
-		color: "bg-yellow-100 text-yellow-800"
+		color: "bg-status-warning-bg text-status-warning-text"
 	},
 	{
 		name: "Copilot",
 		id: "copilot",
 		config: "~/.copilot/",
-		color: "bg-gray-100 text-gray-800"
+		color: "bg-bg-sunken text-text-secondary"
 	},
 	{
 		name: "Crush",
 		id: "crush",
 		config: "~/.config/crush/",
-		color: "bg-red-100 text-red-800"
+		color: "bg-status-error-bg text-status-error-text"
 	}
 ];
 function g({ agent: g }) {

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

@@ -1 +1 @@
-{"version":3,"file":"BridleConfigPanel.js","names":[],"sources":["../../../src/components/agent-manager/BridleConfigPanel.tsx"],"sourcesContent":["/**\n * Bridle Configuration Manager Panel.\n *\n * Provides a full UI for managing cross-harness AI assistant configurations\n * via the Bridle CLI tool. Supports profile management, skill installation,\n * and config editing across Claude Code, OpenCode, Goose, Amp, Copilot, and Crush.\n */\n\nimport { useState, useCallback } from 'react';\nimport {\n  Terminal,\n  Copy,\n  Check,\n  Plus,\n  ArrowLeftRight,\n  Trash2,\n  Download,\n  Settings,\n  RefreshCw,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface BridleConfigPanelProps {\n  agent: { id: string; profile: string };\n}\n\nconst HARNESSES = [\n  {\n    name: 'Claude Code',\n    id: 'claude',\n    config: '~/.claude/',\n    color: 'bg-purple-100 text-purple-800',\n  },\n  {\n    name: 'OpenCode',\n    id: 'opencode',\n    config: '~/.config/opencode/',\n    color: 'bg-blue-100 text-blue-800',\n  },\n  { name: 'Goose', id: 'goose', config: '~/.config/goose/', color: 'bg-green-100 text-green-800' },\n  { name: 'Amp', id: 'amp', config: '~/.amp/', color: 'bg-yellow-100 text-yellow-800' },\n  { name: 'Copilot', id: 'copilot', config: '~/.copilot/', color: 'bg-gray-100 text-gray-800' },\n  { name: 'Crush', id: 'crush', config: '~/.config/crush/', color: 'bg-red-100 text-red-800' },\n];\n\ntype PanelView = 'overview' | 'profiles' | 'install' | 'settings';\n\nexport function BridleConfigPanel({ agent: _agent }: BridleConfigPanelProps) {\n  const tr = useTr();\n  const [view, setView] = useState<PanelView>('overview');\n  const [selectedHarness, setSelectedHarness] = useState('claude');\n  const [profileName, setProfileName] = useState('');\n  const [installSource, setInstallSource] = useState('');\n  const [configKey, setConfigKey] = useState('');\n  const [configValue, setConfigValue] = useState('');\n  const [output, setOutput] = useState('');\n  const [copiedCmd, setCopiedCmd] = useState<string | null>(null);\n\n  const copyToClipboard = useCallback((text: string) => {\n    void navigator.clipboard.writeText(text);\n    setCopiedCmd(text);\n    setTimeout(() => setCopiedCmd(null), 2000);\n  }, []);\n\n  const showCommand = (cmd: string) => {\n    setOutput(`$ ${cmd}\\n\\nRun this command in your terminal to execute.`);\n    copyToClipboard(cmd);\n  };\n\n  const navItems: Array<{ key: PanelView; label: string; icon: typeof Settings }> = [\n    { key: 'overview', label: 'Overview', icon: RefreshCw },\n    { key: 'profiles', label: 'Profiles', icon: ArrowLeftRight },\n    { key: 'install', label: 'Install', icon: Download },\n    { key: 'settings', label: 'Settings', icon: Settings },\n  ];\n\n  return (\n    <div className=\"flex flex-col h-full max-h-[65vh] overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default flex-shrink-0\">\n        <div>\n          <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2\">\n            <Terminal className=\"w-4 h-4\" />\n            {tr('vibecontrols.agentManager.bridle.title', 'Bridle — Cross-Harness Config Manager')}\n          </h3>\n          <p className=\"text-[11px] text-text-secondary mt-0.5\">\n            {tr(\n              'vibecontrols.agentManager.bridle.description',\n              'Manage profiles, skills, and configurations across all AI coding assistants'\n            )}\n          </p>\n        </div>\n      </div>\n\n      {/* Sub-navigation */}\n      <div className=\"flex gap-1 px-4 py-2 border-b border-border-default flex-shrink-0\">\n        {navItems.map(({ key, label, icon: Icon }) => (\n          <button\n            key={key}\n            onClick={() => setView(key)}\n            className={`flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded transition-colors ${\n              view === key\n                ? 'bg-action-primary-bg/10 text-action-primary-text'\n                : 'text-text-secondary hover:text-text-primary hover:bg-bg-elevated'\n            }`}\n          >\n            <Icon className=\"w-3.5 h-3.5\" />\n            {label}\n          </button>\n        ))}\n      </div>\n\n      {/* Content */}\n      <div className=\"flex-1 overflow-y-auto p-4\">\n        {view === 'overview' && (\n          <div className=\"space-y-4\">\n            {/* Harness Grid */}\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr('vibecontrols.agentManager.bridle.supportedHarnesses', 'Supported Harnesses')}\n              </h4>\n              <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-2\">\n                {HARNESSES.map((h) => (\n                  <button\n                    key={h.id}\n                    onClick={() => {\n                      setSelectedHarness(h.id);\n                      setView('profiles');\n                    }}\n                    className=\"px-3 py-2.5 rounded-md border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left\"\n                  >\n                    <span className=\"text-xs font-medium text-text-primary\">{h.name}</span>\n                    <span className=\"block text-[10px] text-text-tertiary font-mono mt-0.5\">\n                      {h.config}\n                    </span>\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            {/* Quick Status */}\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr('vibecontrols.agentManager.bridle.quickActions', 'Quick Actions')}\n              </h4>\n              <div className=\"flex flex-wrap gap-2\">\n                <button\n                  onClick={() => showCommand('bridle status')}\n                  className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors flex items-center gap-1.5\"\n                >\n                  <RefreshCw className=\"w-3 h-3\" />{' '}\n                  {tr('vibecontrols.agentManager.bridle.showStatus', 'Show Status')}\n                </button>\n                <button\n                  onClick={() => showCommand('bridle init')}\n                  className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors flex items-center gap-1.5\"\n                >\n                  <Plus className=\"w-3 h-3\" />{' '}\n                  {tr('vibecontrols.agentManager.bridle.initialize', 'Initialize')}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {view === 'profiles' && (\n          <div className=\"space-y-4\">\n            {/* Harness Selector */}\n            <div>\n              <label className=\"block text-xs font-medium text-text-secondary mb-1\">Harness</label>\n              <select\n                value={selectedHarness}\n                onChange={(e) => setSelectedHarness(e.target.value)}\n                className=\"w-full px-3 py-2 text-sm rounded border border-border-default bg-bg-primary text-text-primary\"\n              >\n                {HARNESSES.map((h) => (\n                  <option key={h.id} value={h.id}>\n                    {h.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {/* Profile Actions */}\n            <div className=\"grid grid-cols-2 gap-2\">\n              <button\n                onClick={() => showCommand(`bridle profile list ${selectedHarness}`)}\n                className=\"px-3 py-2 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left\"\n              >\n                {tr('vibecontrols.agentManager.bridle.listProfiles', 'List Profiles')}\n              </button>\n              <button\n                onClick={() =>\n                  showCommand(`bridle profile show ${selectedHarness} ${profileName || '<name>'}`)\n                }\n                className=\"px-3 py-2 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left\"\n              >\n                {tr('vibecontrols.agentManager.bridle.showProfile', 'Show Profile')}\n              </button>\n            </div>\n\n            {/* Create Profile */}\n            <div>\n              <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n                {tr('vibecontrols.agentManager.bridle.profileName', 'Profile Name')}\n              </label>\n              <div className=\"flex gap-2\">\n                <input\n                  type=\"text\"\n                  value={profileName}\n                  onChange={(e) => setProfileName(e.target.value)}\n                  placeholder=\"e.g., work, personal, minimal\"\n                  className=\"flex-1 px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n                />\n              </div>\n              <div className=\"flex gap-2 mt-2\">\n                <button\n                  onClick={() =>\n                    showCommand(`bridle profile create ${selectedHarness} ${profileName}`)\n                  }\n                  disabled={!profileName}\n                  className=\"px-3 py-1.5 text-xs rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50 flex items-center gap-1\"\n                >\n                  <Plus className=\"w-3 h-3\" /> Create\n                </button>\n                <button\n                  onClick={() =>\n                    showCommand(\n                      `bridle profile create ${selectedHarness} ${profileName} --from-current`\n                    )\n                  }\n                  disabled={!profileName}\n                  className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1\"\n                >\n                  <Copy className=\"w-3 h-3\" /> From Current\n                </button>\n                <button\n                  onClick={() =>\n                    showCommand(`bridle profile switch ${selectedHarness} ${profileName}`)\n                  }\n                  disabled={!profileName}\n                  className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1\"\n                >\n                  <ArrowLeftRight className=\"w-3 h-3\" /> Switch\n                </button>\n                <button\n                  onClick={() =>\n                    showCommand(`bridle profile delete ${selectedHarness} ${profileName}`)\n                  }\n                  disabled={!profileName}\n                  className=\"px-3 py-1.5 text-xs rounded border border-status-error-bg text-status-error-text hover:bg-status-error-bg/10 disabled:opacity-50 flex items-center gap-1\"\n                >\n                  <Trash2 className=\"w-3 h-3\" /> Delete\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {view === 'install' && (\n          <div className=\"space-y-4\">\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr('vibecontrols.agentManager.bridle.installFromGithub', 'Install from GitHub')}\n              </h4>\n              <p className=\"text-xs text-text-secondary mb-3\">\n                {tr(\n                  'vibecontrols.agentManager.bridle.installDescription',\n                  'Install skills, agents, commands, or MCPs from GitHub repositories.'\n                )}\n              </p>\n              <div className=\"flex gap-2\">\n                <input\n                  type=\"text\"\n                  value={installSource}\n                  onChange={(e) => setInstallSource(e.target.value)}\n                  placeholder=\"owner/repo or full GitHub URL\"\n                  className=\"flex-1 px-3 py-2 text-sm rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n                />\n                <button\n                  onClick={() => showCommand(`bridle install ${installSource}`)}\n                  disabled={!installSource}\n                  className=\"px-4 py-2 text-sm rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50 flex items-center gap-1.5\"\n                >\n                  <Download className=\"w-4 h-4\" /> Install\n                </button>\n              </div>\n              <p className=\"text-[10px] text-text-tertiary mt-1.5\">\n                Use <code className=\"px-1 py-0.5 rounded bg-bg-elevated\">--force</code> to overwrite\n                existing installations\n              </p>\n            </div>\n          </div>\n        )}\n\n        {view === 'settings' && (\n          <div className=\"space-y-4\">\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr('vibecontrols.agentManager.bridle.configuration', 'Configuration')}\n              </h4>\n              <div className=\"space-y-3\">\n                <div>\n                  <label className=\"block text-xs font-medium text-text-secondary mb-1\">Key</label>\n                  <input\n                    type=\"text\"\n                    value={configKey}\n                    onChange={(e) => setConfigKey(e.target.value)}\n                    placeholder=\"e.g., editor, default_harness, profile_marker\"\n                    className=\"w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n                    Value\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={configValue}\n                    onChange={(e) => setConfigValue(e.target.value)}\n                    placeholder=\"value\"\n                    className=\"w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n                  />\n                </div>\n                <div className=\"flex gap-2\">\n                  <button\n                    onClick={() => showCommand(`bridle config get ${configKey}`)}\n                    disabled={!configKey}\n                    className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50\"\n                  >\n                    Get\n                  </button>\n                  <button\n                    onClick={() => showCommand(`bridle config set ${configKey} ${configValue}`)}\n                    disabled={!configKey || !configValue}\n                    className=\"px-3 py-1.5 text-xs rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50\"\n                  >\n                    Set\n                  </button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr(\n                  'vibecontrols.agentManager.bridle.availableConfigKeys',\n                  'Available Config Keys'\n                )}\n              </h4>\n              <div className=\"space-y-1 text-xs text-text-secondary\">\n                <div className=\"flex justify-between px-2 py-1 rounded bg-bg-primary\">\n                  <code>profile_marker</code>\n                  <span>Enable debug marker files</span>\n                </div>\n                <div className=\"flex justify-between px-2 py-1 rounded bg-bg-primary\">\n                  <code>editor</code>\n                  <span>Default text editor</span>\n                </div>\n                <div className=\"flex justify-between px-2 py-1 rounded bg-bg-primary\">\n                  <code>tui.view</code>\n                  <span>Initial TUI view</span>\n                </div>\n                <div className=\"flex justify-between px-2 py-1 rounded bg-bg-primary\">\n                  <code>default_harness</code>\n                  <span>Startup harness tab</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Output */}\n        {output && (\n          <div className=\"mt-4 border-t border-border-default pt-3\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider\">\n                {tr('vibecontrols.agentManager.bridle.command', 'Command')}\n              </h4>\n              <button\n                onClick={() => setOutput('')}\n                className=\"text-[10px] text-text-tertiary hover:text-text-secondary\"\n              >\n                {tr('vibecontrols.agentManager.bridle.clear', 'Clear')}\n              </button>\n            </div>\n            <pre className=\"p-3 rounded-md bg-bg-sunken text-text-primary text-xs font-mono whitespace-pre-wrap border border-border-default\">\n              {output}\n            </pre>\n            <p className=\"text-[10px] text-text-tertiary mt-1 flex items-center gap-1\">\n              {copiedCmd ? (\n                <>\n                  <Check className=\"w-3 h-3 text-status-success-text\" />{' '}\n                  {tr('vibecontrols.agentManager.bridle.copiedToClipboard', 'Copied to clipboard')}\n                </>\n              ) : (\n                tr('vibecontrols.agentManager.bridle.commandCopied', 'Command copied to clipboard')\n              )}\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BridleConfigPanel.js","names":[],"sources":["../../../src/components/agent-manager/BridleConfigPanel.tsx"],"sourcesContent":["/**\n * Bridle Configuration Manager Panel.\n *\n * Provides a full UI for managing cross-harness AI assistant configurations\n * via the Bridle CLI tool. Supports profile management, skill installation,\n * and config editing across Claude Code, OpenCode, Goose, Amp, Copilot, and Crush.\n */\n\nimport { useState, useCallback } from 'react';\nimport {\n  Terminal,\n  Copy,\n  Check,\n  Plus,\n  ArrowLeftRight,\n  Trash2,\n  Download,\n  Settings,\n  RefreshCw,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface BridleConfigPanelProps {\n  agent: { id: string; profile: string };\n}\n\nconst HARNESSES = [\n  {\n    name: 'Claude Code',\n    id: 'claude',\n    config: '~/.claude/',\n    color: 'bg-accent-purple-subtle text-accent-purple',\n  },\n  {\n    name: 'OpenCode',\n    id: 'opencode',\n    config: '~/.config/opencode/',\n    color: 'bg-status-info-bg text-status-info-text',\n  },\n  {\n    name: 'Goose',\n    id: 'goose',\n    config: '~/.config/goose/',\n    color: 'bg-status-success-bg text-status-success-text',\n  },\n  {\n    name: 'Amp',\n    id: 'amp',\n    config: '~/.amp/',\n    color: 'bg-status-warning-bg text-status-warning-text',\n  },\n  {\n    name: 'Copilot',\n    id: 'copilot',\n    config: '~/.copilot/',\n    color: 'bg-bg-sunken text-text-secondary',\n  },\n  {\n    name: 'Crush',\n    id: 'crush',\n    config: '~/.config/crush/',\n    color: 'bg-status-error-bg text-status-error-text',\n  },\n];\n\ntype PanelView = 'overview' | 'profiles' | 'install' | 'settings';\n\nexport function BridleConfigPanel({ agent: _agent }: BridleConfigPanelProps) {\n  const tr = useTr();\n  const [view, setView] = useState<PanelView>('overview');\n  const [selectedHarness, setSelectedHarness] = useState('claude');\n  const [profileName, setProfileName] = useState('');\n  const [installSource, setInstallSource] = useState('');\n  const [configKey, setConfigKey] = useState('');\n  const [configValue, setConfigValue] = useState('');\n  const [output, setOutput] = useState('');\n  const [copiedCmd, setCopiedCmd] = useState<string | null>(null);\n\n  const copyToClipboard = useCallback((text: string) => {\n    void navigator.clipboard.writeText(text);\n    setCopiedCmd(text);\n    setTimeout(() => setCopiedCmd(null), 2000);\n  }, []);\n\n  const showCommand = (cmd: string) => {\n    setOutput(`$ ${cmd}\\n\\nRun this command in your terminal to execute.`);\n    copyToClipboard(cmd);\n  };\n\n  const navItems: Array<{ key: PanelView; label: string; icon: typeof Settings }> = [\n    { key: 'overview', label: 'Overview', icon: RefreshCw },\n    { key: 'profiles', label: 'Profiles', icon: ArrowLeftRight },\n    { key: 'install', label: 'Install', icon: Download },\n    { key: 'settings', label: 'Settings', icon: Settings },\n  ];\n\n  return (\n    <div className=\"flex flex-col h-full max-h-[65vh] overflow-hidden\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default flex-shrink-0\">\n        <div>\n          <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2\">\n            <Terminal className=\"w-4 h-4\" />\n            {tr('vibecontrols.agentManager.bridle.title', 'Bridle — Cross-Harness Config Manager')}\n          </h3>\n          <p className=\"text-[11px] text-text-secondary mt-0.5\">\n            {tr(\n              'vibecontrols.agentManager.bridle.description',\n              'Manage profiles, skills, and configurations across all AI coding assistants'\n            )}\n          </p>\n        </div>\n      </div>\n\n      {/* Sub-navigation */}\n      <div className=\"flex gap-1 px-4 py-2 border-b border-border-default flex-shrink-0\">\n        {navItems.map(({ key, label, icon: Icon }) => (\n          <button\n            key={key}\n            onClick={() => setView(key)}\n            className={`flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded transition-colors ${\n              view === key\n                ? 'bg-action-primary-bg/10 text-action-primary-text'\n                : 'text-text-secondary hover:text-text-primary hover:bg-bg-elevated'\n            }`}\n          >\n            <Icon className=\"w-3.5 h-3.5\" />\n            {label}\n          </button>\n        ))}\n      </div>\n\n      {/* Content */}\n      <div className=\"flex-1 overflow-y-auto p-4\">\n        {view === 'overview' && (\n          <div className=\"space-y-4\">\n            {/* Harness Grid */}\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr('vibecontrols.agentManager.bridle.supportedHarnesses', 'Supported Harnesses')}\n              </h4>\n              <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-2\">\n                {HARNESSES.map((h) => (\n                  <button\n                    key={h.id}\n                    onClick={() => {\n                      setSelectedHarness(h.id);\n                      setView('profiles');\n                    }}\n                    className=\"px-3 py-2.5 rounded-md border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left\"\n                  >\n                    <span className=\"text-xs font-medium text-text-primary\">{h.name}</span>\n                    <span className=\"block text-[10px] text-text-tertiary font-mono mt-0.5\">\n                      {h.config}\n                    </span>\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            {/* Quick Status */}\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr('vibecontrols.agentManager.bridle.quickActions', 'Quick Actions')}\n              </h4>\n              <div className=\"flex flex-wrap gap-2\">\n                <button\n                  onClick={() => showCommand('bridle status')}\n                  className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors flex items-center gap-1.5\"\n                >\n                  <RefreshCw className=\"w-3 h-3\" />{' '}\n                  {tr('vibecontrols.agentManager.bridle.showStatus', 'Show Status')}\n                </button>\n                <button\n                  onClick={() => showCommand('bridle init')}\n                  className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors flex items-center gap-1.5\"\n                >\n                  <Plus className=\"w-3 h-3\" />{' '}\n                  {tr('vibecontrols.agentManager.bridle.initialize', 'Initialize')}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {view === 'profiles' && (\n          <div className=\"space-y-4\">\n            {/* Harness Selector */}\n            <div>\n              <label className=\"block text-xs font-medium text-text-secondary mb-1\">Harness</label>\n              <select\n                value={selectedHarness}\n                onChange={(e) => setSelectedHarness(e.target.value)}\n                className=\"w-full px-3 py-2 text-sm rounded border border-border-default bg-bg-primary text-text-primary\"\n              >\n                {HARNESSES.map((h) => (\n                  <option key={h.id} value={h.id}>\n                    {h.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            {/* Profile Actions */}\n            <div className=\"grid grid-cols-2 gap-2\">\n              <button\n                onClick={() => showCommand(`bridle profile list ${selectedHarness}`)}\n                className=\"px-3 py-2 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left\"\n              >\n                {tr('vibecontrols.agentManager.bridle.listProfiles', 'List Profiles')}\n              </button>\n              <button\n                onClick={() =>\n                  showCommand(`bridle profile show ${selectedHarness} ${profileName || '<name>'}`)\n                }\n                className=\"px-3 py-2 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left\"\n              >\n                {tr('vibecontrols.agentManager.bridle.showProfile', 'Show Profile')}\n              </button>\n            </div>\n\n            {/* Create Profile */}\n            <div>\n              <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n                {tr('vibecontrols.agentManager.bridle.profileName', 'Profile Name')}\n              </label>\n              <div className=\"flex gap-2\">\n                <input\n                  type=\"text\"\n                  value={profileName}\n                  onChange={(e) => setProfileName(e.target.value)}\n                  placeholder=\"e.g., work, personal, minimal\"\n                  className=\"flex-1 px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n                />\n              </div>\n              <div className=\"flex gap-2 mt-2\">\n                <button\n                  onClick={() =>\n                    showCommand(`bridle profile create ${selectedHarness} ${profileName}`)\n                  }\n                  disabled={!profileName}\n                  className=\"px-3 py-1.5 text-xs rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50 flex items-center gap-1\"\n                >\n                  <Plus className=\"w-3 h-3\" /> Create\n                </button>\n                <button\n                  onClick={() =>\n                    showCommand(\n                      `bridle profile create ${selectedHarness} ${profileName} --from-current`\n                    )\n                  }\n                  disabled={!profileName}\n                  className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1\"\n                >\n                  <Copy className=\"w-3 h-3\" /> From Current\n                </button>\n                <button\n                  onClick={() =>\n                    showCommand(`bridle profile switch ${selectedHarness} ${profileName}`)\n                  }\n                  disabled={!profileName}\n                  className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1\"\n                >\n                  <ArrowLeftRight className=\"w-3 h-3\" /> Switch\n                </button>\n                <button\n                  onClick={() =>\n                    showCommand(`bridle profile delete ${selectedHarness} ${profileName}`)\n                  }\n                  disabled={!profileName}\n                  className=\"px-3 py-1.5 text-xs rounded border border-status-error-bg text-status-error-text hover:bg-status-error-bg/10 disabled:opacity-50 flex items-center gap-1\"\n                >\n                  <Trash2 className=\"w-3 h-3\" /> Delete\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {view === 'install' && (\n          <div className=\"space-y-4\">\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr('vibecontrols.agentManager.bridle.installFromGithub', 'Install from GitHub')}\n              </h4>\n              <p className=\"text-xs text-text-secondary mb-3\">\n                {tr(\n                  'vibecontrols.agentManager.bridle.installDescription',\n                  'Install skills, agents, commands, or MCPs from GitHub repositories.'\n                )}\n              </p>\n              <div className=\"flex gap-2\">\n                <input\n                  type=\"text\"\n                  value={installSource}\n                  onChange={(e) => setInstallSource(e.target.value)}\n                  placeholder=\"owner/repo or full GitHub URL\"\n                  className=\"flex-1 px-3 py-2 text-sm rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n                />\n                <button\n                  onClick={() => showCommand(`bridle install ${installSource}`)}\n                  disabled={!installSource}\n                  className=\"px-4 py-2 text-sm rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50 flex items-center gap-1.5\"\n                >\n                  <Download className=\"w-4 h-4\" /> Install\n                </button>\n              </div>\n              <p className=\"text-[10px] text-text-tertiary mt-1.5\">\n                Use <code className=\"px-1 py-0.5 rounded bg-bg-elevated\">--force</code> to overwrite\n                existing installations\n              </p>\n            </div>\n          </div>\n        )}\n\n        {view === 'settings' && (\n          <div className=\"space-y-4\">\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr('vibecontrols.agentManager.bridle.configuration', 'Configuration')}\n              </h4>\n              <div className=\"space-y-3\">\n                <div>\n                  <label className=\"block text-xs font-medium text-text-secondary mb-1\">Key</label>\n                  <input\n                    type=\"text\"\n                    value={configKey}\n                    onChange={(e) => setConfigKey(e.target.value)}\n                    placeholder=\"e.g., editor, default_harness, profile_marker\"\n                    className=\"w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n                    Value\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={configValue}\n                    onChange={(e) => setConfigValue(e.target.value)}\n                    placeholder=\"value\"\n                    className=\"w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n                  />\n                </div>\n                <div className=\"flex gap-2\">\n                  <button\n                    onClick={() => showCommand(`bridle config get ${configKey}`)}\n                    disabled={!configKey}\n                    className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50\"\n                  >\n                    Get\n                  </button>\n                  <button\n                    onClick={() => showCommand(`bridle config set ${configKey} ${configValue}`)}\n                    disabled={!configKey || !configValue}\n                    className=\"px-3 py-1.5 text-xs rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50\"\n                  >\n                    Set\n                  </button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2\">\n                {tr(\n                  'vibecontrols.agentManager.bridle.availableConfigKeys',\n                  'Available Config Keys'\n                )}\n              </h4>\n              <div className=\"space-y-1 text-xs text-text-secondary\">\n                <div className=\"flex justify-between px-2 py-1 rounded bg-bg-primary\">\n                  <code>profile_marker</code>\n                  <span>Enable debug marker files</span>\n                </div>\n                <div className=\"flex justify-between px-2 py-1 rounded bg-bg-primary\">\n                  <code>editor</code>\n                  <span>Default text editor</span>\n                </div>\n                <div className=\"flex justify-between px-2 py-1 rounded bg-bg-primary\">\n                  <code>tui.view</code>\n                  <span>Initial TUI view</span>\n                </div>\n                <div className=\"flex justify-between px-2 py-1 rounded bg-bg-primary\">\n                  <code>default_harness</code>\n                  <span>Startup harness tab</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Output */}\n        {output && (\n          <div className=\"mt-4 border-t border-border-default pt-3\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <h4 className=\"text-xs font-semibold text-text-secondary uppercase tracking-wider\">\n                {tr('vibecontrols.agentManager.bridle.command', 'Command')}\n              </h4>\n              <button\n                onClick={() => setOutput('')}\n                className=\"text-[10px] text-text-tertiary hover:text-text-secondary\"\n              >\n                {tr('vibecontrols.agentManager.bridle.clear', 'Clear')}\n              </button>\n            </div>\n            <pre className=\"p-3 rounded-md bg-bg-sunken text-text-primary text-xs font-mono whitespace-pre-wrap border border-border-default\">\n              {output}\n            </pre>\n            <p className=\"text-[10px] text-text-tertiary mt-1 flex items-center gap-1\">\n              {copiedCmd ? (\n                <>\n                  <Check className=\"w-3 h-3 text-status-success-text\" />{' '}\n                  {tr('vibecontrols.agentManager.bridle.copiedToClipboard', 'Copied to clipboard')}\n                </>\n              ) : (\n                tr('vibecontrols.agentManager.bridle.commandCopied', 'Command copied to clipboard')\n              )}\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AA0BA,IAAM,IAAY;CAChB;EACE,MAAM;EACN,IAAI;EACJ,QAAQ;EACR,OAAO;EACR;CACD;EACE,MAAM;EACN,IAAI;EACJ,QAAQ;EACR,OAAO;EACR;CACD;EACE,MAAM;EACN,IAAI;EACJ,QAAQ;EACR,OAAO;EACR;CACD;EACE,MAAM;EACN,IAAI;EACJ,QAAQ;EACR,OAAO;EACR;CACD;EACE,MAAM;EACN,IAAI;EACJ,QAAQ;EACR,OAAO;EACR;CACD;EACE,MAAM;EACN,IAAI;EACJ,QAAQ;EACR,OAAO;EACR;CACF;AAID,SAAgB,EAAkB,EAAE,OAAO,KAAkC;CAC3E,IAAM,IAAK,GAAO,EACZ,CAAC,GAAM,KAAW,EAAoB,WAAW,EACjD,CAAC,GAAiB,KAAsB,EAAS,SAAS,EAC1D,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAe,KAAoB,EAAS,GAAG,EAChD,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAW,KAAgB,EAAwB,KAAK,EAEzD,IAAkB,GAAa,MAAiB;AAGpD,EAFK,UAAU,UAAU,UAAU,EAAK,EACxC,EAAa,EAAK,EAClB,iBAAiB,EAAa,KAAK,EAAE,IAAK;IACzC,EAAE,CAAC,EAEA,KAAe,MAAgB;AAEnC,EADA,EAAU,KAAK,EAAI,mDAAmD,EACtE,EAAgB,EAAI;IAGhB,IAA4E;EAChF;GAAE,KAAK;GAAY,OAAO;GAAY,MAAM;GAAW;EACvD;GAAE,KAAK;GAAY,OAAO;GAAY,MAAM;GAAgB;EAC5D;GAAE,KAAK;GAAW,OAAO;GAAW,MAAM;GAAU;EACpD;GAAE,KAAK;GAAY,OAAO;GAAY,MAAM;GAAU;EACvD;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAG,0CAA0C,wCAAwC,CACnF;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,gDACA,8EACD;KACC,CAAA,CACA,EAAA,CAAA;IACF,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,EAAE,QAAK,UAAO,MAAM,QACjC,kBAAC,UAAD;KAEE,eAAe,EAAQ,EAAI;KAC3B,WAAW,uFACT,MAAS,IACL,qDACA;eANR,CASE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAC/B,EACM;OAVF,EAUE,CACT;IACE,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,MAAS,cACR,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAEE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,uDAAuD,sBAAsB;OAC9E,CAAA,EACL,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAU,KAAK,MACd,kBAAC,UAAD;QAEE,eAAe;AAEb,SADA,EAAmB,EAAE,GAAG,EACxB,EAAQ,WAAW;;QAErB,WAAU;kBANZ,CAQE,kBAAC,QAAD;SAAM,WAAU;mBAAyC,EAAE;SAAY,CAAA,EACvE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAE;SACE,CAAA,CACA;UAXF,EAAE,GAWA,CACT;OACE,CAAA,CACF,EAAA,CAAA,EAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,iDAAiD,gBAAgB;OAClE,CAAA,EACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,eAAe,EAAY,gBAAgB;QAC3C,WAAU;kBAFZ;SAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;SAAC;SACjC,EAAG,+CAA+C,cAAc;SAC1D;WACT,kBAAC,UAAD;QACE,eAAe,EAAY,cAAc;QACzC,WAAU;kBAFZ;SAIE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;SAAC;SAC5B,EAAG,+CAA+C,aAAa;SACzD;UACL;SACF,EAAA,CAAA,CACF;;KAGP,MAAS,cACR,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAqD;QAAe,CAAA,EACrF,kBAAC,UAAD;QACE,OAAO;QACP,WAAW,MAAM,EAAmB,EAAE,OAAO,MAAM;QACnD,WAAU;kBAET,EAAU,KAAK,MACd,kBAAC,UAAD;SAAmB,OAAO,EAAE;mBACzB,EAAE;SACI,EAFI,EAAE,GAEN,CACT;QACK,CAAA,CACL,EAAA,CAAA;OAGN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,UAAD;SACE,eAAe,EAAY,uBAAuB,IAAkB;SACpE,WAAU;mBAET,EAAG,iDAAiD,gBAAgB;SAC9D,CAAA,EACT,kBAAC,UAAD;SACE,eACE,EAAY,uBAAuB,EAAgB,GAAG,KAAe,WAAW;SAElF,WAAU;mBAET,EAAG,gDAAgD,eAAe;SAC5D,CAAA,CACL;;OAGN,kBAAC,OAAD,EAAA,UAAA;QACE,kBAAC,SAAD;SAAO,WAAU;mBACd,EAAG,gDAAgD,eAAe;SAC7D,CAAA;QACR,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,SAAD;UACE,MAAK;UACL,OAAO;UACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;UAC/C,aAAY;UACZ,WAAU;UACV,CAAA;SACE,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,UAAD;WACE,eACE,EAAY,yBAAyB,EAAgB,GAAG,IAAc;WAExE,UAAU,CAAC;WACX,WAAU;qBALZ,CAOE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,UACrB;;UACT,kBAAC,UAAD;WACE,eACE,EACE,yBAAyB,EAAgB,GAAG,EAAY,iBACzD;WAEH,UAAU,CAAC;WACX,WAAU;qBAPZ,CASE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBACrB;;UACT,kBAAC,UAAD;WACE,eACE,EAAY,yBAAyB,EAAgB,GAAG,IAAc;WAExE,UAAU,CAAC;WACX,WAAU;qBALZ,CAOE,kBAAC,GAAD,EAAgB,WAAU,WAAY,CAAA,EAAA,UAC/B;;UACT,kBAAC,UAAD;WACE,eACE,EAAY,yBAAyB,EAAgB,GAAG,IAAc;WAExE,UAAU,CAAC;WACX,WAAU;qBALZ,CAOE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,UACvB;;UACL;;QACF,EAAA,CAAA;OACF;;KAGP,MAAS,aACR,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAG,sDAAsD,sBAAsB;QAC7E,CAAA;OACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,uDACA,sEACD;QACC,CAAA;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,SAAD;SACE,MAAK;SACL,OAAO;SACP,WAAW,MAAM,EAAiB,EAAE,OAAO,MAAM;SACjD,aAAY;SACZ,WAAU;SACV,CAAA,EACF,kBAAC,UAAD;SACE,eAAe,EAAY,kBAAkB,IAAgB;SAC7D,UAAU,CAAC;SACX,WAAU;mBAHZ,CAKE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,WACzB;WACL;;OACN,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAqD;SAC/C,kBAAC,QAAD;UAAM,WAAU;oBAAqC;UAAc,CAAA;;SAErE;;OACA,EAAA,CAAA;MACF,CAAA;KAGP,MAAS,cACR,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,kDAAkD,gBAAgB;OACnE,CAAA,EACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAAqD;SAAW,CAAA,EACjF,kBAAC,SAAD;SACE,MAAK;SACL,OAAO;SACP,WAAW,MAAM,EAAa,EAAE,OAAO,MAAM;SAC7C,aAAY;SACZ,WAAU;SACV,CAAA,CACE,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAAqD;SAE9D,CAAA,EACR,kBAAC,SAAD;SACE,MAAK;SACL,OAAO;SACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;SAC/C,aAAY;SACZ,WAAU;SACV,CAAA,CACE,EAAA,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,UAAD;UACE,eAAe,EAAY,qBAAqB,IAAY;UAC5D,UAAU,CAAC;UACX,WAAU;oBACX;UAEQ,CAAA,EACT,kBAAC,UAAD;UACE,eAAe,EAAY,qBAAqB,EAAU,GAAG,IAAc;UAC3E,UAAU,CAAC,KAAa,CAAC;UACzB,WAAU;oBACX;UAEQ,CAAA,CACL;;QACF;SACF,EAAA,CAAA,EAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EACC,wDACA,wBACD;OACE,CAAA,EACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD,EAAA,UAAM,kBAAqB,CAAA,EAC3B,kBAAC,QAAD,EAAA,UAAM,6BAAgC,CAAA,CAClC;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA,EACnB,kBAAC,QAAD,EAAA,UAAM,uBAA0B,CAAA,CAC5B;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA,EACrB,kBAAC,QAAD,EAAA,UAAM,oBAAuB,CAAA,CACzB;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD,EAAA,UAAM,mBAAsB,CAAA,EAC5B,kBAAC,QAAD,EAAA,UAAM,uBAA0B,CAAA,CAC5B;;QACF;SACF,EAAA,CAAA,CACF;;KAIP,KACC,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAG,4CAA4C,UAAU;SACvD,CAAA,EACL,kBAAC,UAAD;SACE,eAAe,EAAU,GAAG;SAC5B,WAAU;mBAET,EAAG,0CAA0C,QAAQ;SAC/C,CAAA,CACL;;OACN,kBAAC,OAAD;QAAK,WAAU;kBACZ;QACG,CAAA;OACN,kBAAC,KAAD;QAAG,WAAU;kBACV,IACC,kBAAA,GAAA,EAAA,UAAA;SACE,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA;SAAC;SACtD,EAAG,sDAAsD,sBAAsB;SAC/E,EAAA,CAAA,GAEH,EAAG,kDAAkD,8BAA8B;QAEnF,CAAA;OACA;;KAEJ;;GACF"}