@forgecharts/sdk 1.3.6 → 1.3.7

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import React7, { forwardRef, useRef, useState, useImperativeHandle, useEffect, useCallback, createContext, useMemo, useContext } from 'react';
+import React11, { forwardRef, useRef, useState, useImperativeHandle, useEffect, useCallback, createContext, useMemo, useContext } from 'react';
 import { TextStyle, Application, Container, Graphics, Text, FillGradient } from 'pixi.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import ReactDOM from 'react-dom';
@@ -28018,6 +28018,1640 @@ function OrderTicket({
     }
   );
 }
+var COLUMN_TYPES = [
+  { value: "number", label: "Number", hint: "Float (prices, scores, ratios)" },
+  { value: "integer", label: "Integer", hint: "Whole number (volume, count)" },
+  { value: "text", label: "Text", hint: "String (labels, symbols)" },
+  { value: "boolean", label: "Boolean", hint: "True / False flag" },
+  { value: "date", label: "Date", hint: "Calendar date (no time)" },
+  { value: "timestamp", label: "Timestamp", hint: "Full datetime with timezone" },
+  { value: "percentage", label: "Percentage", hint: "Float stored as 0\u2013100" },
+  { value: "price", label: "Price", hint: "Float (currency value)" }
+];
+function DatasetManagerDrawer({ scriptId, isOwner, apiBase, authToken: staticToken, getAuthToken }) {
+  const resolveToken = React11.useCallback(async () => {
+    if (staticToken) return staticToken;
+    if (getAuthToken) {
+      try {
+        return await getAuthToken();
+      } catch {
+        return "";
+      }
+    }
+    return "";
+  }, [staticToken, getAuthToken]);
+  const [view, setView] = useState("list");
+  const [datasets, setDatasets] = useState([]);
+  const [activeDataset, setActiveDataset] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fetchDatasets = useCallback(async () => {
+    if (!scriptId) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const token = await resolveToken();
+      const res = await fetch(`${apiBase}/api/scripts/${scriptId}/datasets`, {
+        headers: { Authorization: `Bearer ${token}` }
+      });
+      if (!res.ok) throw new Error(await res.text());
+      setDatasets(await res.json());
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setLoading(false);
+    }
+  }, [scriptId, apiBase, resolveToken]);
+  useEffect(() => {
+    void fetchDatasets();
+  }, [fetchDatasets]);
+  useEffect(() => {
+    const processing = datasets.some((d) => d.ingest_status === "pending" || d.ingest_status === "processing");
+    if (!processing) return;
+    const timer = setInterval(() => {
+      void fetchDatasets();
+    }, 3e3);
+    return () => clearInterval(timer);
+  }, [datasets, fetchDatasets]);
+  const handleDelete = async (dsId) => {
+    if (!scriptId || !confirm("Delete this dataset and all its rows?")) return;
+    const token = await resolveToken();
+    await fetch(`${apiBase}/api/scripts/${scriptId}/datasets/${dsId}`, {
+      method: "DELETE",
+      headers: { Authorization: `Bearer ${token}` }
+    });
+    void fetchDatasets();
+  };
+  const handleViewUsage = (ds) => {
+    setActiveDataset(ds);
+    setView("usage");
+  };
+  const handleEdit = (ds) => {
+    setActiveDataset(ds);
+    setView("design");
+  };
+  if (!scriptId) {
+    return /* @__PURE__ */ jsx("div", { className: "dsm-empty", children: /* @__PURE__ */ jsx("p", { children: "Save your script first to manage datasets." }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "dsm-root", children: [
+    /* @__PURE__ */ jsxs("div", { className: "dsm-header", children: [
+      view !== "list" && /* @__PURE__ */ jsx("button", { className: "dsm-back-btn", onClick: () => {
+        setView("list");
+        setActiveDataset(null);
+      }, children: "\u2190 Back" }),
+      /* @__PURE__ */ jsx("span", { className: "dsm-title", children: view === "list" ? "Datasets" : view === "design" ? activeDataset ? `Edit: ${activeDataset.name}` : "New Dataset" : view === "import" ? `Import: ${activeDataset?.name}` : `Usage: ${activeDataset?.name}` }),
+      view === "list" && isOwner && /* @__PURE__ */ jsx("button", { className: "dsm-new-btn", onClick: () => {
+        setActiveDataset(null);
+        setView("design");
+      }, children: "+ New Dataset" })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "dsm-error", children: error }),
+    view === "list" && /* @__PURE__ */ jsx(
+      DatasetList,
+      {
+        datasets,
+        loading,
+        isOwner,
+        onDelete: handleDelete,
+        onViewUsage: handleViewUsage,
+        onEdit: handleEdit,
+        onImport: (ds) => {
+          setActiveDataset(ds);
+          setView("import");
+        }
+      }
+    ),
+    view === "design" && /* @__PURE__ */ jsx(
+      DatasetDesigner,
+      {
+        scriptId,
+        existing: activeDataset,
+        apiBase,
+        resolveToken,
+        onSchemaSaved: (ds) => {
+          setDatasets((prev) => {
+            const idx = prev.findIndex((d) => d.id === ds.id);
+            return idx >= 0 ? prev.map((d, i) => i === idx ? ds : d) : [...prev, ds];
+          });
+          setActiveDataset(ds);
+          setView("import");
+        },
+        onError: setError
+      }
+    ),
+    view === "import" && activeDataset && /* @__PURE__ */ jsx(
+      DatasetImporter,
+      {
+        scriptId,
+        dataset: activeDataset,
+        apiBase,
+        resolveToken,
+        onImported: (ds) => {
+          setDatasets((prev) => prev.map((d) => d.id === ds.id ? ds : d));
+          setActiveDataset(ds);
+          setView("usage");
+        },
+        onSkip: () => setView("usage"),
+        onError: setError
+      }
+    ),
+    view === "usage" && activeDataset && /* @__PURE__ */ jsx(DatasetUsage, { dataset: activeDataset })
+  ] });
+}
+function DatasetList({ datasets, loading, isOwner, onDelete, onViewUsage, onEdit, onImport }) {
+  if (loading && datasets.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "dsm-loading", children: "Loading datasets\u2026" });
+  }
+  if (datasets.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "dsm-empty", children: [
+      /* @__PURE__ */ jsx("p", { children: "No datasets yet." }),
+      isOwner && /* @__PURE__ */ jsxs("p", { children: [
+        "Click ",
+        /* @__PURE__ */ jsx("strong", { children: "+ New Dataset" }),
+        " to import your first dataset."
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "dsm-list", children: datasets.map((ds) => /* @__PURE__ */ jsxs("div", { className: "dsm-list-item", children: [
+    /* @__PURE__ */ jsxs("div", { className: "dsm-list-item-header", children: [
+      /* @__PURE__ */ jsx("span", { className: "dsm-list-item-name", children: ds.name }),
+      /* @__PURE__ */ jsx("span", { className: `dsm-status dsm-status--${ds.ingest_status}`, children: ds.ingest_status === "ready" ? `${ds.row_count.toLocaleString()} rows` : ds.ingest_status })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "dsm-list-item-cols", children: [
+      /* @__PURE__ */ jsx("span", { className: "dsm-col-tag dsm-col-tag--time", children: "time" }),
+      ds.columns.map((c) => /* @__PURE__ */ jsx("span", { className: `dsm-col-tag dsm-col-tag--${c.type}`, title: c.type, children: c.name }, c.name))
+    ] }),
+    ds.ingest_error && /* @__PURE__ */ jsxs("div", { className: "dsm-ingest-error", children: [
+      "\u26A0 ",
+      ds.ingest_error
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "dsm-list-item-actions", children: [
+      ds.ingest_status === "ready" && /* @__PURE__ */ jsx("button", { className: "dsm-action-btn", onClick: () => onViewUsage(ds), children: "Usage" }),
+      isOwner && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("button", { className: "dsm-action-btn dsm-action-btn--primary", onClick: () => onImport(ds), children: ds.ingest_status === "ready" ? "Re-import" : "Import Data" }),
+        /* @__PURE__ */ jsx("button", { className: "dsm-action-btn", onClick: () => onEdit(ds), children: "Edit Schema" }),
+        /* @__PURE__ */ jsx("button", { className: "dsm-action-btn dsm-action-btn--danger", onClick: () => onDelete(ds.id), children: "Delete" })
+      ] })
+    ] })
+  ] }, ds.id)) });
+}
+function DatasetDesigner({ scriptId, existing, apiBase, resolveToken, onSchemaSaved, onError }) {
+  const [name, setName] = useState(existing?.name ?? "");
+  const [columns, setColumns] = useState(
+    existing?.columns ?? [{ name: "", type: "number", nullable: true }]
+  );
+  const [saving, setSaving] = useState(false);
+  const addColumn = () => setColumns((prev) => [...prev, { name: "", type: "number", nullable: true }]);
+  const removeColumn = (i) => setColumns((prev) => prev.filter((_, idx) => idx !== i));
+  const updateColumn = (i, field, value) => setColumns((prev) => prev.map((c, idx) => idx === i ? { ...c, [field]: value } : c));
+  const handleSaveSchema = async () => {
+    if (!name.trim()) {
+      onError("Dataset name is required.");
+      return;
+    }
+    if (columns.some((c) => !c.name.trim())) {
+      onError("All columns must have a name.");
+      return;
+    }
+    setSaving(true);
+    try {
+      const body = {
+        name: name.trim(),
+        columns: columns.map((c) => ({ ...c, name: c.name.trim() }))
+      };
+      const token = await resolveToken();
+      const url = existing ? `${apiBase}/api/scripts/${scriptId}/datasets/${existing.id}` : `${apiBase}/api/scripts/${scriptId}/datasets`;
+      const method = existing ? "PATCH" : "POST";
+      const res = await fetch(url, {
+        method,
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+        body: JSON.stringify(body)
+      });
+      if (!res.ok) {
+        const text = await res.text();
+        let msg;
+        try {
+          msg = JSON.stringify(JSON.parse(text).error);
+        } catch {
+          msg = `HTTP ${res.status}`;
+        }
+        throw new Error(msg);
+      }
+      onSchemaSaved(await res.json());
+    } catch (e) {
+      onError(String(e));
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "dsm-designer", children: [
+    !existing && /* @__PURE__ */ jsxs("div", { className: "dsm-steps", children: [
+      /* @__PURE__ */ jsx("span", { className: "dsm-step dsm-step--active", children: "1 \xB7 Define schema" }),
+      /* @__PURE__ */ jsx("span", { className: "dsm-step-sep", children: "\u203A" }),
+      /* @__PURE__ */ jsx("span", { className: "dsm-step dsm-step--upcoming", children: "2 \xB7 Import data" })
+    ] }),
+    /* @__PURE__ */ jsx("label", { className: "dsm-label", children: "Dataset Name" }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        className: "dsm-input",
+        value: name,
+        onChange: (e) => setName(e.target.value),
+        placeholder: "e.g. sentiment",
+        disabled: !!existing
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "dsm-hint", children: "Lowercase letters, numbers, and underscores only." }),
+    /* @__PURE__ */ jsx("label", { className: "dsm-label", children: "Columns" }),
+    /* @__PURE__ */ jsxs("div", { className: "dsm-col-locked", children: [
+      /* @__PURE__ */ jsx("span", { className: "dsm-col-tag dsm-col-tag--time", children: "time" }),
+      /* @__PURE__ */ jsx("span", { className: "dsm-hint", children: "Required \u2014 always the first column" })
+    ] }),
+    columns.map((col, i) => /* @__PURE__ */ jsxs("div", { className: "dsm-col-row", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "dsm-input dsm-col-name",
+          value: col.name,
+          onChange: (e) => updateColumn(i, "name", e.target.value),
+          placeholder: "column_name"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          className: "dsm-select",
+          value: col.type,
+          onChange: (e) => updateColumn(i, "type", e.target.value),
+          children: COLUMN_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t.value, title: t.hint, children: t.label }, t.value))
+        }
+      ),
+      /* @__PURE__ */ jsxs("label", { className: "dsm-nullable-label", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: col.nullable,
+            onChange: (e) => updateColumn(i, "nullable", e.target.checked)
+          }
+        ),
+        "Nullable"
+      ] }),
+      /* @__PURE__ */ jsx("button", { className: "dsm-remove-col-btn", onClick: () => removeColumn(i), children: "\u2715" })
+    ] }, i)),
+    /* @__PURE__ */ jsx("button", { className: "dsm-add-col-btn", onClick: addColumn, children: "+ Add Column" }),
+    /* @__PURE__ */ jsx("button", { className: "dsm-save-btn", onClick: handleSaveSchema, disabled: saving, children: saving ? "Saving\u2026" : existing ? "Save Schema \u2192" : "Create Dataset \u2192" })
+  ] });
+}
+function buildCsvTemplate(dataset) {
+  const headers = ["time", ...dataset.columns.map((c) => c.name)].join(",");
+  const exampleRow = [
+    "2024-01-01",
+    ...dataset.columns.map((c) => {
+      switch (c.type) {
+        case "number":
+        case "price":
+        case "percentage":
+          return "0.00";
+        case "integer":
+          return "0";
+        case "boolean":
+          return "false";
+        case "date":
+          return "2024-01-01";
+        case "timestamp":
+          return "2024-01-01T00:00:00Z";
+        case "text":
+          return "value";
+        default:
+          return "";
+      }
+    })
+  ].join(",");
+  return `${headers}
+${exampleRow}
+`;
+}
+function DatasetImporter({ scriptId, dataset, apiBase, resolveToken, onImported, onSkip, onError }) {
+  const [fileContent, setFileContent] = useState("");
+  const [fileType, setFileType] = useState("csv");
+  const [preview, setPreview] = useState([]);
+  const [importing, setImporting] = useState(false);
+  const [fileName, setFileName] = useState("");
+  const fileRef = useRef(null);
+  const allHeaders = ["time", ...dataset.columns.map((c) => c.name)];
+  const downloadTemplate = () => {
+    const csv = buildCsvTemplate(dataset);
+    const blob = new Blob([csv], { type: "text/csv" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${dataset.name}_template.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  const handleFile = (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    setFileName(file.name);
+    const ft = file.name.endsWith(".json") ? "json" : "csv";
+    setFileType(ft);
+    const reader = new FileReader();
+    reader.onload = (ev) => {
+      const content = ev.target?.result;
+      setFileContent(content);
+      if (ft === "csv") {
+        const lines = content.split(/\r?\n/).filter((l) => l.trim()).slice(0, 6);
+        setPreview(lines.map((l) => l.split(",")));
+      } else {
+        try {
+          const arr = JSON.parse(content);
+          const first = arr.slice(0, 5);
+          const keys = Object.keys(first[0] ?? {});
+          setPreview([keys, ...first.map((r) => keys.map((k) => String(r[k] ?? "")))]);
+        } catch {
+          setPreview([]);
+        }
+      }
+    };
+    reader.readAsText(file);
+  };
+  const handleImport = async () => {
+    if (!fileContent) {
+      onError("Please choose a file to import.");
+      return;
+    }
+    setImporting(true);
+    try {
+      const token = await resolveToken();
+      const res = await fetch(`${apiBase}/api/scripts/${scriptId}/datasets/${dataset.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+        body: JSON.stringify({ file_content: fileContent, file_type: fileType })
+      });
+      if (!res.ok) {
+        const text = await res.text();
+        let msg;
+        try {
+          msg = JSON.stringify(JSON.parse(text).error);
+        } catch {
+          msg = `HTTP ${res.status}`;
+        }
+        throw new Error(msg);
+      }
+      onImported(await res.json());
+    } catch (e) {
+      onError(String(e));
+    } finally {
+      setImporting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "dsm-importer", children: [
+    /* @__PURE__ */ jsxs("div", { className: "dsm-steps", children: [
+      /* @__PURE__ */ jsx("span", { className: "dsm-step dsm-step--done", children: "1 \xB7 Define schema \u2713" }),
+      /* @__PURE__ */ jsx("span", { className: "dsm-step-sep", children: "\u203A" }),
+      /* @__PURE__ */ jsx("span", { className: "dsm-step dsm-step--active", children: "2 \xB7 Import data" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "dsm-schema-summary", children: [
+      /* @__PURE__ */ jsx("span", { className: "dsm-schema-summary-label", children: "Expected columns:" }),
+      allHeaders.map((h) => /* @__PURE__ */ jsx("span", { className: `dsm-col-tag dsm-col-tag--${h === "time" ? "time" : dataset.columns.find((c) => c.name === h)?.type ?? "number"}`, children: h }, h))
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "dsm-template-section", children: [
+      /* @__PURE__ */ jsxs("div", { className: "dsm-template-desc", children: [
+        "Download a pre-filled CSV template with the correct column headers for ",
+        /* @__PURE__ */ jsx("strong", { children: dataset.name }),
+        ". Fill it with your data, then upload it below."
+      ] }),
+      /* @__PURE__ */ jsx("button", { className: "dsm-template-btn", onClick: downloadTemplate, children: "\u2193 Download CSV Template" })
+    ] }),
+    /* @__PURE__ */ jsx("label", { className: "dsm-label", children: "Upload Data (CSV or JSON)" }),
+    /* @__PURE__ */ jsx("input", { ref: fileRef, type: "file", accept: ".csv,.json", className: "dsm-file-input", onChange: handleFile }),
+    /* @__PURE__ */ jsx("button", { className: "dsm-upload-btn", onClick: () => fileRef.current?.click(), children: fileName ? `\u2713 ${fileName} \u2014 click to change` : "Choose File" }),
+    preview.length > 0 && /* @__PURE__ */ jsxs("div", { className: "dsm-preview", children: [
+      /* @__PURE__ */ jsx("div", { className: "dsm-preview-label", children: "Preview (first 5 rows)" }),
+      /* @__PURE__ */ jsx("div", { className: "dsm-preview-table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "dsm-preview-table", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: preview[0].map((h, i) => /* @__PURE__ */ jsx("th", { className: allHeaders.includes(h.trim()) ? "" : "dsm-col-unknown", children: h }, i)) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: preview.slice(1).map((row, i) => /* @__PURE__ */ jsx("tr", { children: row.map((cell, j) => /* @__PURE__ */ jsx("td", { children: cell }, j)) }, i)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "dsm-import-actions", children: [
+      /* @__PURE__ */ jsx("button", { className: "dsm-save-btn", onClick: handleImport, disabled: importing || !fileContent, children: importing ? "Importing\u2026" : "Import Data" }),
+      /* @__PURE__ */ jsx("button", { className: "dsm-skip-btn", onClick: onSkip, children: "Skip for now" })
+    ] })
+  ] });
+}
+function DatasetUsage({ dataset }) {
+  const [copied, setCopied] = useState(false);
+  const snippet = [
+    `// Dataset: ${dataset.name} (${dataset.row_count.toLocaleString()} rows)`,
+    ...dataset.columns.map((c) => `${c.name} = request.data("${dataset.name}", "${c.name}")`)
+  ].join("\n");
+  const copy = () => {
+    void navigator.clipboard.writeText(snippet);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "dsm-usage", children: [
+    /* @__PURE__ */ jsxs("p", { className: "dsm-usage-intro", children: [
+      "Copy this snippet into your ForgeScript indicator to access the ",
+      /* @__PURE__ */ jsx("strong", { children: dataset.name }),
+      " dataset."
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "dsm-usage-code-wrap", children: [
+      /* @__PURE__ */ jsx("pre", { className: "dsm-usage-code", children: snippet }),
+      /* @__PURE__ */ jsx("button", { className: "dsm-copy-btn", onClick: copy, children: copied ? "\u2713 Copied" : "Copy" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "dsm-usage-cols", children: [
+      /* @__PURE__ */ jsx("div", { className: "dsm-usage-col-label", children: "Available columns:" }),
+      /* @__PURE__ */ jsx("div", { className: "dsm-col-tag dsm-col-tag--time", children: "time" }),
+      dataset.columns.map((c) => /* @__PURE__ */ jsxs("div", { className: `dsm-col-tag dsm-col-tag--${c.type}`, title: c.type, children: [
+        c.name,
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "dsm-col-type", children: [
+          "(",
+          c.type,
+          ")"
+        ] })
+      ] }, c.name))
+    ] })
+  ] });
+}
+var TEMPLATE = `## Overview
+
+Describe what this indicator measures and why it is useful.
+
+## How It Works
+
+Explain the calculation logic in plain language.
+
+## Inputs & Parameters
+
+List each \`input.*\` variable the user can configure.
+
+## Interpreting Signals
+
+Explain how to read the plots, shapes, or alerts this indicator produces.
+
+## Datasets Required
+
+If this indicator uses \`request.data()\`, describe the bundled datasets and their columns.
+
+## Limitations & Caveats
+
+Note any known edge cases, asset classes it does not work well on, or timeframe restrictions.
+
+## Changelog
+
+- **v1** \u2014 Initial release
+`;
+function DocsEditor({ scriptId, isOwner, apiBase, authToken: staticToken, getAuthToken }) {
+  const resolveToken = useCallback(async () => {
+    if (getAuthToken) {
+      try {
+        return await getAuthToken();
+      } catch {
+        return "";
+      }
+    }
+    return staticToken ?? "";
+  }, [getAuthToken, staticToken]);
+  const [content, setContent] = useState("");
+  const [original, setOriginal] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [saved, setSaved] = useState(false);
+  const [error, setError] = useState(null);
+  const [preview, setPreview] = useState(false);
+  const textareaRef = useRef(null);
+  const fetchDocs = useCallback(async () => {
+    if (!scriptId) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const tok = await resolveToken();
+      const res = await fetch(`${apiBase}/api/scripts/${scriptId}/docs`, {
+        headers: { Authorization: `Bearer ${tok}` }
+      });
+      if (!res.ok) throw new Error(await res.text());
+      const data = await res.json();
+      setContent(data.content || "");
+      setOriginal(data.content || "");
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setLoading(false);
+    }
+  }, [scriptId, apiBase, resolveToken]);
+  useEffect(() => {
+    void fetchDocs();
+  }, [fetchDocs]);
+  const handleSave = async () => {
+    if (!scriptId) return;
+    setSaving(true);
+    setError(null);
+    try {
+      const tok = await resolveToken();
+      const res = await fetch(`${apiBase}/api/scripts/${scriptId}/docs`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${tok}` },
+        body: JSON.stringify({ content })
+      });
+      if (!res.ok) throw new Error(await res.text());
+      setOriginal(content);
+      setSaved(true);
+      setTimeout(() => setSaved(false), 2500);
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setSaving(false);
+    }
+  };
+  const isDirty = content !== original;
+  if (!scriptId) {
+    return /* @__PURE__ */ jsx("div", { className: "docs-empty", children: "Save your script first to add documentation." });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "docs-loading", children: "Loading documentation\u2026" });
+  }
+  if (!isOwner) {
+    return /* @__PURE__ */ jsx("div", { className: "docs-viewer", children: content ? /* @__PURE__ */ jsx("div", { className: "docs-rendered", dangerouslySetInnerHTML: { __html: renderMarkdown(content) } }) : /* @__PURE__ */ jsx("div", { className: "docs-empty", children: "The author has not added documentation yet." }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "docs-editor-root", children: [
+    /* @__PURE__ */ jsxs("div", { className: "docs-toolbar", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `docs-tab-btn${!preview ? " active" : ""}`,
+          onClick: () => setPreview(false),
+          children: "Edit"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `docs-tab-btn${preview ? " active" : ""}`,
+          onClick: () => setPreview(true),
+          children: "Preview"
+        }
+      ),
+      !content && /* @__PURE__ */ jsx("button", { className: "docs-template-btn", onClick: () => setContent(TEMPLATE), children: "Use Template" }),
+      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+      error && /* @__PURE__ */ jsx("span", { className: "docs-error", children: error }),
+      saved && /* @__PURE__ */ jsx("span", { className: "docs-saved", children: "\u2713 Saved" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "docs-save-btn",
+          onClick: handleSave,
+          disabled: saving || !isDirty,
+          children: saving ? "Saving\u2026" : "Save Docs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "docs-panes", children: !preview ? /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: textareaRef,
+        className: "docs-textarea",
+        value: content,
+        onChange: (e) => setContent(e.target.value),
+        placeholder: "Write your indicator documentation in Markdown\u2026",
+        spellCheck: true
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "docs-rendered", dangerouslySetInnerHTML: { __html: renderMarkdown(content) } }) })
+  ] });
+}
+function renderMarkdown(md) {
+  let html = escapeHtml(md);
+  html = html.replace(
+    /```[\w]*\n([\s\S]*?)```/g,
+    (_m, code) => `<pre class="docs-code-block"><code>${code.trimEnd()}</code></pre>`
+  );
+  html = html.replace(/`([^`]+)`/g, '<code class="docs-inline-code">$1</code>');
+  html = html.replace(/^######\s+(.+)$/gm, "<h6>$1</h6>");
+  html = html.replace(/^#####\s+(.+)$/gm, "<h5>$1</h5>");
+  html = html.replace(/^####\s+(.+)$/gm, "<h4>$1</h4>");
+  html = html.replace(/^###\s+(.+)$/gm, "<h3>$1</h3>");
+  html = html.replace(/^##\s+(.+)$/gm, "<h2>$1</h2>");
+  html = html.replace(/^#\s+(.+)$/gm, "<h1>$1</h1>");
+  html = html.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>");
+  html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+  html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");
+  html = html.replace(/((?:^[-*]\s.+\n?)+)/gm, (block) => {
+    const items = block.trim().split("\n").map((l) => `<li>${l.replace(/^[-*]\s/, "")}</li>`);
+    return `<ul>${items.join("")}</ul>`;
+  });
+  html = html.replace(/^---$/gm, "<hr>");
+  html = html.replace(/^(?!<[hupoli]|<pre|<hr)(.+)$/gm, "<p>$1</p>");
+  html = html.replace(/\n{2,}/g, "\n");
+  return html;
+}
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+var VISIBILITY_OPTIONS = [
+  {
+    value: "private",
+    label: "Private",
+    desc: "Only you can see and run this indicator."
+  },
+  {
+    value: "public",
+    label: "Public",
+    desc: "Any user can view and run this indicator for free."
+  },
+  {
+    value: "for_sale",
+    label: "For Sale",
+    desc: "Any user can see a preview. Only purchasers can run it."
+  }
+];
+function ScriptSettings({ scriptId, isOwner, apiBase, authToken: staticToken, getAuthToken, onUpdated }) {
+  const resolveToken = useCallback(async () => {
+    if (getAuthToken) {
+      try {
+        return await getAuthToken();
+      } catch {
+        return "";
+      }
+    }
+    return staticToken ?? "";
+  }, [getAuthToken, staticToken]);
+  const [meta, setMeta] = useState(null);
+  const [name, setName] = useState("");
+  const [visibility, setVis] = useState("private");
+  const [salePrice, setSalePrice] = useState("");
+  const [currency, setCurrency] = useState("USD");
+  const [previewPct, setPreviewPct] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [saved, setSaved] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!scriptId) return;
+    setLoading(true);
+    resolveToken().then(
+      (tok) => fetch(`${apiBase}/api/scripts/${scriptId}`, {
+        headers: { Authorization: `Bearer ${tok}` }
+      })
+    ).then((r) => r.json()).then((data) => {
+      setMeta(data);
+      setName(data.name);
+      setVis(data.visibility);
+      setSalePrice(data.sale_price ?? "");
+      setCurrency(data.sale_currency);
+      setPreviewPct(data.preview_pct);
+    }).catch((e) => setError(String(e))).finally(() => setLoading(false));
+  }, [scriptId, apiBase]);
+  const handleSave = async () => {
+    if (!scriptId) return;
+    if (visibility === "for_sale" && (!salePrice || Number(salePrice) < 1)) {
+      setError("Sale price must be at least $1.00 when set to For Sale.");
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      const tok = await resolveToken();
+      const body = {
+        name: name.trim() || meta?.name,
+        visibility,
+        sale_currency: currency,
+        preview_pct: previewPct
+      };
+      if (visibility === "for_sale") {
+        body["sale_price"] = Number(salePrice);
+      }
+      const res = await fetch(`${apiBase}/api/scripts/${scriptId}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${tok}` },
+        body: JSON.stringify(body)
+      });
+      if (!res.ok) throw new Error(await res.text());
+      const updated = await res.json();
+      setMeta(updated);
+      setSaved(true);
+      setTimeout(() => setSaved(false), 2500);
+      onUpdated?.(updated);
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setSaving(false);
+    }
+  };
+  if (!scriptId) {
+    return /* @__PURE__ */ jsx("div", { className: "ss-empty", children: "Save your script first to configure settings." });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "ss-loading", children: "Loading settings\u2026" });
+  }
+  if (!isOwner) {
+    return /* @__PURE__ */ jsxs("div", { className: "ss-viewer", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ss-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "ss-label", children: "Visibility" }),
+        /* @__PURE__ */ jsx("span", { className: `ss-badge ss-badge--${meta?.visibility}`, children: meta?.visibility?.replace("_", " ") })
+      ] }),
+      meta?.visibility === "for_sale" && /* @__PURE__ */ jsxs("div", { className: "ss-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "ss-label", children: "Price" }),
+        /* @__PURE__ */ jsxs("span", { className: "ss-value", children: [
+          meta.sale_currency,
+          " ",
+          meta.sale_price
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ss-root", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ss-section", children: [
+      /* @__PURE__ */ jsx("label", { className: "ss-section-label", children: "Indicator Name" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "ss-input",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "My Indicator"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ss-section", children: [
+      /* @__PURE__ */ jsx("label", { className: "ss-section-label", children: "Visibility" }),
+      /* @__PURE__ */ jsx("div", { className: "ss-vis-group", children: VISIBILITY_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `ss-vis-btn${visibility === opt.value ? " active" : ""}`,
+          onClick: () => setVis(opt.value),
+          children: opt.label
+        },
+        opt.value
+      )) }),
+      /* @__PURE__ */ jsx("p", { className: "ss-vis-desc", children: VISIBILITY_OPTIONS.find((o) => o.value === visibility)?.desc })
+    ] }),
+    visibility === "for_sale" && /* @__PURE__ */ jsxs("div", { className: "ss-section", children: [
+      /* @__PURE__ */ jsx("label", { className: "ss-section-label", children: "Sale Price" }),
+      /* @__PURE__ */ jsxs("div", { className: "ss-price-row", children: [
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "ss-currency-select",
+            value: currency,
+            onChange: (e) => setCurrency(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "USD", children: "USD" }),
+              /* @__PURE__ */ jsx("option", { value: "EUR", children: "EUR" }),
+              /* @__PURE__ */ jsx("option", { value: "GBP", children: "GBP" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "ss-price-input",
+            type: "number",
+            min: "1",
+            step: "0.01",
+            value: salePrice,
+            onChange: (e) => setSalePrice(e.target.value),
+            placeholder: "9.99"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "ss-hint", children: "Minimum price: $1.00. Purchasers retain access even if you change visibility later." }),
+      /* @__PURE__ */ jsxs("label", { className: "ss-section-label", style: { marginTop: "1rem" }, children: [
+        "Source Preview for Non-Purchasers: ",
+        /* @__PURE__ */ jsxs("strong", { children: [
+          previewPct,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "ss-slider",
+          type: "range",
+          min: "0",
+          max: "100",
+          step: "5",
+          value: previewPct,
+          onChange: (e) => setPreviewPct(Number(e.target.value))
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "ss-hint", children: previewPct === 0 ? "Non-purchasers see no source code." : previewPct === 100 ? "Non-purchasers see the full source code." : `Non-purchasers see the first ${previewPct}% of the source code.` })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ss-footer", children: [
+      error && /* @__PURE__ */ jsx("span", { className: "ss-error", children: error }),
+      saved && /* @__PURE__ */ jsx("span", { className: "ss-saved", children: "\u2713 Settings saved" }),
+      /* @__PURE__ */ jsx("button", { className: "ss-save-btn", onClick: handleSave, disabled: saving, children: saving ? "Saving\u2026" : "Save Settings" })
+    ] })
+  ] });
+}
+var TA_FUNCTIONS = [
+  // Moving averages
+  { name: "sma(src, len)", desc: "Simple moving average" },
+  { name: "ema(src, len)", desc: "Exponential moving average" },
+  { name: "wma(src, len)", desc: "Weighted moving average" },
+  { name: "rma(src, len)", desc: "Wilder (RMA) moving average" },
+  { name: "swma(src)", desc: "Symmetrically weighted MA (period 4)" },
+  { name: "vwma(src, len)", desc: "Volume-weighted moving average" },
+  // Oscillators & indicators
+  { name: "rsi(src, len)", desc: "Relative Strength Index [0\u2013100]" },
+  { name: "macd(src, fast, slow, sig)", desc: "MACD line (stores __macd_signal, __macd_hist)" },
+  { name: "stoch(src, high, low, len)", desc: "Stochastic %K" },
+  { name: "obv()", desc: "On-Balance Volume" },
+  // Bands & volatility
+  { name: "bb(src, len, mult)", desc: "Bollinger middle band (stores __bb_upper, __bb_lower)" },
+  { name: "atr(len)", desc: "Average true range" },
+  { name: "tr()", desc: "True range (single bar)" },
+  { name: "stdev(src, len)", desc: "Standard deviation" },
+  { name: "dev(src, len)", desc: "Mean absolute deviation" },
+  { name: "variance(src, len)", desc: "Rolling variance" },
+  // Crossover & direction
+  { name: "crossover(a, b)", desc: "True when a crosses above b" },
+  { name: "crossunder(a, b)", desc: "True when a crosses below b" },
+  { name: "cross(a, b)", desc: "True on any cross (either direction)" },
+  { name: "rising(src, len)", desc: "True if source rose for len bars" },
+  { name: "falling(src, len)", desc: "True if source fell for len bars" },
+  // Rolling aggregates
+  { name: "highest(src, len)", desc: "Highest value over N bars" },
+  { name: "lowest(src, len)", desc: "Lowest value over N bars" },
+  { name: "sum(src, len)", desc: "Rolling sum over N bars" },
+  { name: "cum(src)", desc: "Cumulative sum from bar 0" },
+  // Change & momentum
+  { name: "change(src, len?)", desc: "Difference from len bars ago (default 1)" },
+  { name: "mom(src, len)", desc: "Momentum (alias for change)" },
+  // Lookback
+  { name: "barssince(cond)", desc: "Bars since condition was true" },
+  { name: "valuewhen(cond, src, occ?)", desc: "Value at Nth true condition" },
+  { name: "pivothigh(src, l, r)", desc: "Pivot high detection" },
+  { name: "pivotlow(src, l, r)", desc: "Pivot low detection" },
+  // Statistical
+  { name: "correlation(s1, s2, len)", desc: "Pearson correlation coefficient" }
+];
+var BUILT_IN_SERIES = [
+  "open",
+  "high",
+  "low",
+  "close",
+  "volume",
+  "hl2",
+  "hlc3",
+  "ohlc4",
+  "bar_index"
+];
+var BARSTATE_PROPERTIES = [
+  { name: "barstate.islast", desc: "True on the last bar" },
+  { name: "barstate.isfirst", desc: "True on the first bar" },
+  { name: "barstate.isconfirmed", desc: "True when the bar is confirmed (always true for historical)" },
+  { name: "barstate.isnew", desc: "True on the first tick of a new bar" },
+  { name: "barstate.ishistory", desc: "True when processing historical data" },
+  { name: "barstate.isrealtime", desc: "True when processing realtime data (always false)" }
+];
+var OUTPUT_FUNCTIONS = [
+  { name: "plot(value, ...)", desc: "Plot a line on the chart" },
+  { name: "hline(price, ...)", desc: "Horizontal reference line" },
+  { name: "fill(id1, id2, ...)", desc: "Fill area between two references" },
+  { name: "bgcolor(color)", desc: "Set per-bar background color" },
+  { name: "barcolor(color)", desc: "Override candle color per bar" },
+  { name: "plotshape(cond, ...)", desc: "Draw a marker shape" },
+  { name: "plotchar(cond, ...)", desc: "Draw a character marker" },
+  { name: "plotarrow(value, ...)", desc: "Draw up/down arrow" }
+];
+var UTILITY_FUNCTIONS = [
+  { name: 'indicator("Title")', desc: "Declare the indicator name" },
+  { name: "input(default)", desc: "Create a numeric user parameter" },
+  { name: "input.string(default)", desc: "Create a string user parameter" },
+  { name: "input.text_area(default)", desc: "Create a multiline text parameter" },
+  { name: "nz(val, rep?)", desc: "Replace NaN with rep (default 0)" },
+  { name: "na(val)", desc: "Returns true if value is NaN" }
+];
+var MATH_FUNCTIONS = [
+  "abs",
+  "max",
+  "min",
+  "round",
+  "floor",
+  "ceil",
+  "sqrt",
+  "log",
+  "log10",
+  "exp",
+  "pow",
+  "sign",
+  "sin",
+  "cos",
+  "tan",
+  "asin",
+  "acos",
+  "atan",
+  "avg",
+  "random"
+];
+var COLOR_CONSTANTS = [
+  "red",
+  "green",
+  "blue",
+  "white",
+  "black",
+  "yellow",
+  "orange",
+  "purple",
+  "aqua",
+  "lime",
+  "teal",
+  "fuchsia",
+  "silver",
+  "gray",
+  "olive",
+  "maroon",
+  "navy"
+];
+var COLOR_FUNCTIONS = [
+  { name: "color.new(base, transp)", desc: "Apply transparency (0\u2013100) to a color" },
+  { name: "color.rgb(r, g, b, t?)", desc: "Create color from RGBA components" }
+];
+var STRING_FUNCTIONS = [
+  { name: "str.tostring(val)", desc: "Convert value to string" },
+  { name: "str.tonumber(val)", desc: "Convert string to number" },
+  { name: "str.format(tpl, ...)", desc: "Format string with {0}, {1}, \u2026 placeholders" },
+  { name: "str.length(s)", desc: "String length" },
+  { name: "str.trim(s)", desc: "Remove leading/trailing whitespace" },
+  { name: "str.contains(s, sub)", desc: "True if s contains sub" },
+  { name: "str.substring(s, st, en)", desc: "Extract substring" },
+  { name: "str.replace_all(s, t, r)", desc: "Replace all occurrences of t with r" },
+  { name: "str.upper(s)", desc: "Uppercase" },
+  { name: "str.lower(s)", desc: "Lowercase" },
+  { name: "str.split(s, sep)", desc: "Split string into array by separator" }
+];
+var ARRAY_FUNCTIONS = [
+  { name: "array.new_float(sz, val)", desc: "Create float array of size with initial value" },
+  { name: "array.from(v1, v2, ...)", desc: "Create array from values" },
+  { name: "array.size(arr)", desc: "Number of elements" },
+  { name: "array.get(arr, i)", desc: "Get element at index" },
+  { name: "array.set(arr, i, v)", desc: "Set element at index" },
+  { name: "array.push(arr, v)", desc: "Append element" },
+  { name: "array.pop(arr)", desc: "Remove and return last element" },
+  { name: "array.remove(arr, i)", desc: "Remove element at index" },
+  { name: "array.clear(arr)", desc: "Remove all elements" },
+  { name: "array.includes(arr, v)", desc: "True if array contains value" },
+  { name: "array.indexof(arr, v)", desc: "Index of first occurrence (-1 if none)" },
+  { name: "array.slice(arr, s, e)", desc: "Sub-array from start to end" },
+  { name: "array.join(arr, sep)", desc: "Join elements into string" },
+  { name: "array.sort(arr)", desc: "Sort array in place (numeric)" },
+  { name: "array.reverse(arr)", desc: "Reverse array in place" },
+  { name: "array.avg(arr)", desc: "Average of elements" },
+  { name: "array.sum(arr)", desc: "Sum of elements" },
+  { name: "array.min(arr)", desc: "Minimum element" },
+  { name: "array.max(arr)", desc: "Maximum element" }
+];
+var TABLE_FUNCTIONS = [
+  { name: "table.new(pos, cols, rows)", desc: "Create table (+ bgcolor=, border_color=, border_width=, frame_color=, frame_width=)" },
+  { name: "table.cell(id, c, r, text)", desc: "Set cell (+ text_color=, bgcolor=, text_size=, text_halign=, text_valign=)" },
+  { name: "table.clear(id, c, r)", desc: "Clear a single cell" },
+  { name: "table.delete(id)", desc: "Delete the entire table" },
+  { name: "text.align_left/center/right", desc: "Horizontal alignment constants" },
+  { name: "text.align_top/center/bottom", desc: "Vertical alignment constants" }
+];
+var TSCRIPT_TEMPLATE = `indicator("My Indicator")
+
+// Parameters \u2014 shown in the UI
+length = input(14)
+fast   = input(9)
+slow   = input(21)
+
+// Calculations using built-in TA functions
+fast_ma = ema(close, fast)
+slow_ma = ema(close, slow)
+signal  = crossover(fast_ma, slow_ma)
+
+// Plot results (overlay: true draws on price pane)
+plot(fast_ma)
+plot(slow_ma)
+`;
+function ScriptDrawer({ onClose, onAddIndicator, apiUrl, getAuthToken }) {
+  const [activeTab, setActiveTab] = useState("code");
+  const [isOwner, setIsOwner] = useState(true);
+  const [code, setCode] = useState(TSCRIPT_TEMPLATE);
+  const [overlay, setOverlay] = useState(false);
+  useEffect(() => {
+    const match = code.match(/indicator\s*\([^)]*overlay\s*=\s*(true|false)/i);
+    if (match) {
+      setOverlay(match[1].toLowerCase() === "true");
+    }
+  }, [code]);
+  const [errors, setErrors] = useState([]);
+  const [refOpen, setRefOpen] = useState(false);
+  const [drawerWidth, setDrawerWidth] = useState(380);
+  const [savedScripts, setSavedScripts] = useState([]);
+  const [scriptsMenuOpen, setScriptsMenuOpen] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [activeScriptId, setActiveScriptId] = useState(null);
+  const [saveNameInput, setSaveNameInput] = useState("");
+  const [showSaveNamePrompt, setShowSaveNamePrompt] = useState(false);
+  const scriptsMenuRef = useRef(null);
+  const dragState = useRef(null);
+  const [agentTyping, setAgentTyping] = useState(false);
+  const agentCodeRef = useRef("");
+  useAgentUIEvent("script:clear", () => {
+    agentCodeRef.current = "";
+    setCode("");
+    setErrors([]);
+    setAgentTyping(true);
+    setActiveTab("code");
+  });
+  useAgentUIEvent("script:type", ({ chunk, done, scriptName }) => {
+    agentCodeRef.current += chunk;
+    setCode(agentCodeRef.current);
+    if (scriptName) setSaveNameInput(scriptName);
+    if (done) setAgentTyping(false);
+  });
+  useAgentUIEvent("script:reload", () => {
+    fetchSavedScripts();
+  });
+  useAgentUIEvent("script:activate", ({ scriptId }) => {
+    setActiveScriptId(scriptId);
+    fetchSavedScripts();
+  });
+  const handleAddToChartRef = useRef(() => {
+  });
+  useAgentUIEvent("script:attach", () => {
+    handleAddToChartRef.current();
+  });
+  useAgentUIEvent("script:ready", () => {
+    setAgentTyping(false);
+    setErrors([]);
+  });
+  const onResizeMouseDown = (e) => {
+    e.preventDefault();
+    dragState.current = { startX: e.clientX, startW: drawerWidth };
+    const onMove = (ev) => {
+      if (!dragState.current) return;
+      const delta = dragState.current.startX - ev.clientX;
+      setDrawerWidth(Math.min(Math.round(window.innerWidth * 0.7), Math.max(280, dragState.current.startW + delta)));
+    };
+    const onUp = () => {
+      dragState.current = null;
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+  };
+  const _authHeaders = useCallback(async () => {
+    if (!getAuthToken) return {};
+    try {
+      const tok = await getAuthToken();
+      return tok ? { Authorization: `Bearer ${tok}` } : {};
+    } catch {
+      return {};
+    }
+  }, [getAuthToken]);
+  const extractScriptName = useCallback((src) => {
+    const m = src.match(/indicator\s*\(\s*["']([^"']+)["']/);
+    return m?.[1] ?? "Untitled Script";
+  }, []);
+  const fetchSavedScripts = useCallback(async () => {
+    const base = apiUrl ?? "";
+    try {
+      const auth = await _authHeaders();
+      const res = await fetch(`${base}/api/scripts?mine=true`, { headers: { ...auth } });
+      if (res.ok) {
+        const data = await res.json();
+        setSavedScripts(data);
+      }
+    } catch {
+    }
+  }, [apiUrl, _authHeaders]);
+  useEffect(() => {
+    fetchSavedScripts();
+  }, [fetchSavedScripts]);
+  useEffect(() => {
+    if (!scriptsMenuOpen) return;
+    const handler = (e) => {
+      if (scriptsMenuRef.current && !scriptsMenuRef.current.contains(e.target)) {
+        setScriptsMenuOpen(false);
+        setShowSaveNamePrompt(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [scriptsMenuOpen]);
+  const handleSaveScript = useCallback(async (name) => {
+    setSaving(true);
+    const base = apiUrl ?? "";
+    const auth = await _authHeaders();
+    const scriptSource = code;
+    const scriptLang = "forgescript";
+    const scriptName = name ?? extractScriptName(scriptSource);
+    try {
+      if (activeScriptId) {
+        await fetch(`${base}/api/scripts/${encodeURIComponent(activeScriptId)}/versions`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", ...auth },
+          body: JSON.stringify({ source: scriptSource })
+        });
+      } else {
+        const res = await fetch(`${base}/api/scripts`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", ...auth },
+          body: JSON.stringify({ name: scriptName, language: scriptLang, source: scriptSource })
+        });
+        if (res.ok) {
+          const created = await res.json();
+          setActiveScriptId(created.id);
+        }
+      }
+      await fetchSavedScripts();
+    } catch {
+    }
+    setSaving(false);
+    setShowSaveNamePrompt(false);
+  }, [apiUrl, _authHeaders, code, activeScriptId, extractScriptName, fetchSavedScripts]);
+  const handleSaveClick = useCallback(() => {
+    if (activeScriptId) {
+      handleSaveScript();
+    } else {
+      const autoName = extractScriptName(code);
+      setSaveNameInput(autoName);
+      setShowSaveNamePrompt(true);
+      setScriptsMenuOpen(true);
+    }
+  }, [activeScriptId, handleSaveScript, code, extractScriptName]);
+  const handleLoadScript = useCallback(async (script) => {
+    const base = apiUrl ?? "";
+    const auth = await _authHeaders();
+    try {
+      const res = await fetch(`${base}/api/scripts/${encodeURIComponent(script.id)}/versions`, {
+        headers: { ...auth }
+      });
+      if (!res.ok) return;
+      const versions = await res.json();
+      if (versions.length === 0) return;
+      const latest = versions[0];
+      setActiveScriptId(script.id);
+      setCode(latest.source);
+      setErrors([]);
+    } catch {
+    }
+    setScriptsMenuOpen(false);
+  }, [apiUrl, _authHeaders]);
+  const handleDeleteScript = useCallback(async (id) => {
+    const base = apiUrl ?? "";
+    const auth = await _authHeaders();
+    try {
+      await fetch(`${base}/api/scripts/${encodeURIComponent(id)}`, {
+        method: "DELETE",
+        headers: { ...auth }
+      });
+      if (activeScriptId === id) setActiveScriptId(null);
+      await fetchSavedScripts();
+    } catch {
+    }
+  }, [apiUrl, _authHeaders, activeScriptId, fetchSavedScripts]);
+  const handleAddToChart = () => {
+    setErrors([]);
+    onAddIndicator({ type: "script", script: code, overlay });
+  };
+  handleAddToChartRef.current = handleAddToChart;
+  return /* @__PURE__ */ jsxs("div", { className: "script-drawer", style: { width: drawerWidth }, children: [
+    /* @__PURE__ */ jsx("div", { className: "script-drawer-resize", onMouseDown: onResizeMouseDown }),
+    /* @__PURE__ */ jsxs("div", { className: "script-drawer-header", children: [
+      /* @__PURE__ */ jsxs("span", { className: "script-drawer-title", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            viewBox: "0 0 16 16",
+            width: "14",
+            height: "14",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinecap: "round",
+            style: { flexShrink: 0 },
+            children: [
+              /* @__PURE__ */ jsx("polyline", { points: "4,6 2,8 4,10" }),
+              /* @__PURE__ */ jsx("polyline", { points: "12,6 14,8 12,10" }),
+              /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "7", y2: "13" })
+            ]
+          }
+        ),
+        "Script Engine"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "script-header-actions", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "script-header-btn",
+            onClick: handleSaveClick,
+            disabled: saving,
+            title: activeScriptId ? "Save changes" : "Save Script",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  viewBox: "0 0 14 14",
+                  width: "13",
+                  height: "13",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M11.5 13H2.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h7l3 3v8a1 1 0 0 1-1 1z" }),
+                    /* @__PURE__ */ jsx("path", { d: "M9.5 13V8h-5v5" }),
+                    /* @__PURE__ */ jsx("path", { d: "M4.5 1v3h4" })
+                  ]
+                }
+              ),
+              saving ? "\u2026" : "Save"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "script-my-scripts-wrap", ref: scriptsMenuRef, children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: "script-header-btn",
+              onClick: () => {
+                setScriptsMenuOpen((o) => !o);
+                setShowSaveNamePrompt(false);
+              },
+              title: "My Scripts",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    viewBox: "0 0 14 14",
+                    width: "13",
+                    height: "13",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: /* @__PURE__ */ jsx("path", { d: "M1.5 3.5h11M1.5 7h11M1.5 10.5h11" })
+                  }
+                ),
+                "My Scripts"
+              ]
+            }
+          ),
+          scriptsMenuOpen && /* @__PURE__ */ jsxs("div", { className: "script-my-scripts-dropdown", children: [
+            showSaveNamePrompt && /* @__PURE__ */ jsxs("div", { className: "script-save-name-prompt", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: "script-save-name-input",
+                  type: "text",
+                  placeholder: "Script name",
+                  value: saveNameInput,
+                  onChange: (e) => setSaveNameInput(e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" && saveNameInput.trim()) {
+                      handleSaveScript(saveNameInput.trim());
+                    }
+                  },
+                  autoFocus: true
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "script-save-name-confirm",
+                  onClick: () => saveNameInput.trim() && handleSaveScript(saveNameInput.trim()),
+                  disabled: !saveNameInput.trim() || saving,
+                  children: saving ? "\u2026" : "Save"
+                }
+              )
+            ] }),
+            savedScripts.length === 0 && !showSaveNamePrompt && /* @__PURE__ */ jsx("div", { className: "script-my-scripts-empty", children: "No saved scripts yet" }),
+            savedScripts.map((s) => /* @__PURE__ */ jsxs("div", { className: "script-my-scripts-item", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: "script-my-scripts-load",
+                  onClick: () => handleLoadScript(s),
+                  title: `Load "${s.name}"`,
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "script-lang-badge forge", children: "ForgeScript" }),
+                    /* @__PURE__ */ jsx("span", { className: "script-my-scripts-name", children: s.name })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "script-my-scripts-delete",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleDeleteScript(s.id);
+                  },
+                  title: "Delete",
+                  children: /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      viewBox: "0 0 10 10",
+                      width: "10",
+                      height: "10",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round",
+                      children: [
+                        /* @__PURE__ */ jsx("line", { x1: "2", y1: "2", x2: "8", y2: "8" }),
+                        /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "2", y2: "8" })
+                      ]
+                    }
+                  )
+                }
+              )
+            ] }, s.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "script-close-btn", onClick: onClose, title: "Close", children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            viewBox: "0 0 12 12",
+            width: "12",
+            height: "12",
+            stroke: "currentColor",
+            strokeWidth: "1.8",
+            strokeLinecap: "round",
+            children: [
+              /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "11", y2: "11" }),
+              /* @__PURE__ */ jsx("line", { x1: "11", y1: "1", x2: "1", y2: "11" })
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "script-main-tabs", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `script-main-tab${activeTab === "code" ? " active" : ""}`,
+          onClick: () => setActiveTab("code"),
+          children: "Code"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `script-main-tab${activeTab === "datasets" ? " active" : ""}`,
+          onClick: () => setActiveTab("datasets"),
+          children: "Datasets"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `script-main-tab${activeTab === "docs" ? " active" : ""}`,
+          onClick: () => setActiveTab("docs"),
+          children: "Docs"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `script-main-tab${activeTab === "settings" ? " active" : ""}`,
+          onClick: () => setActiveTab("settings"),
+          children: "Settings"
+        }
+      )
+    ] }),
+    activeTab === "datasets" && /* @__PURE__ */ jsx(
+      DatasetManagerDrawer,
+      {
+        scriptId: activeScriptId,
+        isOwner,
+        apiBase: apiUrl ?? "",
+        ...getAuthToken ? { getAuthToken } : {}
+      }
+    ),
+    activeTab === "docs" && /* @__PURE__ */ jsx(
+      DocsEditor,
+      {
+        scriptId: activeScriptId,
+        isOwner,
+        apiBase: apiUrl ?? "",
+        ...getAuthToken ? { getAuthToken } : {}
+      }
+    ),
+    activeTab === "settings" && /* @__PURE__ */ jsx(
+      ScriptSettings,
+      {
+        scriptId: activeScriptId,
+        isOwner,
+        apiBase: apiUrl ?? "",
+        ...getAuthToken ? { getAuthToken } : {},
+        onUpdated: () => fetchSavedScripts()
+      }
+    ),
+    activeTab !== "code" ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "script-lang-tabs", children: [
+        /* @__PURE__ */ jsx("button", { className: "script-lang-tab active", children: "ForgeScript" }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "script-lang-tab-help",
+            title: "ForgeScript Manual",
+            onClick: () => window.open("/forgescript-manual.html", "_blank", "noopener,noreferrer"),
+            "aria-label": "Open ForgeScript Manual",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  viewBox: "0 0 16 16",
+                  width: "13",
+                  height: "13",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7" }),
+                    /* @__PURE__ */ jsx("path", { d: "M6 6c0-1.1.9-2 2-2s2 .9 2 2c0 1-.7 1.6-1.5 2-.4.2-.5.5-.5.8" }),
+                    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "12", r: "0.6", fill: "currentColor", stroke: "none" })
+                  ]
+                }
+              ),
+              "Help"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "script-ref-section", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "script-ref-toggle",
+            onClick: () => setRefOpen((o) => !o),
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  viewBox: "0 0 10 6",
+                  width: "8",
+                  height: "6",
+                  fill: "currentColor",
+                  style: { transform: refOpen ? "rotate(180deg)" : "none", transition: "transform 0.15s" },
+                  children: /* @__PURE__ */ jsx("path", { d: "M0 0l5 6 5-6z" })
+                }
+              ),
+              "Built-in Reference"
+            ]
+          }
+        ),
+        refOpen && /* @__PURE__ */ jsxs("div", { className: "script-ref-body", children: [
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "Series" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: BUILT_IN_SERIES.map((s) => /* @__PURE__ */ jsx("span", { className: "script-feature-pill series", children: s }, s)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "Bar State" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: BARSTATE_PROPERTIES.map((f) => /* @__PURE__ */ jsx("span", { className: "script-feature-pill barstate", title: f.desc, children: f.name }, f.name)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "TA Functions" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: TA_FUNCTIONS.map((f) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill ta", title: f.desc, children: [
+            f.name.split("(")[0],
+            "()"
+          ] }, f.name)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "Output" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: OUTPUT_FUNCTIONS.map((f) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill output", title: f.desc, children: [
+            f.name.split("(")[0],
+            "()"
+          ] }, f.name)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "Math" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: MATH_FUNCTIONS.map((f) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill math", children: [
+            f,
+            "()"
+          ] }, f)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "Color" }),
+          /* @__PURE__ */ jsxs("div", { className: "script-feature-list", children: [
+            COLOR_CONSTANTS.map((c) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill color", title: `color.${c}`, children: [
+              "color.",
+              c
+            ] }, c)),
+            COLOR_FUNCTIONS.map((f) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill color", title: f.desc, children: [
+              f.name.split("(")[0],
+              "()"
+            ] }, f.name))
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "String" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: STRING_FUNCTIONS.map((f) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill str", title: f.desc, children: [
+            f.name.split("(")[0],
+            "()"
+          ] }, f.name)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "Array" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: ARRAY_FUNCTIONS.map((f) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill array", title: f.desc, children: [
+            f.name.split("(")[0],
+            "()"
+          ] }, f.name)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "Table" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: TABLE_FUNCTIONS.map((f) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill table", title: f.desc, children: [
+            f.name.split("(")[0],
+            "()"
+          ] }, f.name)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-group-label", children: "Utility" }),
+          /* @__PURE__ */ jsx("div", { className: "script-feature-list", children: UTILITY_FUNCTIONS.map((f) => /* @__PURE__ */ jsxs("span", { className: "script-feature-pill util", title: f.desc, children: [
+            f.name.split("(")[0],
+            "()"
+          ] }, f.name)) }),
+          /* @__PURE__ */ jsx("div", { className: "script-ref-detail", children: [...BARSTATE_PROPERTIES, ...TA_FUNCTIONS, ...OUTPUT_FUNCTIONS, ...COLOR_FUNCTIONS, ...STRING_FUNCTIONS, ...ARRAY_FUNCTIONS, ...TABLE_FUNCTIONS, ...UTILITY_FUNCTIONS].map((f) => /* @__PURE__ */ jsxs("div", { className: "script-ref-row", children: [
+            /* @__PURE__ */ jsx("code", { className: "script-ref-fn", children: f.name }),
+            /* @__PURE__ */ jsx("span", { className: "script-ref-desc", children: f.desc })
+          ] }, f.name)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "script-editor-wrap", style: { position: "relative" }, children: [
+        agentTyping && /* @__PURE__ */ jsxs("div", { style: {
+          position: "absolute",
+          top: 6,
+          right: 10,
+          zIndex: 10,
+          display: "flex",
+          alignItems: "center",
+          gap: 5,
+          fontSize: 11,
+          color: "var(--primary, #8ab4f8)",
+          background: "var(--surface, #1e1e1e)",
+          padding: "2px 8px",
+          borderRadius: 10,
+          border: "1px solid rgba(138,180,248,0.3)",
+          pointerEvents: "none"
+        }, children: [
+          /* @__PURE__ */ jsx("span", { style: {
+            width: 6,
+            height: 6,
+            borderRadius: "50%",
+            background: "var(--primary, #8ab4f8)",
+            animation: "agent-pulse 1s ease-in-out infinite"
+          } }),
+          "Agent typing\u2026"
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            className: "script-editor",
+            spellCheck: false,
+            value: code,
+            readOnly: agentTyping,
+            onChange: (e) => {
+              if (!agentTyping) {
+                setCode(e.target.value);
+                setErrors([]);
+              }
+            }
+          }
+        )
+      ] }),
+      errors.length > 0 && /* @__PURE__ */ jsx("div", { className: "script-errors", children: errors.map((msg, i) => /* @__PURE__ */ jsxs("div", { className: "script-error-line", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            viewBox: "0 0 12 12",
+            width: "11",
+            height: "11",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinecap: "round",
+            style: { flexShrink: 0, color: "var(--down, #ef5350)" },
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "5" }),
+              /* @__PURE__ */ jsx("line", { x1: "6", y1: "3.5", x2: "6", y2: "6.5" }),
+              /* @__PURE__ */ jsx("line", { x1: "6", y1: "8", x2: "6", y2: "8.5" })
+            ]
+          }
+        ),
+        msg
+      ] }, i)) })
+    ] }),
+    activeTab === "code" && /* @__PURE__ */ jsxs("div", { className: "script-footer", children: [
+      /* @__PURE__ */ jsxs("label", { className: "script-overlay-label", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: overlay,
+            onChange: (e) => setOverlay(e.target.checked)
+          }
+        ),
+        "Overlay on price"
+      ] }),
+      /* @__PURE__ */ jsxs("button", { className: "script-run-btn", onClick: handleAddToChart, children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            viewBox: "0 0 12 12",
+            width: "11",
+            height: "11",
+            fill: "currentColor",
+            style: { flexShrink: 0 },
+            children: /* @__PURE__ */ jsx("polygon", { points: "2,1 11,6 2,11" })
+          }
+        ),
+        "Add to Chart"
+      ] })
+    ] })
+  ] });
+}
 function ChartWorkspace({
   // TabBar
   tabs,
@@ -28093,6 +29727,8 @@ function ChartWorkspace({
   onSessionChange,
   scriptDrawerOpen,
   onToggleScriptDrawer,
+  builtinScriptDrawer,
+  scriptApiUrl,
   // Trading panel
   tradingPanel,
   tradingPanelOpen,
@@ -28117,13 +29753,17 @@ function ChartWorkspace({
 }) {
   const capabilities = useChartCapabilities();
   const autoTrading = tradingBridge !== void 0;
-  const [autoOrderEntryOpen, setAutoOrderEntryOpen] = React7.useState(false);
-  const [autoTradingPanelOpen, setAutoTradingPanelOpen] = React7.useState(false);
+  const [autoOrderEntryOpen, setAutoOrderEntryOpen] = React11.useState(false);
+  const [autoTradingPanelOpen, setAutoTradingPanelOpen] = React11.useState(false);
   const effOnToggleOrderEntry = onToggleOrderEntry ?? (autoTrading ? () => setAutoOrderEntryOpen((o) => !o) : void 0);
   const effOrderEntryOpen = onToggleOrderEntry ? orderEntryOpen ?? false : autoOrderEntryOpen;
   const effOnToggleTradeDrawer = onToggleTradeDrawer ?? (autoTrading ? () => setAutoOrderEntryOpen((o) => !o) : void 0);
   const effTradeDrawerOpen = onToggleTradeDrawer ? tradeDrawerOpen : autoOrderEntryOpen;
   const autoJournal = autoTrading && !tradingPanel && capabilities.tradingPanel;
+  const [autoScriptOpen, setAutoScriptOpen] = React11.useState(false);
+  const effOnToggleScriptDrawer = onToggleScriptDrawer ?? (() => setAutoScriptOpen((o) => !o));
+  const effScriptDrawerOpen = onToggleScriptDrawer ? scriptDrawerOpen ?? false : autoScriptOpen;
+  const closeScriptDrawer = onToggleScriptDrawer ?? (() => setAutoScriptOpen(false));
   const gate = (hostProp, licensed) => hostProp !== false && licensed;
   const effShowTradeButton = gate(showTradeButton, capabilities.orderEntry) && effOnToggleTradeDrawer !== void 0;
   const effShowOrderEntry = gate(showOrderEntry, capabilities.orderEntry) && effOnToggleOrderEntry !== void 0;
@@ -28287,6 +29927,15 @@ function ChartWorkspace({
               onSymbolChange
             }
           ),
+          builtinScriptDrawer !== false && effScriptDrawerOpen && capabilities.forgeScript && /* @__PURE__ */ jsx(
+            ScriptDrawer,
+            {
+              onClose: closeScriptDrawer,
+              onAddIndicator,
+              ...scriptApiUrl !== void 0 ? { apiUrl: scriptApiUrl } : {},
+              ...getAuthToken !== void 0 ? { getAuthToken } : {}
+            }
+          ),
           leftDrawers,
           drawers,
           /* @__PURE__ */ jsx(
@@ -28340,8 +29989,8 @@ function ChartWorkspace({
             session,
             onSessionChange,
             showSessionSelector: capabilities.sessionHours,
-            onToggleScriptDrawer,
-            scriptDrawerOpen,
+            onToggleScriptDrawer: effOnToggleScriptDrawer,
+            scriptDrawerOpen: effScriptDrawerOpen,
             showScriptButton: effShowForgeScript,
             ...tradingPanelOpen !== void 0 ? { tradingPanelOpen } : {},
             ...onToggleTradingPanel !== void 0 && capabilities.tradingPanel ? { onToggleTradingPanel } : autoJournal ? { tradingPanelOpen: autoTradingPanelOpen, onToggleTradingPanel: () => setAutoTradingPanelOpen((o) => !o) } : {},
@@ -29373,7 +31022,7 @@ function fileToTextAttachment(file) {
     reader.readAsText(file);
   });
 }
-function renderMarkdown(text) {
+function renderMarkdown2(text) {
   if (!text) return null;
   const parts = [];
   const codeBlockRegex = /```([\s\S]*?)```/g;
@@ -29597,7 +31246,7 @@ function AssistantPanel({ onClose, chartContext }) {
       /* @__PURE__ */ jsx("div", { children: "Ask the AI assistant anything" }),
       /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "var(--text-muted, #777)", marginTop: 4 }, children: "About your chart, indicators, or trading ideas." })
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      agent.messages.map((msg, idx) => /* @__PURE__ */ jsxs(React7.Fragment, { children: [
+      agent.messages.map((msg, idx) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
         idx === agent.sessionStart && agent.sessionStart > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, padding: "8px 0", margin: "4px 0" }, children: [
           /* @__PURE__ */ jsx("div", { style: { flex: 1, height: 1, background: "var(--border, rgba(0,0,0,0.12))" } }),
           /* @__PURE__ */ jsx("span", { style: { fontSize: 10, color: "var(--text-muted, #888)", whiteSpace: "nowrap", textTransform: "uppercase", letterSpacing: "0.06em" }, children: "New session" }),
@@ -29620,7 +31269,7 @@ function AssistantPanel({ onClose, chartContext }) {
               },
               imgIdx
             )) }),
-            msg.role === "assistant" ? renderMarkdown(msg.content) : msg.content,
+            msg.role === "assistant" ? renderMarkdown2(msg.content) : msg.content,
             msg.role === "assistant" && agent.isStreaming && msg === agent.messages[agent.messages.length - 1] && /* @__PURE__ */ jsx("span", { style: { marginLeft: 4, animation: "agent-blink 1s infinite" }, children: "\u258C" })
           ] }) }),
           msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx("div", { style: { marginTop: 4 }, children: msg.toolCalls.map((tool) => /* @__PURE__ */ jsxs("div", { children: [