@forgecharts/sdk 1.3.6 → 1.3.8

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';
@@ -10732,6 +10732,7 @@ var DEFAULT_FEATURES = {};
 var LicenseManager = class _LicenseManager {
   static instance = null;
   payload = null;
+  status = "idle";
   subscribers = /* @__PURE__ */ new Set();
   constructor() {
   }
@@ -10778,17 +10779,27 @@ var LicenseManager = class _LicenseManager {
     if (!verifyUrl) {
       throw new Error("LicenseManager: verifyUrl is required");
     }
-    const res = await fetch(verifyUrl, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ licenseKey: key.trim().toUpperCase() })
-    });
-    if (!res.ok) {
-      throw new Error(`License server error: ${res.status} ${res.statusText}`);
-    }
-    const data = await res.json();
-    if (!data.valid) {
-      throw new Error(data.reason ?? "License invalid");
+    this.status = "pending";
+    this.notify();
+    let data;
+    try {
+      const res = await fetch(verifyUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ licenseKey: key.trim().toUpperCase() })
+      });
+      if (!res.ok) {
+        throw new Error(`License server error: ${res.status} ${res.statusText}`);
+      }
+      data = await res.json();
+      if (!data.valid) {
+        throw new Error(data.reason ?? "License invalid");
+      }
+    } catch (err) {
+      this.payload = null;
+      this.status = "failed";
+      this.notify();
+      throw err;
     }
     const raw = {
       licenseKey: data.licenseKey ?? key.trim().toUpperCase(),
@@ -10803,14 +10814,29 @@ var LicenseManager = class _LicenseManager {
     };
     const payload = this.#applyPolicyPipeline(raw);
     this.payload = payload;
+    this.status = "valid";
     this.notify();
     return payload;
   }
   /** Load a pre-validated payload (e.g. from cache / localStorage). Runs through the same migration + guardrail pipeline as `validateLicense`. */
   loadLicense(payload) {
     this.payload = this.#applyPolicyPipeline(payload);
+    this.status = "valid";
     this.notify();
   }
+  /** Where the license is in its validation lifecycle. */
+  getValidationStatus() {
+    return this.status;
+  }
+  /**
+   * True when a validation attempt is pending or has failed — every
+   * license-gated feature must be denied. 'idle' (validation never
+   * attempted) is NOT locked down: dev/test usage keeps the permissive
+   * "omitted = allowed" defaults.
+   */
+  isLockedDown() {
+    return this.status === "pending" || this.status === "failed";
+  }
   /**
    * Runs a raw/legacy/partial payload through `migrateLegacyPayload` (fills
    * missing productTier/capabilities/schemaVersion, deterministically, with
@@ -10865,9 +10891,10 @@ var LicenseManager = class _LicenseManager {
   hasCapability(name) {
     return this.getCapabilities()[name] === true;
   }
-  /** Clear the current license state (returns to safe unmanaged defaults). */
+  /** Clear the current license state (returns to safe unmanaged defaults and 'idle' status). */
   clear() {
     this.payload = null;
+    this.status = "idle";
     this.notify();
   }
 };
@@ -11234,8 +11261,14 @@ var ChartRuntimeResolver = class _ChartRuntimeResolver {
    * If the active license has an explicit feature flag, use it.
    * Otherwise fall back to `defaultValue` (allows capability even without an
    * explicit flag, matching the "omitted = allowed" convention).
+   *
+   * Lockdown override: while a validation attempt is pending or has failed,
+   * every gated feature is denied — a failed verify must never yield more
+   * than a valid one. 'idle' (validation never attempted) keeps the
+   * permissive defaults for dev/test usage.
    */
   #featureOrDefault(name, defaultValue) {
+    if (this.lm.isLockedDown()) return false;
     const features = this.lm.getFeatures();
     const flag = features[name];
     return flag === void 0 ? defaultValue : flag === true;
@@ -28018,249 +28051,1889 @@ function OrderTicket({
     }
   );
 }
-function ChartWorkspace({
-  // TabBar
-  tabs,
-  activeTabId,
-  onSelectTab,
-  onAddTab,
-  onCloseTab,
-  onRenameTab,
-  // TopToolbar
-  symbol,
-  timeframe,
-  theme,
-  customTimeframes,
-  favoriteTfs,
-  onSymbolChange,
-  onTimeframeChange,
-  onAddCustomTimeframe,
-  onRemoveCustomTimeframe,
-  onFavoriteTfsChange,
-  onAddIndicator,
-  maxIndicators,
-  indicatorsOpen,
-  onToggleIndicators,
-  onToggleTheme,
-  onCopyScreenshot,
-  onDownloadScreenshot,
-  onFullscreen,
-  isFullscreen,
-  currentLayoutName,
-  currentLayoutId,
-  autoSave,
-  onFetchLayouts,
-  onSaveLayout,
-  onLoadLayout,
-  onRenameLayout,
-  onCopyLayout,
-  onToggleAutoSave,
-  onDeleteLayout,
-  onOpenLayoutInNewTab,
-  showTradeButton,
-  tradeDrawerOpen,
-  onToggleTradeDrawer,
-  symbolResolver,
-  rollRule,
-  onRollRuleChange,
-  extraTfGroups,
-  // RightToolbar
-  watchlistOpen,
-  onToggleWatchlist,
-  orderEntryOpen,
-  onToggleOrderEntry,
-  showOrderEntry,
-  showAgent,
-  agentOpen,
-  onToggleAgent,
-  domOpen,
-  onToggleDOM,
-  // Platform feature capability flags
-  showDrawingTools,
-  showIndicators,
-  showForgeScript,
-  showWatchlist,
-  showSavedLayouts,
-  showCustomTimeframes,
-  showDataExport,
-  showMultiChartLayout,
-  showMultipleTabs,
-  // BottomToolbar
-  activeSymbol,
-  timezone,
-  onTimezoneChange,
-  session,
-  onSessionChange,
-  scriptDrawerOpen,
-  onToggleScriptDrawer,
-  // Trading panel
-  tradingPanel,
-  tradingPanelOpen,
-  onToggleTradingPanel,
-  tradingPanelRefreshTick,
-  rithmicConnected,
-  // Grid layout
-  gridTemplate,
-  gridSyncOptions,
-  onGridTemplateChange,
-  onGridSyncChange,
-  onExitGridMode,
-  // Chart + state
-  chartSlots,
-  isLicensed,
-  wsLoaded,
-  leftDrawers,
-  drawers,
-  getAuthToken,
-  tradingBridge,
-  tradingOverlayStore
-}) {
-  const capabilities = useChartCapabilities();
-  const autoTrading = tradingBridge !== void 0;
-  const [autoOrderEntryOpen, setAutoOrderEntryOpen] = React7.useState(false);
-  const [autoTradingPanelOpen, setAutoTradingPanelOpen] = React7.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 gate = (hostProp, licensed) => hostProp !== false && licensed;
-  const effShowTradeButton = gate(showTradeButton, capabilities.orderEntry) && effOnToggleTradeDrawer !== void 0;
-  const effShowOrderEntry = gate(showOrderEntry, capabilities.orderEntry) && effOnToggleOrderEntry !== void 0;
-  const effShowAgent = gate(showAgent, capabilities.aiAgent) && onToggleAgent !== void 0;
-  const effShowIndicators = gate(showIndicators, capabilities.indicators);
-  const effShowForgeScript = gate(showForgeScript, capabilities.forgeScript);
-  const effShowWatchlist = gate(showWatchlist, capabilities.watchlists);
-  const effShowSavedLayouts = gate(showSavedLayouts, capabilities.savedLayouts);
-  const effShowCustomTimeframes = gate(showCustomTimeframes, capabilities.customTimeframes);
-  const effShowDataExport = gate(showDataExport, capabilities.dataExport);
-  const effShowMultiChartLayout = gate(showMultiChartLayout, capabilities.multiChartLayout);
-  const effShowMultipleTabs = gate(showMultipleTabs, capabilities.multipleWorkspaces);
-  const tabItems = tabs.map((t) => ({
-    id: t.id,
-    label: t.label,
-    ...t.isSaved !== void 0 ? { isSaved: t.isSaved } : {}
-  }));
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        height: "100%",
-        background: "var(--shelf-bg)",
-        padding: 6,
-        gap: 4
-      },
-      children: [
-        !wsLoaded && /* @__PURE__ */ jsx("div", { style: {
-          position: "absolute",
-          inset: 0,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          background: "var(--bg)",
-          zIndex: 1e3
-        }, children: /* @__PURE__ */ jsxs("svg", { width: "56", height: "112", viewBox: "0 0 28 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-          /* @__PURE__ */ jsx("style", { children: `
-              @keyframes fc-ws-wick-grow {
-                0%   { transform: scaleY(0); opacity: 0; }
-                20%  { transform: scaleY(1); opacity: 1; }
-                80%  { transform: scaleY(1); opacity: 1; }
-                100% { transform: scaleY(0); opacity: 0; }
-              }
-              @keyframes fc-ws-body-grow {
-                0%   { transform: scaleY(0); opacity: 0; }
-                15%  { transform: scaleY(0); opacity: 0; }
-                55%  { transform: scaleY(1); opacity: 1; }
-                80%  { transform: scaleY(1); opacity: 1; }
-                100% { transform: scaleY(0); opacity: 0; }
-              }
-              .fc-ws-wick {
-                transform-box: fill-box;
-                transform-origin: bottom center;
-                animation: fc-ws-wick-grow 1.6s cubic-bezier(0.4,0,0.2,1) infinite;
-              }
-              .fc-ws-body {
-                transform-box: fill-box;
-                transform-origin: bottom center;
-                animation: fc-ws-body-grow 1.6s cubic-bezier(0.4,0,0.2,1) infinite;
-              }
-            ` }),
-          /* @__PURE__ */ jsx("rect", { className: "fc-ws-wick", x: "13", y: "44", width: "2", height: "10", rx: "1", fill: "#26a69a" }),
-          /* @__PURE__ */ jsx("rect", { className: "fc-ws-body", x: "6", y: "18", width: "16", height: "28", rx: "2", fill: "#26a69a" }),
-          /* @__PURE__ */ jsx("rect", { className: "fc-ws-wick", x: "13", y: "4", width: "2", height: "14", rx: "1", fill: "#26a69a" })
-        ] }) }),
-        /* @__PURE__ */ jsx(
-          TabBar,
-          {
-            tabs: tabItems,
-            activeId: activeTabId,
-            onSelect: onSelectTab,
-            onAdd: onAddTab,
-            onClose: onCloseTab,
-            onRename: onRenameTab,
-            showAddTab: effShowMultipleTabs
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TopToolbar,
-          {
-            symbol,
-            timeframe,
-            theme,
-            customTimeframes,
-            favorites: favoriteTfs,
-            onSymbolChange,
-            onTimeframeChange,
-            onAddCustomTimeframe,
-            onRemoveCustomTimeframe,
-            onFavoritesChange: onFavoriteTfsChange,
-            onAddIndicator,
-            maxIndicators,
-            ...indicatorsOpen !== void 0 ? { indicatorsOpen } : {},
-            ...onToggleIndicators !== void 0 ? { onToggleIndicators } : {},
-            onToggleTheme,
-            onCopyScreenshot,
-            onDownloadScreenshot,
-            onFullscreen,
-            isFullscreen,
-            currentLayoutName,
-            currentLayoutId,
-            autoSave,
-            onFetchLayouts,
-            onSaveLayout,
-            onLoadLayout,
-            onRenameLayout,
-            onCopyLayout,
-            onToggleAutoSave,
-            onDeleteLayout,
-            onOpenLayoutInNewTab,
-            symbolResolver,
-            ...rollRule !== void 0 && capabilities.continuousContracts ? { rollRule } : {},
-            ...onRollRuleChange !== void 0 && capabilities.continuousContracts ? { onRollRuleChange } : {},
-            showTradeButton: effShowTradeButton,
-            ...effTradeDrawerOpen !== void 0 ? { tradeDrawerOpen: effTradeDrawerOpen } : {},
-            ...effOnToggleTradeDrawer !== void 0 ? { onToggleTradeDrawer: effOnToggleTradeDrawer } : {},
-            ...extraTfGroups !== void 0 ? { extraTfGroups } : {},
-            ...getAuthToken !== void 0 ? { getAuthToken } : {},
-            ...gridTemplate !== void 0 ? { gridTemplate } : {},
-            ...gridSyncOptions !== void 0 ? { gridSyncOptions } : {},
-            ...onGridTemplateChange !== void 0 ? { onGridTemplateChange } : {},
-            ...onGridSyncChange !== void 0 ? { onGridSyncChange } : {},
-            ...onExitGridMode !== void 0 ? { onExitGridMode } : {},
-            showIndicators: effShowIndicators,
-            showSavedLayouts: effShowSavedLayouts,
-            showCustomTimeframes: effShowCustomTimeframes,
-            showDataExport: effShowDataExport,
-            showMultiChartLayout: effShowMultiChartLayout
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1, display: "flex", gap: 4, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", gap: 4, minWidth: 0, minHeight: 0 }, children: [
-          !isLicensed && /* @__PURE__ */ jsxs("div", { style: {
-            position: "absolute",
-            inset: 0,
-            zIndex: 100,
+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,
+  activeTabId,
+  onSelectTab,
+  onAddTab,
+  onCloseTab,
+  onRenameTab,
+  // TopToolbar
+  symbol,
+  timeframe,
+  theme,
+  customTimeframes,
+  favoriteTfs,
+  onSymbolChange,
+  onTimeframeChange,
+  onAddCustomTimeframe,
+  onRemoveCustomTimeframe,
+  onFavoriteTfsChange,
+  onAddIndicator,
+  maxIndicators,
+  indicatorsOpen,
+  onToggleIndicators,
+  onToggleTheme,
+  onCopyScreenshot,
+  onDownloadScreenshot,
+  onFullscreen,
+  isFullscreen,
+  currentLayoutName,
+  currentLayoutId,
+  autoSave,
+  onFetchLayouts,
+  onSaveLayout,
+  onLoadLayout,
+  onRenameLayout,
+  onCopyLayout,
+  onToggleAutoSave,
+  onDeleteLayout,
+  onOpenLayoutInNewTab,
+  showTradeButton,
+  tradeDrawerOpen,
+  onToggleTradeDrawer,
+  symbolResolver,
+  rollRule,
+  onRollRuleChange,
+  extraTfGroups,
+  // RightToolbar
+  watchlistOpen,
+  onToggleWatchlist,
+  orderEntryOpen,
+  onToggleOrderEntry,
+  showOrderEntry,
+  showAgent,
+  agentOpen,
+  onToggleAgent,
+  domOpen,
+  onToggleDOM,
+  // Platform feature capability flags
+  showDrawingTools,
+  showIndicators,
+  showForgeScript,
+  showWatchlist,
+  showSavedLayouts,
+  showCustomTimeframes,
+  showDataExport,
+  showMultiChartLayout,
+  showMultipleTabs,
+  // BottomToolbar
+  activeSymbol,
+  timezone,
+  onTimezoneChange,
+  session,
+  onSessionChange,
+  scriptDrawerOpen,
+  onToggleScriptDrawer,
+  builtinScriptDrawer,
+  scriptApiUrl,
+  // Trading panel
+  tradingPanel,
+  tradingPanelOpen,
+  onToggleTradingPanel,
+  tradingPanelRefreshTick,
+  rithmicConnected,
+  // Grid layout
+  gridTemplate,
+  gridSyncOptions,
+  onGridTemplateChange,
+  onGridSyncChange,
+  onExitGridMode,
+  // Chart + state
+  chartSlots,
+  isLicensed,
+  wsLoaded,
+  leftDrawers,
+  drawers,
+  getAuthToken,
+  tradingBridge,
+  tradingOverlayStore
+}) {
+  const capabilities = useChartCapabilities();
+  const autoTrading = tradingBridge !== void 0;
+  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;
+  const effShowAgent = gate(showAgent, capabilities.aiAgent) && onToggleAgent !== void 0;
+  const effShowIndicators = gate(showIndicators, capabilities.indicators);
+  const effShowForgeScript = gate(showForgeScript, capabilities.forgeScript);
+  const effShowWatchlist = gate(showWatchlist, capabilities.watchlists);
+  const effShowSavedLayouts = gate(showSavedLayouts, capabilities.savedLayouts);
+  const effShowCustomTimeframes = gate(showCustomTimeframes, capabilities.customTimeframes);
+  const effShowDataExport = gate(showDataExport, capabilities.dataExport);
+  const effShowMultiChartLayout = gate(showMultiChartLayout, capabilities.multiChartLayout);
+  const effShowMultipleTabs = gate(showMultipleTabs, capabilities.multipleWorkspaces);
+  const tabItems = tabs.map((t) => ({
+    id: t.id,
+    label: t.label,
+    ...t.isSaved !== void 0 ? { isSaved: t.isSaved } : {}
+  }));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        background: "var(--shelf-bg)",
+        padding: 6,
+        gap: 4
+      },
+      children: [
+        !wsLoaded && /* @__PURE__ */ jsx("div", { style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          background: "var(--bg)",
+          zIndex: 1e3
+        }, children: /* @__PURE__ */ jsxs("svg", { width: "56", height: "112", viewBox: "0 0 28 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsx("style", { children: `
+              @keyframes fc-ws-wick-grow {
+                0%   { transform: scaleY(0); opacity: 0; }
+                20%  { transform: scaleY(1); opacity: 1; }
+                80%  { transform: scaleY(1); opacity: 1; }
+                100% { transform: scaleY(0); opacity: 0; }
+              }
+              @keyframes fc-ws-body-grow {
+                0%   { transform: scaleY(0); opacity: 0; }
+                15%  { transform: scaleY(0); opacity: 0; }
+                55%  { transform: scaleY(1); opacity: 1; }
+                80%  { transform: scaleY(1); opacity: 1; }
+                100% { transform: scaleY(0); opacity: 0; }
+              }
+              .fc-ws-wick {
+                transform-box: fill-box;
+                transform-origin: bottom center;
+                animation: fc-ws-wick-grow 1.6s cubic-bezier(0.4,0,0.2,1) infinite;
+              }
+              .fc-ws-body {
+                transform-box: fill-box;
+                transform-origin: bottom center;
+                animation: fc-ws-body-grow 1.6s cubic-bezier(0.4,0,0.2,1) infinite;
+              }
+            ` }),
+          /* @__PURE__ */ jsx("rect", { className: "fc-ws-wick", x: "13", y: "44", width: "2", height: "10", rx: "1", fill: "#26a69a" }),
+          /* @__PURE__ */ jsx("rect", { className: "fc-ws-body", x: "6", y: "18", width: "16", height: "28", rx: "2", fill: "#26a69a" }),
+          /* @__PURE__ */ jsx("rect", { className: "fc-ws-wick", x: "13", y: "4", width: "2", height: "14", rx: "1", fill: "#26a69a" })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          TabBar,
+          {
+            tabs: tabItems,
+            activeId: activeTabId,
+            onSelect: onSelectTab,
+            onAdd: onAddTab,
+            onClose: onCloseTab,
+            onRename: onRenameTab,
+            showAddTab: effShowMultipleTabs
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TopToolbar,
+          {
+            symbol,
+            timeframe,
+            theme,
+            customTimeframes,
+            favorites: favoriteTfs,
+            onSymbolChange,
+            onTimeframeChange,
+            onAddCustomTimeframe,
+            onRemoveCustomTimeframe,
+            onFavoritesChange: onFavoriteTfsChange,
+            onAddIndicator,
+            maxIndicators,
+            ...indicatorsOpen !== void 0 ? { indicatorsOpen } : {},
+            ...onToggleIndicators !== void 0 ? { onToggleIndicators } : {},
+            onToggleTheme,
+            onCopyScreenshot,
+            onDownloadScreenshot,
+            onFullscreen,
+            isFullscreen,
+            currentLayoutName,
+            currentLayoutId,
+            autoSave,
+            onFetchLayouts,
+            onSaveLayout,
+            onLoadLayout,
+            onRenameLayout,
+            onCopyLayout,
+            onToggleAutoSave,
+            onDeleteLayout,
+            onOpenLayoutInNewTab,
+            symbolResolver,
+            ...rollRule !== void 0 && capabilities.continuousContracts ? { rollRule } : {},
+            ...onRollRuleChange !== void 0 && capabilities.continuousContracts ? { onRollRuleChange } : {},
+            showTradeButton: effShowTradeButton,
+            ...effTradeDrawerOpen !== void 0 ? { tradeDrawerOpen: effTradeDrawerOpen } : {},
+            ...effOnToggleTradeDrawer !== void 0 ? { onToggleTradeDrawer: effOnToggleTradeDrawer } : {},
+            ...extraTfGroups !== void 0 ? { extraTfGroups } : {},
+            ...getAuthToken !== void 0 ? { getAuthToken } : {},
+            ...gridTemplate !== void 0 ? { gridTemplate } : {},
+            ...gridSyncOptions !== void 0 ? { gridSyncOptions } : {},
+            ...onGridTemplateChange !== void 0 ? { onGridTemplateChange } : {},
+            ...onGridSyncChange !== void 0 ? { onGridSyncChange } : {},
+            ...onExitGridMode !== void 0 ? { onExitGridMode } : {},
+            showIndicators: effShowIndicators,
+            showSavedLayouts: effShowSavedLayouts,
+            showCustomTimeframes: effShowCustomTimeframes,
+            showDataExport: effShowDataExport,
+            showMultiChartLayout: effShowMultiChartLayout
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { flex: 1, display: "flex", gap: 4, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", gap: 4, minWidth: 0, minHeight: 0 }, children: [
+          !isLicensed && /* @__PURE__ */ jsxs("div", { style: {
+            position: "absolute",
+            inset: 0,
+            zIndex: 100,
             background: "rgba(0,0,0,0.6)",
             backdropFilter: "blur(4px)",
             display: "flex",
@@ -28287,6 +29960,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 +30022,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 +31055,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 +31279,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 +31302,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: [