@bagelink/vue 0.0.1092 → 0.0.1096

package/dist/components/Image.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AAyGA,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,QAAQ,EAAE,GAAG,CAAA;KACb;CACD;AAED,KAAK,WAAW,GAAG;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;;AAoJF,wBAMG"}
+{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AA6GA,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,QAAQ,EAAE,GAAG,CAAA;KACb;CACD;AAED,KAAK,WAAW,GAAG;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;;AAwJF,wBAMG"}

package/dist/components/TableSchema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA2iBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAQtB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwa1D,mBAAmB,CAAC;;;;;;;;;;wBAhOV,MAAM,EAAE;;cArMnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;oBAga+D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UAnD0E,GAAG;UAqDjF,uXAAoC;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAlbzE,wBAkb4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA8iBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAQtB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwa1D,mBAAmB,CAAC;;;;;;;;;;wBAhOV,MAAM,EAAE;;cArMnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;oBAga+D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UAnD0E,GAAG;UAqDjF,uXAAoC;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAlbzE,wBAkb4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -19400,7 +19400,11 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     let imageSrc = vue.ref(null);
     const fileBaseUrl = vue.computed(() => "https://files.bagel.design".replace(/\/$/, ""));
-    const pathToUrl = () => `${fileBaseUrl.value}/${__props.pathKey}`;
+    function pathToUrl() {
+      var _a2;
+      if ((_a2 = __props.pathKey) == null ? void 0 : _a2.startsWith("static/")) return `${void 0}/${__props.pathKey}`;
+      return `${fileBaseUrl.value}/${__props.pathKey}`;
+    }
     async function loadImage() {
       var _a2;
       const url = __props.src || pathToUrl();
@@ -19478,7 +19482,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-3aff6eb2"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-29509e85"]]);
 const _hoisted_1$z = { class: "bagel-input" };
 const _hoisted_2$o = {
   key: 0,
@@ -30637,18 +30641,18 @@ const files = {
     axios$1.defaults.baseURL = baseUrl;
   },
   get: async (pathKey) => {
-    return axios$1.get("/files/", { params: { path_key: pathKey } });
+    return axios$1.get("/files_v2/", { params: { path_key: pathKey } });
   },
   put: async (bglFilePatch, pathKey) => {
-    return axios$1.put("/files/", bglFilePatch, { params: { path_key: pathKey } });
+    return axios$1.put("/files_v2/", bglFilePatch, { params: { path_key: pathKey } });
   },
   delete: async (pathKey) => {
-    return axios$1.delete("/files/", { params: { path_key: pathKey } });
+    return axios$1.delete("/files_v2/", { params: { path_key: pathKey } });
   },
   upload: async (file, options) => {
     const formData = new FormData();
     formData.append("upload", file);
-    return axios$1.post("/files/upload", formData, {
+    return axios$1.post("/files_v2/upload", formData, {
       headers: { "Content-Type": "multipart/form-data" },
       onUploadProgress: options == null ? void 0 : options.onUploadProgress,
       params: { dir_path: options == null ? void 0 : options.dirPath, tags: options == null ? void 0 : options.tags }
@@ -32817,7 +32821,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "f80ef6d8": vue.unref(computedItemHeight)
+      "7a7099e0": vue.unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const NON_DIGIT_REGEX = /[^\d.-]/g;
@@ -33044,7 +33048,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4c462da5"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-966ec7d7"]]);
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {

package/dist/index.mjs

@@ -19398,7 +19398,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   setup(__props) {
     let imageSrc = ref(null);
     const fileBaseUrl = computed(() => "https://files.bagel.design".replace(/\/$/, ""));
-    const pathToUrl = () => `${fileBaseUrl.value}/${__props.pathKey}`;
+    function pathToUrl() {
+      var _a2;
+      if ((_a2 = __props.pathKey) == null ? void 0 : _a2.startsWith("static/")) return `${void 0}/${__props.pathKey}`;
+      return `${fileBaseUrl.value}/${__props.pathKey}`;
+    }
     async function loadImage() {
       var _a2;
       const url = __props.src || pathToUrl();
@@ -19476,7 +19480,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-3aff6eb2"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-29509e85"]]);
 const _hoisted_1$z = { class: "bagel-input" };
 const _hoisted_2$o = {
   key: 0,
@@ -30635,18 +30639,18 @@ const files = {
     axios$1.defaults.baseURL = baseUrl;
   },
   get: async (pathKey) => {
-    return axios$1.get("/files/", { params: { path_key: pathKey } });
+    return axios$1.get("/files_v2/", { params: { path_key: pathKey } });
   },
   put: async (bglFilePatch, pathKey) => {
-    return axios$1.put("/files/", bglFilePatch, { params: { path_key: pathKey } });
+    return axios$1.put("/files_v2/", bglFilePatch, { params: { path_key: pathKey } });
   },
   delete: async (pathKey) => {
-    return axios$1.delete("/files/", { params: { path_key: pathKey } });
+    return axios$1.delete("/files_v2/", { params: { path_key: pathKey } });
   },
   upload: async (file, options) => {
     const formData = new FormData();
     formData.append("upload", file);
-    return axios$1.post("/files/upload", formData, {
+    return axios$1.post("/files_v2/upload", formData, {
       headers: { "Content-Type": "multipart/form-data" },
       onUploadProgress: options == null ? void 0 : options.onUploadProgress,
       params: { dir_path: options == null ? void 0 : options.dirPath, tags: options == null ? void 0 : options.tags }
@@ -32815,7 +32819,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "f80ef6d8": unref(computedItemHeight)
+      "7a7099e0": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const NON_DIGIT_REGEX = /[^\d.-]/g;
@@ -33042,7 +33046,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4c462da5"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-966ec7d7"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {

package/dist/style.css

@@ -860,7 +860,7 @@ pre code.hljs{
 }
 }
 
-.img-web-kit[data-v-3aff6eb2] {
+.img-web-kit[data-v-29509e85] {
 	max-width: 100%;
 	vertical-align: middle;
 	border: 0;
@@ -3496,22 +3496,22 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.table-list-wrap[data-v-4c462da5] {
+.table-list-wrap[data-v-966ec7d7] {
 	min-height: 150px;
 }
-.selected[data-v-4c462da5] {
+.selected[data-v-966ec7d7] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-4c462da5]:hover {
+tbody tr.selected[data-v-966ec7d7]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-4c462da5] {
+.loading-table[data-v-966ec7d7] {
 	position: relative;
 }
-.inset[data-v-4c462da5] {
+.inset[data-v-966ec7d7] {
 	inset: 0;
 }
-.loading-table-animation[data-v-4c462da5] {
+.loading-table-animation[data-v-966ec7d7] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3519,9 +3519,9 @@ tbody tr.selected[data-v-4c462da5]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-4c462da5 1s linear infinite;
+	animation: loading-table-966ec7d7 1s linear infinite;
 }
-@keyframes loading-table-4c462da5 {
+@keyframes loading-table-966ec7d7 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3529,51 +3529,51 @@ tbody tr.selected[data-v-4c462da5]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-4c462da5] {
+.list-arrows[data-v-966ec7d7] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-4c462da5] {
+.list-arrows .bgl_icon-font[data-v-966ec7d7] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-4c462da5] {
+.list-arrows.sorted[data-v-966ec7d7] {
 	opacity: 1;
 }
-.col img[data-v-4c462da5] {
+.col img[data-v-966ec7d7] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-4c462da5] {
+.list-arrows.sorted .desc[data-v-966ec7d7] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-4c462da5] {
+table[data-v-966ec7d7] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-4c462da5] {
+th[data-v-966ec7d7] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--f80ef6d8);
+	height: var(--7a7099e0);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-4c462da5] {
+.embedded-field[data-v-966ec7d7] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-4c462da5] {
+.row[data-v-966ec7d7] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-4c462da5] {
+.row.first-row[data-v-966ec7d7] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3582,7 +3582,7 @@ th[data-v-4c462da5] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-4c462da5]::after {
+.row.first-row[data-v-966ec7d7]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3590,30 +3590,33 @@ th[data-v-4c462da5] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-4c462da5] {
+.first-row .col[data-v-966ec7d7] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-4c462da5] {
+.col[data-v-966ec7d7] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 30vw;
 }
-.col[data-v-4c462da5]:has(.bagel-input) {
+.col[data-v-966ec7d7]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-4c462da5] {
+.col > div[data-v-966ec7d7] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-4c462da5] {
+.max-col-width[data-v-966ec7d7] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-4c462da5] {
+.col.check .bgl_icon-font[data-v-966ec7d7] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3624,35 +3627,35 @@ th[data-v-4c462da5] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-4c462da5] {
+.rows[data-v-966ec7d7] {
 	font-size: 0.88em;
 }
-.table-list[data-v-4c462da5] {
+.table-list[data-v-966ec7d7] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-4c462da5] {
+.BagelTable .table-list[data-v-966ec7d7] {
 	overflow: unset;
 }
-.row-item[data-v-4c462da5] {
-	height: var(--f80ef6d8);
+.row-item[data-v-966ec7d7] {
+	height: var(--7a7099e0);
 	transition: all 200ms ease;
 }
-.row-item[data-v-4c462da5]:hover {
+.row-item[data-v-966ec7d7]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-4c462da5] {
+.row-item input[type='checkbox'][data-v-966ec7d7] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-4c462da5] {
+.infinite-wrapper[data-v-966ec7d7] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-4c462da5] {
+input[type='checkbox'][data-v-966ec7d7] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3664,7 +3667,7 @@ input[type='checkbox'][data-v-4c462da5] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-4c462da5]::before {
+input[type='checkbox'][data-v-966ec7d7]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3677,18 +3680,18 @@ input[type='checkbox'][data-v-4c462da5]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-4c462da5]:hover::before {
+input[type='checkbox'][data-v-966ec7d7]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-4c462da5] {
+[lang='he'] [dir='ltr'][data-v-966ec7d7] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-4c462da5] {
+th input[type='checkbox'][data-v-966ec7d7] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-4c462da5]::after {
+th[data-v-966ec7d7]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3696,24 +3699,24 @@ th[data-v-4c462da5]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-4c462da5] {
+tr[data-v-966ec7d7] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-4c462da5],
-th[data-v-4c462da5] {
+td[data-v-966ec7d7],
+th[data-v-966ec7d7] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-4c462da5] {
+tbody tr[data-v-966ec7d7] {
 	font-size: 0.88em;
-	height: var(--f80ef6d8);
+	height: var(--7a7099e0);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-4c462da5]:hover {
+tbody tr[data-v-966ec7d7]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -16611,8 +16614,9 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
 }
 [dir='rtl'] .data-row .bgl_icon-font,
 [dir='rtl'] .embedded-field .bgl_icon-font,
-:not(.toolbar) .bgl_icon-font {
+[dir='rtl'] .rich-text-editor .toolbar .bgl_icon-font {
     transform: rotateY(180deg) !important;
+
 }
 .copy-url {
     background-color: var(--bgl-gray-light);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1092",
+  "version": "0.0.1096",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/Image.vue

@@ -20,7 +20,11 @@ const { height, width, alt = '', src, pathKey } = defineProps<{
 let imageSrc = $ref<string | null>(null)
 
 const fileBaseUrl = $computed(() => ('https://files.bagel.design').replace(/\/$/, ''))
-const pathToUrl = () => `${fileBaseUrl}/${pathKey}`
+function pathToUrl() {
+	if (pathKey?.startsWith('static/')) return `${import.meta.env.VITE_BAGEL_BASE_URL}/${pathKey}`
+
+	return `${fileBaseUrl}/${pathKey}`
+}
 
 async function loadImage() {
 	const url = src || pathToUrl()

package/src/components/TableSchema.vue

@@ -413,6 +413,9 @@ th {
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 30vw;
 }
 
 .col:has(.bagel-input) {

package/src/components/form/inputs/Upload/upload.ts

@@ -8,13 +8,13 @@ export const files = {
 		baseUrl = baseUrl.replace(/\/$/, '')
 		axios.defaults.baseURL = baseUrl
 	},
-	get: async (pathKey?: string): Promise<AxiosResponse<BglFile>> => { return axios.get('/files/', { params: { path_key: pathKey } }) },
-	put: async (bglFilePatch: BglFilePatch, pathKey?: string): Promise<AxiosResponse<BglFile>> => { return axios.put('/files/', bglFilePatch, { params: { path_key: pathKey } }) },
-	delete: async (pathKey?: string) => { return axios.delete('/files/', { params: { path_key: pathKey } }) },
+	get: async (pathKey?: string): Promise<AxiosResponse<BglFile>> => { return axios.get('/files_v2/', { params: { path_key: pathKey } }) },
+	put: async (bglFilePatch: BglFilePatch, pathKey?: string): Promise<AxiosResponse<BglFile>> => { return axios.put('/files_v2/', bglFilePatch, { params: { path_key: pathKey } }) },
+	delete: async (pathKey?: string) => { return axios.delete('/files_v2/', { params: { path_key: pathKey } }) },
 	upload: async (file: File, options?: UploadOptions & { dirPath?: string, tags?: string[] }): Promise<AxiosResponse<BglFile>> => {
 		const formData = new FormData()
 		formData.append('upload', file)
-		return axios.post('/files/upload', formData, {
+		return axios.post('/files_v2/upload', formData, {
 			headers: { 'Content-Type': 'multipart/form-data' },
 			onUploadProgress: options?.onUploadProgress,
 			params: { dir_path: options?.dirPath, tags: options?.tags },

package/src/components/form/inputs/Upload/upload.types.d.ts

@@ -34,7 +34,7 @@ export interface UploadOptions {
 	tags?: string[]
 }
 
-interface QueueFile {
+export interface QueueFile {
 	file: File
 	progress: number
 	uploading?: boolean

package/src/styles/theme.css

@@ -255,8 +255,9 @@
 
 [dir='rtl'] .data-row .bgl_icon-font,
 [dir='rtl'] .embedded-field .bgl_icon-font,
-:not(.toolbar) .bgl_icon-font {
+[dir='rtl'] .rich-text-editor .toolbar .bgl_icon-font {
     transform: rotateY(180deg) !important;
+
 }
 
 .copy-url {