@forgecharts/sdk 1.1.31 → 1.1.32

package/dist/react/canvas/ChartCanvas.d.ts

@@ -62,6 +62,14 @@ export type ChartCanvasProps = {
      * If omitted, no exchange logo is rendered.
      */
     getExchangeLogoUrl?: (exchange: string) => string | null | undefined;
+    /** Called when the user clicks the logout button in the left toolbar. */
+    onLogout?: () => void;
+    /** Optional user info displayed in the profile drawer. */
+    user?: {
+        email?: string;
+        username?: string;
+        role?: string;
+    };
     /**
      * Optional trading bridge callbacks for Unmanaged mode.
      *

package/dist/react/canvas/ChartCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartCanvas.d.ts","sourceRoot":"","sources":["../../../src/react/canvas/ChartCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAElD,OAAO,KAAK,EAAyB,eAAe,EAAkC,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9H,OAAO,KAAK,EAAE,SAAS,EAAa,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA0OvE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,6EAA6E;IAC7E,iBAAiB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC5C,kEAAkE;IAClE,kBAAkB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,8DAA8D;IAC9D,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,MAAM,GAAG,IAAI,CAAC;IACzD,yDAAyD;IACzD,iBAAiB,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAChD;;;;OAIG;IACH,eAAe,EAAE,MAAM,mBAAmB,GAAG,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;IACtC;;;;OAIG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC1C,oGAAoG;IACpG,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6DAA6D;IAC7D,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACrE;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;CACxC,CAAC;AAEF,uCAAuC;AACvC,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;AACnD,wCAAwC;AACxC,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;AAErD,eAAO,MAAM,WAAW,gHAmpBtB,CAAC;AAEH,kCAAkC;AAClC,eAAO,MAAM,cAAc,gHAAc,CAAC"}
+{"version":3,"file":"ChartCanvas.d.ts","sourceRoot":"","sources":["../../../src/react/canvas/ChartCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAElD,OAAO,KAAK,EAAyB,eAAe,EAAkC,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9H,OAAO,KAAK,EAAE,SAAS,EAAa,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA0OvE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,6EAA6E;IAC7E,iBAAiB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC5C,kEAAkE;IAClE,kBAAkB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,8DAA8D;IAC9D,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,MAAM,GAAG,IAAI,CAAC;IACzD,yDAAyD;IACzD,iBAAiB,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAChD;;;;OAIG;IACH,eAAe,EAAE,MAAM,mBAAmB,GAAG,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;IACtC;;;;OAIG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC1C,oGAAoG;IACpG,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6DAA6D;IAC7D,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACrE,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0DAA0D;IAC1D,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;CACxC,CAAC;AAEF,uCAAuC;AACvC,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;AACnD,wCAAwC;AACxC,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;AAErD,eAAO,MAAM,WAAW,gHA8qBtB,CAAC;AAEH,kCAAkC;AAClC,eAAO,MAAM,cAAc,gHAAc,CAAC"}

package/dist/react/canvas/toolbars/LeftToolbar.d.ts

@@ -13,7 +13,14 @@ type Props = {
     onVisibilityDeactivate?: () => void;
     onLinkClick?: () => void;
     onDeleteClick?: () => void;
+    onLogout?: () => void;
+    /** Optional user info shown in the profile drawer. */
+    user?: {
+        email?: string;
+        username?: string;
+        role?: string;
+    };
 };
-export declare function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavoritesChange, onVisibilityAction, visibilityActiveAction, onVisibilityDeactivate, onLinkClick, onDeleteClick }: Props): React.ReactElement;
+export declare function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavoritesChange, onVisibilityAction, visibilityActiveAction, onVisibilityDeactivate, onLinkClick, onDeleteClick, onLogout, user }: Props): React.ReactElement;
 export {};
 //# sourceMappingURL=LeftToolbar.d.ts.map

package/dist/react/canvas/toolbars/LeftToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftToolbar.d.ts","sourceRoot":"","sources":["../../../../src/react/canvas/toolbars/LeftToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAgC,MAAM,WAAW,CAAC;AAs3B/E,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,SAAS,CAAC;AAsF/F,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,eAAe,CAAC;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,yDAAyD;IACzD,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC7D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,sBAAsB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CA2G/N"}
+{"version":3,"file":"LeftToolbar.d.ts","sourceRoot":"","sources":["../../../../src/react/canvas/toolbars/LeftToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAgC,MAAM,WAAW,CAAC;AAs3B/E,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,SAAS,CAAC;AAsF/F,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,eAAe,CAAC;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,yDAAyD;IACzD,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC7D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,sBAAsB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sDAAsD;IACtD,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7D,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAwL/O"}

package/dist/react/index.js

@@ -8420,8 +8420,9 @@ function VisibilityTool({
     )) })
   ] });
 }
-function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavoritesChange, onVisibilityAction, visibilityActiveAction, onVisibilityDeactivate, onLinkClick, onDeleteClick }) {
+function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavoritesChange, onVisibilityAction, visibilityActiveAction, onVisibilityDeactivate, onLinkClick, onDeleteClick, onLogout, user }) {
   const [favorites, setFavorites] = useState(drawingFavorites ?? []);
+  const [profileOpen, setProfileOpen] = useState(false);
   const handleFavoritesChange = (favs) => {
     setFavorites(favs);
     onDrawingFavoritesChange?.(favs);
@@ -8440,7 +8441,8 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
           borderRadius: 8,
           width: 40,
           flexShrink: 0,
-          userSelect: "none"
+          userSelect: "none",
+          height: "100%"
         },
         children: [
           /* @__PURE__ */ jsx(PointerGroup, { activeTool, onSelectTool }),
@@ -8521,6 +8523,29 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
                 /* @__PURE__ */ jsx("line", { x1: "9", y1: "6.5", x2: "9", y2: "11.5" })
               ] })
             }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+          (user || onLogout) && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "drawing-tool-btn profile-avatar-btn",
+              title: "Profile",
+              onClick: () => setProfileOpen(true),
+              children: (user?.username?.[0] ?? user?.email?.[0] ?? "?").toUpperCase()
+            }
+          ),
+          onLogout && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "drawing-tool-btn",
+              title: "Log out",
+              onClick: onLogout,
+              children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "15", height: "15", stroke: "currentColor", fill: "none", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx("path", { d: "M6 2H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3" }),
+                /* @__PURE__ */ jsx("polyline", { points: "11 11 14 8 11 5" }),
+                /* @__PURE__ */ jsx("line", { x1: "14", y1: "8", x2: "6", y2: "8" })
+              ] })
+            }
           )
         ]
       }
@@ -8532,6 +8557,49 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
         activeTool,
         onSelectTool
       }
+    ),
+    profileOpen && ReactDOM.createPortal(
+      /* @__PURE__ */ jsx("div", { className: "profile-drawer-overlay", onClick: () => setProfileOpen(false), children: /* @__PURE__ */ jsxs("div", { className: "profile-drawer", onClick: (e) => e.stopPropagation(), children: [
+        /* @__PURE__ */ jsxs("div", { className: "profile-drawer-header", children: [
+          /* @__PURE__ */ jsx("span", { children: "Profile" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "profile-drawer-close-btn",
+              onClick: () => setProfileOpen(false),
+              title: "Close",
+              children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 14", width: "12", height: "12", stroke: "currentColor", fill: "none", strokeWidth: "2", strokeLinecap: "round", children: [
+                /* @__PURE__ */ jsx("line", { x1: "2", y1: "2", x2: "12", y2: "12" }),
+                /* @__PURE__ */ jsx("line", { x1: "12", y1: "2", x2: "2", y2: "12" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "profile-drawer-avatar", children: (user?.username?.[0] ?? user?.email?.[0] ?? "?").toUpperCase() }),
+        user?.username && /* @__PURE__ */ jsx("div", { className: "profile-drawer-name", children: user.username }),
+        user?.email && /* @__PURE__ */ jsx("div", { className: "profile-drawer-email", children: user.email }),
+        user?.role && /* @__PURE__ */ jsx("div", { className: "profile-drawer-role", children: /* @__PURE__ */ jsx("span", { className: "profile-drawer-role-badge", children: user.role }) }),
+        /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+        onLogout && /* @__PURE__ */ jsx("div", { className: "profile-drawer-footer", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "profile-drawer-logout-btn",
+            onClick: () => {
+              setProfileOpen(false);
+              onLogout();
+            },
+            children: [
+              /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "14", height: "14", stroke: "currentColor", fill: "none", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx("path", { d: "M6 2H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3" }),
+                /* @__PURE__ */ jsx("polyline", { points: "11 11 14 8 11 5" }),
+                /* @__PURE__ */ jsx("line", { x1: "14", y1: "8", x2: "6", y2: "8" })
+              ] }),
+              "Log out"
+            ]
+          }
+        ) })
+      ] }) }),
+      document.body
     )
   ] });
 }
@@ -8988,7 +9056,9 @@ var ChartCanvas = forwardRef(
     priceFraction: priceFractionProp,
     onPriceFractionChange,
     getExchangeLogoUrl,
-    tradingBridge
+    tradingBridge,
+    onLogout,
+    user
   }, ref) {
     const outerRef = useRef(null);
     const priceRef = useRef(null);
@@ -9371,7 +9441,9 @@ var ChartCanvas = forwardRef(
               onVisibilityAction: handleVisibilityAction,
               visibilityActiveAction,
               onVisibilityDeactivate: handleVisibilityDeactivate,
-              onDeleteClick: () => chartRef.current?.deleteSelectedDrawing()
+              onDeleteClick: () => chartRef.current?.deleteSelectedDrawing(),
+              ...onLogout ? { onLogout } : {},
+              ...user ? { user } : {}
             }
           ),
           /* @__PURE__ */ jsxs(
@@ -9396,6 +9468,29 @@ var ChartCanvas = forwardRef(
                 crosshairXRef.current = null;
               },
               children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      bottom: 36,
+                      left: 8,
+                      zIndex: 5,
+                      pointerEvents: "none",
+                      fontFamily: "system-ui, -apple-system, 'Segoe UI', sans-serif",
+                      fontSize: 16,
+                      fontWeight: 900,
+                      letterSpacing: "-0.03em",
+                      background: "linear-gradient(90deg, var(--text, #fff) 20%, rgba(128,128,128,0.7) 100%)",
+                      WebkitBackgroundClip: "text",
+                      WebkitTextFillColor: "transparent",
+                      backgroundClip: "text",
+                      opacity: 0.45,
+                      userSelect: "none"
+                    },
+                    children: "ForgeCharts"
+                  }
+                ),
                 /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -10702,8 +10797,6 @@ function TopToolbar({
         flexShrink: 0
       },
       children: [
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 700, letterSpacing: "-0.5px", color: "var(--accent)" }, children: "ForgeCharts" }),
-        /* @__PURE__ */ jsx("div", { className: "toolbar-sep" }),
         /* @__PURE__ */ jsxs(
           "button",
           {
@@ -10904,6 +10997,11 @@ function TopToolbar({
     }
   );
 }
+var OrderEntryIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1.5" }),
+  /* @__PURE__ */ jsx("line", { x1: "5", y1: "8", x2: "11", y2: "8" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", y1: "5", x2: "8", y2: "11" })
+] });
 var WatchListIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "16", height: "16", stroke: "currentColor", fill: "none", strokeWidth: "1.5", children: [
   /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "12", height: "1.5", rx: "0.5", fill: "currentColor", stroke: "none" }),
   /* @__PURE__ */ jsx("rect", { x: "2", y: "7", width: "9", height: "1.5", rx: "0.5", fill: "currentColor", stroke: "none" }),
@@ -10912,8 +11010,8 @@ var WatchListIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", wi
   /* @__PURE__ */ jsx("line", { x1: "13", y1: "10.75", x2: "13", y2: "12.75", strokeWidth: "1.2" }),
   /* @__PURE__ */ jsx("line", { x1: "12", y1: "11.75", x2: "14", y2: "11.75", strokeWidth: "1.2" })
 ] });
-function RightToolbar({ watchlistOpen, onToggleWatchlist }) {
-  return /* @__PURE__ */ jsx(
+function RightToolbar({ watchlistOpen, onToggleWatchlist, orderEntryOpen, onToggleOrderEntry, showOrderEntry }) {
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
@@ -10928,15 +11026,26 @@ function RightToolbar({ watchlistOpen, onToggleWatchlist }) {
         flexShrink: 0,
         userSelect: "none"
       },
-      children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          title: "Watch List",
-          className: `drawing-tool-btn${watchlistOpen ? " is-active" : ""}`,
-          onClick: onToggleWatchlist,
-          children: /* @__PURE__ */ jsx(WatchListIcon, {})
-        }
-      )
+      children: [
+        showOrderEntry !== false && /* @__PURE__ */ jsx(
+          "button",
+          {
+            title: "Order Entry",
+            className: `drawing-tool-btn${orderEntryOpen ? " is-active" : ""}`,
+            onClick: onToggleOrderEntry,
+            children: /* @__PURE__ */ jsx(OrderEntryIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            title: "Watch List",
+            className: `drawing-tool-btn${watchlistOpen ? " is-active" : ""}`,
+            onClick: onToggleWatchlist,
+            children: /* @__PURE__ */ jsx(WatchListIcon, {})
+          }
+        )
+      ]
     }
   );
 }
@@ -11328,6 +11437,9 @@ function ChartWorkspace({
   // RightToolbar
   watchlistOpen,
   onToggleWatchlist,
+  orderEntryOpen,
+  onToggleOrderEntry,
+  showOrderEntry,
   // BottomToolbar
   activeSymbol,
   timezone,
@@ -11446,7 +11558,11 @@ function ChartWorkspace({
               RightToolbar,
               {
                 watchlistOpen,
-                onToggleWatchlist
+                onToggleWatchlist,
+                orderEntryOpen: orderEntryOpen ?? false,
+                onToggleOrderEntry: onToggleOrderEntry ?? (() => {
+                }),
+                showOrderEntry
               }
             )
           ] }),