npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.827.1 → 2026.829.1 - Mend

@burdenoff/microfe-vibecontrols 2026.827.1 → 2026.829.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/components/agent-manager/BridleConfigPanel.js +10 -10
package/dist/components/agent-manager/BridleConfigPanel.js.map +1 -1
package/dist/components/agent-manager/FilePickerModal.js +71 -65
package/dist/components/agent-manager/FilePickerModal.js.map +1 -1
package/dist/components/graph/MeshAgentNode.js +39 -38
package/dist/components/graph/MeshAgentNode.js.map +1 -1
package/dist/components/vibes/VibeList.js +88 -93
package/dist/components/vibes/VibeList.js.map +1 -1
package/dist/translations/en.js +102 -2
package/dist/translations/en.js.map +1 -1
package/package.json +1 -1

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

@@ -179,11 +179,11 @@ function g({ agent: g }) {
 								/* @__PURE__ */ p("div", {
 									className: "flex gap-2",
 									children: /* @__PURE__ */ p("input", {
-										"aria-label": "e.g., work, personal, minimal",
+										"aria-label": _("vibecontrols.agentManager.bridle.profileNameAriaLabel", "Profile name"),
 										type: "text",
 										value: S,
 										onChange: (e) => C(e.target.value),
-										placeholder: "e.g., work, personal, minimal",
+										placeholder: _("vibecontrols.agentManager.bridle.profileNamePlaceholder", "e.g., work, personal, minimal"),
 										className: "flex-1 px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
 									})
 								}),
@@ -237,11 +237,11 @@ function g({ agent: g }) {
 							/* @__PURE__ */ m("div", {
 								className: "flex gap-2",
 								children: [/* @__PURE__ */ p("input", {
-									"aria-label": "owner/repo or full GitHub URL",
+									"aria-label": _("vibecontrols.agentManager.bridle.installSourceAriaLabel", "GitHub repository or full URL"),
 									type: "text",
 									value: w,
 									onChange: (e) => T(e.target.value),
-									placeholder: "owner/repo or full GitHub URL",
+									placeholder: _("vibecontrols.agentManager.bridle.installSourcePlaceholder", "owner/repo or full GitHub URL"),
 									className: "flex-1 px-3 py-2 text-sm rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
 								}), /* @__PURE__ */ m("button", {
 									type: "button",
@@ -275,27 +275,27 @@ function g({ agent: g }) {
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "bridleconfigpanel-4",
 									className: "block text-xs font-medium text-text-secondary mb-1",
-									children: "Key"
+									children: _("vibecontrols.agentManager.bridle.configKeyLabel", "Key")
 								}), /* @__PURE__ */ p("input", {
 									id: "bridleconfigpanel-4",
-									"aria-label": "e.g., editor, default_harness, profile_marker",
+									"aria-label": _("vibecontrols.agentManager.bridle.configKeyAriaLabel", "Configuration key"),
 									type: "text",
 									value: E,
 									onChange: (e) => D(e.target.value),
-									placeholder: "e.g., editor, default_harness, profile_marker",
+									placeholder: _("vibecontrols.agentManager.bridle.configKeyPlaceholder", "e.g., editor, default_harness, profile_marker"),
 									className: "w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
 								})] }),
 								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "bridleconfigpanel-3",
 									className: "block text-xs font-medium text-text-secondary mb-1",
-									children: "Value"
+									children: _("vibecontrols.agentManager.bridle.configValueLabel", "Value")
 								}), /* @__PURE__ */ p("input", {
 									id: "bridleconfigpanel-3",
-									"aria-label": "value",
+									"aria-label": _("vibecontrols.agentManager.bridle.configValueAriaLabel", "Configuration value"),
 									type: "text",
 									value: O,
 									onChange: (e) => k(e.target.value),
-									placeholder: "value",
+									placeholder: _("vibecontrols.agentManager.bridle.configValuePlaceholder", "value"),
 									className: "w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
 								})] }),
 								/* @__PURE__ */ m("div", {

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

	@@ -1 +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-accent-purple-subtle text-text-primary',\n },\n {\n name: 'OpenCode',\n id: 'opencode',\n config: '~/.config/opencode/',\n color: 'bg-status-info-bg-subtle text-status-info-text',\n },\n {\n name: 'Goose',\n id: 'goose',\n config: '~/.config/goose/',\n color: 'bg-status-success-bg-subtle text-status-success-text',\n },\n {\n name: 'Amp',\n id: 'amp',\n config: '~/.amp/',\n color: 'bg-status-warning-bg-subtle 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-subtle 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=\"size-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 type=\"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-[var(--color-accent-soft)] text-text-primary'\n : 'text-text-secondary hover:text-text-primary hover:bg-bg-elevated'\n }`}\n >\n <Icon className=\"size-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 type=\"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-surface 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 type=\"button\"\n onClick={() => showCommand('bridle status')}\n className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface hover:bg-bg-elevated transition-colors flex items-center gap-1.5\"\n >\n <RefreshCw className=\"size-3\" />{' '}\n {tr('vibecontrols.agentManager.bridle.showStatus', 'Show Status')}\n </button>\n <button\n type=\"button\"\n onClick={() => showCommand('bridle init')}\n className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface hover:bg-bg-elevated transition-colors flex items-center gap-1.5\"\n >\n <Plus className=\"size-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\n htmlFor=\"bridleconfigpanel-5\"\n className=\"block text-xs font-medium text-text-secondary mb-1\"\n >\n Harness\n </label>\n <select\n id=\"bridleconfigpanel-5\"\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-surface 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 type=\"button\"\n onClick={() => showCommand(`bridle profile list ${selectedHarness}`)}\n className=\"px-3 py-2 text-xs rounded border border-border-default bg-bg-surface hover:bg-bg-elevated transition-colors text-left\"\n >\n {tr('vibecontrols.agentManager.bridle.listProfiles', 'List Profiles')}\n </button>\n <button\n type=\"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-surface 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 aria-label=\"e.g., work, personal, minimal\"\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-surface 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 type=\"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=\"size-3\" /> Create\n </button>\n <button\n type=\"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-surface hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1\"\n >\n <Copy className=\"size-3\" /> From Current\n </button>\n <button\n type=\"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-surface hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1\"\n >\n <ArrowLeftRight className=\"size-3\" /> Switch\n </button>\n <button\n type=\"button\"\n onClick={() =>\n showCommand(`bridle profile delete ${selectedHarness} ${profileName}`)\n }\n disabled={!profileName}\n className=\"px-3 py-1.5 text-xs rounded-button border border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50 flex items-center gap-1\"\n >\n <Trash2 className=\"size-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 aria-label=\"owner/repo or full GitHub URL\"\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-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n />\n <button\n type=\"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=\"size-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\n htmlFor=\"bridleconfigpanel-4\"\n className=\"block text-xs font-medium text-text-secondary mb-1\"\n >\n Key\n </label>\n <input\n id=\"bridleconfigpanel-4\"\n aria-label=\"e.g., editor, default_harness, profile_marker\"\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-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n />\n </div>\n <div>\n <label\n htmlFor=\"bridleconfigpanel-3\"\n className=\"block text-xs font-medium text-text-secondary mb-1\"\n >\n Value\n </label>\n <input\n id=\"bridleconfigpanel-3\"\n aria-label=\"value\"\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-surface 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 type=\"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-surface hover:bg-bg-elevated disabled:opacity-50\"\n >\n Get\n </button>\n <button\n type=\"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-surface\">\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-surface\">\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-surface\">\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-surface\">\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 type=\"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=\"size-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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"}
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-accent-purple-subtle text-text-primary',\n },\n {\n name: 'OpenCode',\n id: 'opencode',\n config: '~/.config/opencode/',\n color: 'bg-status-info-bg-subtle text-status-info-text',\n },\n {\n name: 'Goose',\n id: 'goose',\n config: '~/.config/goose/',\n color: 'bg-status-success-bg-subtle text-status-success-text',\n },\n {\n name: 'Amp',\n id: 'amp',\n config: '~/.amp/',\n color: 'bg-status-warning-bg-subtle 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-subtle 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=\"size-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 type=\"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-[var(--color-accent-soft)] text-text-primary'\n : 'text-text-secondary hover:text-text-primary hover:bg-bg-elevated'\n }`}\n >\n <Icon className=\"size-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 type=\"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-surface 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 type=\"button\"\n onClick={() => showCommand('bridle status')}\n className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface hover:bg-bg-elevated transition-colors flex items-center gap-1.5\"\n >\n <RefreshCw className=\"size-3\" />{' '}\n {tr('vibecontrols.agentManager.bridle.showStatus', 'Show Status')}\n </button>\n <button\n type=\"button\"\n onClick={() => showCommand('bridle init')}\n className=\"px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface hover:bg-bg-elevated transition-colors flex items-center gap-1.5\"\n >\n <Plus className=\"size-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\n htmlFor=\"bridleconfigpanel-5\"\n className=\"block text-xs font-medium text-text-secondary mb-1\"\n >\n Harness\n </label>\n <select\n id=\"bridleconfigpanel-5\"\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-surface 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 type=\"button\"\n onClick={() => showCommand(`bridle profile list ${selectedHarness}`)}\n className=\"px-3 py-2 text-xs rounded border border-border-default bg-bg-surface hover:bg-bg-elevated transition-colors text-left\"\n >\n {tr('vibecontrols.agentManager.bridle.listProfiles', 'List Profiles')}\n </button>\n <button\n type=\"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-surface 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 aria-label={tr(\n 'vibecontrols.agentManager.bridle.profileNameAriaLabel',\n 'Profile name'\n )}\n type=\"text\"\n value={profileName}\n onChange={(e) => setProfileName(e.target.value)}\n placeholder={tr(\n 'vibecontrols.agentManager.bridle.profileNamePlaceholder',\n 'e.g., work, personal, minimal'\n )}\n className=\"flex-1 px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface 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 type=\"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=\"size-3\" /> Create\n </button>\n <button\n type=\"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-surface hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1\"\n >\n <Copy className=\"size-3\" /> From Current\n </button>\n <button\n type=\"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-surface hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1\"\n >\n <ArrowLeftRight className=\"size-3\" /> Switch\n </button>\n <button\n type=\"button\"\n onClick={() =>\n showCommand(`bridle profile delete ${selectedHarness} ${profileName}`)\n }\n disabled={!profileName}\n className=\"px-3 py-1.5 text-xs rounded-button border border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50 flex items-center gap-1\"\n >\n <Trash2 className=\"size-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 aria-label={tr(\n 'vibecontrols.agentManager.bridle.installSourceAriaLabel',\n 'GitHub repository or full URL'\n )}\n type=\"text\"\n value={installSource}\n onChange={(e) => setInstallSource(e.target.value)}\n placeholder={tr(\n 'vibecontrols.agentManager.bridle.installSourcePlaceholder',\n 'owner/repo or full GitHub URL'\n )}\n className=\"flex-1 px-3 py-2 text-sm rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n />\n <button\n type=\"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=\"size-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\n htmlFor=\"bridleconfigpanel-4\"\n className=\"block text-xs font-medium text-text-secondary mb-1\"\n >\n {tr('vibecontrols.agentManager.bridle.configKeyLabel', 'Key')}\n </label>\n <input\n id=\"bridleconfigpanel-4\"\n aria-label={tr(\n 'vibecontrols.agentManager.bridle.configKeyAriaLabel',\n 'Configuration key'\n )}\n type=\"text\"\n value={configKey}\n onChange={(e) => setConfigKey(e.target.value)}\n placeholder={tr(\n 'vibecontrols.agentManager.bridle.configKeyPlaceholder',\n 'e.g., editor, default_harness, profile_marker'\n )}\n className=\"w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong\"\n />\n </div>\n <div>\n <label\n htmlFor=\"bridleconfigpanel-3\"\n className=\"block text-xs font-medium text-text-secondary mb-1\"\n >\n {tr('vibecontrols.agentManager.bridle.configValueLabel', 'Value')}\n </label>\n <input\n id=\"bridleconfigpanel-3\"\n aria-label={tr(\n 'vibecontrols.agentManager.bridle.configValueAriaLabel',\n 'Configuration value'\n )}\n type=\"text\"\n value={configValue}\n onChange={(e) => setConfigValue(e.target.value)}\n placeholder={tr(\n 'vibecontrols.agentManager.bridle.configValuePlaceholder',\n 'value'\n )}\n className=\"w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-surface 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 type=\"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-surface hover:bg-bg-elevated disabled:opacity-50\"\n >\n Get\n </button>\n <button\n type=\"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-surface\">\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-surface\">\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-surface\">\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-surface\">\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 type=\"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=\"size-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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"}

package/dist/components/agent-manager/FilePickerModal.js CHANGED Viewed

@@ -1,11 +1,12 @@
 import { useGetFileDownloadUrlLazyQuery as e, useGetWorkspaceFilesQuery as t } from "../../generated/wspace-operations.js";
-import { fetchFileIntoContext as n } from "../../services/aiApi.js";
-import { useAgentManagerStore as r } from "../../store/agentManagerStore.js";
-import { useCallback as i, useState as a } from "react";
-import { FileText as o, Loader2 as s, Paperclip as c, X as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useTr as n } from "../../shared/hooks/useTr.js";
+import { fetchFileIntoContext as r } from "../../services/aiApi.js";
+import { useAgentManagerStore as i } from "../../store/agentManagerStore.js";
+import { useCallback as a, useState as o } from "react";
+import { FileText as s, Loader2 as c, Paperclip as l, X as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/agent-manager/FilePickerModal.tsx
-function f(e) {
+function p(e) {
 	let t = Number(e);
 	if (!Number.isFinite(t) || t <= 0) return "0 B";
 	let n = [
@@ -17,132 +18,137 @@ function f(e) {
 	], r = Math.min(Math.floor(Math.log(t) / Math.log(1024)), n.length - 1);
 	return `${(t / 1024 ** r).toFixed(r === 0 ? 0 : 1)} ${n[r]}`;
 }
-function p({ isOpen: p, onClose: m, agent: h, sessionId: g }) {
-	let { data: _, loading: v } = t({
+function m({ isOpen: m, onClose: h, agent: g, sessionId: _ }) {
+	let v = n(), { data: y, loading: b } = t({
 		variables: { pagination: {
 			limit: 50,
 			offset: 0
 		} },
-		skip: !p,
+		skip: !m,
 		fetchPolicy: "cache-and-network"
-	}), [y] = e(), b = r((e) => e.addSessionContext), [x, S] = a(null), [C, w] = a(null), T = i(async (e) => {
-		w(null), S(e.id);
+	}), [x] = e(), S = i((e) => e.addSessionContext), [C, w] = o(null), [T, E] = o(null), D = a(async (e) => {
+		E(null), w(e.id);
 		try {
-			let t = (await y({ variables: {
+			let t = (await x({ variables: {
 				id: e.id,
 				expiresIn: 300
 			} })).data?.getFileDownloadUrl;
 			if (!t) {
-				w("Could not get a download URL for this file.");
+				E(v("vibecontrols.agentManager.filePicker.errorDownloadUrl", "Could not get a download URL for this file."));
 				return;
 			}
-			let r = await n(h, {
+			let n = await r(g, {
 				downloadUrl: t,
 				filename: e.name,
-				sessionId: g
+				sessionId: _
 			});
-			b(g, {
+			S(_, {
 				id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
 				kind: "file",
 				label: e.name,
-				path: r.path,
-				content: r.inline ?? null
-			}), m();
+				path: n.path,
+				content: n.inline ?? null
+			}), h();
 		} catch (e) {
-			w(e instanceof Error ? e.message : "Failed to attach file");
+			E(e instanceof Error ? e.message : v("vibecontrols.agentManager.filePicker.errorAttachFailed", "Failed to attach file"));
 		} finally {
-			S(null);
+			w(null);
 		}
 	}, [
-		h,
 		g,
-		y,
-		b,
-		m
+		_,
+		x,
+		S,
+		h,
+		v
 	]);
-	if (!p) return null;
-	let E = _?.getFiles?.files ?? [], D = _?.getFiles?.total ?? E.length, O = _?.getFiles?.hasMore ?? !1;
-	return /* @__PURE__ */ d("div", {
+	if (!m) return null;
+	let O = y?.getFiles?.files ?? [], k = y?.getFiles?.total ?? O.length;
+	return y?.getFiles?.hasMore, /* @__PURE__ */ f("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			role: "button",
 			tabIndex: 0,
 			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m());
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
 			},
 			className: "absolute inset-0 bg-bg-overlay",
-			onClick: m
-		}), /* @__PURE__ */ d("div", {
+			onClick: h
+		}), /* @__PURE__ */ f("div", {
 			"data-testid": "file-picker-modal",
 			className: "relative w-full max-w-lg mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl",
 			children: [
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
-					children: [/* @__PURE__ */ u("h3", {
+					children: [/* @__PURE__ */ d("h3", {
 						className: "text-lg font-semibold text-text-primary",
-						children: "Add file as context"
-					}), /* @__PURE__ */ u("button", {
+						children: v("vibecontrols.agentManager.filePicker.title", "Add file as context")
+					}), /* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: m,
-						"aria-label": "Close",
+						onClick: h,
+						"aria-label": v("vibecontrols.agentManager.filePicker.closeAriaLabel", "Close"),
 						className: "p-1 rounded hover:bg-bg-sunken transition-colors",
-						children: /* @__PURE__ */ u(l, { className: "size-5 text-text-secondary" })
+						children: /* @__PURE__ */ d(u, { className: "size-5 text-text-secondary" })
 					})]
 				}),
-				C && /* @__PURE__ */ u("div", {
+				T && /* @__PURE__ */ d("div", {
 					className: "mx-6 mt-4 px-3 py-2 rounded-md bg-action-danger-bg text-action-danger-text text-sm",
-					children: C
+					children: T
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "max-h-80 overflow-y-auto px-2 py-2",
-					children: v && E.length === 0 ? /* @__PURE__ */ d("div", {
+					children: b && O.length === 0 ? /* @__PURE__ */ f("div", {
 						className: "flex items-center justify-center gap-2 px-4 py-12 text-text-secondary",
-						children: [/* @__PURE__ */ u(s, { className: "size-5 animate-spin" }), /* @__PURE__ */ u("span", {
+						children: [/* @__PURE__ */ d(c, { className: "size-5 animate-spin" }), /* @__PURE__ */ d("span", {
 							className: "text-sm",
-							children: "Loading files…"
+							children: v("vibecontrols.agentManager.filePicker.loading", "Loading files…")
 						})]
-					}) : E.length === 0 ? /* @__PURE__ */ d("div", {
+					}) : O.length === 0 ? /* @__PURE__ */ f("div", {
 						className: "flex flex-col items-center justify-center gap-2 px-4 py-12 text-center",
-						children: [/* @__PURE__ */ u(o, { className: "size-8 text-text-tertiary" }), /* @__PURE__ */ u("p", {
+						children: [/* @__PURE__ */ d(s, { className: "size-8 text-text-tertiary" }), /* @__PURE__ */ d("p", {
 							className: "text-sm text-text-secondary",
-							children: "No files found in this workspace."
+							children: v("vibecontrols.agentManager.filePicker.emptyDescription", "No files found in this workspace.")
 						})]
-					}) : /* @__PURE__ */ u("ul", {
+					}) : /* @__PURE__ */ d("ul", {
 						className: "space-y-1",
-						children: E.map((e) => {
-							let t = x === e.id;
-							return /* @__PURE__ */ d("li", {
+						children: O.map((e) => {
+							let t = C === e.id;
+							return /* @__PURE__ */ f("li", {
 								className: "flex items-center gap-3 px-3 py-2 rounded-md hover:bg-bg-elevated transition-colors",
 								children: [
-									/* @__PURE__ */ u(o, { className: "size-5 shrink-0 text-text-tertiary" }),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ d(s, { className: "size-5 shrink-0 text-text-tertiary" }),
+									/* @__PURE__ */ f("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ u("p", {
+										children: [/* @__PURE__ */ d("p", {
 											className: "truncate text-sm font-medium text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ d("p", {
+										}), /* @__PURE__ */ f("p", {
 											className: "text-xs text-text-tertiary",
-											children: [f(e.size), e.extension ? ` · ${e.extension}` : ""]
+											children: [p(e.size), e.extension ? ` · ${e.extension}` : ""]
 										})]
 									}),
-									/* @__PURE__ */ d("button", {
+									/* @__PURE__ */ f("button", {
 										type: "button",
 										"data-testid": "file-picker-attach",
-										onClick: () => void T(e),
-										disabled: x !== null,
+										onClick: () => void D(e),
+										disabled: C !== null,
 										className: "inline-flex items-center gap-1.5 px-3 py-1 text-sm rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-60 disabled:cursor-not-allowed transition-colors",
-										children: [t ? /* @__PURE__ */ u(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ u(c, { className: "size-4" }), /* @__PURE__ */ u("span", { children: t ? "Attaching…" : "Attach" })]
+										children: [t ? /* @__PURE__ */ d(c, { className: "size-4 animate-spin" }) : /* @__PURE__ */ d(l, { className: "size-4" }), /* @__PURE__ */ d("span", { children: t ? v("vibecontrols.agentManager.filePicker.attaching", "Attaching…") : v("vibecontrols.agentManager.filePicker.attach", "Attach") })]
 									})
 								]
 							}, e.id);
 						})
 					})
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "px-6 py-3 border-t border-border-default bg-bg-sunken rounded-b-lg",
-					children: /* @__PURE__ */ u("p", {
+					children: /* @__PURE__ */ d("p", {
 						className: "text-xs text-text-tertiary",
-						children: E.length > 0 ? `Showing ${E.length} of ${D} file${D === 1 ? "" : "s"}${O ? " (more available)" : ""}` : "Select a file to attach it as conversation context."
+						children: O.length > 0 ? v("vibecontrols.agentManager.filePicker.footerShowing", "Showing {{shown}} of {{total}} file{{suffix}}", {
+							shown: O.length,
+							total: k,
+							suffix: k === 1 ? "" : "s"
+						}) : v("vibecontrols.agentManager.filePicker.footerPrompt", "Select a file to attach it as conversation context.")
 					})
 				})
 			]
@@ -150,6 +156,6 @@ function p({ isOpen: p, onClose: m, agent: h, sessionId: g }) {
 	});
 }
 //#endregion
-export { p as FilePickerModal };
+export { m as FilePickerModal };
 //# sourceMappingURL=FilePickerModal.js.map

package/dist/components/agent-manager/FilePickerModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilePickerModal.js","names":[],"sources":["../../../src/components/agent-manager/FilePickerModal.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { X, FileText, Loader2, Paperclip } from 'lucide-react';\nimport {\n useGetWorkspaceFilesQuery,\n useGetFileDownloadUrlLazyQuery,\n type GetWorkspaceFilesQuery,\n} from '@/generated/wspace-operations';\nimport { fetchFileIntoContext, type AgentRef } from '@/services/aiApi';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport type { ChatContextItem } from '@/types/agentManager';\n\ninterface FilePickerModalProps {\n isOpen: boolean;\n onClose: () => void;\n agent: AgentRef;\n sessionId: string;\n}\n\ntype WorkspaceFile = GetWorkspaceFilesQuery['getFiles']['files'][number];\n\nfunction formatFileSize(size: string): string {\n const bytes = Number(size);\n if (!Number.isFinite(bytes) \|\| bytes <= 0) return '0 B';\n const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);\n const value = bytes / Math.pow(1024, exponent);\n return `${value.toFixed(exponent === 0 ? 0 : 1)} ${units[exponent]}`;\n}\n\nexport function FilePickerModal({\n isOpen,\n onClose,\n agent,\n sessionId,\n}: FilePickerModalProps): React.ReactElement \| null {\n const { data, loading } = useGetWorkspaceFilesQuery({\n variables: { pagination: { limit: 50, offset: 0 } },\n skip: !isOpen,\n fetchPolicy: 'cache-and-network',\n });\n const [getDownloadUrl] = useGetFileDownloadUrlLazyQuery();\n const addSessionContext = useAgentManagerStore((s) => s.addSessionContext);\n\n const [attachingId, setAttachingId] = useState<string \| null>(null);\n const [error, setError] = useState<string \| null>(null);\n\n const handleAttach = useCallback(\n async (file: WorkspaceFile): Promise<void> => {\n setError(null);\n setAttachingId(file.id);\n try {\n const res = await getDownloadUrl({ variables: { id: file.id, expiresIn: 300 } });\n const url = res.data?.getFileDownloadUrl;\n if (!url) {\n setError('Could not get a download URL for this file.');\n return;\n }\n const out = await fetchFileIntoContext(agent, {\n downloadUrl: url,\n filename: file.name,\n sessionId,\n });\n const item: ChatContextItem = {\n id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,\n kind: 'file',\n label: file.name,\n path: out.path,\n content: out.inline ?? null,\n };\n addSessionContext(sessionId, item);\n onClose();\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to attach file');\n } finally {\n setAttachingId(null);\n }\n },\n [agent, sessionId, getDownloadUrl, addSessionContext, onClose]\n );\n\n if (!isOpen) return null;\n\n const files: WorkspaceFile[] = data?.getFiles?.files ?? [];\n const total = data?.getFiles?.total ?? files.length;\n const hasMore = data?.getFiles?.hasMore ?? false;\n\n return (\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 onClose();\n }\n }}\n className=\"absolute inset-0 bg-bg-overlay\"\n onClick={onClose}\n />\n <div\n data-testid=\"file-picker-modal\"\n className=\"relative w-full max-w-lg mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\"\n >\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\">Add file as context</h3>\n <button\n type=\"button\"\n onClick={onClose}\n aria-label=\"Close\"\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\n {error && (\n <div className=\"mx-6 mt-4 px-3 py-2 rounded-md bg-action-danger-bg text-action-danger-text text-sm\">\n {error}\n </div>\n )}\n\n <div className=\"max-h-80 overflow-y-auto px-2 py-2\">\n {loading && files.length === 0 ? (\n <div className=\"flex items-center justify-center gap-2 px-4 py-12 text-text-secondary\">\n <Loader2 className=\"size-5 animate-spin\" />\n <span className=\"text-sm\">Loading files…</span>\n </div>\n ) : files.length === 0 ? (\n <div className=\"flex flex-col items-center justify-center gap-2 px-4 py-12 text-center\">\n <FileText className=\"size-8 text-text-tertiary\" />\n <p className=\"text-sm text-text-secondary\">No files found in this workspace.</p>\n </div>\n ) : (\n <ul className=\"space-y-1\">\n {files.map((file) => {\n const isAttaching = attachingId === file.id;\n return (\n <li\n key={file.id}\n className=\"flex items-center gap-3 px-3 py-2 rounded-md hover:bg-bg-elevated transition-colors\"\n >\n <FileText className=\"size-5 shrink-0 text-text-tertiary\" />\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">{file.name}</p>\n <p className=\"text-xs text-text-tertiary\">\n {formatFileSize(file.size)}\n {file.extension ? ` · ${file.extension}` : ''}\n </p>\n </div>\n <button\n type=\"button\"\n data-testid=\"file-picker-attach\"\n onClick={() => void handleAttach(file)}\n disabled={attachingId !== null}\n className=\"inline-flex items-center gap-1.5 px-3 py-1 text-sm rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-60 disabled:cursor-not-allowed transition-colors\"\n >\n {isAttaching ? (\n <Loader2 className=\"size-4 animate-spin\" />\n ) : (\n <Paperclip className=\"size-4\" />\n )}\n <span>{isAttaching ? 'Attaching…' : 'Attach'}</span>\n </button>\n </li>\n );\n })}\n </ul>\n )}\n </div>\n\n <div className=\"px-6 py-3 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n <p className=\"text-xs text-text-tertiary\">\n {files.length > 0\n ? `Showing ${files.length} of ${total} file${total === 1 ? '' : 's'}${\n hasMore ? ' (more available)' : ''\n }`\n : 'Select a file to attach it as conversation context.'}\n </p>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FilePickerModal.js","names":[],"sources":["../../../src/components/agent-manager/FilePickerModal.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { X, FileText, Loader2, Paperclip } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n useGetWorkspaceFilesQuery,\n useGetFileDownloadUrlLazyQuery,\n type GetWorkspaceFilesQuery,\n} from '@/generated/wspace-operations';\nimport { fetchFileIntoContext, type AgentRef } from '@/services/aiApi';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport type { ChatContextItem } from '@/types/agentManager';\n\ninterface FilePickerModalProps {\n isOpen: boolean;\n onClose: () => void;\n agent: AgentRef;\n sessionId: string;\n}\n\ntype WorkspaceFile = GetWorkspaceFilesQuery['getFiles']['files'][number];\n\nfunction formatFileSize(size: string): string {\n const bytes = Number(size);\n if (!Number.isFinite(bytes) \|\| bytes <= 0) return '0 B';\n const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);\n const value = bytes / Math.pow(1024, exponent);\n return `${value.toFixed(exponent === 0 ? 0 : 1)} ${units[exponent]}`;\n}\n\nexport function FilePickerModal({\n isOpen,\n onClose,\n agent,\n sessionId,\n}: FilePickerModalProps): React.ReactElement \| null {\n const tr = useTr();\n const { data, loading } = useGetWorkspaceFilesQuery({\n variables: { pagination: { limit: 50, offset: 0 } },\n skip: !isOpen,\n fetchPolicy: 'cache-and-network',\n });\n const [getDownloadUrl] = useGetFileDownloadUrlLazyQuery();\n const addSessionContext = useAgentManagerStore((s) => s.addSessionContext);\n\n const [attachingId, setAttachingId] = useState<string \| null>(null);\n const [error, setError] = useState<string \| null>(null);\n\n const handleAttach = useCallback(\n async (file: WorkspaceFile): Promise<void> => {\n setError(null);\n setAttachingId(file.id);\n try {\n const res = await getDownloadUrl({ variables: { id: file.id, expiresIn: 300 } });\n const url = res.data?.getFileDownloadUrl;\n if (!url) {\n setError(\n tr(\n 'vibecontrols.agentManager.filePicker.errorDownloadUrl',\n 'Could not get a download URL for this file.'\n )\n );\n return;\n }\n const out = await fetchFileIntoContext(agent, {\n downloadUrl: url,\n filename: file.name,\n sessionId,\n });\n const item: ChatContextItem = {\n id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,\n kind: 'file',\n label: file.name,\n path: out.path,\n content: out.inline ?? null,\n };\n addSessionContext(sessionId, item);\n onClose();\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : tr('vibecontrols.agentManager.filePicker.errorAttachFailed', 'Failed to attach file')\n );\n } finally {\n setAttachingId(null);\n }\n },\n [agent, sessionId, getDownloadUrl, addSessionContext, onClose, tr]\n );\n\n if (!isOpen) return null;\n\n const files: WorkspaceFile[] = data?.getFiles?.files ?? [];\n const total = data?.getFiles?.total ?? files.length;\n const hasMore = data?.getFiles?.hasMore ?? false;\n\n return (\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 onClose();\n }\n }}\n className=\"absolute inset-0 bg-bg-overlay\"\n onClick={onClose}\n />\n <div\n data-testid=\"file-picker-modal\"\n className=\"relative w-full max-w-lg mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\"\n >\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.filePicker.title', 'Add file as context')}\n </h3>\n <button\n type=\"button\"\n onClick={onClose}\n aria-label={tr('vibecontrols.agentManager.filePicker.closeAriaLabel', 'Close')}\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\n {error && (\n <div className=\"mx-6 mt-4 px-3 py-2 rounded-md bg-action-danger-bg text-action-danger-text text-sm\">\n {error}\n </div>\n )}\n\n <div className=\"max-h-80 overflow-y-auto px-2 py-2\">\n {loading && files.length === 0 ? (\n <div className=\"flex items-center justify-center gap-2 px-4 py-12 text-text-secondary\">\n <Loader2 className=\"size-5 animate-spin\" />\n <span className=\"text-sm\">\n {tr('vibecontrols.agentManager.filePicker.loading', 'Loading files…')}\n </span>\n </div>\n ) : files.length === 0 ? (\n <div className=\"flex flex-col items-center justify-center gap-2 px-4 py-12 text-center\">\n <FileText className=\"size-8 text-text-tertiary\" />\n <p className=\"text-sm text-text-secondary\">\n {tr(\n 'vibecontrols.agentManager.filePicker.emptyDescription',\n 'No files found in this workspace.'\n )}\n </p>\n </div>\n ) : (\n <ul className=\"space-y-1\">\n {files.map((file) => {\n const isAttaching = attachingId === file.id;\n return (\n <li\n key={file.id}\n className=\"flex items-center gap-3 px-3 py-2 rounded-md hover:bg-bg-elevated transition-colors\"\n >\n <FileText className=\"size-5 shrink-0 text-text-tertiary\" />\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">{file.name}</p>\n <p className=\"text-xs text-text-tertiary\">\n {formatFileSize(file.size)}\n {file.extension ? ` · ${file.extension}` : ''}\n </p>\n </div>\n <button\n type=\"button\"\n data-testid=\"file-picker-attach\"\n onClick={() => void handleAttach(file)}\n disabled={attachingId !== null}\n className=\"inline-flex items-center gap-1.5 px-3 py-1 text-sm rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-60 disabled:cursor-not-allowed transition-colors\"\n >\n {isAttaching ? (\n <Loader2 className=\"size-4 animate-spin\" />\n ) : (\n <Paperclip className=\"size-4\" />\n )}\n <span>\n {isAttaching\n ? tr('vibecontrols.agentManager.filePicker.attaching', 'Attaching…')\n : tr('vibecontrols.agentManager.filePicker.attach', 'Attach')}\n </span>\n </button>\n </li>\n );\n })}\n </ul>\n )}\n </div>\n\n <div className=\"px-6 py-3 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n <p className=\"text-xs text-text-tertiary\">\n {files.length > 0\n ? tr(\n 'vibecontrols.agentManager.filePicker.footerShowing',\n 'Showing {{shown}} of {{total}} file{{suffix}}',\n {\n shown: files.length,\n total,\n suffix: total === 1 ? '' : 's',\n }\n )\n : tr(\n 'vibecontrols.agentManager.filePicker.footerPrompt',\n 'Select a file to attach it as conversation context.'\n )}\n </p>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/graph/MeshAgentNode.js CHANGED Viewed

@@ -1,74 +1,75 @@
-import { getNodeTypeConfig as e } from "./nodeIcons.js";
-import { memo as t } from "react";
-import { Bot as n, User as r, Users as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Handle as s, Position as c } from "@xyflow/react";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { getNodeTypeConfig as t } from "./nodeIcons.js";
+import { memo as n } from "react";
+import { Bot as r, User as i, Users as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Handle as c, Position as l } from "@xyflow/react";
 //#region src/components/graph/MeshAgentNode.tsx
-function l({ data: t, selected: l }) {
-	let u = t, d = e(u.hostType), f = d.icon, p = u.isShared ? i : r;
-	return /* @__PURE__ */ o("div", {
-		className: `rounded-lg border bg-bg-surface shadow-[var(--shadow-elevation-0)] p-2.5 flex flex-col gap-1.5 transition-shadow hover:shadow-[var(--shadow-elevation-1)] ${l ? "border-action-primary-bg ring-1 ring-action-primary-bg/40" : "border-border-default"}`,
+function u({ data: n, selected: u }) {
+	let d = e(), f = n, p = t(f.hostType), m = p.icon, h = f.isShared ? a : i;
+	return /* @__PURE__ */ s("div", {
+		className: `rounded-lg border bg-bg-surface shadow-[var(--shadow-elevation-0)] p-2.5 flex flex-col gap-1.5 transition-shadow hover:shadow-[var(--shadow-elevation-1)] ${u ? "border-action-primary-bg ring-1 ring-action-primary-bg/40" : "border-border-default"}`,
 		style: { width: 200 },
-		role: u.onActivate ? "button" : void 0,
-		tabIndex: u.onActivate ? 0 : void 0,
-		"aria-label": u.onActivate ? `Open agent ${u.name}` : void 0,
+		role: f.onActivate ? "button" : void 0,
+		tabIndex: f.onActivate ? 0 : void 0,
+		"aria-label": f.onActivate ? `Open agent ${f.name}` : void 0,
 		onKeyDown: (e) => {
-			u.onActivate && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u.onActivate());
+			f.onActivate && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), f.onActivate());
 		},
 		children: [
-			/* @__PURE__ */ a(s, {
+			/* @__PURE__ */ o(c, {
 				type: "target",
-				position: c.Left,
+				position: l.Left,
 				className: "!bg-text-tertiary !w-2 !h-2 !border-0"
 			}),
-			/* @__PURE__ */ a(s, {
+			/* @__PURE__ */ o(c, {
 				type: "source",
-				position: c.Right,
+				position: l.Right,
 				className: "!bg-action-primary-bg !w-2 !h-2 !border-0"
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ a(n, {
+					/* @__PURE__ */ o(r, {
 						size: 14,
 						className: "text-action-primary-bg shrink-0"
 					}),
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ s("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ a("div", {
+						children: [/* @__PURE__ */ o("div", {
 							className: "text-xs font-semibold text-text-primary truncate",
-							children: u.name
-						}), u.version ? /* @__PURE__ */ o("div", {
+							children: f.name
+						}), f.version ? /* @__PURE__ */ s("div", {
 							className: "text-[10px] text-text-tertiary",
-							children: ["v", u.version]
+							children: ["v", f.version]
 						}) : null]
 					}),
-					/* @__PURE__ */ a(p, {
+					/* @__PURE__ */ o(h, {
 						size: 12,
-						className: `shrink-0 ${u.isShared ? "text-text-tertiary" : "text-text-secondary"}`,
-						"aria-label": u.isShared ? "Shared agent" : "Personal agent"
+						className: `shrink-0 ${f.isShared ? "text-text-tertiary" : "text-text-secondary"}`,
+						"aria-label": f.isShared ? d("vibecontrols.graph.sharedAgent", "Shared agent") : d("vibecontrols.graph.personalAgent", "Personal agent")
 					}),
-					/* @__PURE__ */ a("span", {
-						className: `size-2 rounded-full shrink-0 ${u.isActive ? "bg-status-success-bg" : "bg-bg-disabled"}`,
-						title: u.isActive ? "Active" : "Offline"
+					/* @__PURE__ */ o("span", {
+						className: `size-2 rounded-full shrink-0 ${f.isActive ? "bg-status-success-bg" : "bg-bg-disabled"}`,
+						title: f.isActive ? d("vibecontrols.graph.agentStatusActive", "Active") : d("vibecontrols.graph.agentStatusOffline", "Offline")
 					})
 				]
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ o("span", {
-					className: `inline-flex items-center gap-1 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wider rounded ${d.badge}`,
-					children: [/* @__PURE__ */ a(f, { size: 9 }), u.hostType ?? "HOST"]
-				}), u.hostLabel ? /* @__PURE__ */ a("span", {
+				children: [/* @__PURE__ */ s("span", {
+					className: `inline-flex items-center gap-1 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wider rounded ${p.badge}`,
+					children: [/* @__PURE__ */ o(m, { size: 9 }), f.hostType ?? "HOST"]
+				}), f.hostLabel ? /* @__PURE__ */ o("span", {
 					className: "text-[10px] text-text-tertiary truncate",
-					children: u.hostLabel
+					children: f.hostLabel
 				}) : null]
 			})
 		]
 	});
 }
-var u = t(l);
+var d = n(u);
 //#endregion
-export { u as MeshAgentNode };
+export { d as MeshAgentNode };
 //# sourceMappingURL=MeshAgentNode.js.map