@burdenoff/microfe-vibecontrols 2026.522.7 → 2026.522.8

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 (20) hide show
  1. package/dist/components/agents/OpenInBrowserEditorButton.js +65 -66
  2. package/dist/components/agents/OpenInBrowserEditorButton.js.map +1 -1
  3. package/dist/components/ai/AIProviderCredentialsCard.js.map +1 -1
  4. package/dist/components/security/SecurityProviderDrawer.js +106 -31
  5. package/dist/components/security/SecurityProviderDrawer.js.map +1 -1
  6. package/dist/components/vibe/VibeAgentSwitcher.js +237 -0
  7. package/dist/components/vibe/VibeAgentSwitcher.js.map +1 -0
  8. package/dist/components/vibes/VibeCard.js +2 -2
  9. package/dist/components/vibes/VibeCard.js.map +1 -1
  10. package/dist/components/vibes/VibeList.js +12 -30
  11. package/dist/components/vibes/VibeList.js.map +1 -1
  12. package/dist/pages/AgentDetailsPage.js +172 -123
  13. package/dist/pages/AgentDetailsPage.js.map +1 -1
  14. package/dist/pages/VibeDetailsPage.js +383 -397
  15. package/dist/pages/VibeDetailsPage.js.map +1 -1
  16. package/dist/pages/VibesPage.js +155 -190
  17. package/dist/pages/VibesPage.js.map +1 -1
  18. package/dist/services/aiApi.js +1 -1
  19. package/dist/services/aiApi.js.map +1 -1
  20. package/package.json +1 -1
package/dist/pages/AgentDetailsPage.js CHANGED
@@ -841,9 +841,53 @@ function at() {
841
841
  })()).map((e) => /* @__PURE__ */ D("span", {
842
842
  className: "px-3 py-1 bg-bg-sunken text-text-primary text-sm rounded-full",
843
843
  children: e
844
- }, e)) : /* @__PURE__ */ D("p", {
845
- className: "text-text-secondary",
846
- children: j("agentDetails.noCapabilitiesConfigured", "No capabilities configured")
844
+ }, e)) : /* @__PURE__ */ O("div", {
845
+ className: "space-y-2 text-sm text-text-secondary",
846
+ children: [
847
+ /* @__PURE__ */ D("p", { children: j("agentDetails.noCapabilitiesConfigured", "No capabilities configured") }),
848
+ /* @__PURE__ */ O("p", {
849
+ className: "text-xs",
850
+ children: [
851
+ "Capabilities are feature tags the agent advertises to vibes (e.g.",
852
+ " ",
853
+ /* @__PURE__ */ D("code", {
854
+ className: "text-text-primary",
855
+ children: "docker"
856
+ }),
857
+ ",",
858
+ " ",
859
+ /* @__PURE__ */ D("code", {
860
+ className: "text-text-primary",
861
+ children: "gpu"
862
+ }),
863
+ ",",
864
+ " ",
865
+ /* @__PURE__ */ D("code", {
866
+ className: "text-text-primary",
867
+ children: "node20"
868
+ }),
869
+ ",",
870
+ " ",
871
+ /* @__PURE__ */ D("code", {
872
+ className: "text-text-primary",
873
+ children: "git"
874
+ }),
875
+ "). Vibes use them to pick an agent that can run their workloads."
876
+ ]
877
+ }),
878
+ /* @__PURE__ */ O("p", {
879
+ className: "text-xs",
880
+ children: [
881
+ "Add from the agent host CLI:",
882
+ " ",
883
+ /* @__PURE__ */ D("code", {
884
+ className: "text-text-primary",
885
+ children: "vibe agent caps add docker gpu"
886
+ }),
887
+ ". The agent re-publishes its capability set on next heartbeat."
888
+ ]
889
+ })
890
+ ]
847
891
  })
848
892
  })
849
893
  })] }),
@@ -1715,137 +1759,142 @@ function at() {
1715
1759
  }
1716
1760
  }),
1717
1761
  mt && /* @__PURE__ */ D("div", {
1718
- className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
1762
+ className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-[100] p-4",
1719
1763
  children: /* @__PURE__ */ O("div", {
1720
- className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
1764
+ className: "bg-bg-surface rounded-lg w-full max-w-lg max-h-[90vh] flex flex-col",
1721
1765
  children: [
1722
- /* @__PURE__ */ O("h2", {
1723
- className: "text-lg font-semibold text-text-primary mb-4",
1724
- children: [
1725
- j("agentDetails.configure", "Configure"),
1726
- " ",
1727
- I.name
1728
- ]
1729
- }),
1730
- gt && /* @__PURE__ */ D("div", {
1731
- className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
1732
- children: gt
1766
+ /* @__PURE__ */ D("div", {
1767
+ className: "px-6 pt-6 pb-3 border-b border-border-default flex-shrink-0",
1768
+ children: /* @__PURE__ */ O("h2", {
1769
+ className: "text-lg font-semibold text-text-primary",
1770
+ children: [
1771
+ j("agentDetails.configure", "Configure"),
1772
+ " ",
1773
+ I.name
1774
+ ]
1775
+ })
1733
1776
  }),
1734
1777
  /* @__PURE__ */ O("div", {
1735
- className: "space-y-4",
1736
- children: [
1737
- /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
1738
- className: "block text-sm font-medium text-text-primary mb-1",
1739
- children: j("webhooks.name", "Name")
1740
- }), /* @__PURE__ */ D("input", {
1741
- ref: Ct,
1742
- type: "text",
1743
- defaultValue: I.name,
1744
- className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
1745
- })] }),
1746
- /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
1747
- className: "block text-sm font-medium text-text-primary mb-1",
1748
- children: j("analytics.platform", "Platform")
1749
- }), /* @__PURE__ */ D("input", {
1750
- type: "text",
1751
- value: `${I.platform} / ${I.architecture}`,
1752
- disabled: !0,
1753
- className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-secondary"
1754
- })] }),
1755
- /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
1756
- className: "block text-sm font-medium text-text-primary mb-1",
1757
- children: j("agentDetails.version", "Version")
1758
- }), /* @__PURE__ */ D("input", {
1759
- type: "text",
1760
- value: I.version,
1761
- disabled: !0,
1762
- className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-secondary"
1763
- })] }),
1764
- /* @__PURE__ */ O("div", { children: [
1765
- /* @__PURE__ */ D("label", {
1778
+ className: "px-6 py-4 overflow-y-auto flex-1",
1779
+ children: [gt && /* @__PURE__ */ D("div", {
1780
+ className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
1781
+ children: gt
1782
+ }), /* @__PURE__ */ O("div", {
1783
+ className: "space-y-4",
1784
+ children: [
1785
+ /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
1766
1786
  className: "block text-sm font-medium text-text-primary mb-1",
1767
- children: j("agentDetails.tunnelUrl", "Tunnel URL")
1768
- }),
1769
- /* @__PURE__ */ D("input", {
1770
- ref: wt,
1787
+ children: j("webhooks.name", "Name")
1788
+ }), /* @__PURE__ */ D("input", {
1789
+ ref: Ct,
1771
1790
  type: "text",
1772
- defaultValue: I.tunnelUrl ?? "",
1773
- placeholder: j("agentDetails.tunnelUrlPlaceholder", "https://xxx.trycloudflare.com"),
1774
- className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
1775
- }),
1776
- /* @__PURE__ */ D("p", {
1777
- className: "mt-1 text-xs text-text-muted",
1778
- children: j("agentDetails.tunnelUrlHint", "The public URL for accessing this agent remotely. Auto-updates when gateway auth is configured.")
1779
- })
1780
- ] }),
1781
- /* @__PURE__ */ O("div", { children: [
1782
- /* @__PURE__ */ D("label", {
1791
+ defaultValue: I.name,
1792
+ className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
1793
+ })] }),
1794
+ /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
1783
1795
  className: "block text-sm font-medium text-text-primary mb-1",
1784
- children: j("agentDetails.agentApiKey", "Agent API Key")
1785
- }),
1786
- /* @__PURE__ */ D("input", {
1787
- ref: Tt,
1796
+ children: j("analytics.platform", "Platform")
1797
+ }), /* @__PURE__ */ D("input", {
1788
1798
  type: "text",
1789
- defaultValue: I.agentApiKey ?? "",
1790
- placeholder: j("agentDetails.agentApiKeyPlaceholder", "sk-agent-..."),
1791
- className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
1792
- }),
1793
- /* @__PURE__ */ D("p", {
1794
- className: "mt-1 text-xs text-text-muted",
1795
- children: j("agentDetails.agentApiKeyHint", "Used to authenticate requests to the agent. Leave empty to clear.")
1796
- })
1797
- ] }),
1798
- /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
1799
- className: "flex items-center gap-1.5 mb-1",
1800
- children: [/* @__PURE__ */ D("label", {
1801
- className: "text-sm font-medium text-text-primary",
1802
- children: "AI Context"
1803
- }), /* @__PURE__ */ O("div", {
1804
- className: "relative",
1805
- children: [/* @__PURE__ */ D("button", {
1806
- type: "button",
1807
- onClick: () => St((e) => !e),
1808
- className: "p-0.5 rounded-full text-text-muted hover:text-text-secondary transition-colors",
1809
- "aria-label": "What is AI Context?",
1810
- children: /* @__PURE__ */ D(ze, { className: "w-3.5 h-3.5" })
1811
- }), xt && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("div", {
1812
- className: "fixed inset-0 z-10",
1813
- onClick: () => St(!1)
1799
+ value: `${I.platform} / ${I.architecture}`,
1800
+ disabled: !0,
1801
+ className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-secondary"
1802
+ })] }),
1803
+ /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
1804
+ className: "block text-sm font-medium text-text-primary mb-1",
1805
+ children: j("agentDetails.version", "Version")
1806
+ }), /* @__PURE__ */ D("input", {
1807
+ type: "text",
1808
+ value: I.version,
1809
+ disabled: !0,
1810
+ className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-secondary"
1811
+ })] }),
1812
+ /* @__PURE__ */ O("div", { children: [
1813
+ /* @__PURE__ */ D("label", {
1814
+ className: "block text-sm font-medium text-text-primary mb-1",
1815
+ children: j("agentDetails.tunnelUrl", "Tunnel URL")
1816
+ }),
1817
+ /* @__PURE__ */ D("input", {
1818
+ ref: wt,
1819
+ type: "text",
1820
+ defaultValue: I.tunnelUrl ?? "",
1821
+ placeholder: j("agentDetails.tunnelUrlPlaceholder", "https://xxx.trycloudflare.com"),
1822
+ className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
1823
+ }),
1824
+ /* @__PURE__ */ D("p", {
1825
+ className: "mt-1 text-xs text-text-muted",
1826
+ children: j("agentDetails.tunnelUrlHint", "The public URL for accessing this agent remotely. Auto-updates when gateway auth is configured.")
1827
+ })
1828
+ ] }),
1829
+ /* @__PURE__ */ O("div", { children: [
1830
+ /* @__PURE__ */ D("label", {
1831
+ className: "block text-sm font-medium text-text-primary mb-1",
1832
+ children: j("agentDetails.agentApiKey", "Agent API Key")
1833
+ }),
1834
+ /* @__PURE__ */ D("input", {
1835
+ ref: Tt,
1836
+ type: "text",
1837
+ defaultValue: I.agentApiKey ?? "",
1838
+ placeholder: j("agentDetails.agentApiKeyPlaceholder", "sk-agent-..."),
1839
+ className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
1840
+ }),
1841
+ /* @__PURE__ */ D("p", {
1842
+ className: "mt-1 text-xs text-text-muted",
1843
+ children: j("agentDetails.agentApiKeyHint", "Used to authenticate requests to the agent. Leave empty to clear.")
1844
+ })
1845
+ ] }),
1846
+ /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
1847
+ className: "flex items-center gap-1.5 mb-1",
1848
+ children: [/* @__PURE__ */ D("label", {
1849
+ className: "text-sm font-medium text-text-primary",
1850
+ children: "AI Context"
1814
1851
  }), /* @__PURE__ */ O("div", {
1815
- className: "absolute left-0 top-6 z-20 w-72 bg-bg-elevated border border-border-default rounded-lg shadow-xl p-3 text-xs text-text-secondary space-y-1.5",
1816
- children: [
1817
- /* @__PURE__ */ D("p", {
1818
- className: "font-semibold text-text-primary",
1819
- children: "What is AI Context?"
1820
- }),
1821
- /* @__PURE__ */ D("p", { children: "A short description (Markdown supported) that AI tools running on this agent will read to understand the environment — e.g. what the machine is for, what services it runs, or any constraints to follow." }),
1822
- /* @__PURE__ */ D("p", {
1823
- className: "text-text-muted",
1824
- children: "Example: \"Production billing server. Do not modify files outside /src. Node 20, Docker installed.\""
1825
- })
1826
- ]
1827
- })] })]
1828
- })]
1829
- }), /* @__PURE__ */ D("textarea", {
1830
- ref: Et,
1831
- defaultValue: I.aiContext ?? "",
1832
- rows: 4,
1833
- placeholder: "e.g. This agent runs on the billing server. Node 20, Docker installed. Do not modify files outside /src.",
1834
- className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm"
1835
- })] }),
1836
- /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
1837
- className: "block text-sm font-medium text-text-primary mb-1",
1838
- children: j("agentDetails.metadataLabel", "Metadata (JSON)")
1839
- }), /* @__PURE__ */ D("textarea", {
1840
- ref: Dt,
1841
- defaultValue: I.metadata ? JSON.stringify(I.metadata, null, 2) : "{}",
1842
- rows: 4,
1843
- className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
1844
- })] })
1845
- ]
1852
+ className: "relative",
1853
+ children: [/* @__PURE__ */ D("button", {
1854
+ type: "button",
1855
+ onClick: () => St((e) => !e),
1856
+ className: "p-0.5 rounded-full text-text-muted hover:text-text-secondary transition-colors",
1857
+ "aria-label": "What is AI Context?",
1858
+ children: /* @__PURE__ */ D(ze, { className: "w-3.5 h-3.5" })
1859
+ }), xt && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("div", {
1860
+ className: "fixed inset-0 z-10",
1861
+ onClick: () => St(!1)
1862
+ }), /* @__PURE__ */ O("div", {
1863
+ className: "absolute left-0 top-6 z-20 w-72 bg-bg-elevated border border-border-default rounded-lg shadow-xl p-3 text-xs text-text-secondary space-y-1.5",
1864
+ children: [
1865
+ /* @__PURE__ */ D("p", {
1866
+ className: "font-semibold text-text-primary",
1867
+ children: "What is AI Context?"
1868
+ }),
1869
+ /* @__PURE__ */ D("p", { children: "A short description (Markdown supported) that AI tools running on this agent will read to understand the environment — e.g. what the machine is for, what services it runs, or any constraints to follow." }),
1870
+ /* @__PURE__ */ D("p", {
1871
+ className: "text-text-muted",
1872
+ children: "Example: \"Production billing server. Do not modify files outside /src. Node 20, Docker installed.\""
1873
+ })
1874
+ ]
1875
+ })] })]
1876
+ })]
1877
+ }), /* @__PURE__ */ D("textarea", {
1878
+ ref: Et,
1879
+ defaultValue: I.aiContext ?? "",
1880
+ rows: 4,
1881
+ placeholder: "e.g. This agent runs on the billing server. Node 20, Docker installed. Do not modify files outside /src.",
1882
+ className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm"
1883
+ })] }),
1884
+ /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
1885
+ className: "block text-sm font-medium text-text-primary mb-1",
1886
+ children: j("agentDetails.metadataLabel", "Metadata (JSON)")
1887
+ }), /* @__PURE__ */ D("textarea", {
1888
+ ref: Dt,
1889
+ defaultValue: I.metadata ? JSON.stringify(I.metadata, null, 2) : "{}",
1890
+ rows: 4,
1891
+ className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
1892
+ })] })
1893
+ ]
1894
+ })]
1846
1895
  }),
1847
1896
  /* @__PURE__ */ O("div", {
1848
- className: "flex flex-wrap justify-end gap-3 mt-6",
1897
+ className: "px-6 py-4 border-t border-border-default flex-shrink-0 flex flex-wrap justify-end gap-3",
1849
1898
  children: [/* @__PURE__ */ D("button", {
1850
1899
  onClick: () => ht(!1),
1851
1900
  disabled: _t,