@burdenoff/microfe-vibecontrols 2026.601.12 → 2026.601.13

package/dist/components/shared/EnableRemoteTaskDialog.js

@@ -0,0 +1,48 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { ConfirmDialog as t } from "./ConfirmDialog.js";
+import { useEffect as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Checkbox as o } from "@burdenoff/fe-libs/ui";
+//#region src/components/shared/EnableRemoteTaskDialog.tsx
+function s({ isOpen: s, agentName: c, isLoading: l = !1, onClose: u, onConfirm: d }) {
+	let f = e(), [p, m] = r(!1);
+	return n(() => {
+		s && m(!1);
+	}, [s]), /* @__PURE__ */ i(t, {
+		isOpen: s,
+		onClose: u,
+		onConfirm: () => d({
+			shell: !0,
+			file: p
+		}),
+		title: f("vibecontrols.enableRemoteTask.title", "Enable remote task execution?"),
+		message: c ? f("vibecontrols.enableRemoteTask.messageNamed", `This action runs a command or script on “${c}”. The agent blocks remote execution by default — enable it for this agent to run the action from decks, schedules, and the Actions page.`) : f("vibecontrols.enableRemoteTask.message", "This action runs a command or script on the agent. The agent blocks remote execution by default — enable it to run the action from decks, schedules, and the Actions page."),
+		variant: "warning",
+		isLoading: l,
+		confirmLabel: f("vibecontrols.enableRemoteTask.confirm", "Enable & run"),
+		cancelLabel: f("vibecontrols.enableRemoteTask.cancel", "Cancel"),
+		children: /* @__PURE__ */ a("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ i("p", {
+				className: "text-xs text-status-warning-text",
+				children: f("vibecontrols.enableRemoteTask.warning", "Anyone with workspace access will be able to run commands on this host. You can review or revoke this any time from the agent’s Security settings.")
+			}), /* @__PURE__ */ a("label", {
+				className: "flex items-start gap-2 text-sm text-text-primary cursor-pointer",
+				children: [/* @__PURE__ */ i(o, {
+					checked: p,
+					onCheckedChange: (e) => m(e === !0),
+					disabled: l,
+					"aria-label": f("vibecontrols.enableRemoteTask.fileOptIn", "Also allow remote file writes + deletes"),
+					className: "mt-0.5"
+				}), /* @__PURE__ */ a("span", { children: [f("vibecontrols.enableRemoteTask.fileOptIn", "Also allow remote file writes + deletes"), /* @__PURE__ */ i("span", {
+					className: "block text-xs text-text-secondary",
+					children: f("vibecontrols.enableRemoteTask.fileOptInHint", "Only needed for actions that modify files. Reads are always allowed.")
+				})] })]
+			})]
+		})
+	});
+}
+//#endregion
+export { s as EnableRemoteTaskDialog };
+
+//# sourceMappingURL=EnableRemoteTaskDialog.js.map

package/dist/components/shared/EnableRemoteTaskDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnableRemoteTaskDialog.js","names":[],"sources":["../../../src/components/shared/EnableRemoteTaskDialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Checkbox } from '@burdenoff/fe-libs/ui';\n\nimport { ConfirmDialog } from './ConfirmDialog';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface EnableRemoteTaskDialogProps {\n  isOpen: boolean;\n  /** Display name of the agent being enabled (for the message). */\n  agentName?: string | null;\n  isLoading?: boolean;\n  onClose: () => void;\n  /** Called with the chosen gates. `shell` is always true; `file` is opt-in. */\n  onConfirm: (options: { shell: boolean; file: boolean }) => void;\n}\n\n/**\n * In-context prompt to enable an agent's remote task-execution gate (the same\n * gate as the Security tab's RemoteTaskPermissionsCard), so users don't have to\n * jump screens to run a mapped command/script action from a deck or the Actions\n * page. Shell/script execution is the default; file write/delete is an explicit\n * opt-in. Carries the same high-blast-radius warning as the Security card.\n */\nexport function EnableRemoteTaskDialog({\n  isOpen,\n  agentName,\n  isLoading = false,\n  onClose,\n  onConfirm,\n}: EnableRemoteTaskDialogProps) {\n  const tr = useTr();\n  const [enableFile, setEnableFile] = useState(false);\n\n  // Reset the opt-in each time the dialog opens so a prior choice doesn't leak.\n  useEffect(() => {\n    if (isOpen) setEnableFile(false);\n  }, [isOpen]);\n\n  const title = tr('vibecontrols.enableRemoteTask.title', 'Enable remote task execution?');\n  const message = agentName\n    ? tr(\n        'vibecontrols.enableRemoteTask.messageNamed',\n        `This action runs a command or script on “${agentName}”. The agent blocks remote execution by default — enable it for this agent to run the action from decks, schedules, and the Actions page.`\n      )\n    : tr(\n        'vibecontrols.enableRemoteTask.message',\n        'This action runs a command or script on the agent. The agent blocks remote execution by default — enable it to run the action from decks, schedules, and the Actions page.'\n      );\n\n  return (\n    <ConfirmDialog\n      isOpen={isOpen}\n      onClose={onClose}\n      onConfirm={() => onConfirm({ shell: true, file: enableFile })}\n      title={title}\n      message={message}\n      variant=\"warning\"\n      isLoading={isLoading}\n      confirmLabel={tr('vibecontrols.enableRemoteTask.confirm', 'Enable & run')}\n      cancelLabel={tr('vibecontrols.enableRemoteTask.cancel', 'Cancel')}\n    >\n      <div className=\"space-y-3\">\n        <p className=\"text-xs text-status-warning-text\">\n          {tr(\n            'vibecontrols.enableRemoteTask.warning',\n            'Anyone with workspace access will be able to run commands on this host. You can review or revoke this any time from the agent’s Security settings.'\n          )}\n        </p>\n        <label className=\"flex items-start gap-2 text-sm text-text-primary cursor-pointer\">\n          <Checkbox\n            checked={enableFile}\n            onCheckedChange={(checked) => setEnableFile(checked === true)}\n            disabled={isLoading}\n            aria-label={tr(\n              'vibecontrols.enableRemoteTask.fileOptIn',\n              'Also allow remote file writes + deletes'\n            )}\n            className=\"mt-0.5\"\n          />\n          <span>\n            {tr(\n              'vibecontrols.enableRemoteTask.fileOptIn',\n              'Also allow remote file writes + deletes'\n            )}\n            <span className=\"block text-xs text-text-secondary\">\n              {tr(\n                'vibecontrols.enableRemoteTask.fileOptInHint',\n                'Only needed for actions that modify files. Reads are always allowed.'\n              )}\n            </span>\n          </span>\n        </label>\n      </div>\n    </ConfirmDialog>\n  );\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,EAAuB,EACrC,WACA,cACA,eAAY,IACZ,YACA,gBAC8B;CAC9B,IAAM,IAAK,GAAO,EACZ,CAAC,GAAY,KAAiB,EAAS,GAAM;AAkBnD,QAfA,QAAgB;AACd,EAAI,KAAQ,EAAc,GAAM;IAC/B,CAAC,EAAO,CAAC,EAcV,kBAAC,GAAD;EACU;EACC;EACT,iBAAiB,EAAU;GAAE,OAAO;GAAM,MAAM;GAAY,CAAC;EACtD,OAhBG,EAAG,uCAAuC,gCAAgC;EAiB3E,SAhBG,IACZ,EACE,8CACA,4CAA4C,EAAU,2IACvD,GACD,EACE,yCACA,6KACD;EASD,SAAQ;EACG;EACX,cAAc,EAAG,yCAAyC,eAAe;EACzE,aAAa,EAAG,wCAAwC,SAAS;YAEjE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,yCACA,qJACD;IACC,CAAA,EACJ,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,GAAD;KACE,SAAS;KACT,kBAAkB,MAAY,EAAc,MAAY,GAAK;KAC7D,UAAU;KACV,cAAY,EACV,2CACA,0CACD;KACD,WAAU;KACV,CAAA,EACF,kBAAC,QAAD,EAAA,UAAA,CACG,EACC,2CACA,0CACD,EACD,kBAAC,QAAD;KAAM,WAAU;eACb,EACC,+CACA,uEACD;KACI,CAAA,CACF,EAAA,CAAA,CACD;MACJ;;EACQ,CAAA"}

package/dist/components/shared/index.js

@@ -9,6 +9,7 @@ import "./EntityTagPicker.js";
 import "./EmptyState.js";
 import "./SearchInput.js";
 import "./FilterDropdown.js";
+import "./EnableRemoteTaskDialog.js";
 import "./StatusBadge.js";
 import "./Card.js";
 import "./StatCard.js";