@fraczled/sdk 1.20.0 → 1.23.0

package/README.md

@@ -63,6 +63,10 @@ interface EditorConfig {
     injectBaseStyles?: boolean;
     showLoader?: boolean;
   };
+  ui?: {
+    hideDefaultPanels?: boolean;
+    hiddenPanels?: PanelId[];
+  };
   customPanels?: CustomSidebarPanel[];
 }
 ```
@@ -188,6 +192,38 @@ Notes:
 - `feature` maps to `entitlements.features[feature]` and controls visibility/access based on licensing.
 - `render` is called when the panel is active, so you can wire buttons directly to `store` methods or read from `state`.
 
+### Hide built-in tabs (SDK only)
+
+You can hide vanilla sidebar tabs in SDK embeds:
+
+```ts
+import { createFraczledEditor, ToolType } from "@fraczled/sdk";
+
+createFraczledEditor({
+  apiKey: "YOUR_LICENSE_KEY",
+  projectId: "YOUR_PROJECT_ID",
+  container: document.getElementById("editor"),
+  ui: {
+    hideDefaultPanels: true,
+    // or hide specific tabs:
+    // hiddenPanels: [ToolType.IMAGES, ToolType.BRAND, "my-product:approvals"]
+  },
+  customPanels: [
+    {
+      id: "my-product:approvals",
+      label: "Approvals",
+      render: ({ store }) => (
+        <button onClick={() => store.exportJSON()}>Export JSON</button>
+      )
+    }
+  ]
+});
+```
+
+Notes:
+- `hiddenPanels` applies to both default and custom panels by id.
+- Removing the `ui` config restores the vanilla sidebar.
+
 ## Support
 
 - Documentation: [fraczled.com/docs](https://fraczled.com/docs)

package/dist/fraczled-sdk.es.js

@@ -1,6 +1,6 @@
 import "react";
 import "react-dom/client";
-import { S as o, b as p, a as c, d } from "./index-Y6dPwTHl.js";
+import { S as o, b as p, a as c, d } from "./index-u_E-3nXa.js";
 export {
   o as Store,
   p as createFraczledEditor,