diff --git a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
index fc8d7b6c95..527d18edf2 100644
--- a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
+++ b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
@@ -6,6 +6,7 @@ import {
faFilm,
faPaintbrush,
faImage,
+ faPenNib,
// faGem,
} from "@fortawesome/pro-solid-svg-icons";
import { Button } from "@storyteller/ui-button";
@@ -71,6 +72,11 @@ const appMenuTabs: MenuIconItem[] = [
label: "Image to Video",
icon: ,
},
+ {
+ id: "EDIT",
+ label: "Edit Image",
+ icon: ,
+ }
];
export const topNavMediaId = signal("");
diff --git a/frontend/apps/editor3d/app/src/pages/Stores/TabState.ts b/frontend/apps/editor3d/app/src/pages/Stores/TabState.ts
index 3267c4c7ba..cd2c2d07d0 100644
--- a/frontend/apps/editor3d/app/src/pages/Stores/TabState.ts
+++ b/frontend/apps/editor3d/app/src/pages/Stores/TabState.ts
@@ -1,7 +1,7 @@
import { create } from 'zustand';
import { useSceneStore } from '../PageDraw/stores/SceneState';
-export type TabId = '2D' | '3D' | 'VIDEO' | 'IMAGE';
+export type TabId = '2D' | '3D' | 'VIDEO' | 'IMAGE' | 'EDIT';
interface TabState {
// Current active tab
@@ -23,7 +23,7 @@ export const useTabStore = create((set, get) => ({
setActiveTab: async (newTabId) => {
const currentTabId = get().activeTabId;
-
+
// Don't do anything if we're already on this tab
if (currentTabId === newTabId) return true;