OpenWorker: initial import

Imported from andrewyng/aisuite@1b4bbf303e (contents of its platform/ directory, hoisted to the repo root). Development history prior to this commit lives in that repository. Co-authored-by: Devika <devikaverma11@gmail.com>
2026-09-10 22:20:27 +00:00 · 2026-07-21 11:09:41 -07:00
commit 2b45018ffa
413 changed files with 93539 additions and 0 deletions
@@ -0,0 +1,87 @@
+import { useState } from "react";
+import { chooseFolder } from "../tauri";
+import { Icon } from "./Icon";
+
+// A single "Give access to a folder" affordance. Collapsed it's one button; expanded it's a path
+// field (Browse on desktop, paste anywhere) + an "Allow writing" checkbox that's OFF by default —
+// so access is read-only unless explicitly granted. Used by the composer chip and the start panel.
+export function AddFolderForm({
+  onAdd,
+  busy,
+  compact,
+  startOpen,
+  onDismiss,
+}: {
+  onAdd: (path: string, writable: boolean) => Promise<boolean> | boolean | void;
+  busy?: boolean;
+  compact?: boolean;
+  // Render the form expanded immediately (the caller owns the trigger); Cancel/success then
+  // notify via onDismiss so the caller can collapse it.
+  startOpen?: boolean;
+  onDismiss?: () => void;
+}) {
+  const [open, setOpen] = useState(!!startOpen);
+  const [path, setPath] = useState("");
+  const [writable, setWritable] = useState(false);
+
+  const reset = () => {
+    setOpen(false);
+    setPath("");
+    setWritable(false);
+    onDismiss?.();
+  };
+
+  const browse = async () => {
+    const p = await chooseFolder();
+    if (p) setPath(p);
+  };
+
+  const submit = async () => {
+    if (!path.trim()) return;
+    const ok = await onAdd(path.trim(), writable);
+    if (ok !== false) reset();
+  };
+
+  if (!open) {
+    return (
+      <button className={"addfolder-trigger" + (compact ? " compact" : "")} onClick={() => setOpen(true)}>
+        <Icon name="folderPlus" size={15} /> Give access to a folder
+      </button>
+    );
+  }
+
+  return (
+    <div className="addfolder-form">
+      <div className="addfolder-row">
+        <input
+          className="addfolder-path"
+          autoFocus
+          placeholder="Choose or paste a folder path…"
+          value={path}
+          spellCheck={false}
+          onChange={(e) => setPath(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === "Enter") submit();
+            else if (e.key === "Escape") reset();
+          }}
+        />
+        <button className="btn icon-only" onClick={browse} title="Choose location" aria-label="Choose location">
+          <Icon name="folder" size={15} />
+        </button>
+      </div>
+      <div className="addfolder-actions">
+        <label className="addfolder-write" title="Off = read-only. Tick to let the agent write here.">
+          <input type="checkbox" checked={writable} onChange={(e) => setWritable(e.target.checked)} />
+          Allow writes
+        </label>
+        <span className="spacer" />
+        <button className="btn" onClick={reset}>
+          Cancel
+        </button>
+        <button className="btn primary" disabled={busy || !path.trim()} onClick={submit}>
+          Add
+        </button>
+      </div>
+    </div>
+  );
+}