diff --git a/app/srv/ws/sync/actions/code_open.ts b/app/srv/ws/sync/actions/code_open.ts
index 83b39101..3a2387f3 100644
--- a/app/srv/ws/sync/actions/code_open.ts
+++ b/app/srv/ws/sync/actions/code_open.ts
@@ -1,11 +1,10 @@
-
-import { SAction } from "../actions"; 
+import { activity } from ".";
+import { SAction } from "../actions";
 import { SyncConnection } from "../type";
 export const code_open: SAction["code"]["open"] = async function (
-  this: SyncConnection,
+  this: SyncConnection
 ) {
-  let result = null as unknown as Awaited<
-    ReturnType<SAction["code"]["open"]>
-  >;
+  let result = null as unknown as Awaited<ReturnType<SAction["code"]["open"]>>;
+
   return result;
-}
\ No newline at end of file
+};
diff --git a/app/srv/ws/sync/entity/code.ts b/app/srv/ws/sync/entity/code.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/app/web/src/render/ed/ed-left.tsx b/app/web/src/render/ed/ed-left.tsx
index 9ce8d295..21481e40 100644
--- a/app/web/src/render/ed/ed-left.tsx
+++ b/app/web/src/render/ed/ed-left.tsx
@@ -2,13 +2,11 @@ import { MultiBackend, getBackendOptions } from "@minoru/react-dnd-treeview";
 import { DndProvider } from "react-dnd";
 import { useGlobal } from "web-utils";
 import { EDGlobal } from "./logic/ed-global";
+import { EdApi } from "./panel/header/left/api";
+import { EdSiteJS } from "./panel/header/left/js";
+import { EdSitePicker } from "./panel/header/left/site";
 import { EdTreeBody } from "./panel/tree/body";
 import { EdTreeSearch } from "./panel/tree/search";
-import { EdSitePicker } from "./panel/header/left/site";
-import { EdApi } from "./panel/header/left/api";
-import { EdExport } from "./panel/header/left/export";
-import { EdNpm } from "./panel/header/left/npm";
-import { EdSiteJS } from "./panel/header/left/js";
 
 export const EdLeft = () => {
   const p = useGlobal(EDGlobal, "EDITOR");
@@ -30,9 +28,7 @@ export const EdLeft = () => {
           <EdSitePicker />
           <div className="flex items-stretch space-x-1 pl-2">
             <EdSiteJS />
-            <EdNpm />
             <EdApi />
-            {/* <EdExport /> */}
           </div>
         </div>
 
diff --git a/app/web/src/render/editor/panel/side/ui/FieldColor.tsx b/app/web/src/render/editor/panel/side/ui/FieldColor.tsx
index 350d15af..2c27b8ab 100644
--- a/app/web/src/render/editor/panel/side/ui/FieldColor.tsx
+++ b/app/web/src/render/editor/panel/side/ui/FieldColor.tsx
@@ -35,6 +35,11 @@ export const FieldColor: FC<{
     local.render();
   };
 
+  if (typeof local.val === "string" && local.val.length > 10) {
+    update("");
+    return null;
+  }
+
   return (
     <FieldColorPicker
       value={local.val}