{"version":3,"file":"default.CD-eQ76A.js","sources":["../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconArrowDown.mjs","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconArrowLeft.mjs","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconArrowRight.mjs","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconCheck.mjs","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconPlus.mjs","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconX.mjs","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconAlertTriangleFilled.mjs","../../../../assets/images/logo/logo-grayscale.png","../../../../node_modules/color-hash/dist/esm.js","../../../../utils/colorhash.ts","../../../../assets/images/beta/abhay.jpg?url","../../../../assets/images/beta/samuel.png?url","../../../../assets/images/logo/logo.webp?url","../../../../components/User/Avatar.vue","../../../../components/Menu/Shortcut.vue","../../../../components/ContextMenu/Dropdown/Item.vue","../../../../components/Menu/Section.vue","../../../../components/Menu/Separator.vue","../../../../components/Interface/Dropdown.vue","../../../../components/Sidebar/Self/Avatar.vue","../../../../assets/icons/poly-home-icon-44.png?url","../../../../assets/icons/poly-archive-icon-44.png?url","../../../../assets/icons/mime/unknown-64.png?url","../../../../components/File/Item.vue","../../../../components/Sidebar/Entry/File.vue","../../../../components/Sidebar/Self/View.vue","../../../../components/Sidebar/SharedFolder/CreationDropdown.vue","../../../../components/Sidebar/SharedFolder/View.vue","../../../../components/Sidebar/Entry/DropPlaceholder.vue","../../../../components/Sidebar/Pinned/Files.vue","../../../../components/Search/Fragment/Folder.vue","../../../../components/Search/Intent.vue","../../../../components/Sidebar/Entry/Search.vue","../../../../components/Sidebar/Pinned/Searches.vue","../../../../assets/icons/column-grip.svg","../../../../components/Sidebar/Dragger.vue","../../../../components/Sidebar/View.vue","../../../../assets/icons/mime/unknown-512.png","../../../../assets/icons/mime/unknown-192.png","../../../../assets/icons/mime/unknown-64.png","../../../../assets/images/logo/logo.webp","../../../../assets/images/files/archive/poly_archive@512.webp","../../../../components/File/Thumbnail.vue","../../../../components/Interface/ContentEditable.vue","../../../../components/File/Property/EditableText.vue","../../../../components/File/Property/Path.vue","../../../../components/File/Property/Dimensions.vue","../../../../components/File/Property/Text.vue","../../../../components/File/Property/Time.vue","../../../../components/File/Property/View.vue","../../../../components/Main/Icon/File.vue","../../../../components/Main/Icon/View.vue","../../../../components/Main/Grid.vue","../../../../components/Main/Feed.vue","../../../../components/Main/Detail.vue","../../../../assets/icons/viewmode/tree/open.svg","../../../../assets/icons/viewmode/tree/closed.svg","../../../../components/Main/Tree/Chevron.vue","../../../../components/Main/Tree/File.vue","../../../../components/Main/Tree/List.vue","../../../../components/Main/Tree/View.vue","../../../../assets/icons/action/xs/chevron-right.svg","../../../../assets/icons/action/xs/chevron-down.svg","../../../../assets/icons/action/xs/arrow-up.svg","../../../../assets/icons/action/xs/arrow-down.svg","../../../../assets/icons/action/xs/check.svg","../../../../assets/icons/action/xs/cross.svg","../../../../assets/icons/action/xs/pending.svg","../../../../assets/icons/action/xs/stale.svg","../../../../assets/icons/action/xs/loading.svg","../../../../assets/icons/action/xs/plus.svg","../../../../assets/icons/action/xs/sort.svg","../../../../assets/icons/action/xs/highlight.svg","../../../../assets/icons/action/2xs/check.svg","../../../../assets/icons/action/2xs/cross.svg","../../../../assets/icons/action/2xs/private.svg","../../../../assets/icons/action/2xs/chevron-right.svg","../../../../assets/icons/action/2xs/chevron-down.svg","../../../../components/Main/Column/File.vue","../../../../components/Main/Column/Single.vue","../../../../components/Main/Column/View.vue","../../../../components/Main/View.vue","../../../../classes/gestures/useImageRendererGestures.ts","../../../../components/Renderer/Image.vue","../../../../components/Preview/View.vue","../../../../node_modules/nuxt/dist/app/components/client-only.js","../../../../components/Transition/Preview.vue","../../../../components/Nav/Window/MenuMac.vue","../../../../components/Nav/User.vue","../../../../components/Nav/SignIn.vue","../../../../components/Nav/History.vue","../../../../components/Nav/Tray/Alert.vue","../../../../components/File/Set.vue","../../../../components/Nav/Tray/Job/Upload.vue","../../../../components/Nav/Tray/Job/Download.vue","../../../../components/Nav/Tray/Dropdown.vue","../../../../components/Nav/Tray/View.vue","../../../../components/Nav/Path/View.vue","../../../../components/Search/Helper/Item.vue","../../../../components/Search/Helper/Suggested/Searches.vue","../../../../components/Search/Helper/Suggested/Tags.vue","../../../../components/Search/Helper/Info.vue","../../../../components/Search/Helper/Suggested/Path.vue","../../../../components/Search/Helper/Suggested/Files.vue","../../../../components/Search/Helper/Suggested/Properties.vue","../../../../components/Search/Helper/View.vue","../../../../node_modules/@tiptap/extension-image/dist/index.js","../../../../node_modules/@tiptap/extension-document/dist/index.js","../../../../node_modules/@tiptap/extension-text/dist/index.js","../../../../node_modules/@tiptap/extension-paragraph/dist/index.js","../../../../node_modules/prosemirror-dropcursor/dist/index.js","../../../../node_modules/@tiptap/extension-dropcursor/dist/index.js","../../../../node_modules/@tiptap/extension-placeholder/dist/index.js","../../../../classes/search/FolderRef.ts","../../../../classes/search/ImageRef.ts","../../../../components/Search/View.vue","../../../../components/Nav/Search/Bar.vue","../../../../assets/icons/property/xs/copy.svg","../../../../assets/icons/property/xs/created.svg","../../../../assets/icons/property/xs/dimensions.svg","../../../../assets/icons/property/xs/exif.svg","../../../../assets/icons/property/xs/external-link.svg","../../../../assets/icons/property/xs/file.svg","../../../../assets/icons/property/xs/size.svg","../../../../assets/icons/property/xs/name.svg","../../../../assets/icons/property/xs/neg-prompt.svg","../../../../assets/icons/property/xs/path.svg","../../../../assets/icons/property/xs/relevance.svg","../../../../assets/icons/property/xs/preview.svg","../../../../assets/icons/property/xs/private.svg","../../../../assets/icons/property/xs/prompt.svg","../../../../assets/icons/property/xs/public.svg","../../../../components/Menu/Selection.vue","../../../../components/Nav/Sharing/Dropdown/View.vue","../../../../components/Nav/Sharing/Pill/View.vue","../../../../components/Menu/SelectionSlider.vue","../../../../components/Menu/ColorSelection.vue","../../../../components/Menu/MultiSelection.vue","../../../../assets/icons/grip.svg","../../../../components/Nav/ViewMode/Dropdown.vue","../../../../components/Nav/ViewMode/View.vue","../../../../components/Nav/Window/MenuWindows.vue","../../../../components/Nav/View.vue","../../../../assets/icons/pill/details.svg","../../../../assets/icons/pill/history.svg","../../../../assets/icons/pill/waterfall.svg","../../../../components/Panel/Pill.vue","../../../../components/Panel/Dragger.vue","../../../../components/Panel/Waterfall/View.vue","../../../../components/Panel/Details/Property/Path.vue","../../../../components/Panel/Details/Property/EditableText.vue","../../../../classes/file/properties/EditableTag.ts","../../../../components/File/Property/TagEditor.vue","../../../../components/Panel/Details/Single.vue","../../../../components/Panel/Details/Property/Multi/Placeholder.vue","../../../../components/Panel/Details/Property/Multi/Path.vue","../../../../components/Panel/Details/Property/Multi/Dimensions.vue","../../../../components/Panel/Details/Property/Multi/Text.vue","../../../../components/Panel/Details/Batch.vue","../../../../components/Panel/Details/View.vue","../../../../components/Panel/History/View.vue","../../../../components/Panel/View.vue","../../../../components/Gesture/MultiSelectDragOutline.vue","../../../../components/Gesture/DraggedFiles.vue","../../../../components/Gesture/DraggedSearch.vue","../../../../components/Peek/View.vue","../../../../components/ContextMenu/Dropdown/FileStatus.vue","../../../../components/ContextMenu/Dropdown/Target/File.vue","../../../../components/ContextMenu/Dropdown/Target/ImagePreview.vue","../../../../components/ContextMenu/Dropdown/Target/Search.vue","../../../../components/ContextMenu/Dropdown/Target/SidebarSharedFolder.vue","../../../../components/ContextMenu/Dropdown/FileItem.vue","../../../../components/ContextMenu/Dropdown/Target/PathFile.vue","../../../../components/ContextMenu/Dropdown/Target/MainViewBackground.vue","../../../../components/ContextMenu/Dropdown/View.vue","../../../../components/ContextMenu/View.vue","../../../../components/Layout/Main.vue","../../../../layouts/default.vue"],"sourcesContent":["/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconArrowDown = createVueComponent(\"outline\", \"arrow-down\", \"IconArrowDown\", [[\"path\", { \"d\": \"M12 5l0 14\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M18 13l-6 6\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M6 13l6 6\", \"key\": \"svg-2\" }]]);\n\nexport { IconArrowDown as default };\n//# sourceMappingURL=IconArrowDown.mjs.map\n","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconArrowLeft = createVueComponent(\"outline\", \"arrow-left\", \"IconArrowLeft\", [[\"path\", { \"d\": \"M5 12l14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M5 12l6 6\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M5 12l6 -6\", \"key\": \"svg-2\" }]]);\n\nexport { IconArrowLeft as default };\n//# sourceMappingURL=IconArrowLeft.mjs.map\n","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconArrowRight = createVueComponent(\"outline\", \"arrow-right\", \"IconArrowRight\", [[\"path\", { \"d\": \"M5 12l14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M13 18l6 -6\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M13 6l6 6\", \"key\": \"svg-2\" }]]);\n\nexport { IconArrowRight as default };\n//# sourceMappingURL=IconArrowRight.mjs.map\n","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconCheck = createVueComponent(\"outline\", \"check\", \"IconCheck\", [[\"path\", { \"d\": \"M5 12l5 5l10 -10\", \"key\": \"svg-0\" }]]);\n\nexport { IconCheck as default };\n//# sourceMappingURL=IconCheck.mjs.map\n","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconPlus = createVueComponent(\"outline\", \"plus\", \"IconPlus\", [[\"path\", { \"d\": \"M12 5l0 14\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M5 12l14 0\", \"key\": \"svg-1\" }]]);\n\nexport { IconPlus as default };\n//# sourceMappingURL=IconPlus.mjs.map\n","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconX = createVueComponent(\"outline\", \"x\", \"IconX\", [[\"path\", { \"d\": \"M18 6l-12 12\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M6 6l12 12\", \"key\": \"svg-1\" }]]);\n\nexport { IconX as default };\n//# sourceMappingURL=IconX.mjs.map\n","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconAlertTriangleFilled = createVueComponent(\"filled\", \"alert-triangle-filled\", \"IconAlertTriangleFilled\", [[\"path\", { \"d\": \"M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z\", \"key\": \"svg-0\" }]]);\n\nexport { IconAlertTriangleFilled as default };\n//# sourceMappingURL=IconAlertTriangleFilled.mjs.map\n","export default \"__VITE_ASSET__DckgUNRk__\"","// deno-fmt-ignore-file\n// deno-lint-ignore-file\n// This code was bundled using `deno bundle` and it's not recommended to edit it manually\nvar __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, privateMap, value) {\n    if (!privateMap.has(receiver)) {\n        throw new TypeError(\"attempted to set private field on non-instance\");\n    }\n    privateMap.set(receiver, value);\n    return value;\n};\nvar __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, privateMap) {\n    if (!privateMap.has(receiver)) {\n        throw new TypeError(\"attempted to get private field on non-instance\");\n    }\n    return privateMap.get(receiver);\n};\nvar _block, _blocks, _bytes, _finalized, _first, _h0, _h1, _h2, _h3, _h4, _h5, _h6, _h7, _hashed, _hBytes, _is224, _lastByteIndex, _start;\nconst BKDRHash = function (str) {\n    var seed = 131;\n    var seed2 = 137;\n    var hash = 0;\n    str += 'x';\n    var MAX_SAFE_INTEGER = Math.floor(9007199254740991 / seed2);\n    for (let i = 0; i < str.length; i++) {\n        if (hash > MAX_SAFE_INTEGER) {\n            hash = Math.floor(hash / seed2);\n        }\n        hash = hash * seed + str.charCodeAt(i);\n    }\n    return hash;\n};\nconst HEX_CHARS = \"0123456789abcdef\".split(\"\");\nconst EXTRA = [\n    -2147483648,\n    8388608,\n    32768,\n    128\n];\nconst SHIFT = [\n    24,\n    16,\n    8,\n    0\n];\nconst K = [\n    0x428a2f98,\n    0x71374491,\n    0xb5c0fbcf,\n    0xe9b5dba5,\n    0x3956c25b,\n    0x59f111f1,\n    0x923f82a4,\n    0xab1c5ed5,\n    0xd807aa98,\n    0x12835b01,\n    0x243185be,\n    0x550c7dc3,\n    0x72be5d74,\n    0x80deb1fe,\n    0x9bdc06a7,\n    0xc19bf174,\n    0xe49b69c1,\n    0xefbe4786,\n    0x0fc19dc6,\n    0x240ca1cc,\n    0x2de92c6f,\n    0x4a7484aa,\n    0x5cb0a9dc,\n    0x76f988da,\n    0x983e5152,\n    0xa831c66d,\n    0xb00327c8,\n    0xbf597fc7,\n    0xc6e00bf3,\n    0xd5a79147,\n    0x06ca6351,\n    0x14292967,\n    0x27b70a85,\n    0x2e1b2138,\n    0x4d2c6dfc,\n    0x53380d13,\n    0x650a7354,\n    0x766a0abb,\n    0x81c2c92e,\n    0x92722c85,\n    0xa2bfe8a1,\n    0xa81a664b,\n    0xc24b8b70,\n    0xc76c51a3,\n    0xd192e819,\n    0xd6990624,\n    0xf40e3585,\n    0x106aa070,\n    0x19a4c116,\n    0x1e376c08,\n    0x2748774c,\n    0x34b0bcb5,\n    0x391c0cb3,\n    0x4ed8aa4a,\n    0x5b9cca4f,\n    0x682e6ff3,\n    0x748f82ee,\n    0x78a5636f,\n    0x84c87814,\n    0x8cc70208,\n    0x90befffa,\n    0xa4506ceb,\n    0xbef9a3f7,\n    0xc67178f2\n];\nconst blocks = [];\nclass Sha256 {\n    constructor(is224 = false, sharedMemory = false) {\n        _block.set(this, void 0);\n        _blocks.set(this, void 0);\n        _bytes.set(this, void 0);\n        _finalized.set(this, void 0);\n        _first.set(this, void 0);\n        _h0.set(this, void 0);\n        _h1.set(this, void 0);\n        _h2.set(this, void 0);\n        _h3.set(this, void 0);\n        _h4.set(this, void 0);\n        _h5.set(this, void 0);\n        _h6.set(this, void 0);\n        _h7.set(this, void 0);\n        _hashed.set(this, void 0);\n        _hBytes.set(this, void 0);\n        _is224.set(this, void 0);\n        _lastByteIndex.set(this, 0);\n        _start.set(this, void 0);\n        this.init(is224, sharedMemory);\n    }\n    init(is224, sharedMemory) {\n        if (sharedMemory) {\n            blocks[0] = blocks[16] = blocks[1] = blocks[2] = blocks[3] = blocks[4] = blocks[5] = blocks[6] = blocks[7] = blocks[8] = blocks[9] = blocks[10] = blocks[11] = blocks[12] = blocks[13] = blocks[14] = blocks[15] = 0;\n            __classPrivateFieldSet(this, _blocks, blocks);\n        }\n        else {\n            __classPrivateFieldSet(this, _blocks, [\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0,\n                0\n            ]);\n        }\n        if (is224) {\n            __classPrivateFieldSet(this, _h0, 0xc1059ed8);\n            __classPrivateFieldSet(this, _h1, 0x367cd507);\n            __classPrivateFieldSet(this, _h2, 0x3070dd17);\n            __classPrivateFieldSet(this, _h3, 0xf70e5939);\n            __classPrivateFieldSet(this, _h4, 0xffc00b31);\n            __classPrivateFieldSet(this, _h5, 0x68581511);\n            __classPrivateFieldSet(this, _h6, 0x64f98fa7);\n            __classPrivateFieldSet(this, _h7, 0xbefa4fa4);\n        }\n        else {\n            __classPrivateFieldSet(this, _h0, 0x6a09e667);\n            __classPrivateFieldSet(this, _h1, 0xbb67ae85);\n            __classPrivateFieldSet(this, _h2, 0x3c6ef372);\n            __classPrivateFieldSet(this, _h3, 0xa54ff53a);\n            __classPrivateFieldSet(this, _h4, 0x510e527f);\n            __classPrivateFieldSet(this, _h5, 0x9b05688c);\n            __classPrivateFieldSet(this, _h6, 0x1f83d9ab);\n            __classPrivateFieldSet(this, _h7, 0x5be0cd19);\n        }\n        __classPrivateFieldSet(this, _block, __classPrivateFieldSet(this, _start, __classPrivateFieldSet(this, _bytes, __classPrivateFieldSet(this, _hBytes, 0))));\n        __classPrivateFieldSet(this, _finalized, __classPrivateFieldSet(this, _hashed, false));\n        __classPrivateFieldSet(this, _first, true);\n        __classPrivateFieldSet(this, _is224, is224);\n    }\n    update(message) {\n        if (__classPrivateFieldGet(this, _finalized)) {\n            return this;\n        }\n        let msg;\n        if (message instanceof ArrayBuffer) {\n            msg = new Uint8Array(message);\n        }\n        else {\n            msg = message;\n        }\n        let index = 0;\n        const length = msg.length;\n        const blocks = __classPrivateFieldGet(this, _blocks);\n        while (index < length) {\n            let i;\n            if (__classPrivateFieldGet(this, _hashed)) {\n                __classPrivateFieldSet(this, _hashed, false);\n                blocks[0] = __classPrivateFieldGet(this, _block);\n                blocks[16] = blocks[1] = blocks[2] = blocks[3] = blocks[4] = blocks[5] = blocks[6] = blocks[7] = blocks[8] = blocks[9] = blocks[10] = blocks[11] = blocks[12] = blocks[13] = blocks[14] = blocks[15] = 0;\n            }\n            if (typeof msg !== \"string\") {\n                for (i = __classPrivateFieldGet(this, _start); index < length && i < 64; ++index) {\n                    blocks[i >> 2] |= msg[index] << SHIFT[i++ & 3];\n                }\n            }\n            else {\n                for (i = __classPrivateFieldGet(this, _start); index < length && i < 64; ++index) {\n                    let code = msg.charCodeAt(index);\n                    if (code < 0x80) {\n                        blocks[i >> 2] |= code << SHIFT[i++ & 3];\n                    }\n                    else if (code < 0x800) {\n                        blocks[i >> 2] |= (0xc0 | code >> 6) << SHIFT[i++ & 3];\n                        blocks[i >> 2] |= (0x80 | code & 0x3f) << SHIFT[i++ & 3];\n                    }\n                    else if (code < 0xd800 || code >= 0xe000) {\n                        blocks[i >> 2] |= (0xe0 | code >> 12) << SHIFT[i++ & 3];\n                        blocks[i >> 2] |= (0x80 | code >> 6 & 0x3f) << SHIFT[i++ & 3];\n                        blocks[i >> 2] |= (0x80 | code & 0x3f) << SHIFT[i++ & 3];\n                    }\n                    else {\n                        code = 0x10000 + ((code & 0x3ff) << 10 | msg.charCodeAt(++index) & 0x3ff);\n                        blocks[i >> 2] |= (0xf0 | code >> 18) << SHIFT[i++ & 3];\n                        blocks[i >> 2] |= (0x80 | code >> 12 & 0x3f) << SHIFT[i++ & 3];\n                        blocks[i >> 2] |= (0x80 | code >> 6 & 0x3f) << SHIFT[i++ & 3];\n                        blocks[i >> 2] |= (0x80 | code & 0x3f) << SHIFT[i++ & 3];\n                    }\n                }\n            }\n            __classPrivateFieldSet(this, _lastByteIndex, i);\n            __classPrivateFieldSet(this, _bytes, __classPrivateFieldGet(this, _bytes) + (i - __classPrivateFieldGet(this, _start)));\n            if (i >= 64) {\n                __classPrivateFieldSet(this, _block, blocks[16]);\n                __classPrivateFieldSet(this, _start, i - 64);\n                this.hash();\n                __classPrivateFieldSet(this, _hashed, true);\n            }\n            else {\n                __classPrivateFieldSet(this, _start, i);\n            }\n        }\n        if (__classPrivateFieldGet(this, _bytes) > 4294967295) {\n            __classPrivateFieldSet(this, _hBytes, __classPrivateFieldGet(this, _hBytes) + (__classPrivateFieldGet(this, _bytes) / 4294967296 << 0));\n            __classPrivateFieldSet(this, _bytes, __classPrivateFieldGet(this, _bytes) % 4294967296);\n        }\n        return this;\n    }\n    finalize() {\n        if (__classPrivateFieldGet(this, _finalized)) {\n            return;\n        }\n        __classPrivateFieldSet(this, _finalized, true);\n        const blocks = __classPrivateFieldGet(this, _blocks);\n        const i = __classPrivateFieldGet(this, _lastByteIndex);\n        blocks[16] = __classPrivateFieldGet(this, _block);\n        blocks[i >> 2] |= EXTRA[i & 3];\n        __classPrivateFieldSet(this, _block, blocks[16]);\n        if (i >= 56) {\n            if (!__classPrivateFieldGet(this, _hashed)) {\n                this.hash();\n            }\n            blocks[0] = __classPrivateFieldGet(this, _block);\n            blocks[16] = blocks[1] = blocks[2] = blocks[3] = blocks[4] = blocks[5] = blocks[6] = blocks[7] = blocks[8] = blocks[9] = blocks[10] = blocks[11] = blocks[12] = blocks[13] = blocks[14] = blocks[15] = 0;\n        }\n        blocks[14] = __classPrivateFieldGet(this, _hBytes) << 3 | __classPrivateFieldGet(this, _bytes) >>> 29;\n        blocks[15] = __classPrivateFieldGet(this, _bytes) << 3;\n        this.hash();\n    }\n    hash() {\n        let a = __classPrivateFieldGet(this, _h0);\n        let b = __classPrivateFieldGet(this, _h1);\n        let c = __classPrivateFieldGet(this, _h2);\n        let d = __classPrivateFieldGet(this, _h3);\n        let e = __classPrivateFieldGet(this, _h4);\n        let f = __classPrivateFieldGet(this, _h5);\n        let g = __classPrivateFieldGet(this, _h6);\n        let h = __classPrivateFieldGet(this, _h7);\n        const blocks = __classPrivateFieldGet(this, _blocks);\n        let s0;\n        let s1;\n        let maj;\n        let t1;\n        let t2;\n        let ch;\n        let ab;\n        let da;\n        let cd;\n        let bc;\n        for (let j = 16; j < 64; ++j) {\n            t1 = blocks[j - 15];\n            s0 = (t1 >>> 7 | t1 << 25) ^ (t1 >>> 18 | t1 << 14) ^ t1 >>> 3;\n            t1 = blocks[j - 2];\n            s1 = (t1 >>> 17 | t1 << 15) ^ (t1 >>> 19 | t1 << 13) ^ t1 >>> 10;\n            blocks[j] = blocks[j - 16] + s0 + blocks[j - 7] + s1 << 0;\n        }\n        bc = b & c;\n        for (let j1 = 0; j1 < 64; j1 += 4) {\n            if (__classPrivateFieldGet(this, _first)) {\n                if (__classPrivateFieldGet(this, _is224)) {\n                    ab = 300032;\n                    t1 = blocks[0] - 1413257819;\n                    h = t1 - 150054599 << 0;\n                    d = t1 + 24177077 << 0;\n                }\n                else {\n                    ab = 704751109;\n                    t1 = blocks[0] - 210244248;\n                    h = t1 - 1521486534 << 0;\n                    d = t1 + 143694565 << 0;\n                }\n                __classPrivateFieldSet(this, _first, false);\n            }\n            else {\n                s0 = (a >>> 2 | a << 30) ^ (a >>> 13 | a << 19) ^ (a >>> 22 | a << 10);\n                s1 = (e >>> 6 | e << 26) ^ (e >>> 11 | e << 21) ^ (e >>> 25 | e << 7);\n                ab = a & b;\n                maj = ab ^ a & c ^ bc;\n                ch = e & f ^ ~e & g;\n                t1 = h + s1 + ch + K[j1] + blocks[j1];\n                t2 = s0 + maj;\n                h = d + t1 << 0;\n                d = t1 + t2 << 0;\n            }\n            s0 = (d >>> 2 | d << 30) ^ (d >>> 13 | d << 19) ^ (d >>> 22 | d << 10);\n            s1 = (h >>> 6 | h << 26) ^ (h >>> 11 | h << 21) ^ (h >>> 25 | h << 7);\n            da = d & a;\n            maj = da ^ d & b ^ ab;\n            ch = h & e ^ ~h & f;\n            t1 = g + s1 + ch + K[j1 + 1] + blocks[j1 + 1];\n            t2 = s0 + maj;\n            g = c + t1 << 0;\n            c = t1 + t2 << 0;\n            s0 = (c >>> 2 | c << 30) ^ (c >>> 13 | c << 19) ^ (c >>> 22 | c << 10);\n            s1 = (g >>> 6 | g << 26) ^ (g >>> 11 | g << 21) ^ (g >>> 25 | g << 7);\n            cd = c & d;\n            maj = cd ^ c & a ^ da;\n            ch = g & h ^ ~g & e;\n            t1 = f + s1 + ch + K[j1 + 2] + blocks[j1 + 2];\n            t2 = s0 + maj;\n            f = b + t1 << 0;\n            b = t1 + t2 << 0;\n            s0 = (b >>> 2 | b << 30) ^ (b >>> 13 | b << 19) ^ (b >>> 22 | b << 10);\n            s1 = (f >>> 6 | f << 26) ^ (f >>> 11 | f << 21) ^ (f >>> 25 | f << 7);\n            bc = b & c;\n            maj = bc ^ b & d ^ cd;\n            ch = f & g ^ ~f & h;\n            t1 = e + s1 + ch + K[j1 + 3] + blocks[j1 + 3];\n            t2 = s0 + maj;\n            e = a + t1 << 0;\n            a = t1 + t2 << 0;\n        }\n        __classPrivateFieldSet(this, _h0, __classPrivateFieldGet(this, _h0) + a << 0);\n        __classPrivateFieldSet(this, _h1, __classPrivateFieldGet(this, _h1) + b << 0);\n        __classPrivateFieldSet(this, _h2, __classPrivateFieldGet(this, _h2) + c << 0);\n        __classPrivateFieldSet(this, _h3, __classPrivateFieldGet(this, _h3) + d << 0);\n        __classPrivateFieldSet(this, _h4, __classPrivateFieldGet(this, _h4) + e << 0);\n        __classPrivateFieldSet(this, _h5, __classPrivateFieldGet(this, _h5) + f << 0);\n        __classPrivateFieldSet(this, _h6, __classPrivateFieldGet(this, _h6) + g << 0);\n        __classPrivateFieldSet(this, _h7, __classPrivateFieldGet(this, _h7) + h << 0);\n    }\n    hex() {\n        this.finalize();\n        const h0 = __classPrivateFieldGet(this, _h0);\n        const h1 = __classPrivateFieldGet(this, _h1);\n        const h2 = __classPrivateFieldGet(this, _h2);\n        const h3 = __classPrivateFieldGet(this, _h3);\n        const h4 = __classPrivateFieldGet(this, _h4);\n        const h5 = __classPrivateFieldGet(this, _h5);\n        const h6 = __classPrivateFieldGet(this, _h6);\n        const h7 = __classPrivateFieldGet(this, _h7);\n        let hex = HEX_CHARS[h0 >> 28 & 0x0f] + HEX_CHARS[h0 >> 24 & 0x0f] + HEX_CHARS[h0 >> 20 & 0x0f] + HEX_CHARS[h0 >> 16 & 0x0f] + HEX_CHARS[h0 >> 12 & 0x0f] + HEX_CHARS[h0 >> 8 & 0x0f] + HEX_CHARS[h0 >> 4 & 0x0f] + HEX_CHARS[h0 & 0x0f] + HEX_CHARS[h1 >> 28 & 0x0f] + HEX_CHARS[h1 >> 24 & 0x0f] + HEX_CHARS[h1 >> 20 & 0x0f] + HEX_CHARS[h1 >> 16 & 0x0f] + HEX_CHARS[h1 >> 12 & 0x0f] + HEX_CHARS[h1 >> 8 & 0x0f] + HEX_CHARS[h1 >> 4 & 0x0f] + HEX_CHARS[h1 & 0x0f] + HEX_CHARS[h2 >> 28 & 0x0f] + HEX_CHARS[h2 >> 24 & 0x0f] + HEX_CHARS[h2 >> 20 & 0x0f] + HEX_CHARS[h2 >> 16 & 0x0f] + HEX_CHARS[h2 >> 12 & 0x0f] + HEX_CHARS[h2 >> 8 & 0x0f] + HEX_CHARS[h2 >> 4 & 0x0f] + HEX_CHARS[h2 & 0x0f] + HEX_CHARS[h3 >> 28 & 0x0f] + HEX_CHARS[h3 >> 24 & 0x0f] + HEX_CHARS[h3 >> 20 & 0x0f] + HEX_CHARS[h3 >> 16 & 0x0f] + HEX_CHARS[h3 >> 12 & 0x0f] + HEX_CHARS[h3 >> 8 & 0x0f] + HEX_CHARS[h3 >> 4 & 0x0f] + HEX_CHARS[h3 & 0x0f] + HEX_CHARS[h4 >> 28 & 0x0f] + HEX_CHARS[h4 >> 24 & 0x0f] + HEX_CHARS[h4 >> 20 & 0x0f] + HEX_CHARS[h4 >> 16 & 0x0f] + HEX_CHARS[h4 >> 12 & 0x0f] + HEX_CHARS[h4 >> 8 & 0x0f] + HEX_CHARS[h4 >> 4 & 0x0f] + HEX_CHARS[h4 & 0x0f] + HEX_CHARS[h5 >> 28 & 0x0f] + HEX_CHARS[h5 >> 24 & 0x0f] + HEX_CHARS[h5 >> 20 & 0x0f] + HEX_CHARS[h5 >> 16 & 0x0f] + HEX_CHARS[h5 >> 12 & 0x0f] + HEX_CHARS[h5 >> 8 & 0x0f] + HEX_CHARS[h5 >> 4 & 0x0f] + HEX_CHARS[h5 & 0x0f] + HEX_CHARS[h6 >> 28 & 0x0f] + HEX_CHARS[h6 >> 24 & 0x0f] + HEX_CHARS[h6 >> 20 & 0x0f] + HEX_CHARS[h6 >> 16 & 0x0f] + HEX_CHARS[h6 >> 12 & 0x0f] + HEX_CHARS[h6 >> 8 & 0x0f] + HEX_CHARS[h6 >> 4 & 0x0f] + HEX_CHARS[h6 & 0x0f];\n        if (!__classPrivateFieldGet(this, _is224)) {\n            hex += HEX_CHARS[h7 >> 28 & 0x0f] + HEX_CHARS[h7 >> 24 & 0x0f] + HEX_CHARS[h7 >> 20 & 0x0f] + HEX_CHARS[h7 >> 16 & 0x0f] + HEX_CHARS[h7 >> 12 & 0x0f] + HEX_CHARS[h7 >> 8 & 0x0f] + HEX_CHARS[h7 >> 4 & 0x0f] + HEX_CHARS[h7 & 0x0f];\n        }\n        return hex;\n    }\n    toString() {\n        return this.hex();\n    }\n    digest() {\n        this.finalize();\n        const h0 = __classPrivateFieldGet(this, _h0);\n        const h1 = __classPrivateFieldGet(this, _h1);\n        const h2 = __classPrivateFieldGet(this, _h2);\n        const h3 = __classPrivateFieldGet(this, _h3);\n        const h4 = __classPrivateFieldGet(this, _h4);\n        const h5 = __classPrivateFieldGet(this, _h5);\n        const h6 = __classPrivateFieldGet(this, _h6);\n        const h7 = __classPrivateFieldGet(this, _h7);\n        const arr = [\n            h0 >> 24 & 0xff,\n            h0 >> 16 & 0xff,\n            h0 >> 8 & 0xff,\n            h0 & 0xff,\n            h1 >> 24 & 0xff,\n            h1 >> 16 & 0xff,\n            h1 >> 8 & 0xff,\n            h1 & 0xff,\n            h2 >> 24 & 0xff,\n            h2 >> 16 & 0xff,\n            h2 >> 8 & 0xff,\n            h2 & 0xff,\n            h3 >> 24 & 0xff,\n            h3 >> 16 & 0xff,\n            h3 >> 8 & 0xff,\n            h3 & 0xff,\n            h4 >> 24 & 0xff,\n            h4 >> 16 & 0xff,\n            h4 >> 8 & 0xff,\n            h4 & 0xff,\n            h5 >> 24 & 0xff,\n            h5 >> 16 & 0xff,\n            h5 >> 8 & 0xff,\n            h5 & 0xff,\n            h6 >> 24 & 0xff,\n            h6 >> 16 & 0xff,\n            h6 >> 8 & 0xff,\n            h6 & 0xff\n        ];\n        if (!__classPrivateFieldGet(this, _is224)) {\n            arr.push(h7 >> 24 & 0xff, h7 >> 16 & 0xff, h7 >> 8 & 0xff, h7 & 0xff);\n        }\n        return arr;\n    }\n    array() {\n        return this.digest();\n    }\n    arrayBuffer() {\n        this.finalize();\n        const buffer = new ArrayBuffer(__classPrivateFieldGet(this, _is224) ? 28 : 32);\n        const dataView = new DataView(buffer);\n        dataView.setUint32(0, __classPrivateFieldGet(this, _h0));\n        dataView.setUint32(4, __classPrivateFieldGet(this, _h1));\n        dataView.setUint32(8, __classPrivateFieldGet(this, _h2));\n        dataView.setUint32(12, __classPrivateFieldGet(this, _h3));\n        dataView.setUint32(16, __classPrivateFieldGet(this, _h4));\n        dataView.setUint32(20, __classPrivateFieldGet(this, _h5));\n        dataView.setUint32(24, __classPrivateFieldGet(this, _h6));\n        if (!__classPrivateFieldGet(this, _is224)) {\n            dataView.setUint32(28, __classPrivateFieldGet(this, _h7));\n        }\n        return buffer;\n    }\n}\n_block = new WeakMap(), _blocks = new WeakMap(), _bytes = new WeakMap(), _finalized = new WeakMap(), _first = new WeakMap(), _h0 = new WeakMap(), _h1 = new WeakMap(), _h2 = new WeakMap(), _h3 = new WeakMap(), _h4 = new WeakMap(), _h5 = new WeakMap(), _h6 = new WeakMap(), _h7 = new WeakMap(), _hashed = new WeakMap(), _hBytes = new WeakMap(), _is224 = new WeakMap(), _lastByteIndex = new WeakMap(), _start = new WeakMap();\nfunction Sha256ToInt(s) {\n    const sha256 = new Sha256();\n    sha256.update(s);\n    return parseInt(sha256.hex().substring(0, 8), 16);\n}\nconst RGB2HEX = function (RGBArray) {\n    var hex = '#';\n    RGBArray.forEach(function (value) {\n        if (value < 16) {\n            hex += 0;\n        }\n        hex += value.toString(16);\n    });\n    return hex;\n};\nconst HSL2RGB = function (H, S, L) {\n    H /= 360;\n    var q = L < 0.5 ? L * (1 + S) : L + S - L * S;\n    var p = 2 * L - q;\n    return [\n        H + 1 / 3,\n        H,\n        H - 1 / 3\n    ].map(function (color) {\n        if (color < 0) {\n            color++;\n        }\n        if (color > 1) {\n            color--;\n        }\n        if (color < 1 / 6) {\n            color = p + (q - p) * 6 * color;\n        }\n        else if (color < 0.5) {\n            color = q;\n        }\n        else if (color < 2 / 3) {\n            color = p + (q - p) * 6 * (2 / 3 - color);\n        }\n        else {\n            color = p;\n        }\n        return Math.round(color * 255);\n    });\n};\nclass ColorHash {\n    constructor(options = {}) {\n        const [L, S] = [\n            options.lightness,\n            options.saturation\n        ].map(function (param) {\n            param = param !== undefined ? param : [\n                0.35,\n                0.5,\n                0.65\n            ];\n            return Array.isArray(param) ? param.concat() : [\n                param\n            ];\n        });\n        this.L = L;\n        this.S = S;\n        if (typeof options.hue === 'number') {\n            options.hue = {\n                min: options.hue,\n                max: options.hue\n            };\n        }\n        if (typeof options.hue === 'object' && !Array.isArray(options.hue)) {\n            options.hue = [\n                options.hue\n            ];\n        }\n        if (typeof options.hue === 'undefined') {\n            options.hue = [];\n        }\n        this.hueRanges = options.hue.map(function (range) {\n            return {\n                min: typeof range.min === 'undefined' ? 0 : range.min,\n                max: typeof range.max === 'undefined' ? 360 : range.max\n            };\n        });\n        this.hash = Sha256ToInt;\n        if (typeof options.hash === 'function') {\n            this.hash = options.hash;\n        }\n        if (options.hash === 'bkdr') {\n            this.hash = BKDRHash;\n        }\n    }\n    hsl(str) {\n        var H, S, L;\n        var hash = this.hash(str);\n        var hueResolution = 727;\n        if (this.hueRanges.length) {\n            const range = this.hueRanges[hash % this.hueRanges.length];\n            H = hash / this.hueRanges.length % hueResolution * (range.max - range.min) / hueResolution + range.min;\n        }\n        else {\n            H = hash % 359;\n        }\n        hash = Math.ceil(hash / 360);\n        S = this.S[hash % this.S.length];\n        hash = Math.ceil(hash / this.S.length);\n        L = this.L[hash % this.L.length];\n        return [\n            H,\n            S,\n            L\n        ];\n    }\n    rgb(str) {\n        var hsl = this.hsl(str);\n        return HSL2RGB.apply(this, hsl);\n    }\n    hex(str) {\n        var rgb = this.rgb(str);\n        return RGB2HEX(rgb);\n    }\n}\nexport { ColorHash as default };\n","// @ts-expect-error \"color hash errors if we don't import the ESM version\"\nimport ColorHash from \"color-hash/dist/esm\"\n\nconst colorHash = new ColorHash({ saturation: 1.0 })\n\nexport const stringToColor = (s: string): string => colorHash.hex(s)\n\nexport function generateColors(s: string): [string, string] {\n  const s1 = s.substring(0, s.length / 2)\n  const s2 = s.substring(s.length / 2)\n  const c1 = stringToColor(s1)\n  const c2 = stringToColor(s2)\n\n  return [c1, c2]\n}\n\nexport function gradientAvatar(s?: string, size = 256): string {\n  if (!s)\n    return ``\n  const [c1, c2] = generateColors(s)\n\n  return `\n<svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"${size / 2}\" cy=\"${size / 2}\" r=\"${\n    size / 2\n  }\" fill=\"url(#gradient)\" />\n  <defs>\n    <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"${size}\" y2=\"${size}\" gradientUnits=\"userSpaceOnUse\">\n      <stop stop-color=\"${c1}\" />\n      <stop offset=\"1\" stop-color=\"${c2}\" />\n    </linearGradient>\n  </defs>\n</svg>\n  `.trim()\n}\n","export default \"__VITE_ASSET__BXKTYlho__\"","export default \"__VITE_ASSET__BaA$EaGS__\"","export default \"__VITE_ASSET__DiepZ9a1__\"","<script setup lang=\"ts\">\nimport type { InterfaceUser } from \"~/classes/users/InterfaceUser\"\nimport abhay from \"~/assets/images/beta/abhay.jpg?url\"\nimport samuel from \"~/assets/images/beta/samuel.png?url\"\nimport demo from \"~/assets/images/logo/logo.webp?url\"\n\ndefineProps<{ user?: InterfaceUser, size: number }>()\n\nconst { sidebarAvatarBubbleTestId } = useTestId()\nconst { demoUserEmail } = useUser()\n\n// TODO: Remove after beta video shoot\n</script>\n\n<template>\n  <div\n    v-if=\"user?.email() === demoUserEmail\"\n    :style=\"{ width: px(size), height: px(size) }\"\n    :data-testid=\"sidebarAvatarBubbleTestId\"\n    class=\"avatar-bubble\"\n  >\n    <img :src=\"demo\">\n  </div>\n  <div\n    v-else-if=\"user?.email() === 'aabhay@gmail.com'\"\n    :style=\"{ width: px(size), height: px(size) }\"\n    :data-testid=\"sidebarAvatarBubbleTestId\"\n    class=\"avatar-bubble\"\n  >\n    <img :src=\"abhay\">\n  </div>\n\n  <div\n    v-else-if=\"user?.email() === 'abhay@withpoly.com'\"\n    :style=\"{ width: px(size), height: px(size) }\"\n    :data-testid=\"sidebarAvatarBubbleTestId\"\n    class=\"avatar-bubble\"\n  >\n    <img :src=\"abhay\">\n  </div>\n  <div\n    v-else-if=\"user?.email() === 'samuel@withpoly.com'\"\n    :style=\"{ width: px(size), height: px(size) }\"\n    :data-testid=\"sidebarAvatarBubbleTestId\"\n    class=\"avatar-bubble\"\n  >\n    <img :src=\"samuel\">\n  </div>\n  <div\n    v-else-if=\"user?.email() === 'samuelwaynelo@gmail.com'\"\n    :style=\"{ width: px(size), height: px(size) }\"\n    :data-testid=\"sidebarAvatarBubbleTestId\"\n    class=\"avatar-bubble\"\n  >\n    <img :src=\"samuel\">\n  </div>\n  <div\n    v-else\n    :style=\"{ width: px(size), height: px(size) }\"\n    :data-testid=\"sidebarAvatarBubbleTestId\"\n    class=\"avatar-bubble\"\n    v-html=\"gradientAvatar(user?.email(), size)\"\n  />\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.avatar-bubble\n  @apply rounded-full aspect-square overflow-hidden\n</style>\n","<script setup lang=\"ts\">\n</script>\n\n<template>\n  <div class=\"shortcut\">\n    <slot />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.shortcut\n  @apply bg-[#{$menu-bg-item-hover}] rounded-[#{$menu-br-item-shortcut}] px-[#{$menu-px-item-shortcut}] text-[#{$menu-t-item-shortcut}] h-[#{$menu-h-shortcut}] t-menu-2xs inline-flex items-center vertical-middle\n</style>\n","<script setup lang=\"ts\">\ndefineProps<{\n  shortcut?: string\n  selected?: boolean // for keyboard navigation purposes\n  disabled?: boolean\n}>()\nconst emit = defineEmits([\"click\"])\nconst { hideContextMenu } = useContextMenu()\nfunction closeAndEmit() {\n  hideContextMenu()\n  emit(\"click\")\n}\n</script>\n\n<template>\n  <button class=\"dropdown-item group\" @click=\"() => !disabled && closeAndEmit()\">\n    <div class=\"dropdown-container\" :class=\"{ selected, disabled }\">\n      <span class=\"dropdown-text\">\n        <slot />\n      </span>\n      <menu-shortcut v-if=\"shortcut\" class=\"dropdown-shortcut\">\n        {{ shortcut }}\n      </menu-shortcut>\n    </div>\n  </button>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.dropdown-item\n  @apply h-[#{$menu-context-h-item}] w-full text-size-sm t-menu-sm flex\n\n.dropdown-container\n  @apply flex flex-grow cursor-pointer items-center rounded-[#{$menu-br-item}] m-[#{$menu-m-hover-outer}] p-[#{$menu-p-hover-inner}] w-full\n  &.disabled\n    @apply text-[#{$menu-t-item-disabled}] group-hover:cursor-not-allowed\n  &:not(.disabled)\n    @apply text-[#{$menu-t-item-default}] group-hover:bg-[#{$menu-bg-item-hover}] group-hover:text-[#{$menu-t-item-hovered}]\n\n.dropdown-text\n  @apply h-[#{$menu-context-h-item}] overflow-hidden break-words text-ellipsis whitespace-nowrap\n\n.dropdown-shortcut\n  @apply ml-auto\n\n.selected\n  @apply bg-[#{$menu-bg-default}]\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div class=\"section\">\n    <slot />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.section\n  @apply p-[#{$menu-p-default}] w-full gap-[#{$menu-gap-items}] flex flex-col\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div class=\"separator\" />\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.separator\n  @apply h-0 w-full border-b-0.75 border-b-[#{$menu-b-separator}]\n</style>\n","<script setup lang=\"ts\">\ndefineProps<{\n  position: \"bottom-right\" | \"bottom-left\" | \"left-top\"\n}>()\nconst active = defineModel<boolean>(\"active\")\nconst dropdown = ref<HTMLDivElement>()\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (!event.target)\n    return\n  if (event.target === dropdown.value || dropdown.value?.contains(event.target as Node))\n    return\n  if (active.value)\n    active.value = false\n}\n\nfunction open() {\n  active.value = true\n}\nfunction close() {\n  active.value = false\n}\nfunction toggle() {\n  active.value = !active.value\n}\n\nonMounted(() => {\n  document.body.addEventListener(\"mousedown\", handleClickOutside)\n})\nonUnmounted(() => {\n  document.body.removeEventListener(\"mousedown\", handleClickOutside)\n})\n</script>\n\n<template>\n  <div\n    ref=\"dropdown\"\n    class=\"relative inline-block text-left\"\n  >\n    <div>\n      <slot\n        :open\n        :toggle\n        :close\n        :active\n      />\n    </div>\n    <transition\n      enter-active-class=\"transition duration-60 ease-out\"\n      enter-from-class=\"transform scale-95 opacity-0\"\n      enter-to-class=\"transform scale-100 opacity-100\"\n      leave-active-class=\"transition duration-60 ease-in\"\n      leave-from-class=\"transform scale-100 opacity-100\"\n      leave-to-class=\"transform scale-95 opacity-0\"\n    >\n      <div\n        v-show=\"active\"\n        class=\"absolute\"\n        :class=\"[position]\"\n      >\n        <slot\n          name=\"menu\"\n          :active\n          :open\n          :toggle\n          :close\n        />\n      </div>\n    </transition>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.bottom-left\n  @apply mt-3 top-[100%] left-0 origin-top-left\n.bottom-right\n  @apply mt-3 top-[100%] right-0 origin-top-right\n.left-top\n  @apply ml-3 left-[100%] top-0 origin-top-left\n</style>\n","<script setup lang=\"ts\">\nconst { myself } = useUser()\nconst { logOut } = useAuthentication()\nconst { navigateToOnboarding } = useNavigation()\nconst { sidebarUserDropdownTestId } = useTestId()\nconst { sidebarState, showSidebar, hideSidebar } = useSidebar()\n\nfunction openFeedback() {\n  navigateTo(\n    \"mailto:hello@withpoly.com\",\n    { external: true, open: { target: \"_blank\" } },\n  )\n}\n</script>\n\n<template>\n  <interface-dropdown position=\"bottom-left\">\n    <template #default=\"{ open }\">\n      <user-avatar\n        :user=\"myself.user\"\n        class=\"user-avatar\"\n        :size=\"24\"\n        @click=\"open()\"\n      />\n    </template>\n    <template #menu>\n      <div class=\"self-dropdown\" :data-testid=\"sidebarUserDropdownTestId\">\n        <menu-section>\n          <menu-header :label=\"myself.user?.email() || ''\" />\n          <context-menu-dropdown-item @click=\"logOut()\">\n            <div>Logout</div>\n          </context-menu-dropdown-item>\n        </menu-section>\n        <menu-separator />\n        <menu-section>\n          <context-menu-dropdown-item v-if=\"sidebarState.visible\" @click=\"hideSidebar()\">\n            <div>Hide Sidebar</div>\n          </context-menu-dropdown-item>\n          <context-menu-dropdown-item v-else @click=\"showSidebar()\">\n            <div>Show Sidebar</div>\n          </context-menu-dropdown-item>\n        </menu-section>\n        <menu-separator />\n        <menu-section>\n          <context-menu-dropdown-item @click=\"navigateToOnboarding()\">\n            <div>Onboarding</div>\n          </context-menu-dropdown-item>\n          <context-menu-dropdown-item @click=\"openFeedback()\">\n            <div>Feedback</div>\n          </context-menu-dropdown-item>\n          <context-menu-dropdown-item @click=\"navigateTo('/join-discord')\">\n            <div>Discord</div>\n          </context-menu-dropdown-item>\n        </menu-section>\n      </div>\n    </template>\n  </interface-dropdown>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.user-avatar\n  @apply cursor-pointer\n\n.self-dropdown\n  @apply bg-[#{$menu-bg-default}]\n  @apply border-[#{$menu-b-outline}]\n  @apply rounded-lg backdrop-blur-[#{$menu-blur-default}] backdrop-filter  pointer-events-auto border shadow-menu z-overlay-layer flex flex-col\n</style>\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAALC0lEQVR4Ae1Ya2wdRxU+s3vta8fva984dvy2G6dx2obQgAxCISUUKE3Uh2JUiaJQEqQKxC9UqESxo/6qCpEoSEEoNFRNhJQgkBooASSIhUqK2tA4qZPGcWrHseP3+z73NZxzZmfvvXYIkVB/IHnsvbszOzP7zTffnDlnANbSWlpLa+lOSdxtxdfffO8xEN42nTcMQ3qex+0NgOBZSDH01UcffA0+onRXgE/88fwxCWK/BAmGEFJKbifxXxBEeqRC6WGeX4qep/fsOAQfQWLAjEDkYBcnfn+x3DPdBxBBN+Z3KnC6iQwq0hMOATwpVYZu0sNCcSzkwCtWQd6CY1si5HrSMQ2+UztVli8deyn4MOcdSxw8+IVhjcm/y5WA1XRihX379hl793//BWGIHyJnWEJw6E7VJNPLEKWn3kklBWKWXglmW9UFVRlILv48YAZUIbbjB6rJM8atBI3Vc70bifjsw68eeXG4oKBA7tmzx+3p6fE79QEfOnRInD592uz8XFe086HPj9K3UZhgW2mwHQeloGbCdV0CQNOPOvYplpoAxEBaFvr7kvWtJUTfEax3GbAqWEk0IFKXJgLAtu0zb5x85elQKGTH43ErHA7b0WhUhnRDHIHAgvC25FKdGogAy7IgT1rQvDGCQB3Op9MpHIQDi8txADcDln4TiZSgWaI/n0ZI2o5wbFfNphqHsC0bLMdBOlmINEqe3VAoX4QLCrkz27GiCLYGscRLSkpiCDg2PT1tBYA7OjrMkZGR8NLCXKHWqevY0FZfCdu3NCOYBCwtLfGFI4bK4hAznZtKM9pevS5WppyXtu3g5cLA0CQsxZKQTiXXOY7TiN+Yw9czSJbT1NTkMWCSQzqdFsvLy6blOnl6KYFQTGFDkUqlAN/D/Pw8xGIxZltKeVskdwH2P6ZUIgaJeFKm08k8BFtNU4b9pRDfEhKVZMDd3d3y+PHjUFRUJHw5SP/DonhdmPSEUkgzswSWrtqWrVBeWaPmGeQdIMgcSlfV9JTWabZsx4VoA30nIdKpVFvnZx56CWcZ1ei4rvTmYrHFb4Sy2yIg4pOBCrVMuCNkGIhhugh4YVE5VNe24mp2efEFk8tmQuQA5MUHtzf4DN6gb1A11DmuFwATuzCB1iVKpNJKW2AhYeFwqKa4qPT5ADBNOzGMeBmIwJ0MhyYcR7GrARP46sZGZsVJW3DbdBs5zM5MrSorXFcEhYXrEDD2heyiTFG7Fn7HgmQiBfFYAp+T+M4C0yjBC2216l+ItrY2olUSILIIAheu51sGAppMJvmZ5FFSFgVJ7GZr2AepWdUpkUzAL376Egxc7V8FuLJqPTzf/SNgy5AzLT77eqsSBpiIFqXRS5aUTBoMDg4GGwixats4FWlLphAoaZesBAEPF5bwBxwfsNSd804nc8ro+s2vjzHY+oYm2LS5Q13tHbAO2SXWZ5h5uUrbAmQgeNM0eff0pHsh5AOWyDBMTExIMq44EjbyuGkIEzWmARPDkYpasvzg2o5iWG+hmhB/09Dpms/swW89x4xSmpuZhhe+9yzn6+qblHn0B6u2dpnDMLHruRLS0u3TgAVZCUrpNNlDS9Bish1bJhNJYQuXAZOWI1UbaEC84wWmy19sFy+8A6M3bwQKSSbizCJp9e23/hYMYm52Jnh+842TvpWQkJefD5u37sjQ7I8bPUNiuG9p9PJCsDVjyi8uLi7r3PXFbY88uf8MmhOxvDgPWxojuJBtWFxcRDfAgE/u3ItSsZlhECJgdXDgMvzs8Ivwv6bv/uAwg4/H0XzizOIGQhaCUL727QNPfD2wEiSJ8fFxXGiuJCl4notbMC22BAJ2FLvROmXmcOFRp4YvBQJcs7EB2jbdi8Cv4H0LP2fSClOX+UG2p+Cf/+iFSGUUHu96BgrQapAEtcTQWvFMOrbTSzOhrQQD1m4cLTiyEOQ3kBRM1DUBrojWohxcNkE8M0L5OeR5hsMFgXQffuRxBq1hBdLRliTL7J341RG+7/7SY9Dc2g5JXNjZWjbQ6yKS0H5doHZsJbR54oXGzoqlvDTLkvRM1oHMWVlFlO/KW/P47rrqTtetUaXfmtp6zs/OTMKrPz8Mfahtyo+ODMEvj/wYbuJdtycpUWpu3cyz5vk7n8ZEs4j1Fr7z7FMXfO9P+RLBlCHLCJQsAt5TwvW35YqqWjTcIdavBpgNnBYXyaciUgX5yDaV/ekPv4VLF8+jbxBDk+TB7069Dpf63mV90vtLOJC52WnouP/jUFFRxaZLBqYxc0f/uE/jY8DkS+gCtAyCdhYHdUwMp1AWZM4q19eyZdAMr7yy2dWDuH7tA5+9dgZ5/doV3tlaMO8SYARPacvWj+XMlPSDAa1jzPfpyCPw1tDflLg1K1nQjoYLjkBbyC6NvCyynsESGJllHbQmx7LlgJ2PY35+boYXY1l5BC6//x6/b2nbzKDo3Ttv/51nZPuOTweApQ9YxYa4ZWM5Oj5ncxim1N/fL6ampsBwXZPkYJGjbqfZ8Sgpr4Rw/jqUhrWKWc3m0PWr3E9jyz2K3UGf3ZZNXKf/0r84fy+yye/RmvAAkO1cZn3vzdcwlcdn4r16oQZmDZ1jgW6jYXu24cuBAkV24qu0OXPcwNfVDOv7+Ngo91Nds5Gdpys+o5s7HuDpHxpUA2ryB/RW7585v+3BT+USIFX4Bf5mgoO90dNzYF5/N9AwhiOysLBQoE5DZNYcZJecIOqE5EA6JseIwJCWXbYQ6k4LJ5VKQHlFJeTlhSGOO9zQ9QHONzS1sb5ZHiiX0rIKmJ2eglu3bvL7xuZ7MoDJX2Ar4QXehRTGBW0MAjtMeXIv0eZyaEVg2aRhWQgBFBWXs8vn+NuxyPbMSL9jI4rdDRuDgWy6935o33Kfb/pcaMf8zt2Pslb/+pfTXP+zu7/sB7Uy6/IyRwakWUOcBe28ETh66OrqEsigkZ+fH8I9ghlGf4Gj5vJINUfNFi84P/RZsQFMjN3ke1V1Dc8CBpPwxFee4XoYbELV+hp48qkDasfC/PCHA1y/rqE1F7CrwGpzxhp27YvZIRcDxgBUnjt3TprkFklHeOitUehtmCFYX9sCaYsAOxwOiaxtVXeyMD/L92sfXAI6V4CsI5cgCRU2jwwPcv37tn0CikvKOSySWWGSF1gJRWt8duBs9s4YLLpIJGKglZC2Q8dkfDgiCwqKRGl5lPxiZNwLPpoBpB7aO7ZD/8V3YWriFl//LbVt2ory2MtgObFV4AMUH7wCi+z1kuur25HJDYLQo0ePeujGoQRlylOHMSJaXcudWnyuoEctg1MrfYJUW9cMX/vmczB288NsQiETdmYGWVoWgfrGVn4meSgkqpbWsGYcG/VBVtwabByUOjs73TNnziQLimO3ULPjpmHW1tTWsVUwTaHGmx0SyUykQX/FpeXMtC7Plo5+0mW08LKHpROD1Z0D3HBc5ye+6xt8ONjpTp486WzYsCE5MTo0WhqJdDU0ttbHFhbF+8vnwUCJeAFaDFcEHS0ZnPcnlRePH8pglGLyqRuVAZXhAuaWJrmKRk40hIe22JtfZpp44Ga6wjQnk3NjV19+uXvaBxucEARDpJHs2rXLHB4eDtFF71DXYm5uju4cMuEhildVVYVx2AyVAb4j7YP/TtKzwdG2a9CH6D3W57NjzZSuq79bUVEh/LrUXuTl5bmTk5MOHko6SKKXzW4AOLsz7blRYEoJGwqyIn6ZwDycOnWKytm6UJlfD1YmqkeLRrfLLl+Zz66HebWMVEB/p1OatbSW/u/SvwGl12GjjMQdNgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","<script setup lang=\"ts\">\nimport homeIcon from \"~/assets/icons/poly-home-icon-44.png?url\"\nimport archiveIcon from \"~/assets/icons/poly-archive-icon-44.png?url\"\nimport unknown64 from \"~/assets/icons/mime/unknown-64.png?url\"\n\n// The item view for a file is the common preview + name view used throughout our navigation\n// elements, such as the sidebar, the path, and in dropdowns. It is simply a flex container\n// with the elements inside, designed to be styled externally\n\nconst props = defineProps<{\n  file: InterfaceFile\n}>()\nconst { myself } = useUser()\nconst thumb = ref<HTMLImageElement>()\nconst home = computed(() => props.file.fileId === myself.value.home?.fileId)\nconst archive = computed(() => props.file.fileId === myself.value.archive?.fileId)\n\nonMounted(async () => {\n  if (home.value || archive.value || !props.file || props.file.isBlank())\n    return\n  if (!thumb.value)\n    throw new Error(\"Image not mounted\")\n  try {\n    const image = props.file as InterfaceImageFile\n    const uri = image.icon64CropUri()\n    if (!uri)\n      throw new Error(\"No uri\")\n    return await loadImage(uri, thumb.value)\n  }\n  catch (error) {}\n  try {\n    const uri = props.file.clientUri()\n    if (!uri)\n      throw new Error(\"No uri\")\n    return await loadImage(uri, thumb.value)\n  }\n  catch (error) {}\n  thumb.value.src = unknown64\n})\n</script>\n\n<template>\n  <div class=\"item\">\n    <template v-if=\"file.isBlank()\">\n      <img\n        ref=\"thumb\"\n        :src=\"unknown64\"\n        class=\"h-full aspect-square\"\n      >\n      <div class=\"name\">\n        Loading...\n      </div>\n    </template>\n    <template v-else-if=\"home\">\n      <img\n        ref=\"thumb\"\n        :src=\"homeIcon\"\n        class=\"h-full aspect-square p-0.5\"\n      >\n      <div class=\"name\">\n        Home\n      </div>\n    </template>\n    <template v-else-if=\"archive\">\n      <img\n        ref=\"thumb\"\n        :src=\"archiveIcon\"\n        class=\"h-full aspect-square\"\n      >\n      <div class=\"name\">\n        Archive\n      </div>\n    </template>\n    <template v-else>\n      <img\n        ref=\"thumb\"\n        src=\"\"\n        class=\"h-full aspect-square rounded-sm \"\n      >\n      <div class=\"name \">\n        {{ file.name() }}\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.item\n  @apply flex flex-none items-center h-full\n.name\n  @apply text-ellipses-inline h-full\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{\n  file: InterfaceFile\n  orderedId: number\n  dragOver?: boolean\n}>()\nconst { isSelectedSidebar, isSelectedMainView } = useSelection()\nconst sidebarSelection = computed(() => isSelectedSidebar(props.file.fileId))\nconst mainViewSelection = computed(() => isSelectedMainView(props.file.fileId))\n</script>\n\n<template>\n  <div\n    :data-file-id=\"file.fileId\"\n    :data-ordered-id=\"orderedId\"\n    class=\"entry-file\"\n    :class=\"{ sidebarSelection, mainViewSelection }\"\n  >\n    <file-item class=\"file-inner\" :file />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.entry-file\n  @apply text-[#{$sidebar-t-item}] t-sidebar-item -m-1.5 p-1.5 rounded-[#{$sidebar-br-item-hovered}] cursor-pointer\n  &:hover\n    @apply bg-[#{$sidebar-bg-item-hovered}]\n  height: calc($sidebar-h-entry + 12px)\n.file-inner\n  @apply gap-[#{$sidebar-gap-item-icon}]\n\n.sidebarSelection\n  @apply bg-[#{$global-blue-primary}]\n  &:hover\n    @apply bg-[#{$global-blue-primary}]\n.mainViewSelection\n  @apply bg-[#{$global-blue-accent}]\n  &:hover\n    @apply bg-[#{$global-blue-accent}]\n</style>\n","<script setup lang=\"ts\">\nconst { myself } = useUser()\nconst { navigateToHome, navigateToArchive } = useNavigation()\nconst { cacheState } = useCache()\n</script>\n\n<template>\n  <div class=\"self\">\n    <div v-if=\"!cacheState.isWebsocketConnected\" class=\"offline-marker\">\n      Offline\n    </div>\n    <sidebar-self-avatar />\n  </div>\n  <div class=\"roots\">\n    <sidebar-entry-file\n      v-if=\"myself.home\"\n      :ordered-id=\"0\"\n      :file=\"myself.home\"\n      @click=\"navigateToHome()\"\n    />\n    <sidebar-entry-file\n      v-if=\"myself.archive\"\n      :ordered-id=\"0\"\n      :file=\"myself.archive\"\n      @click=\"navigateToArchive()\"\n    />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.self\n  @apply p-4 ml-auto flex items-center z-navigation-layer\n\n.offline-marker\n  @apply text-xs font-medium  px-2.5 h-6 flex items-center rounded-full mr-2 ring-1 ring-amber-light text-$global-amber-primary\n\n.roots\n  @apply mt-[#{$sidebar-m-header-top}] p-[#{$sidebar-p-main}] flex flex-col gap-[#{$sidebar-gap-items-container}]\n</style>\n","<script setup lang=\"ts\">\nconst { sharedFolderState, createSpace } = useSharedFolders()\nconst { sharedFolderCreationTestId: spaceCreationTestId } = useTestId()\n\nconst handleInput = ref<HTMLFormElement | null>(null)\n\nconst valid = computed(() => {\n  const { name, handle } = sharedFolderState.value.new\n  if (!name)\n    return false\n  if (handle.length < 3 || handle.length > 128)\n    return false\n  return handleInput.value?.checkValidity()\n})\n\nfunction onCreateButtonPressed() {\n  if (!valid.value)\n    return\n  createSpace()\n}\n</script>\n\n<template>\n  <div class=\"menu-dropdown-container create-space-container\" :data-testid=\"spaceCreationTestId\">\n    <menu-section>\n      <div class=\"header\">\n        <div class=\"title\">\n          Create a Shared Folder\n        </div>\n        <div class=\"description\">\n          Shared folders let you collaborate on your files either privately with friends or publicly with the world (public mode launching soon).\n        </div>\n      </div>\n      <form ref=\"handleInput\" @submit.prevent>\n        <div class=\"input\">\n          <div class=\"label\">\n            Name\n          </div>\n          <interface-input\n            v-model.trim=\"sharedFolderState.new.name\"\n            placeholder=\"Enter a name for your space\"\n          />\n        </div>\n        <div class=\"input\">\n          <div class=\"label\">\n            Handle\n          </div>\n          <interface-input\n            v-model.trim=\"sharedFolderState.new.handle\"\n            pattern=\"[a-z0-9]+([\\-_\\~\\.][a-z0-9]+)*\"\n            leading\n            placeholder=\"Enter a name for your space\"\n            @keydown.enter.prevent=\"onCreateButtonPressed()\"\n          >\n            <template #leading>\n              <span class=\"text-text-secondary\">@</span>\n            </template>\n          </interface-input>\n        </div>\n      </form>\n    </menu-section>\n    <div\n      class=\"create-button\"\n      :class=\"{ valid }\"\n      @click=\"onCreateButtonPressed()\"\n    >\n      <interface-spinner\n        v-if=\"sharedFolderState.new.loading\"\n        class=\"h-4 w-4\"\n      />\n      <div>Create this space</div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\">\n@import '~/assets/styles/generated/variables.sass'\n\n.create-space-container\n  @apply w-80 relative overflow-hidden\n  .header\n    @apply space-y-1\n    .title\n      @apply t-menu-lg mb-2 text-[#{$global-t-default}]\n    .description\n      @apply text-sm text-[#{$global-t-secondary}]\n\n  .input\n    @apply mt-3\n    .label\n      @apply t-menu-sm mb-1\n    input:invalid\n      @apply ring-[#{$global-red-primary}] focus:ring-[#{$global-red-primary}]\\!\n\n  .create-button\n    @apply bg-[#{$global-blue-primary}] py-3 flex items-center justify-center gap-2 cursor-pointer text-[#{$global-t-default}]\n    &:not(.valid)\n      @apply bg-[#{$global-steel-secondary}]\n</style>\n","<script setup lang=\"ts\">\nimport { IconPlus } from \"@tabler/icons-vue\"\n\nconst { sharedFolderState } = useSharedFolders()\n</script>\n\n<template>\n  <div class=\"main\">\n    <div class=\"header\">\n      <div class=\"label\">\n        Shared\n      </div>\n      <div class=\"new-space\">\n        <interface-dropdown\n          v-model:active=\"sharedFolderState.new.dialogOpen\"\n          position=\"left-top\"\n        >\n          <template #default=\"{ open }\">\n            <button class=\"add\" @click=\"open()\">\n              <icon-plus :size=\"14\" :stroke-width=\"2\" />\n            </button>\n          </template>\n          <template #menu>\n            <sidebar-shared-folder-creation-dropdown />\n          </template>\n        </interface-dropdown>\n      </div>\n    </div>\n    <div class=\"spaces\">\n      <sidebar-entry-shared-folder\n        v-for=\"(sharedFolderInfo, key) in sharedFolderState.all\"\n        :key\n        :shared-folder-info\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.main\n  @apply px-[#{$sidebar-p-main}]\n.header\n  @apply flex t-sidebar-item text-[#{$sidebar-t-header}] mt-[#{$sidebar-m-header-top}] mb-[#{$sidebar-m-header-bottom}]\n.new-space\n  @apply flex items-center justify-center ml-auto\n  .add\n    @apply -mr-1  text-t-header-info px-1 py-0.5 hover:bg-accent-strongest rounded-sm hover:text-[#{$global-t-default}] cursor-pointer\n.spaces\n  @apply flex flex-col gap-[#{$sidebar-gap-items-container}]\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div class=\"drop-placeholder\" />\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.drop-placeholder\n  @apply h-[2.5px] bg-[#{$sidebar-bg-item-drag}] rounded-full -mx-[6px]\n</style>\n","<script setup lang=\"ts\">\nconst { sortedSidebarFiles } = useSidebar()\nconst { gestureState } = useGestures()\nconst { myself } = useUser()\n\nconst sortedFiles = computed(() => {\n  if (!myself.value.user)\n    return []\n  return sortedSidebarFiles()\n})\nconst addToSidebar = computed(() => gestureState.value.sidebarFilesDropBetween !== undefined)\n// const dragOverBeforeId = computed(() => gestureState.value.sidebarDropBetween?.[0])\nconst dragOverAfterId = computed(() => gestureState.value.sidebarFilesDropBetween?.[1])\n</script>\n\n<template>\n  <div class=\"main\">\n    <div class=\"header\">\n      <div class=\"label\">\n        Pinned Files\n      </div>\n    </div>\n    <div class=\"files\">\n      <template v-for=\"[orderedId, file] in sortedFiles\" :key=\"orderedId\">\n        <sidebar-entry-drop-placeholder\n          v-if=\"addToSidebar && dragOverAfterId === orderedId\"\n        />\n        <sidebar-entry-file :ordered-id :file />\n      </template>\n      <sidebar-entry-drop-placeholder\n        v-if=\"addToSidebar && dragOverAfterId === undefined\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.main\n  @apply px-[#{$sidebar-p-main}]\n.header\n  @apply flex t-sidebar-item text-[#{$sidebar-t-header}] mt-[#{$sidebar-m-header-top}] mb-[#{$sidebar-m-header-bottom}]\n.files\n  @apply flex flex-col gap-[#{$sidebar-gap-items-container}]\n</style>\n","<script setup lang=\"ts\">\nimport folderIcon from \"~/assets/icons/folder-filled.svg\"\nimport { InterfaceFolderFile } from \"~/classes/file/InterfaceFolderFile\"\n\nconst props = defineProps<{ fragment: SearchV1IntentFragment }>()\nconst { addInterfaceEventListener, removeInterfaceEventListener } = useEvents()\n\nif (props.fragment.type !== \"folderRef\")\n  throw new Error(\"Non folder fragment passed\")\n\nconst folder = ref<InterfaceFolderFile>(InterfaceFolderFile.blank(props.fragment.value))\n\nfunction onProperties(response: FilePropertiesResponseDatagram) {\n  if (response.file && response.file.fileId === folder.value.fileId)\n    folder.value = new InterfaceFolderFile(response.file)\n}\n\nonMounted(() => {\n  addInterfaceEventListener(\"filePropertiesResponse\", onProperties)\n  if (props.fragment.type !== \"folderRef\")\n    throw new Error(\"Non folder fragment passed\")\n  sendFilePropertiesRequest({\n    requestId: generateWorkerRequestId(),\n    fileId: props.fragment.value,\n    selection: { everything: true },\n    pathSelection: { properties: [], groups: [] },\n  })\n})\nonUnmounted(() => {\n  removeInterfaceEventListener(\"filePropertiesResponse\", onProperties)\n})\n</script>\n\n<template>\n  <div class=\"folder\">\n    <folder-icon class=\"icon\" />\n    <span v-if=\"folder.isBlank()\" class=\"name\">Loading...</span>\n    <span class=\"name\">{{ folder.name() }}</span>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.folder\n  @apply text-[#{$global-violet-primary}] flex text-ellipses-inline items-center gap-1 max-w-20\n  .name\n    @apply text-ellipses-inline\n  .icon\n    @apply h-4 w-4 flex-none\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{ search: InterfaceSearch }>()\nconst intent = computed(() => props.search.intent())\n</script>\n\n<template>\n  <div class=\"search-intent\" :data-search-id=\"search.searchId()\">\n    <search-fragment-view\n      v-for=\"fragment, key of intent?.fragments\"\n      :key\n      :fragment\n    />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.search-intent\n  @apply flex items-center text-ellipses-inline gap-[#{$search-gap-fragment}]\n</style>\n","<script setup lang=\"ts\">\nimport IconCrystalBall from \"~/assets/icons/crystal-ball-line.svg?component\"\n\nconst props = defineProps<{\n  search: InterfaceSearch\n  orderedId: number\n  dragOver?: boolean\n}>()\nconst { isSelectedSidebar, isSelectedMainView } = useSelection()\nconst sidebarSelection = computed(() => isSelectedSidebar(props.search.searchId()))\nconst mainViewSelection = computed(() => isSelectedMainView(props.search.searchId()))\n</script>\n\n<template>\n  <div\n    :data-search-id=\"search.searchId()\"\n    :data-ordered-id=\"orderedId\"\n    class=\"entry-search\"\n    :class=\"{ sidebarSelection, mainViewSelection }\"\n  >\n    <icon-crystal-ball class=\"crystal-ball\" />\n    <search-intent class=\"search-inner\" :search />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.entry-search\n  @apply text-[#{$sidebar-t-item}] t-sidebar-item -m-1.5 p-1.5 hover:bg-[#{$sidebar-bg-item-hovered}] rounded-[#{$sidebar-br-item-hovered}] cursor-pointer flex items-center gap-[#{$sidebar-gap-item-icon}]\n  height: calc($sidebar-h-entry + 12px)\n\n.crystal-ball\n  @apply h-5 w-5 flex-none\n\n.search-inner\n  @apply gap-[#{$sidebar-gap-item-icon}]\n\n.sidebarSelection\n  @apply bg-[#{$global-blue-primary}] hover:bg-[#{$global-blue-primary}]\n.mainViewSelection\n  @apply bg-[#{$global-blue-accent}] hover:bg-[#{$global-blue-accent}]\n</style>\n","<script setup lang=\"ts\">\nconst { sortedSidebarSearches } = useSidebar()\nconst { gestureState } = useGestures()\nconst { myself } = useUser()\n\nconst sortedSearches = computed(() => {\n  if (!myself.value.user)\n    return []\n  return sortedSidebarSearches()\n})\nconst addToSidebar = computed(() => gestureState.value.sidebarDragOver && gestureState.value.searchDragged !== undefined)\n</script>\n\n<template>\n  <div class=\"main\">\n    <div class=\"header\">\n      <div class=\"label\">\n        Pinned Searches\n      </div>\n    </div>\n    <div class=\"searches\">\n      <template v-for=\"[orderedId, search] in sortedSearches\" :key=\"orderedId\">\n        <sidebar-entry-search :ordered-id :search />\n      </template>\n      <sidebar-entry-drop-placeholder v-if=\"addToSidebar\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.main\n  @apply px-[#{$sidebar-p-main}]\n\n.header\n  @apply flex t-sidebar-item text-[#{$sidebar-t-header}] mt-[#{$sidebar-m-header-top}] mb-[#{$sidebar-m-header-bottom}]\n\n.searches\n  @apply flex flex-col gap-[#{$sidebar-gap-items-container}]\n</style>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"14\",\n  height: \"28\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createStaticVNode(\"<path fill=\\\"currentColor\\\" d=\\\"M0 17.5c0 2.17.988 4.11 2.539 5.394C3.253 23.486 6 24.5 6 28h2c0-3.5 2.25-4.103 3.461-5.106A6.99 6.99 0 0 0 14 17.5v-7c0-2.17-.988-4.11-2.539-5.394C10.747 4.514 8 3.5 8 0H6c0 3.5-2.25 4.103-3.461 5.106A6.99 6.99 0 0 0 0 10.5z\\\"></path><circle cx=\\\"5.75\\\" cy=\\\"11.5\\\" r=\\\".75\\\" fill=\\\"#fff\\\" style=\\\"fill:#fff;fill-opacity:1;\\\"></circle><circle cx=\\\"8.25\\\" cy=\\\"11.5\\\" r=\\\".75\\\" fill=\\\"#fff\\\" style=\\\"fill:#fff;fill-opacity:1;\\\"></circle><circle cx=\\\"5.75\\\" cy=\\\"14\\\" r=\\\".75\\\" fill=\\\"#fff\\\" style=\\\"fill:#fff;fill-opacity:1;\\\"></circle><circle cx=\\\"8.25\\\" cy=\\\"14\\\" r=\\\".75\\\" fill=\\\"#fff\\\" style=\\\"fill:#fff;fill-opacity:1;\\\"></circle><circle cx=\\\"5.75\\\" cy=\\\"16.5\\\" r=\\\".75\\\" fill=\\\"#fff\\\" style=\\\"fill:#fff;fill-opacity:1;\\\"></circle><circle cx=\\\"8.25\\\" cy=\\\"16.5\\\" r=\\\".75\\\" fill=\\\"#fff\\\" style=\\\"fill:#fff;fill-opacity:1;\\\"></circle>\", 7)\nconst _hoisted_9 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_9]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\nimport columnGrip from \"~/assets/icons/column-grip.svg\"\n\nconst globals = useGlobals()\nconst { y } = useMouse()\n\n/**\n * NOTE: Sidebar dragging to resize is handled by:\n * [useSidebarDragToResize](../../classes/gestures/useSidebarDragToResize.ts)\n */\nconst id = globals.sidebarDraggerId\n</script>\n\n<template>\n  <div :id class=\"divider-container group\">\n    <div class=\"divider\" />\n    <column-grip class=\"grip\" :style=\"{ top: px(y) }\" />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.divider-container\n  @apply absolute h-full w-2 px-0.75 -right-1 z-gesture-overlay-layer hover:cursor-none\n.divider\n  @apply h-full w-full bg-[#{$page-b-divider}] opacity-0 transition group-hover:opacity-100\n.grip\n  @apply absolute w-3.5 h-7 -my-3.5 text-[#{$page-b-divider}] -right-0.75 opacity-0 group-hover:opacity-100\n</style>\n","<script setup lang=\"ts\">\nconst globals = useGlobals()\nconst { sidebarState } = useSidebar()\nconst { sidebarTestId } = useTestId()\n</script>\n\n<template>\n  <div\n    :id=\"globals.sidebarId\"\n    :data-testid=\"sidebarTestId\"\n    :style=\"{ width: px(sidebarState.width) }\"\n    class=\"sidebar\"\n  >\n    <sidebar-self-view />\n    <sidebar-shared-folder-view />\n    <sidebar-pinned-files />\n    <sidebar-pinned-searches />\n    <sidebar-dragger />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.sidebar\n  @apply border-r-[#{$page-b-divider}] bg-[#{$sidebar-bg-default}] relative flex flex-col border-r\n</style>\n","export default \"__VITE_ASSET__BjxR8FLw__\"","export default \"__VITE_ASSET__CwDu7CbL__\"","export default \"data:image/png;base64,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\"","export default \"__VITE_ASSET__DiepZ9a1__\"","export default \"__VITE_ASSET__BFwNwHAS__\"","<script setup lang=\"ts\">\nimport { watchThrottled } from \"@vueuse/core\"\nimport unknown512 from \"~/assets/icons/mime/unknown-512.png\"\nimport unknown192 from \"~/assets/icons/mime/unknown-192.png\"\nimport unknown64 from \"~/assets/icons/mime/unknown-64.png\"\nimport home512 from \"~/assets/images/logo/logo.webp\"\nimport archive512 from \"~/assets/images/files/archive/poly_archive@512.webp\"\nimport type { InterfaceUnknownFile } from \"~/classes/file\"\nimport { isSafari } from \"~/utils/platform\"\n\nconst props = defineProps<{\n  file: InterfaceFile | InterfaceImageFile | InterfaceFolderFile | InterfaceUnknownFile\n  containerWidth: number\n  containerHeight: number\n  cropped?: boolean\n  selected?: boolean\n  shadowed?: boolean\n  flat?: boolean // The flat look used in grid and feed modes\n}>()\n\nlet state = \"thumbnail-loading\" as \"thumbnail-loading\" | \"thumbnail-loaded\" | \"uri-loading\" | \"uri-loaded\" | \"broken\"\n\nconst console = useLogger(\"file-thumbnail-image\", theme.colors.pink.hex)\nconst globals = useGlobals()\nconst fileThumbnail = ref<HTMLImageElement>()\nconst folder = computed(() => !props.file.isBlank() && props.file.isFolder())\n\n/**\n * returns the best image we could use to render the object, given the height\n * and width of the container.\n */\nfunction getBestImageUrl() {\n  const { file, cropped } = props\n  const minWidth = Math.min(props.containerWidth, file.imageWidth() || Number.MAX_SAFE_INTEGER)\n  const minHeight = Math.min(props.containerHeight, file.imageHeight() || Number.MAX_SAFE_INTEGER)\n  // TODO: improve\n  const minDim = Math.max(minWidth, minHeight)\n  let best: string | undefined\n  if (minDim >= 512)\n    best = cropped ? file.icon1536CropUri() : file.icon1536NativeUri()\n  if (minDim >= 192)\n    best = best || (cropped ? file.icon512CropUri() : file.icon512NativeUri())\n  if (minDim >= 64)\n    best = best || (cropped ? file.icon192CropUri() : file.icon192NativeUri())\n  best = best || (cropped ? file.icon64CropUri() : file.icon64NativeUri())\n  return best\n}\n\nfunction getBestUnknownUrl() {\n  const { file } = props\n  const minWidth = Math.min(props.containerWidth, file.imageWidth() || Number.MAX_SAFE_INTEGER)\n  const minHeight = Math.min(props.containerHeight, file.imageHeight() || Number.MAX_SAFE_INTEGER)\n  // TODO: improve\n  const minDim = Math.max(minWidth, minHeight)\n  if (minDim >= 256)\n    return unknown512\n  if (minDim >= 96)\n    return unknown192\n  return unknown64\n}\n\n/** Updates the image file based on container size, loaded state of uri, etc. */\nasync function updateImage() {\n  if (!fileThumbnail.value || state === \"uri-loaded\")\n    return\n  else if (props.file.isHomeFolder()) {\n    fileThumbnail.value!.src = home512\n    state = \"uri-loaded\"\n    return\n  }\n  else if (props.file.isArchiveFolder()) {\n    fileThumbnail.value!.src = archive512\n    state = \"uri-loaded\"\n    return\n  }\n  else if (state === \"thumbnail-loading\" || state === \"thumbnail-loaded\") {\n    const bestUri = getBestImageUrl()\n    if (!bestUri)\n      return console.error(\"Image has no best uri\")\n    if (fileThumbnail.value.src !== bestUri)\n      fileThumbnail.value.src = bestUri\n  }\n  else if (state === \"uri-loading\") {\n    // const uri = props.file.clientUri()\n    const uri = props.file.clientUri()\n    if (!uri)\n      throw new Error(\"No uri\")\n    if (fileThumbnail.value.src !== uri)\n      fileThumbnail.value.src = uri\n  }\n  else if (state === \"broken\")\n    fileThumbnail.value.src = getBestUnknownUrl()\n  else throw new Error(`Unknown state during update image: ${state}`)\n}\nasync function onImageError() {\n  console.log(\"Error loading file image\", state, fileThumbnail.value?.src)\n  if (state === \"thumbnail-loaded\" || state === \"uri-loaded\" || state === \"broken\")\n    return\n  else if (state === \"thumbnail-loading\") {\n    state = \"uri-loading\"\n    updateImage()\n  }\n  else if (state === \"uri-loading\") {\n    state = \"broken\"\n    updateImage()\n  }\n  else throw new Error(`Unknown state during image error: ${state}`)\n}\nasync function onImageLoad() {\n  if (state === \"thumbnail-loaded\" || state === \"uri-loaded\" || state === \"broken\")\n    return\n  else if (state === \"thumbnail-loading\")\n    state = \"thumbnail-loaded\"\n  else if (state === \"uri-loading\")\n    state = \"uri-loaded\"\n  else throw new Error(`Unknown state during image load: ${state}`)\n}\n\n/** If the file was changed, we need to replace the image, not just refresh it */\nasync function replaceImage() {\n  state = \"thumbnail-loading\"\n  updateImage()\n}\n\nonMounted(async () => updateImage())\nwatchThrottled(() => props.containerWidth, () => updateImage(), { throttle: 1000 / 45 })\nwatch(\n  () => props.file,\n  (newFile, oldFile) => newFile.fileId !== oldFile.fileId ? replaceImage() : updateImage(),\n)\n</script>\n\n<template>\n  <img\n    ref=\"fileThumbnail\"\n    src=\"\"\n    draggable=\"false\"\n    class=\"object-contain object-center select-none\"\n    :class=\"{\n      [globals.thumbnailPreviewImage]: true,\n      safari: isSafari(),\n      selected,\n      shadowed,\n      flat,\n      folder,\n    }\"\n    @error=\"onImageError()\"\n    @load=\"onImageLoad()\"\n  >\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.shadowed\n  // On safari, the default filter seems to interfere with the hover/selection filter color,\n  // causing weird artifacts. So, we detect if the user is on safari and remove this default\n  // filter in that instance.\n  // TODO: tauri desktop seems to not support our shim for detecting safari\n  // &:not(.safari)\n  //   filter: drop-shadow(-4px 2px 4px #10101040)\n  &:hover\n    @include alphaShadow(var(--global-blue-primary), 1px, drop-shadow(-4px 2px 4px #10101040))\n  &.selected\n    @include alphaShadow(var(--global-blue-primary), 2px, drop-shadow(-4px 2px 4px #10101040))\n\n.flat.folder\n  @apply bg-[#{$global-violet-accent}]\n</style>\n","<!-- eslint-disable unicorn/prefer-dom-node-text-content -->\n<script setup lang=\"ts\">\nconst props = defineProps<{\n  tag: string\n  modelValue: string\n  contenteditable?: boolean | \"plaintext-only\"\n  html?: boolean\n  newlines?: boolean\n  wrap?: boolean\n}>()\n\nconst emit = defineEmits<{\n  \"returned\": [value: string]\n  \"update:modelValue\": [value: string]\n}>()\n\nfunction replaceAll(str: string, search: string, replacement: string) {\n  return str.split(search).join(replacement)\n}\n\nconst element = ref<HTMLElement | null>()\n\nfunction currentContent() {\n  return props.html\n    ? element.value!.innerHTML\n    : element.value!.innerText || \"\"\n}\n\nfunction updateContent(newContent: string) {\n  if (props.html)\n    element.value!.innerHTML = newContent\n  else\n    element.value!.innerText = newContent\n}\n\nfunction update(content?: string) {\n  // console.log(`Updating content: ${content}`)\n  emit(\"update:modelValue\", content ?? \"\")\n}\n\nfunction onPaste(event: any) {\n  event.preventDefault()\n  let text = (event.originalEvent || event).clipboardData.getData(\"text/plain\")\n  if (!props.newlines) {\n    text = replaceAll(text, \"\\r\\n\", \" \")\n    text = replaceAll(text, \"\\n\", \" \")\n    text = replaceAll(text, \"\\r\", \" \")\n  }\n  window.document.execCommand(\"insertText\", false, text)\n}\nfunction onKeypress(event: any) {\n  if (event.key === \"Enter\" && !props.newlines) {\n    event.preventDefault()\n    // console.log('Updated with', currentContent())\n    emit(\"returned\", currentContent())\n  }\n}\n\nonMounted(() => updateContent(props.modelValue ?? \"\"))\nwatch(() => props.modelValue, (newVal) => {\n  if (newVal !== currentContent())\n    updateContent(newVal ?? \"\")\n})\nwatch(() => props.html, () => updateContent(props.modelValue ?? \"\"))\nwatch(() => props.tag, () => updateContent(props.modelValue ?? \"\"), { flush: \"post\" })\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    ref=\"element\"\n    :contenteditable\n    :class=\"{ wrap, newlines }\"\n    @input=\"update(currentContent())\"\n    @paste=\"onPaste\"\n    @keypress=\"onKeypress\"\n  />\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.wrap\n  @apply break-all\\!\n.newlines\n  @apply whitespace-pre-line\\!\n</style>\n","<script setup lang=\"ts\">\nimport type { Property } from \"~/classes/entity\"\nimport { PropertySchema } from \"~/classes/entity\"\nimport type { InterfaceFile } from \"~/classes/file/InterfaceFile\"\nimport type { PropertyColor, PropertySize } from \"~/classes/generated/interface\"\n\nconst props = defineProps<{\n  file: InterfaceFile\n  propertyId: Property\n  schema: PropertySchema\n  size: PropertySize\n  color: PropertyColor\n  selected?: boolean\n  diff?: InterfaceFile\n}>()\nconst { viewModePropertySizes, viewModePropertyColors } = useViewMode()\nconst { stopEditing, propertyEditorState, isEditingProperty, getPropertyAsDiff } = useProperty()\nconst editable = ref()\nconst editing = computed(() => isEditingProperty(props.file.fileId, props.propertyId))\nconst property = computed(() => props.file.property(props.propertyId))\nconst propertyDiff = computed(() => props.diff ? getPropertyAsDiff(props.file, props.diff, props.propertyId) : undefined)\n\nwatch(editing, isEditing => isEditing && setTimeout(() => { editable.value.$el.focus() }, 100))\n</script>\n\n<template>\n  <div :class=\"{ 'max-w-full': !editing }\">\n    <interface-content-editable\n      v-if=\"propertyEditorState.newValue.type === PropertySchema.NonNullableStringValue\"\n      v-show=\"editing\"\n      ref=\"editable\"\n      v-model=\"propertyEditorState.newValue.nonNullableString\"\n      tag=\"div\"\n      contenteditable=\"plaintext-only\"\n      wrap\n      spellcheck=\"false\"\n      class=\"no-scrollbar content editing\"\n      :class=\"[viewModePropertySizes[size].textCss, viewModePropertyColors[color].textCss]\"\n      @returned=\"stopEditing()\"\n    />\n    <interface-content-editable\n      v-else-if=\"propertyEditorState.newValue.type === PropertySchema.NullableStringValue\"\n      v-show=\"editing\"\n      ref=\"editable\"\n      v-model=\"propertyEditorState.newValue.nullableString\"\n      tag=\"div\"\n      contenteditable=\"plaintext-only\"\n      wrap\n      spellcheck=\"false\"\n      class=\"no-scrollbar content editing\"\n      :class=\"[viewModePropertySizes[size].textCss, viewModePropertyColors[color].textCss]\"\n      @returned=\"stopEditing()\"\n    />\n    <div\n      v-show=\"!editing\"\n      v-if=\"property\"\n      class=\"content text-ellipses-inline min-line-height-one\"\n      :class=\"[viewModePropertySizes[size].textCss, viewModePropertyColors[color].textCss]\"\n    >\n      <div v-if=\"propertyDiff\" class=\"diff\">\n        <span\n          v-for=\"diffItem, key in propertyDiff\"\n          :key\n          :class=\"{\n            deleted: diffItem[0] < 0,\n            same: diffItem[0] === 0,\n            added: diffItem[0] > 0,\n          }\"\n        >\n          {{ diffItem[1] }}\n        </span>\n      </div>\n      <span v-else-if=\"property.value.type === PropertySchema.NonNullableStringValue\">\n        {{ property.value.nonNullableString }}\n      </span>\n      <span v-else-if=\"property.value.type === PropertySchema.NullableStringValue\">\n        {{ property.value.nullableString || \"\" }}\n      </span>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.content\n  @apply rounded-[#{$page-properties-br-overlay}] px-1.5 py-0.5\n.editing\n  @apply flex items-center overflow-y-hidden bg-transparent\n  &:focus\n    @apply ring-inset outline-none ring-2 ring-$global-blue-primary\n\n.diff\n  @apply inline\n  .deleted\n    @apply bg-[#{$global-red-secondary}]\n  .added\n    @apply hidden\n</style>\n","<script setup lang=\"ts\">\nimport iconFolderFilled from \"~/assets/icons/folder-filled.svg\"\nimport type { PropertySize } from \"~/classes/generated/interface\"\n\ndefineProps<{\n  file: InterfaceFile\n  size: PropertySize\n}>()\nconst { navigateToFolder } = useNavigation()\nconst { viewModePropertySizes } = useViewMode()\n</script>\n\n<template>\n  <div\n    class=\"h-5.5 flex gap-1.25 text-sm -mx-1.5\"\n    :class=\"[viewModePropertySizes[size].textCss]\"\n  >\n    <template\n      v-for=\"(folder, i) in file.path()?.reverse()\"\n      :key=\"folder.fileId\"\n    >\n      <div\n        v-if=\"i !== 0\"\n        class=\"my-0.5 w-0 flex-none rotate-22 transform border-l border-l-border-secondary\"\n      />\n      <div\n        class=\"group flex cursor-pointer gap-1.25 rounded-md px-1.5 py-0.75\"\n        hover=\"bg-accent-strongest t-[#{$global-t-default}]\"\n        @click=\"navigateToFolder(folder)\"\n      >\n        <icon-folder-filled\n          class=\"w-4 text-text-secondary\"\n          group-hover=\"text-$global-violet-primary\"\n        />\n        <div>\n          {{ folder.name() }}\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { Property, PropertySchema } from \"~/classes/entity\"\n\nconst props = defineProps<{ file: InterfaceImageFile }>()\n\nfunction dimensions() {\n  const wProp = props.file.property(Property.WIDTH)\n  if (!wProp || wProp.value.type !== PropertySchema.PositiveIntegerValue)\n    return \"\"\n  const width = wProp.value.positiveInteger\n  const hProp = props.file.property(Property.HEIGHT)\n  if (!hProp || hProp.value.type !== PropertySchema.PositiveIntegerValue)\n    return \"\"\n  const height = wProp.value.positiveInteger\n  return `${width} x ${height}`\n}\n</script>\n\n<template>\n  <span>\n    {{ dimensions() }}\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport type { Property } from \"~/classes/entity\"\nimport { PropertySchema } from \"~/classes/entity\"\nimport type { PropertyColor, PropertySize } from \"~/classes/generated/interface\"\n\nconst props = defineProps<{\n  file: InterfaceFile\n  propertyId: Property\n  size: PropertySize\n  color: PropertyColor\n  selected?: boolean\n  diff?: InterfaceFile\n  multiline?: boolean\n  maxLines?: number\n}>()\nconst { viewModePropertySizes, viewModePropertyColors } = useViewMode()\nconst { getPropertyAsDiff } = useProperty()\nconst property = computed(() => props.file.property(props.propertyId))\nconst propertyDiff = computed(() => props.diff ? getPropertyAsDiff(props.file, props.diff, props.propertyId) : undefined)\n</script>\n\n<template>\n  <div v-if=\"propertyDiff\" class=\"diff\">\n    <span\n      v-for=\"diffItem, key in propertyDiff\"\n      :key\n      :class=\"{\n        deleted: diffItem[0] < 0,\n        same: diffItem[0] === 0,\n        added: diffItem[0] > 0,\n      }\"\n    >\n      {{ diffItem[1] }}\n    </span>\n  </div>\n  <div\n    v-else-if=\"property && property.value.type === PropertySchema.NonNullableStringValue\"\n    :data-property-id=\"propertyId\"\n    :style=\"multiline && maxLines ? multilineTextCss(maxLines) : {}\"\n    :class=\"{\n      [viewModePropertySizes[size].textCss]: true,\n      [viewModePropertyColors[color].textCss]: !selected,\n    }\"\n  >\n    {{ property.value.nonNullableString }}\n  </div>\n  <div\n    v-else-if=\"property && property.value.type === PropertySchema.NullableStringValue\"\n    :data-property-id=\"propertyId\"\n    :style=\"multiline && maxLines ? multilineTextCss(maxLines) : {}\"\n    :class=\"{\n      [viewModePropertySizes[size].textCss]: true,\n      [viewModePropertyColors[color].textCss]: !selected,\n    }\"\n  >\n    {{ property.value.nullableString }}\n  </div>\n  <div v-else>\n    Invalid component\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.diff\n  @apply inline\n  .deleted\n    @apply bg-[#{$global-red-secondary}]\n  .added\n    @apply hidden\n</style>\n","<script setup lang=\"ts\">\nimport { useTimeAgo } from \"@vueuse/core\"\nimport type { PropertySize } from \"~/classes/generated/interface\"\n\nconst props = defineProps<{\n  time: Date\n  type?: \"relative\"\n  size: PropertySize\n}>()\nconst { viewModePropertySizes } = useViewMode()\nconst timeAgo = useTimeAgo(props.time)\n</script>\n\n<template>\n  <span class=\"time\" :class=\"viewModePropertySizes[size]\">\n    {{ timeAgo }}\n  </span>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.time\n  @apply text-ellipses-inline rounded-[#{$page-properties-br-overlay}]\n</style>\n","<script setup lang=\"ts\">\nimport type { StyleHTMLAttributes, StyleValue } from \"vue\"\nimport { Property, PropertySchema } from \"~/classes/entity\"\nimport type { PropertyColor, PropertySize } from \"~/classes/generated/interface\"\nimport { multilineTextCss } from \"~/utils/helpers\"\n\nconst props = defineProps<{\n  file: InterfaceFile\n  propertyId: Property\n  size: PropertySize\n  color: PropertyColor\n  icon?: boolean\n  textAlignment?: \"center\" | \"left\"\n  selected?: boolean\n  multiline?: boolean\n  maxLines?: number\n  /** Show a background to this property (e.g. in peek view) */\n  bg?: boolean\n  /** A different file whose property we diff this with */\n  diff?: InterfaceFile\n}>()\n\nconst { isEditingProperty } = useProperty()\nconst { viewModePropertySizes, viewModePropertyColors } = useViewMode()\n\nconst property = computed(() => props.file.property(props.propertyId))\nconst editing = computed(() => isEditingProperty(props.file.fileId, props.propertyId))\nconst center = computed(() => props.textAlignment === \"center\")\n</script>\n\n<template>\n  <div\n    class=\"property\"\n    :class=\"{\n      editing,\n      selected: selected && propertyId !== Property.VIRTUAL_TAGS,\n      center,\n      bg,\n      [viewModePropertySizes[size].singleLineCss]: !multiline && !editing,\n      [viewModePropertyColors[color].bgCss]: bg,\n    }\"\n  >\n    <!-- <div class=\"flex flex-none items-center\">\n      <component\n        :is=\"fileIcons[propertyId as Property]\"\n        v-if=\"icon\"\n        class=\"flex-none pl-1 text-text-tertiary -mr-0.5\"\n      />\n    </div> -->\n    <file-property-editable-text\n      v-if=\"propertyId === Property.NAME\"\n      :data-property-id=\"propertyId\"\n      :property-id\n      :schema=\"PropertySchema.NonNullableStringValue\"\n      :selected\n      :size\n      :file\n      :color\n      :diff\n    />\n    <file-property-path\n      v-else-if=\"propertyId === Property.VIRTUAL_PATH\"\n      :data-property-id=\"propertyId\"\n      :file\n      :size\n      :color\n    />\n    <file-property-dimensions\n      v-else-if=\"propertyId === Property.VIRTUAL_DIMENSIONS && file.isImage()\"\n      :data-property-id=\"propertyId\"\n      :class=\"{\n        [viewModePropertySizes[size].textCss]: true,\n        [viewModePropertyColors[color].textCss]: !selected,\n      }\"\n      :file=\"(file as InterfaceImageFile)\"\n      class=\"px-1.5 py-0.5\"\n    />\n    <file-property-tags\n      v-else-if=\"propertyId === Property.VIRTUAL_TAGS && file.tags().size\"\n      :file\n      :size\n    />\n    <file-property-text\n      v-else-if=\"property && [PropertySchema.NonNullableStringValue, PropertySchema.NullableStringValue].includes(property.value.type)\"\n      :file\n      :property-id\n      :size\n      :color\n      :selected\n      :diff\n      :multiline\n      :max-lines\n    />\n    <div\n      v-else-if=\"property && property.value.type === PropertySchema.UtcTimestampMillisValue\"\n      :data-property-id=\"propertyId\"\n      class=\"text-ellipses-inline default-property\"\n      :class=\"{\n        [viewModePropertySizes[size].textCss]: true,\n        [viewModePropertyColors[color].textCss]: !selected,\n      }\"\n    >\n      <file-property-time\n        type=\"relative\"\n        :size\n        :time=\"new Date(property.value.utcTimestampMillis)\"\n      />\n    </div>\n    <div\n      v-else-if=\"property && property.value.type === PropertySchema.SizeBytesValue\"\n      :data-property-id=\"propertyId\"\n      class=\"text-ellipses-inline default-property\"\n      :class=\"{\n        [viewModePropertySizes[size].textCss]: true,\n        [viewModePropertyColors[color].textCss]: !selected,\n      }\"\n    >\n      {{ formatBytes(property.value.sizeBytes) }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.property\n  @apply w-max-content max-w-full inline-flex rounded-[#{$page-properties-br-overlay}]\n  &.editing\n    @apply bg-[#{$global-blue-accent}]\\!\n  &.center\n    @apply justify-center\n  &:not(.editing)\n    &.selected\n      @apply bg-[#{$global-blue-primary}]\\!\n  &.bg\n    @apply backdrop-filter backdrop-blur-[#{$menu-blur-default}]\n.default-property\n  @apply rounded-[#{$page-properties-br-overlay}] px-1.5 py-0.5\n  // For some reason overflow wrap doesn't work here?\n  word-break: break-word\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{\n  file: InterfaceFile\n}>()\nconst { viewModeState, previewScale } = useViewMode()\nconst { isSelected } = useSelection()\nconst { clipboardState } = useClipboard()\n\nconst selected = computed(() => isSelected(props.file.fileId))\nconst cut = computed(() => clipboardState.value.action === \"cut\"\n  ? clipboardState.value.files[props.file.fileId]\n  : undefined,\n)\n\nfunction previewWidth() {\n  // const scale = mainViewState.value.viewModePreviewProperties.scale\n  const scale = previewScale()\n  const width = 2 ** (5 + 5 * scale)\n  return width\n}\n</script>\n\n<template>\n  <div\n    :data-file-id=\"file.fileId\"\n    class=\"icon-file\"\n  >\n    <div\n      class=\"icon-file-container\"\n      :class=\"{ cut }\"\n      :style=\"{\n        width: px(previewWidth()),\n        height: px(previewWidth()),\n      }\"\n    >\n      <file-thumbnail\n        :file\n        shadowed\n        :selected\n        :container-width=\"previewWidth()\"\n        :container-height=\"previewWidth()\"\n        class=\"icon-file-thumbnail\"\n      />\n    </div>\n    <div\n      class=\"icon-file-properties\"\n      :style=\"{ width: px(previewWidth()) }\"\n    >\n      <div\n        v-for=\"{ propertyId, size, color } in viewModeState.current.show.slice(1)\"\n        :key=\"propertyId\"\n        class=\"icon-file-property\"\n      >\n        <file-property-view\n\n          :property-id\n          :size\n          :file\n          :color\n          :selected\n          text-alignment=\"left\"\n          multiline\n          :max-lines=\"5\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.icon-file\n  @apply flex-none cursor-pointer p-1 space-y-2\n.icon-file-container\n  @apply aspect-square flex items-center justify-center\n.icon-file-thumbnail\n  @apply max-h-full max-w-full rounded-sm\n.icon-file-properties\n  @apply flex flex-col gap-[#{$page-properties-gap-file}]\n.icon-file-property\n  @apply w-full flex\n\n// If the file was cut before pasting\n.cut\n  @apply opacity-25\n</style>\n","<script setup lang=\"ts\">\nconst { sortedContents } = useMainView()\n</script>\n\n<template>\n  <div class=\"spacer\" />\n  <div class=\"icon-list\">\n    <main-icon-file\n      v-for=\"file in sortedContents\"\n      :key=\"file.fileId\"\n      :file\n    />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.spacer\n  @apply pointer-events-none w-full\n  @apply h-[#{$nav-h-default}]\n.icon-list\n  @apply flex flex-wrap p-[#{$page-tree-p-main}] gap-[#{$page-tree-p-main}]\n</style>\n","<script setup lang=\"ts\">\nconst { sortedContents } = useMainView()\nconst { viewModeState, previewScale } = useViewMode()\nconst { isSelected } = useSelection()\n\nfunction previewGridWidth() {\n  // const scale = mainViewState.value.viewModePreviewProperties.scale\n  const scale = previewScale()\n  const width = 2 ** (5 + 6 * scale)\n  return `repeat(auto-fill, minmax(${width * 0.8}px, 1fr)`\n}\nfunction previewWidth() {\n  // const scale = mainViewState.value.viewModePreviewProperties.scale\n  const scale = previewScale()\n  const width = 2 ** (5 + 6 * scale)\n  return width\n}\n\nfunction showDetailsOnHoverOnly(file: InterfaceFile) {\n  if (isSelected(file.fileId))\n    return false\n  if (file.isBlank() || file.isFolder())\n    return false\n  return true\n}\n</script>\n\n<template>\n  <div class=\"spacer\" />\n  <div\n    class=\"grid gap-0.5 p-0.5\"\n    :style=\"{ 'grid-template-columns': previewGridWidth() }\"\n  >\n    <div\n      v-for=\"file in sortedContents\"\n      :key=\"file.fileId\"\n      :data-file-id=\"file.fileId\"\n      class=\"group relative grow flex-basis-[300px] cursor-pointer\"\n      :style=\"{ 'max-width': px(previewWidth()) }\"\n    >\n      <div class=\"grid-file\" :class=\"{ selected: isSelected(file.fileId) }\" />\n      <file-thumbnail\n        :file\n        :selected=\"isSelected(file.fileId)\"\n        :container-width=\"previewWidth()\"\n        :container-height=\"previewWidth()\"\n        flat\n        cropped\n        class=\"aspect-square h-full w-full object-cover\"\n      />\n      <div\n        class=\"grid-file-properties\"\n        :class=\"{\n          hidden: showDetailsOnHoverOnly(file),\n          flex: !showDetailsOnHoverOnly(file),\n        }\"\n      >\n        <file-property-view\n          v-for=\"{ propertyId, size, color } in viewModeState.current.show\"\n          :key=\"propertyId\"\n          :property-id\n          bg\n          :size\n          :file\n          :color\n          :selected=\"isSelected(file.fileId)\"\n          text-alignment=\"left\"\n          class=\"grid-file-property\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.spacer\n  @apply pointer-events-none w-full\n  @apply h-[#{$nav-h-default}] mb-[#{$nav-gap-pills}]\n.grid-file\n  @apply pointer-events-none absolute border-$global-blue-primary rounded-[2px] -bottom-0.5 -left-0.5 -right-0.5 -top-0.5 z-gesture-layer group-hover:border-2\n  &.selected\n    @apply border-2\n.grid-file-properties\n  @apply absolute bottom-0 left-0 max-w-full gap-0.25 overflow-hidden p-1 items-center group-hover:flex\n.grid-file-property\n  @apply\n</style>\n","<script setup lang=\"ts\">\nimport type { StyleValue } from \"vue\"\n\nconst { sortedContents } = useMainView()\nconst { viewModeState, previewScale } = useViewMode()\nconst { isSelected } = useSelection()\n\nconst container = ref<HTMLDivElement>()\nconst { width } = useElementSize(container)\nconst throttledWidth = refThrottled(width, 1000 / 30)\n\n/**\n * This method lays out the files in a masonry layout style in the spirit of\n * Pinterest, etc.\n * @param nCols Number of columns to generate columns for\n */\nfunction fileColumns(nCols: number) {\n  if (!nCols)\n    return []\n  const columns = Array.from(Array(nCols), _ => ({} as Record<string, InterfaceFile>))\n  const heights = Array<number>(nCols).fill(0)\n  for (const file of sortedContents.value) {\n    let v = 1\n    if (file.imageWidth() && file.imageHeight())\n      v = file.imageHeight()! / file.imageWidth()!\n    const iCol = heights.indexOf(Math.min(...heights))\n    heights[iCol] += v\n    columns[iCol][file.fileId] = file\n  }\n  return columns\n}\nfunction aspectRatioStyle(file: InterfaceFile): StyleValue {\n  const [width, height] = (file.imageWidth() && file.imageHeight())\n    ? [file.imageWidth(), file.imageHeight()]\n    : [1, 1]\n  return { \"aspect-ratio\": `${width} / ${height}`, \"width\": \"100%\" }\n}\nfunction previewWidth() {\n  // const scale = mainViewState.value.viewModePreviewProperties.scale\n  const scale = previewScale()\n  const width = 2 ** (5 + 5 * scale)\n  return width\n}\nfunction previewHeight(file: InterfaceFile) {\n  const [width, height] = (file.imageWidth() && file.imageHeight())\n    ? [file.imageWidth()!, file.imageHeight()!]\n    : [1, 1]\n  return previewWidth() * height / width\n}\nconst numColumns = computed(() => {\n  return Math.round(throttledWidth.value / previewWidth())\n})\n\nfunction showDetailsOnHoverOnly(file: InterfaceFile) {\n  if (isSelected(file.fileId))\n    return false\n  if (file.isBlank() || file.isFolder())\n    return false\n  return true\n}\n</script>\n\n<template>\n  <div class=\"spacer\" />\n  <div\n    ref=\"container\"\n    class=\"flex gap-0.5 p-0.5\"\n  >\n    <div\n      v-for=\"(column, key) in fileColumns(numColumns)\"\n      :key\n      class=\"w-full flex flex-col gap-0.5\"\n    >\n      <div\n        v-for=\"(file, fileId) in column\"\n        :key=\"fileId\"\n        :data-file-id=\"fileId\"\n        class=\"group relative w-full cursor-pointer\"\n      >\n        <div\n          class=\"feed-file\"\n          :class=\"{ selected: isSelected(file.fileId) }\"\n        />\n\n        <file-thumbnail\n          :file\n          :selected=\"isSelected(file.fileId)\"\n          :container-width=\"previewWidth()\"\n          :container-height=\"previewHeight(file)\"\n          :style=\"aspectRatioStyle(file)\"\n          flat\n        />\n        <div\n          class=\"feed-file-properties\"\n          :class=\"{\n            hidden: showDetailsOnHoverOnly(file),\n            flex: !showDetailsOnHoverOnly(file),\n          }\"\n        >\n          <file-property-view\n            v-for=\"{ propertyId, size, color } in viewModeState.current.show\"\n            :key=\"propertyId\"\n            :property-id\n            :size\n            :file\n            :color\n            bg\n            text-alignment=\"left\"\n            class=\"feed-file-property\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.spacer\n  @apply pointer-events-none w-full\n  @apply h-[#{$nav-h-default}] mb-[#{$nav-gap-pills}]\n\n.feed-file\n  @apply pointer-events-none absolute z-gesture-layer border-[#{$global-blue-primary}] rounded-[2px] -bottom-0.5 -left-0.5 -right-0.5 -top-0.5 group-hover:border-2\n  &.selected\n    @apply border-2\n.feed-file-properties\n  @apply absolute bottom-0 left-0 max-w-full gap-0.5 p-1 overflow-hidden items-center group-hover:flex\n.feed-file-property\n  @apply flex-none\n</style>\n","<script setup lang=\"ts\">\nimport { refThrottled, useElementSize } from \"@vueuse/core\"\n\nconst { sortedContents } = useMainView()\nconst { viewModeState, previewScale } = useViewMode()\nconst { isSelected } = useSelection()\n\nconst container = ref<HTMLDivElement>()\nconst { width } = useElementSize(container)\nconst throttledWidth = refThrottled(width, 1000 / 30)\n\nconst previewWidth = computed(() => {\n  const scale = previewScale()\n  const width = 2 ** (5 + 5 * scale)\n  return width\n})\nconst numColumns = computed(() => {\n  const maxColumnWidth = viewModeState.value.current.detailView.maxColumnWidth\n  if (maxColumnWidth < 100) {\n    console.warn(\"Column width invalid or container missing\")\n    return 0\n  }\n  return Math.ceil(throttledWidth.value / maxColumnWidth)\n})\n</script>\n\n<template>\n  <div class=\"spacer\" />\n  <div\n    ref=\"container\"\n    class=\"grid grid-cols-2 gap-0.5 overflow-x-hidden p-0.5 pt-0\"\n    :style=\"{ gridTemplateColumns: `repeat(${numColumns}, minmax(0, 1fr))` }\"\n  >\n    <div\n      v-for=\"file in sortedContents\"\n      :key=\"file.fileId\"\n      class=\"group relative flex cursor-pointer gap-2 p-2\"\n    >\n      <div\n        :data-file-id=\"file.fileId\"\n        class=\"aspect-square flex flex-none items-center justify-center\"\n        :style=\"{\n          width: px(previewWidth),\n        }\"\n      >\n        <file-thumbnail\n          :file\n          shadowed\n          :selected=\"isSelected(file.fileId)\"\n          :container-width=\"previewWidth\"\n          :container-height=\"previewWidth\"\n        />\n      </div>\n      <div\n        class=\"detail-file-properties\"\n        :data-file-id=\"file.fileId\"\n      >\n        <div\n          v-for=\"{ propertyId, size, color } in viewModeState.current.show.slice(1)\"\n          :key=\"propertyId\"\n          class=\"detail-file-property\"\n        >\n          <file-property-view\n            :property-id\n            :size\n            :file\n            :color\n            :selected=\"isSelected(file.fileId)\"\n            text-alignment=\"left\"\n            multiline\n            :max-lines=\"5\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.spacer\n  @apply pointer-events-none w-full\n  @apply h-[#{$nav-h-default}]\n.drop-shadow-icon\n  filter: drop-shadow(-4px 2px 4px #10101040)\n.drop-shadow-blue-hover\n  filter: drop-shadow(-4px 2px 4px #10101040)\n  &:hover\n    @include alphaShadow(var(--poly-blue), 0.75px, drop-shadow(-4px 2px 4px #10101040))\n  &.selected\n    @include alphaShadow(var(--poly-blue), 2px, drop-shadow(-4px 2px 4px #10101040))\n\n.detail-file-properties\n  @apply min-w-0 flex flex-col justify-center gap-[#{$page-properties-gap-file}]\n.detail-file-property\n  @apply w-full flex\n</style>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"12\",\n  height: \"12\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.5\",\n  d: \"M9.995 4 6 8 2.005 4\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"12\",\n  height: \"12\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.5\",\n  d: \"M4 2.006 8 6 4 9.996\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\nimport chevronOpen from \"~/assets/icons/viewmode/tree/open.svg\"\nimport chevronClosed from \"~/assets/icons/viewmode/tree/closed.svg\"\n\ndefineProps<{\n  open?: boolean\n}>()\nconst { mainViewTreeChevronClass: mainViewTreeChevron } = useGlobals()\n</script>\n\n<template>\n  <div\n    v-if=\"open\"\n    class=\"chevron open\"\n    :class=\"[mainViewTreeChevron]\"\n  >\n    <chevron-open />\n  </div>\n  <div\n    v-else\n    class=\"chevron\"\n    :class=\"[mainViewTreeChevron]\"\n  >\n    <chevron-closed />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.chevron\n  @apply w-4 h-4 -m-0.5 p-0.5 cursor-pointer rounded-1 text-[#{$page-tree-bg-chevron-closed}]\n  &:hover\n    @apply bg-[#{$page-tree-bg-chevron-hover}] text-[#{$page-tree-bg-chevron-open}]\n  &.open\n    @apply text-[#{$page-tree-bg-chevron-open}]\n</style>\n","<script setup lang=\"ts\">\nimport folder64 from \"~/assets/images/files/folder/poly_folder@64.webp\"\n\nconst props = defineProps<{\n  file: InterfaceFile\n}>()\nconst { mainViewState } = useMainView()\nconst { viewModeState } = useViewMode()\nconst { isSelected } = useSelection()\nconst selected = computed(() => isSelected(props.file.fileId))\nconst open = computed(() => mainViewState.value.openFolders?.[props.file.fileId])\n</script>\n\n<template>\n  <div>\n    <div\n      class=\"tree-item\"\n      :class=\"{ selected, open }\"\n      :data-file-id=\"file.fileId\"\n    >\n      <div class=\"tree-folder-chevron\">\n        <main-tree-chevron v-if=\"file.isFolder()\" :open />\n      </div>\n      <div class=\"tree-item-container\">\n        <file-thumbnail\n          :file\n          class=\"tree-file-icon\"\n          cropped\n          shadowed\n          :container-width=\"24\"\n          :container-height=\"24\"\n        />\n        <!-- <div class=\"tree-file-text\">\n          {{ file.name() }}\n        </div> -->\n        <div class=\"tree-properties\">\n          <file-property-view\n            v-for=\"{ propertyId, size, color } in viewModeState.current.show.slice(1)\"\n            :key=\"propertyId\"\n            :property-id\n            :size\n            :file\n            :color\n            :selected\n            text-alignment=\"left\"\n          />\n        </div>\n      </div>\n    </div>\n    <div v-if=\"open\" class=\"tree-item-contents\">\n      <main-tree-list :parent-id=\"file.fileId\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.tree-item\n  @apply flex items-center gap-[#{$page-tree-gap-items-md}] w-full\n.tree-item-container\n  @apply flex items-center gap-[#{$page-tree-gap-items-md}] max-w-full overflow-hidden cursor-pointer\n\n.tree-folder-chevron\n  @apply flex-none w-4 h-4 flex items-center justify-center\n.tree-file-icon\n  @apply w-6 h-6 rounded-sm flex-none\n.tree-properties\n  @apply flex items-center\n.tree-file-text\n  @apply break-words overflow-hidden whitespace-nowrap text-ellipsis\n\n.tree-item-contents\n  @apply ml-4\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{\n  parentId: string\n}>()\nconst { sortedContents } = useMainView()\n\n/** This should be sorted as well, given that we're filtering a sorted object  */\nconst files = computed(() => sortedContents.value.filter(f => f.parentId() === props.parentId))\n</script>\n\n<template>\n  <div v-if=\"files.length\" class=\"tree-list\">\n    <main-tree-file\n      v-for=\"file in files\"\n      :key=\"file.fileId\"\n      :file\n    />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.tree-list\n  @apply flex flex-col gap-[#{$page-tree-gap-items-md}] pt-[#{$page-tree-gap-items-md}]\n</style>\n","<script setup lang=\"ts\">\nconst { mainViewState } = useMainView()\n\nconst parentId = computed(() => mainViewState.value.rootFolder)\n</script>\n\n<template>\n  <div class=\"spacer\" />\n  <div v-if=\"parentId\" class=\"tree-view\">\n    <main-tree-list :parent-id />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.spacer\n  @apply pointer-events-none w-full\n  @apply h-[#{$nav-h-default}]\n.tree-view\n  @apply flex flex-col p-[#{$page-tree-p-main}] w-full\n</style>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"m6.5 5 3 3-3 3\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"m11 6.5-3 3-3-3\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"m3.555 8 4.444-4.444m0 0v8.89m0-8.89 4.445 4.445\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M12.443 8 8 12.443m0 0v-8.89m0 8.89L3.554 7.999\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"m4 8 2.667 3L12 5\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"m12 4-8 8m0-8 8 8\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M13.335 7.332A5.4 5.4 0 0 0 3 6m-.333-2.667V6h2.667M2.668 8.665A5.4 5.4 0 0 0 13.001 10m.334 2.666V10h-2.667\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M5.706 2.458a6 6 0 0 0-1.946 1.3m-1.3 1.95A6 6 0 0 0 2 8.002m.46 2.29a6 6 0 0 0 1.3 1.946m1.946 1.304a6 6 0 0 0 2.294.46m2.294-.462a6 6 0 0 0 1.946-1.3m1.3-1.947A6 6 0 0 0 14 8m-.46-2.293a6 6 0 0 0-1.3-1.947m-1.947-1.3A6 6 0 0 0 8 2\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M8 4V2m2.833 3.168 1.434-1.434M12 8h2m-3.167 2.833 1.434 1.434M8 12v2m-2.834-3.167-1.433 1.434M4 8H2m3.166-2.832L3.733 3.734\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M8 4v8M4 8h8\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"m2 5.999 2.667-2.667m0 0 2.666 2.667M4.667 3.332v9.333M14 10l-2.667 2.666m0 0L8.667 10m2.666 2.666V3.332\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M8.333 3.668 11 6.335M3 9l2.667 2.667m-3.667 1h2.667l7-7A1.886 1.886 0 0 0 9 3.002l-7 7zM14 10v2.667H8.666L11.333 10z\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M14 10v2.667H8.666L11.333 10z\",\n  style: {\"fill-opacity\":\".4\",\"stroke-opacity\":\".4\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"12\",\n  height: \"12\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"m3 6 2 2.25 4-4.5\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"12\",\n  height: \"12\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"M9 3 3 9m0-6 6 6\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"12\",\n  height: \"12\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M2.793 5.793A1 1 0 0 0 2.5 6.5v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-5a1 1 0 0 0-.707.293m2.853 2.56a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.708\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"M3.5 5.5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1m-5 0h5m-5 0H4m4.5 0H8m-4 0v-2a2 2 0 1 1 4 0v2m-4 0h4M5.5 8a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"12\",\n  height: \"12\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"M4.875 3.75 7.125 6l-2.25 2.25\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"12\",\n  height: \"12\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"#A7A7B1\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  d: \"M8.25 4.875 6 7.125l-2.25-2.25\",\n  style: {\"stroke\":\"color(display-p3 .6543 .6543 .6951)\",\"stroke-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\nimport folder64 from \"~/assets/images/files/folder/poly_folder@64.webp\"\n\n// TODO:\n// [ ] Change the \"gap 2px\" to a variable'd property\n\nconst props = defineProps<{\n  file: InterfaceFile\n  open?: boolean\n  parent?: boolean\n}>()\n\nconst { isSelected } = useSelection()\nconst selected = computed(() => isSelected(props.file.fileId))\nconst { viewModeState } = useViewMode()\n</script>\n\n<template>\n  <div\n    class=\"column-item-container\"\n    :class=\"{ selected, open, parent }\"\n    :data-file-id=\"file.fileId\"\n  >\n    <template v-if=\"file.isFolder()\">\n      <img :src=\"folder64\" class=\"column-file-icon\">\n    </template>\n    <template v-else>\n      <img :src=\"(file as InterfaceImageFile).icon64CropUri()\" class=\"column-file-icon\">\n    </template>\n    <div class=\"column-properties\">\n      <file-property-view\n        v-for=\"{ propertyId, size, color } in viewModeState.current.show.slice(1)\"\n        :key=\"propertyId\"\n        :property-id\n        :size\n        :file\n        :color\n        :selected\n        text-alignment=\"left\"\n      />\n    </div>\n    <div v-if=\"file.isFolder()\" class=\"icon\">\n      <icon-action size=\"2xs\" type=\"chevron-right\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.column-item-container\n  @apply flex items-center gap-[2px] overflow-hidden cursor-pointer -m-1 p-1 rounded-[#{$page-column-br-file}]\n  &:hover\n    @apply bg-[#{$page-column-bg-item-hover}]\n  &.selected\n    @apply bg-$global-blue-primary\n\n.column-properties\n  @apply flex items-center min-w-0 text-ellipses-inline\n.column-file-icon\n  @apply w-5 h-5 rounded-sm\n.column-file-text\n  @apply text-ellipses-inline\n\n.icon\n  @apply ml-auto -mr-0.75 text-[#{$global-bg-icon-secondary}] flex-none\n.selected\n  .icon\n    @apply text-[#{$global-t-default}]\n</style>\n","<script setup lang=\"ts\">\nimport { useMouse } from \"@vueuse/core\"\nimport columnGrip from \"~/assets/icons/column-grip.svg\"\n\ndefineProps<{\n  files: InterfaceFile[]\n  /** Which column index you are, from left to right */\n  index: number\n  columnWidth: number\n}>()\nconst { y } = useMouse()\nconst { mainViewColumnDraggerClass } = useGlobals()\n</script>\n\n<template>\n  <div\n    class=\"single-column\"\n    :style=\"{\n      width: px(columnWidth),\n    }\"\n  >\n    <div class=\"scroll-container\">\n      <div class=\"spacer\" />\n      <div class=\"single-column-content\">\n        <main-column-file\n          v-for=\"file in files\"\n          :key=\"file.fileId\"\n          :file\n        />\n      </div>\n      <div class=\"spacer\" />\n    </div>\n    <div\n      :data-column-index=\"index\"\n      :class=\"[mainViewColumnDraggerClass]\"\n      class=\"divider-container group\"\n    >\n      <div class=\"divider\" />\n      <column-grip class=\"grip\" :style=\"{ top: px(y) }\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.spacer\n  @apply pointer-events-none w-full\n  @apply h-[#{$nav-h-default}]\n\n.single-column\n  @apply h-screen border-r border-r-[#{$page-column-bg-divider}] relative\n\n.scroll-container\n  @apply h-full overflow-auto\n\n.single-column-content\n  @apply p-[#{$page-column-p-files}] flex flex-col gap-[#{$page-column-gap-files}]\n\n.divider-container\n  @apply absolute h-full w-2 px-0.75 top-0 bottom-0 -right-1 z-gesture-overlay-layer hover:cursor-none\n\n.divider\n  @apply h-full w-full bg-[#{$global-blue-primary}] opacity-0 group-hover:opacity-100\n\n.grip\n  @apply absolute w-3.5 h-7 -my-3.5 text-[#{$global-blue-primary}] -right-0.75 opacity-0 group-hover:opacity-100\n</style>\n","<script setup lang=\"ts\">\nconst { navigationState } = useNavigation()\nconst { sortedContents, mainViewState } = useMainView()\nconst { viewModeState, defaultColumnModeWidth } = useViewMode()\n\nconst contentsByColumn = computed(() => {\n  const contents: InterfaceFile[][] = [[]]\n  // Iterate over all sorted contents and place them into columns, starting from root\n  let currentFolder = navigationState.value.file?.fileId\n  let nextFolder\n  while (currentFolder) {\n    for (const file of sortedContents.value) {\n      if (file.parentId() !== currentFolder)\n        continue\n      contents[contents.length - 1].push(file)\n      if (mainViewState.value.openFolders[file.fileId]) {\n        nextFolder = file.fileId\n      }\n    }\n    if (!nextFolder)\n      break\n    currentFolder = nextFolder\n    nextFolder = undefined\n    contents.push([])\n  }\n\n  return contents\n})\n</script>\n\n<template>\n  <div class=\"column-view\">\n    <main-column-single\n      v-for=\"files, index in contentsByColumn\"\n      :key=\"index\"\n      :column-width=\"viewModeState.current.columnView?.columns[index] || defaultColumnModeWidth\"\n      :index\n      :files\n    />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.column-view\n  @apply h-full flex\n</style>\n","<script setup lang=\"ts\">\nimport { useScroll } from \"@vueuse/core\"\nimport { ViewModeType } from \"~/classes/generated/interface\"\nimport { InterfaceFile } from \"~/classes/file/InterfaceFile\"\nimport { InterfaceSearch } from \"~/classes/search/InterfaceSearch\"\n\nconst console = useLogger(\"MainView\", theme.colors.green.hex)\n\nconst { mainViewState, clearMainViewState, addFileToFolderView, addFileToSearchView, addFolderToOpenFolders, removeFolderFromOpenFolders, setOpenFolders, openFolderInColumnView } = useMainView()\nconst { viewModeState, isHierarchical } = useViewMode()\nconst globals = useGlobals()\nconst { addInterfaceEventListener, removeInterfaceEventListener } = useEvents()\nconst { listMultipleFoldersWithViewModeProperties } = useFileSystem()\nconst { gestureState } = useGestures()\nconst { navigationState, navigateToSearch } = useNavigation()\nconst { mainViewTestId } = useTestId()\nconst { searchState, closeSearchBar, onSavedSearch, clearSearchEditor } = useSearch()\nconst mainView = ref<HTMLDivElement>()\nconst { x, y } = useScroll(mainView)\n\n/** Navigation that clears the view and changes the path and view */\nconst currentRequestId = ref<string | undefined>()\n\n// TODO: what happens when we want to do large multi-component drags?\n// TODO: move this method inside the view mode so that it can have logic to guess the number of\n// items needed to request to fill its view?\nasync function onNavigatedToFolder(folder: InterfaceFolderFile) {\n  if (isHierarchical()) {\n    const folderIds = Object.keys(mainViewState.value.openFolders)\n    currentRequestId.value = await listMultipleFoldersWithViewModeProperties(folderIds, 50)\n  }\n  else // TODO: only list the amount of items you need to to fill the view\n    currentRequestId.value = await listMultipleFoldersWithViewModeProperties([folder.fileId], 50)\n}\n\n/** Is called when the user navigates to a search that wasn't kicked off by the search bar */\nasync function onNavigatedToExistingSearch(search: InterfaceSearch) {\n  const requestId = generateWorkerRequestId()\n  searchState.value.latestRequestId = requestId\n  onSavedSearch(search.searchId(), requestId)\n}\n\nasync function onSwitchedViewMode() {\n  // If we are no longer in a hierarchical view mode, we need to reduce the list of open folders\n  // to only the current one\n  // TODO: column vs tree edge cases\n  const current = navigationState.value.file\n  if (!current)\n    return console.warn(\"No current file\")\n  if (!isHierarchical()) {\n    console.log(\"Switching away from hierarchical view\")\n    for (const folderId of Object.keys(mainViewState.value.openFolders))\n      if (folderId !== current.fileId)\n        removeFolderFromOpenFolders(folderId)\n  }\n\n  // In column view we have to ensure that our column widths is enough and that\n  // our view selects the right items. Basically, we take the most recently opened folder and\n  // use that as the deepest level, with the nav state file as the root.\n  if (enumEq(viewModeState.value.current.mode, ViewModeType.Column)) {\n    // The last column to be opened is our current one\n    const openFolders = mainViewState.value.openFolders\n    if (!openFolders || len(openFolders) === 0)\n      throw new Error(\"No open folders\")\n    const lastOpenFolder = mainViewState.value.contents[lastKeyInserted(openFolders)!] || current\n    const path = lastOpenFolder.path()\n    if (!path)\n      throw new Error(\"Last opened folder has no path\")\n    const filePath = [...path.map(f => f.fileId), lastOpenFolder.fileId]\n    const rootIndex = filePath.indexOf(current.fileId)\n    if (rootIndex === -1)\n      throw new Error(\"root is not in path\")\n    const foldersToOpen = filePath.slice(rootIndex)\n\n    // Set the column widths to match open folders\n    const columns = foldersToOpen.map((_, i) => viewModeState.value.current.columnView?.columns[i] || 240)\n    viewModeState.value.current.columnView = { columns }\n\n    const newFolders = setOpenFolders(foldersToOpen)\n    console.log(\"Set to column view mode\", foldersToOpen, \"opening new folders\", newFolders)\n    if (len(newFolders))\n      listMultipleFoldersWithViewModeProperties(newFolders, 50) // TODO: set page size\n  }\n}\n\nasync function onExpandedFolder(folder: InterfaceFolderFile) {\n  // console.log(\"on expanded\", folder)\n  if (!mainViewState.value.openFolders)\n    return console.error(\"No open folders, can't expand folder\")\n  if (enumEq(viewModeState.value.current.mode, ViewModeType.Column))\n    openFolderInColumnView(folder)\n  else\n    addFolderToOpenFolders(folder)\n  mainViewState.value.openFolders[folder.fileId] = true\n  listMultipleFoldersWithViewModeProperties([folder.fileId], 50)\n}\n\nasync function onShrunkFolder(folder: InterfaceFolderFile) {\n  // console.log(\"on shrunk\", folder)\n  if (!mainViewState.value.openFolders)\n    return console.error(\"No open folders, can't shrink folder\")\n  delete mainViewState.value.openFolders[folder.fileId]\n  removeFolderFromOpenFolders(folder.fileId)\n}\n\nfunction onFolderListPageResponse(response: FolderListPageResponseDatagram) {\n  if (response.error || !response.files)\n    return console.warn(\"File list errored, can't update view\")\n\n  // console.log(\"response received\", mainViewState.value.openFolders, response)\n\n  if (response.requestId === currentRequestId.value) {\n    // if we are receiving a response to a new request, we must clear our state\n    currentRequestId.value = undefined\n  }\n\n  if (!mainViewState.value.openFolders)\n    return console.error(\"Open folders must be defined for view mode\")\n  if (mainViewState.value.openFolders[response.folderId])\n    for (const file of response.files)\n      addFileToFolderView(InterfaceFile.from(file))\n}\n\nfunction onSearchResponse(response: SearchResponseDatagram) {\n  // We want to potentially put this somewhere else since we also\n  // want to be able to clear the view when we receive the first\n  // page of responses.\n  console.log(\"Main view received search response\", response)\n\n  if (response.requestId !== searchState.value.latestRequestId)\n    return console.warn(\"Received results for different search\", response, searchState.value.latestRequestId)\n\n  closeSearchBar()\n\n  if (response.error || !response.search || response.files === undefined)\n    // TODO: where to put the info about responding to a search request\n    return console.warn(\"Search errored or contained no elements\", response)\n\n  clearSearchEditor()\n  const search = new InterfaceSearch(response.search)\n  navigateToSearch(search)\n\n  // When we receive search results, we need to clear the main view,\n  // then navigate to the newly formed search id, which we display\n  // in the URL as well to create a permalink\n  clearMainViewState()\n  const scores = dictByKey(search.sortedResults(), r => r.fileId)\n  for (const file of response.files)\n    addFileToSearchView(InterfaceFile.from(file), scores[file.fileId]?.score)\n}\n\nwatch(() => viewModeState.value.current.mode, onSwitchedViewMode)\nwatch(() => viewModeState.value.current.mode, onSwitchedViewMode)\nwatch(x, x => gestureState.value.mainView.scrollX = x)\nwatch(y, y => gestureState.value.mainView.scrollY = y)\n\nonMounted(() => {\n  addInterfaceEventListener(\"afterNavigatedToFolder\", onNavigatedToFolder)\n  addInterfaceEventListener(\"afterNavigatedToExistingSearch\", onNavigatedToExistingSearch)\n  addInterfaceEventListener(\"afterExpandedFolder\", onExpandedFolder)\n  addInterfaceEventListener(\"afterShrunkFolder\", onShrunkFolder)\n  addInterfaceEventListener(\"folderListPageResponse\", onFolderListPageResponse)\n  addInterfaceEventListener(\"searchResponse\", onSearchResponse)\n  // If we switched view modes or loaded the page from scratch, we need\n  // to call our callback manually here.\n  if (navigationState.value.firstPageLoaded && navigationState.value.file)\n    onNavigatedToFolder(navigationState.value.file as InterfaceFolderFile)\n  if (navigationState.value.firstPageLoaded && navigationState.value.search)\n    onNavigatedToExistingSearch(navigationState.value.search)\n})\n\nonUnmounted(() => {\n  removeInterfaceEventListener(\"afterNavigatedToFolder\", onNavigatedToFolder)\n  removeInterfaceEventListener(\"afterNavigatedToExistingSearch\", onNavigatedToExistingSearch)\n  removeInterfaceEventListener(\"afterExpandedFolder\", onExpandedFolder)\n  removeInterfaceEventListener(\"afterShrunkFolder\", onShrunkFolder)\n  removeInterfaceEventListener(\"folderListPageResponse\", onFolderListPageResponse)\n  removeInterfaceEventListener(\"searchResponse\", onSearchResponse)\n})\n</script>\n\n<template>\n  <div\n    :id=\"globals.mainViewId\"\n    ref=\"mainView\"\n    class=\"main-view\"\n    :data-testid=\"mainViewTestId\"\n  >\n    <main-icon-view v-if=\"viewModeState.current.mode === ViewModeType.Icon\" />\n    <main-grid v-else-if=\"viewModeState.current.mode === ViewModeType.Grid\" />\n    <main-feed v-else-if=\"viewModeState.current.mode === ViewModeType.Feed\" />\n    <main-detail v-else-if=\"viewModeState.current.mode === ViewModeType.Detail\" />\n    <main-tree-view v-else-if=\"viewModeState.current.mode === ViewModeType.Tree\" />\n    <main-column-view v-else-if=\"viewModeState.current.mode === ViewModeType.Column\" />\n    <div v-else>\n      Something went wrong...\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.main-view\n  @apply h-full w-full overflow-auto\n</style>\n","import { watchThrottled } from \"@vueuse/core\"\nimport { Gesture } from \"./BaseGesture\"\n\nexport interface ImageRendererGestureState {\n  current: InterfaceImageFile\n  isDragging: boolean\n  isWheeling: boolean\n  viewX: number\n  viewY: number\n  viewScaleExp: number\n}\n\nexport default function (\n  container: Ref<HTMLDivElement | undefined>,\n  image: Ref<HTMLImageElement | undefined>,\n  rendererState: Ref<ImageRendererGestureState>,\n) {\n  const SCROLL_SCALE_FACTOR = 0.0025\n  const { isPrimaryClick, gestureState, gestureLayers } = useGestures()\n  const { transcodeImageToPngBlobUri } = useTransferManager()\n\n  class ImageRendererGestures extends Gesture {\n    layer = gestureLayers.overlay\n\n    #dragStartX = 0\n    #dragStartY = 0\n    #viewStartX = 0\n    #viewStartY = 0\n\n    reset(): void {\n      rendererState.value.isDragging = false\n      rendererState.value.isWheeling = false\n      this.#dragStartX = 0\n      this.#dragStartY = 0\n      this.#viewStartX = 0\n      this.#viewStartY = 0\n    }\n\n    async onMounted() {\n      this.displayImage()\n      watch(() => rendererState.value.current, this.displayImage)\n      watchThrottled(\n        this.cssTransform,\n        () => image.value!.style.transform = this.cssTransform(),\n        { throttle: 1000 / 30 },\n      )\n    }\n\n    async onMouseDown(mouse: MouseEvent) {\n      if (!isPrimaryClick(mouse))\n        return this.reset()\n      if (!getFirstMatchingParent(\n        mouse.target as HTMLDivElement,\n        t => t === container.value,\n      ))\n        return this.reset()\n\n      this.console.log(\"Started preview drag\")\n      this.capture()\n      rendererState.value.isDragging = true\n      this.#dragStartX = mouse.pageX\n      this.#dragStartY = mouse.pageY\n      this.#viewStartX = rendererState.value.viewX\n      this.#viewStartY = rendererState.value.viewY\n    }\n\n    async onMouseMove(mouse: MouseEvent) {\n      if (!rendererState.value.isDragging)\n        return this.reset()\n\n      this.capture()\n      const distX = mouse.pageX - this.#dragStartX\n      const distY = mouse.pageY - this.#dragStartY\n      rendererState.value.viewX = this.#viewStartX + distX / Math.exp(rendererState.value.viewScaleExp)\n      rendererState.value.viewY = this.#viewStartY + distY / Math.exp(rendererState.value.viewScaleExp)\n    }\n\n    async onMouseUp(_mouse: MouseEvent) {\n      this.reset()\n    }\n\n    async onMouseEnter(_mouse: MouseEvent) {\n      if (!gestureState.value.mouseButtonsPressed.has(0) || !rendererState.value.isDragging)\n        return this.reset()\n    }\n\n    async onWheel(wheel: WheelEvent) {\n      if (!getFirstMatchingParent(\n        wheel.target as HTMLDivElement,\n        t => t === container.value,\n      ))\n        return this.reset()\n      const zoomY = wheel.deltaY * SCROLL_SCALE_FACTOR\n      rendererState.value.viewScaleExp -= zoomY // zoom inverse to scale\n    }\n\n    async displayImage() {\n      const file = rendererState.value.current\n      const bounds = container.value?.getBoundingClientRect()\n      if (!file || !file.isImage() || !image.value || !bounds)\n        return console.warn(\"No current file or not an image, likely due to loading\")\n\n      // Set view scale to container size\n      // TODO: better algo for this\n      // const widthExp = Math.log(bounds.width / file.imageWidth()!)\n      // const heightExp = Math.log(bounds.height / file.imageHeight()!)\n      // rendererState.value.viewScaleExp = Math.min(widthExp, heightExp)\n\n      let imageSrc = file.clientUri()\n      if (!imageSrc)\n        return console.error(\"Object has no uri\")\n      if (![\"image/jpeg\", \"image/png\", \"image/webp\"].includes(file.mimeType()!))\n        imageSrc = await transcodeImageToPngBlobUri(file)\n      image.value.src = imageSrc\n      image.value!.style.transform = this.cssTransform()\n    }\n\n    cssTransform() {\n      return `scale(${Math.exp(rendererState.value.viewScaleExp)}) translate3d(${rendererState.value.viewX}px, ${rendererState.value.viewY}px, 0px)`\n    }\n  }\n  return new ImageRendererGestures()\n}\n","<script setup lang=\"ts\">\nimport type { ImageRendererGestureState } from \"~/classes/gestures/useImageRendererGestures\"\n\nconst props = defineProps<{\n  image: InterfaceImageFile\n  gestureLayer: number\n}>()\nconst { imageRendererContainerClass } = useGlobals()\nconst rendererState = ref<ImageRendererGestureState>({\n  current: reactive(props.image),\n  isDragging: false,\n  isWheeling: false,\n  viewX: 0,\n  viewY: 0,\n  viewScaleExp: 0,\n})\nconst image = ref<HTMLImageElement>()\nconst container = ref<HTMLDivElement>()\nconst handler = useImageRendererGestures(container, image, rendererState)\nhandler.layer = props.gestureLayer\n\nconst { mountGesture, unmountGesture } = useGestures()\n\nonMounted(() => mountGesture(handler))\nonUnmounted(() => unmountGesture(handler))\n</script>\n\n<template>\n  <div\n    ref=\"container\"\n    :class=\"[imageRendererContainerClass]\"\n    class=\"renderer-container\"\n    :style=\"{ cursor: rendererState.isDragging ? 'grabbing' : 'grab' }\"\n  >\n    <img\n      ref=\"image\"\n      src=\"\"\n      class=\"renderer-image\"\n      draggable=\"false\"\n    >\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.renderer-container\n  @apply h-full w-full overflow-hidden flex justify-center items-center\n.renderer-image\n  @apply max-h-full max-w-full object-cover\n</style>\n","<script setup lang=\"ts\">\nconst { gestureLayers } = useGestures()\nconst { navigationState } = useNavigation()\n</script>\n\n<template>\n  <div class=\"preview-container\">\n    <renderer-view\n      v-if=\"navigationState.file\"\n      :file=\"navigationState.file\"\n      :gesture-layer=\"gestureLayers.mainView\"\n    />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.preview-container\n  @apply h-full w-full flex items-center justify-center overflow-hidden\n</style>\n","import { cloneVNode, createElementBlock, createStaticVNode, defineComponent, getCurrentInstance, h, onMounted, provide, ref } from \"vue\";\nimport { useNuxtApp } from \"../nuxt.js\";\nimport { getFragmentHTML } from \"./utils.js\";\nexport const clientOnlySymbol = Symbol.for(\"nuxt:client-only\");\nexport default defineComponent({\n  name: \"ClientOnly\",\n  inheritAttrs: false,\n  // eslint-disable-next-line vue/require-prop-types\n  props: [\"fallback\", \"placeholder\", \"placeholderTag\", \"fallbackTag\"],\n  setup(_, { slots, attrs }) {\n    const mounted = ref(false);\n    onMounted(() => {\n      mounted.value = true;\n    });\n    if (import.meta.dev) {\n      const nuxtApp = useNuxtApp();\n      nuxtApp._isNuxtPageUsed = true;\n      nuxtApp._isNuxtLayoutUsed = true;\n    }\n    provide(clientOnlySymbol, true);\n    return (props) => {\n      if (mounted.value) {\n        return slots.default?.();\n      }\n      const slot = slots.fallback || slots.placeholder;\n      if (slot) {\n        return slot();\n      }\n      const fallbackStr = props.fallback || props.placeholder || \"\";\n      const fallbackTag = props.fallbackTag || props.placeholderTag || \"span\";\n      return createElementBlock(fallbackTag, attrs, fallbackStr);\n    };\n  }\n});\nconst cache = /* @__PURE__ */ new WeakMap();\n// @__NO_SIDE_EFFECTS__\nexport function createClientOnly(component) {\n  if (cache.has(component)) {\n    return cache.get(component);\n  }\n  const clone = { ...component };\n  if (clone.render) {\n    clone.render = (ctx, cache2, $props, $setup, $data, $options) => {\n      if ($setup.mounted$ ?? ctx.mounted$) {\n        const res = component.render?.bind(ctx)(ctx, cache2, $props, $setup, $data, $options);\n        return res.children === null || typeof res.children === \"string\" ? cloneVNode(res) : h(res);\n      } else {\n        const fragment = getFragmentHTML(ctx._.vnode.el ?? null) ?? [\"<div></div>\"];\n        return import.meta.client ? createStaticVNode(fragment.join(\"\"), fragment.length) : h(\"div\", ctx.$attrs ?? ctx._.attrs);\n      }\n    };\n  } else if (clone.template) {\n    clone.template = `\n      <template v-if=\"mounted$\">${component.template}</template>\n      <template v-else><div></div></template>\n    `;\n  }\n  clone.setup = (props, ctx) => {\n    const instance = getCurrentInstance();\n    const attrs = { ...instance.attrs };\n    const directives = extractDirectives(instance);\n    for (const key in attrs) {\n      delete instance.attrs[key];\n    }\n    const mounted$ = ref(false);\n    onMounted(() => {\n      Object.assign(instance.attrs, attrs);\n      instance.vnode.dirs = directives;\n      mounted$.value = true;\n    });\n    return Promise.resolve(component.setup?.(props, ctx) || {}).then((setupState) => {\n      if (typeof setupState !== \"function\") {\n        setupState = setupState || {};\n        setupState.mounted$ = mounted$;\n        return setupState;\n      }\n      return (...args) => {\n        if (mounted$.value) {\n          const res = setupState(...args);\n          return res.children === null || typeof res.children === \"string\" ? cloneVNode(res) : h(res);\n        } else {\n          const fragment = getFragmentHTML(instance?.vnode.el ?? null) ?? [\"<div></div>\"];\n          return import.meta.client ? createStaticVNode(fragment.join(\"\"), fragment.length) : h(\"div\", ctx.attrs);\n        }\n      };\n    });\n  };\n  cache.set(component, clone);\n  return clone;\n}\nfunction extractDirectives(instance) {\n  if (!instance || !instance.vnode.dirs) {\n    return null;\n  }\n  const directives = instance.vnode.dirs;\n  instance.vnode.dirs = null;\n  return directives;\n}\n","<script setup lang=\"ts\">\nconst { mainViewState, getChildByFileId } = useMainView()\nconst { thumbnailPreviewImage } = useGlobals()\nconst { navigationState } = useNavigation()\n\nconst console = useLogger(\"TransitionPreview\", theme.colors.green.hex)\n\nasync function onEnter(el: Element, done: any) {\n  await sleep(100)\n  return done()\n}\nasync function onLeave(el: Element, done: any) {\n  if (transitionType() === \"open-image\") {\n    console.log(\"Exited transition\", navigationState.value.file)\n    const fileId = navigationState.value.file?.fileId\n    if (!fileId)\n      return console.error(\"No file id found for transition\")\n    const folderItem = getChildByFileId(el, fileId)\n    if (!folderItem)\n      return console.error(\"No folder item found for transition\")\n    const image = folderItem.getElementsByClassName(thumbnailPreviewImage)[0]\n    if (!image)\n      return console.error(\"No image found for transition\")\n  }\n  await sleep(100)\n  return done()\n}\n\nfunction transitionType() {\n  if (mainViewState.value.state === \"preview\")\n    return \"open-image\"\n  else\n    return \"close-image\"\n}\n</script>\n\n<template>\n  <client-only>\n    <Transition\n      :name=\"transitionType()\"\n      @enter=\"onEnter\"\n      @leave=\"onLeave\"\n    >\n      <slot />\n    </Transition>\n  </client-only>\n</template>\n\n<style lang=\"sass\">\n@import '~/assets/styles/generated/variables.sass'\n.open-image-enter-active\n  transition: all 0.1s\n  position: absolute\n\n.open-image-leave-active\n  transition: all 0.1s\n  position: absolute\n\n.open-image-enter-from\n  transform: scale(0.1)\n\n.open-image-leave-to\n  display: none\n\n.close-image-enter-active\n  transition: all 0.1s\n  position: absolute\n\n.close-image-leave-active\n  transition: all 0.1s\n  position: absolute\n\n// .close-image-enter-from\n\n.close-image-leave-to\n  transform: scale(0.1)\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div class=\"menu\" />\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.menu\n  @apply h-11 w-21 rounded-br-[16px] bg-[#{$pill-bg-default}] border-b-[#{$pill-b-outline}] border-b border-r-[#{$pill-b-outline}] border-r flex overflow-hidden\n  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25)\n  app-region: no-drag\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <nav-pill-view>\n    <sidebar-self-avatar />\n  </nav-pill-view>\n</template>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <nav-pill-view class=\"sign-in-pill\">\n    Sign In\n  </nav-pill-view>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.sign-in-pill\n  @apply bg-[#{$global-blue-primary}] p-3\n</style>\n","<script setup lang=\"ts\">\nimport { IconArrowLeft, IconArrowRight } from \"@tabler/icons-vue\"\n\nconst router = useRouter()\nconst { navHistoryBackTestId, navHistoryForwardTestId } = useTestId()\n</script>\n\n<template>\n  <nav-pill-view>\n    <nav-pill-button\n      class=\"pill-history-item\"\n      :data-testid=\"navHistoryBackTestId\"\n      @click=\"router.back()\"\n    >\n      <icon-arrow-left :size=\"20\" :stroke-width=\"1.5\" />\n    </nav-pill-button>\n    <nav-pill-button\n      class=\"pill-history-item\"\n      :data-testid=\"navHistoryForwardTestId\"\n      @click=\"router.forward()\"\n    >\n      <icon-arrow-right :size=\"20\" :stroke-width=\"1.5\" />\n    </nav-pill-button>\n  </nav-pill-view>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.pill-history-item\n  @apply text-[#{$pill-t-default}]\n  &:hover\n    @apply text-[#{$pill-t-hovered}]\n</style>\n","<script setup lang=\"ts\">\nimport { IconAlertTriangleFilled, IconCheck, IconX } from \"@tabler/icons-vue\"\n\ndefineProps<{\n  alert: AlertNotification\n}>()\n\nconst { clearNotificationById } = useNotifications()\n</script>\n\n<template>\n  <div v-if=\"alert.type === 'error-alert'\" class=\"alert error group\">\n    <div class=\"icon\">\n      <icon-alert-triangle-filled :size=\"20\" :stroke-width=\"2\" />\n    </div>\n    <div class=\"main\">\n      <div v-if=\"alert.title\" class=\"title\">\n        {{ alert.title }}\n      </div>\n      <div v-if=\"alert.description\" class=\"description\">\n        {{ alert.description }}\n      </div>\n    </div>\n    <div\n      class=\"clear\"\n      @click.stop.prevent=\"clearNotificationById(alert.id)\"\n    >\n      <icon-x :size=\"16\" :stroke-width=\"1.5\" />\n    </div>\n  </div>\n  <div\n    v-else-if=\"alert.type === 'success-alert'\"\n    class=\"alert group success\"\n  >\n    <div class=\"icon\">\n      <icon-check :size=\"20\" :stroke-width=\"2\" />\n    </div>\n    <div class=\"main\">\n      <div v-if=\"alert.title\" class=\"title\">\n        {{ alert.title }}\n      </div>\n      <div v-if=\"alert.description\" class=\"description\">\n        {{ alert.description }}\n      </div>\n    </div>\n    <div\n      class=\"clear\"\n      @click.stop.prevent=\"clearNotificationById(alert.id)\"\n    >\n      <icon-x :size=\"16\" :stroke-width=\"1.5\" />\n    </div>\n  </div>\n  <div v-else>\n    Unknown alert type\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.alert\n  @apply py-2 px-4 flex gap-2 items-center\n  .icon\n    @apply w-6 h-6 rounded-md flex-none flex items-center justify-center\n  .main\n    @apply grow-1 space-y-1\n    .title\n      @apply text-base font-medium\n    .description\n      @apply text-sm text-text-secondary\n  .clear\n    @apply aspect-square items-center flex flex-none hover:bg-accent-strongest px-1 -mx-1 cursor-pointer rounded-full t-[#{$global-t-secondary}]\n  &.success\n    .icon\n      @apply text-$global-blue-primary\n  &.error\n    @apply bg-[#{$global-red-accent}]\n    .icon\n      @apply text-[#{$global-red-primary}]\n    .title\n      @apply\n    .description\n      @apply\n</style>\n","<script setup lang=\"ts\">\nimport folder64 from \"~/assets/images/files/folder/poly_folder@64.webp\"\nimport unknown64 from \"~/assets/icons/mime/unknown-64.png\"\n\nconst props = defineProps<{ files: InterfaceFile[] }>()\nconst width = 32\nconst num = Math.min(props.files.length, 3)\nconst gap = 4\nconst imageWidth = width - (gap * (num - 1))\n\nfunction webDisplayableImage(file: InterfaceFile) {\n  const uri = file.clientUri()?.toLowerCase()\n  if (!uri)\n    return false\n  for (const ext of [\".jpeg\", \".jpg\", \".webp\", \".png\"]) {\n    if (uri.endsWith(ext))\n      return true\n  }\n  return false\n}\n// TODO: take up to first N\n// Gap in the view is really subtle, how to get past that?\n</script>\n\n<template>\n  <div class=\"file-set\">\n    <div\n      v-for=\"file in files.slice(0, num)\"\n      :key=\"file.fileId\"\n      class=\"file-icon flex items-center justify-center\"\n      :style=\"{\n        width: px(imageWidth),\n        height: px(imageWidth),\n        marginRight: px(gap - imageWidth),\n      }\"\n    >\n      <img v-if=\"file.isFolder()\" :src=\"folder64\">\n      <img v-else-if=\"file.isImage() && file.icon64CropUri()\" :src=\"file.icon64CropUri()\">\n      <img\n        v-else-if=\"webDisplayableImage(file)\"\n        :src=\"file.clientUri()\"\n        :style=\"{\n          maxWidth: px(imageWidth),\n          maxHeight: px(imageWidth),\n        }\"\n      >\n      <img v-else :src=\"unknown64\">\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.file-set\n  @apply flex items-center\n  .file-icon\n    @apply flex-none\n    img\n      @apply outline-[#{$menu-tray-b-icon-mask}]\n      @apply rounded-[#{$menu-tray-br-file-set-file}]\n      @apply outline\n</style>\n","<script setup lang=\"ts\">\nimport { Property } from \"~/classes/entity\"\n\ndefineProps<{ job: UploadJob }>()\nconst {\n  jobFractionFinished,\n  jobFractionStarted,\n  jobFractionSucceeded,\n  clearNotificationById,\n} = useNotifications()\n</script>\n\n<template>\n  <div class=\"container\">\n    <div class=\"preview\">\n      <file-set class=\"w-full h-full\" :files=\"Object.values(job.sources)\" />\n    </div>\n    <div class=\"content\">\n      <div class=\"info\">\n        <span v-if=\"len(job.sources) === 1\">\n          {{ first(job.sources).name() || \"Uploading file...\" }}\n        </span>\n        <span v-else>\n          {{ len(job.sources) }} Items\n        </span>\n      </div>\n      <div v-if=\"job.status === 'uploading'\" class=\"progress-bar\">\n        <div class=\"background\" />\n        <div\n          class=\"part started\"\n          :style=\"{ width: fracToPct(jobFractionStarted(job)) }\"\n        />\n        <div\n          class=\"part finished\"\n          :style=\"{ width: fracToPct(jobFractionFinished(job)) }\"\n        />\n        <div\n          class=\"part succeeded\"\n          :style=\"{ width: fracToPct(jobFractionSucceeded(job)) }\"\n        />\n      </div>\n      <div v-if=\"job.status === 'uploading'\" class=\"detail t-menu-tray-detail\">\n        <icon-action type=\"arrow-up\" class=\"text-$global-blue-primary\" />\n        <span>Uploading to {{ job.destination.name() }}</span>\n      </div>\n      <div v-if=\"job.status === 'complete'\" class=\"detail t-menu-tray-detail\">\n        <icon-action type=\"check\" class=\"text-$global-green-primary\" />\n        <span>Added to {{ job.destination.name() }}</span>\n      </div>\n    </div>\n    <div class=\"close\" @click.stop.prevent=\"clearNotificationById(job.id)\">\n      <menu-action-icon type=\"cross\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.t-menu-tray-detail\n  @apply text-[#{$global-fs-sm}]\n  @apply text-[#{$menu-tray-t-detail}]\n  @apply fw-[450]\n\n.container\n  @apply flex px-4 py-2 gap-3 items-center w-full\n  .preview\n    @apply w-8 h-8 flex-none rounded-lg items-center justify-center\n  .content\n    @apply flex flex-col gap-[6px] w-full min-w-0\n    .info\n      @apply text-ellipses-inline\n    .progress-bar\n      @apply h-[#{$menu-tray-h-progress}]\n      @apply relative w-full bg-[#{$menu-tray-bg-progress}] rounded-full overflow-hidden\n      .part\n        @apply absolute top-0 left-0 h-full\n      .started\n        @apply bg-$global-blue-primary\n      .finished\n        @apply bg-$global-red-primary\n      .succeeded\n        @apply bg-$global-green-primary\n    .detail\n      @apply t-menu-tray-detail flex gap-1\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{ job: DownloadJob }>()\nconst {\n  jobFractionFinished,\n  jobFractionStarted,\n  jobFractionSucceeded,\n  clearNotificationById,\n} = useNotifications()\nconst files = computed(() => Object.values(props.job.sources))\n</script>\n\n<template>\n  <div class=\"container\">\n    <div class=\"preview\">\n      <file-set class=\"w-full h-full\" :files />\n    </div>\n    <div class=\"content\">\n      <div class=\"info\">\n        <span v-if=\"len(files) === 1\">\n          {{ files[0].name() || \"Downloading...\" }}\n        </span>\n        <span v-else>\n          {{ files.length }} Items\n        </span>\n      </div>\n      <div v-if=\"job.status === 'downloading'\" class=\"progress-bar\">\n        <div class=\"background\" />\n        <div\n          class=\"part started\"\n          :style=\"{ width: fracToPct(jobFractionStarted(job)) }\"\n        />\n        <div\n          class=\"part finished\"\n          :style=\"{ width: fracToPct(jobFractionFinished(job)) }\"\n        />\n        <div\n          class=\"part succeeded\"\n          :style=\"{ width: fracToPct(jobFractionSucceeded(job)) }\"\n        />\n      </div>\n      <div v-if=\"job.status === 'downloading'\" class=\"detail t-menu-tray-detail\">\n        <icon-action type=\"arrow-down\" class=\"text-$global-blue-primary\" />\n        <span>Downloading</span>\n      </div>\n      <div v-if=\"job.status === 'complete'\" class=\"detail t-menu-tray-detail\">\n        <icon-action type=\"check\" class=\"text-$global-green-primary\" />\n        <span>Downloaded</span>\n      </div>\n    </div>\n    <div class=\"close\" @click.stop.prevent=\"clearNotificationById(job.id)\">\n      <menu-action-icon type=\"cross\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.t-menu-tray-detail\n  @apply text-[#{$global-fs-sm}]\n  @apply text-[#{$menu-tray-t-detail}]\n  @apply fw-[450]\n\n.container\n  @apply flex px-4 py-2 gap-3 items-center w-full\n  .preview\n    @apply w-8 h-8 flex-none rounded-lg items-center justify-center\n  .content\n    @apply flex flex-col gap-[6px] w-full min-w-0\n    .info\n      @apply text-ellipses-inline\n    .progress-bar\n      @apply h-[#{$menu-tray-h-progress}]\n      @apply relative w-full bg-[#{$menu-tray-bg-progress}] rounded-full overflow-hidden\n      .part\n        @apply absolute top-0 left-0 h-full\n      .started\n        @apply bg-$global-blue-primary\n      .finished\n        @apply bg-$global-red-primary\n      .succeeded\n        @apply bg-$global-green-primary\n    .detail\n      @apply t-menu-tray-detail flex gap-1\n</style>\n","<script setup lang=\"ts\">\nconst { sortedNotifications, clearNotifications, notificationState } = useNotifications()\n\n// TODO: fade in and out peek view\n</script>\n\n<template>\n  <div v-if=\"notificationState.tray.isPeek && sortedNotifications.length > 0\" class=\"peek-container\">\n    <div\n      v-for=\"key in range(Math.min(sortedNotifications.length - 1, 3))\"\n      :key\n      class=\"card\"\n      @click=\"notificationState.tray.isPeek = false\"\n    />\n    <template v-for=\"alert in [sortedNotifications[0]]\" :key=\"alert.id\">\n      <nav-tray-alert\n        v-if=\"alert.type === 'error-alert' || alert.type === 'success-alert'\"\n        class=\"peek-notification\"\n        :alert\n      />\n      <nav-tray-job-upload\n        v-else-if=\"alert.type === 'upload'\"\n        class=\"peek-notification\"\n        :job=\"alert\"\n      />\n      <nav-tray-job-download\n        v-else-if=\"alert.type === 'download'\"\n        class=\"peek-notification\"\n        :job=\"alert\"\n      />\n      <div v-else>\n        Unknown message type\n      </div>\n    </template>\n    <div v-if=\"sortedNotifications.length > 1\" class=\"more\">\n      <div class=\"inner\" @click=\"notificationState.tray.isPeek = false\">\n        {{ sortedNotifications.length - 1 }} More\n      </div>\n    </div>\n  </div>\n  <div v-else class=\"notification-container\">\n    <div class=\"header\">\n      <div class=\"activity\">\n        Activity\n      </div>\n      <div class=\"clear-all\" @click=\"clearNotifications()\">\n        Clear all\n      </div>\n    </div>\n    <div class=\"notifications\">\n      <template v-for=\"alert in sortedNotifications\" :key=\"alert.id\">\n        <nav-tray-alert\n          v-if=\"alert.type === 'error-alert' || alert.type === 'success-alert'\"\n          :alert\n        />\n        <nav-tray-job-upload\n          v-else-if=\"alert.type === 'upload'\"\n          :job=\"alert\"\n        />\n        <nav-tray-job-download\n          v-else-if=\"alert.type === 'download'\"\n          :job=\"alert\"\n        />\n        <div v-else>\n          Unknown message type\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.peek-container\n  @apply w-[#{$menu-tray-w-default}] pointer-events-auto z-overlay-layer flex-col-reverse flex justify-end bg-none bg-[#{$menu-bg-default}] rounded-[#{$menu-br-default}] backdrop-blur-[#{$menu-blur-default}] backdrop-filter relative\n  .peek-notification\n    @apply z-1 rounded-[#{$menu-br-default}] overflow-hidden border-[#{$menu-b-outline}] border-[#{$menu-b-outline}] border\n  .card\n    @apply h-4 -mt-3 rounded-b-[#{$menu-br-default}] border-[#{$menu-b-outline}] border border-t-none z-1 cursor-pointer\n  .more\n    @apply absolute bottom-0 flex justify-center w-full t-menu-2xs text-[#{$global-t-secondary}]\n    .inner\n      @apply bg-[#{$menu-b-outline}] rounded-full z-2 px-1 cursor-pointer\n      box-shadow: 0px 0px 4px #2C2C2C\n\n.notification-container\n  @apply bg-[#{$menu-bg-default}] border-[#{$menu-b-outline}] w-[#{$menu-tray-w-default}] rounded-[#{$menu-br-default}] overflow-auto backdrop-blur-[#{$menu-blur-default}] backdrop-filter pointer-events-auto border shadow-menu z-overlay-layer\n  max-height: calc(100vh - 350px)\n\n  .header\n    @apply text-xs flex items-center p-4 pb-2\n    .activity\n      @apply text-[#{$menu-t-header}]\n    .clear-all\n      @apply text-[#{$menu-t-header}]\n      @apply hover:bg-[#{$pill-bg-button-hover}]\n      @apply hover:text-[#{$global-t-default}]\n      @apply ml-auto px-2 py-1 -mr-2 -my-1 rounded-md cursor-pointer\n  .notifications\n    @apply\n</style>\n","<script setup lang=\"ts\">\n// TODO: find out why this is breaking in dev mode, and why we need to wrap in client-only?\n\nimport { IconArrowDown } from \"@tabler/icons-vue\"\n\nconst { notificationState, hasProgress, progressFraction, openNotificationTray, closeNotificationTray } = useNotifications()\n\nconst erroring = computed(() => {\n  for (const alert of Object.values(notificationState.value.alerts))\n    if (alert.type === \"error-alert\")\n      return true\n  return false\n})\n\nfunction progressStyle() {\n  const progress = progressFraction() * 100\n  return {\n    background: `conic-gradient(${theme?.colors.blue.hex} ${pct(progress)}, 0, transparent ${pct(100 - progress)})`,\n  }\n}\n</script>\n\n<template>\n  <div class=\"tray-pill\" :class=\"{ erroring }\">\n    <client-only>\n      <interface-dropdown\n        v-model:active=\"notificationState.tray.isOpen\"\n        position=\"bottom-left\"\n      >\n        <template #default=\"{ active }\">\n          <nav-pill-view class=\"tray\">\n            <div\n              class=\"pill-progress\"\n              :style=\"hasProgress() ? progressStyle() : {}\"\n            >\n              <div class=\"pill-progress-mask\" />\n            </div>\n            <div class=\"pill-inner\" @click=\"active ? closeNotificationTray() : openNotificationTray()\">\n              <icon-arrow-down\n                class=\"flex-none\"\n                :size=\"20\"\n                :stroke-width=\"2\"\n              />\n            </div>\n          </nav-pill-view>\n        </template>\n        <template #menu>\n          <nav-tray-dropdown />\n        </template>\n      </interface-dropdown>\n    </client-only>\n    <transition\n      appear\n      mode=\"out-in\"\n      enter-active-class=\"transition duration-1500 ease-out\"\n      enter-from-class=\"transform scale-100 opacity-100\"\n      enter-to-class=\"transform scale-125 opacity-0\"\n      leave-active-class=\"transition duration-0\"\n      leave-from-class=\"opacity-0\"\n      leave-to-class=\"opacity-0\"\n    >\n      <div\n        v-if=\"notificationState.tray.showRipple\"\n        class=\"ripple\"\n      />\n    </transition>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.tray-pill\n  app-region: no-drag\n  @apply z-navigation-layer relative\n\n.tray\n  @apply aspect-square\n  .pill-progress\n    @apply absolute w-full h-full  rounded-full pointer-events-none p-0.5\n  .pill-progress-mask\n    @apply w-full h-full bg-[#{$page-bg-secondary}] rounded-full\n  .pill-inner\n    @apply h-full w-full items-center justify-center rounded-full flex hover:bg-[#{$pill-bg-button-hover}] cursor-pointer z-1 text-$global-blue-primary\n.ripple\n  @apply absolute left-0 top-0 h-8 w-8 rounded-full outline-0.75 outline-$global-blue-primary outline -z-1 bg-blue-stroke\n.erroring\n  .ripple\n    @apply outline-$global-red-primary bg-red-stroke\n</style>\n","<script setup lang=\"ts\">\nimport { InterfaceFolderFile } from \"~/classes/file/InterfaceFolderFile\"\n\nconst { setPathViewToFile } = useNavigation()\nconst { navigationState } = useNavigation()\nconst { addInterfaceEventListener, removeInterfaceEventListener } = useEvents()\nconst { navPathViewTestId } = useTestId()\nconst fullPath = computed(() => {\n  const file = navigationState.value.file\n  if (!file || file.isBlank())\n    return []\n  return [file, ...(file.path() || [])]\n})\n\nfunction onContents(response: FolderListPageResponseDatagram) {\n  if (!response.files || !response.path || response.error)\n    return console.warn(\"Skipping path update\", response.error)\n  if (response.folderId !== navigationState.value.file?.fileId)\n    return\n\n  const [parent, ...parentPath] = response.path\n  parent.path = parentPath\n  const folder = new InterfaceFolderFile(parent)\n  folder.mergeWith(navigationState.value.file)\n  setPathViewToFile(folder)\n}\n\nonMounted(() => addInterfaceEventListener(\"folderListPageResponse\", onContents))\nonUnmounted(() => removeInterfaceEventListener(\"folderListPageResponse\", onContents))\n</script>\n\n<template>\n  <nav-pill-view\n    v-if=\"fullPath.length\"\n    class=\"overflow-hidden\"\n    :data-testid=\"navPathViewTestId\"\n  >\n    <template v-for=\"(file, i) in [...fullPath].reverse()\" :key=\"file.fileId\">\n      <nav-pill-button\n        :data-path-file-id=\"file.fileId\"\n        class=\"path-pill-button\"\n        :class=\"{\n          focused: i === fullPath.length - 1,\n          default: i !== fullPath.length - 1,\n        }\"\n      >\n        <file-item :file class=\"file\" />\n      </nav-pill-button>\n      <div v-if=\"i !== fullPath.length - 1\" class=\"pill-item h-full flex-none px-3 pointer-events-none\">\n        <div class=\"separator\" />\n      </div>\n    </template>\n  </nav-pill-view>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.path-pill-button\n  @apply flex-none pr-1.5\n  &.focused\n    @apply text-[#{$pill-path-t-focused}]\n  &.default\n    @apply text-[#{$pill-path-t-default}]\n.separator\n  @apply border-l-[#{$pill-path-b-separator}] h-full w-0 flex-none rotate-22 transform border-l\n\n.file\n  @apply max-w-40 h-full py-0.5 gap-[#{$pill-gap-default}]\n</style>\n","<script setup lang=\"ts\">\ndefineProps<{\n  shortcut?: string\n  selected?: boolean // for keyboard navigation purposes\n}>()\nconst emit = defineEmits([\"click\"])\n</script>\n\n<template>\n  <button class=\"dropdown-item\" @click=\"emit('click')\">\n    <div class=\"dropdown-container\" :class=\"{ selected }\">\n      <span class=\"dropdown-text\">\n        <slot />\n      </span>\n      <menu-shortcut v-if=\"shortcut\" class=\"dropdown-shortcut\">\n        {{ shortcut }}\n      </menu-shortcut>\n    </div>\n  </button>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.dropdown-item\n  @apply h-[#{$menu-context-h-item}]\n  @apply text-[#{$menu-t-item-default}]\n  @apply w-full text-size-sm t-menu-sm flex\n  &:hover\n    @apply text-[#{$menu-t-item-hovered}]\n.dropdown-container\n  @apply flex flex-grow items-center rounded-[#{$menu-br-item}] m-[#{$menu-m-hover-outer}] hover:bg-[#{$menu-bg-item-hover}] w-full px-[#{$menu-p-hover-inner}]\n  height: calc($menu-p-hover-inner * 2 + $menu-context-h-item)\n  &.selected\n    @apply bg-[#{$menu-bg-item-hover}]\n.dropdown-text\n  @apply overflow-hidden break-words text-ellipsis whitespace-nowrap\n.dropdown-shortcut\n  @apply ml-auto flex-none\n</style>\n","<script setup lang=\"ts\">\nimport IconCrystalBall from \"~/assets/icons/crystal-ball-line.svg?component\"\n\nconst { searchState } = useSearch()\n\nconst searches = computed(() => searchState.value.suggestions.searches ?? [])\nconst selected = computed(() => searchState.value.suggestions.selection)\n</script>\n\n<template>\n  <menu-section>\n    <menu-header label=\"Suggested Searches\" />\n    <search-helper-item\n      v-for=\"search, i in searches\"\n      :key=\"search.searchId()\"\n      :selected=\"selected === i\"\n    >\n      <div class=\"search-inner\">\n        <search-intent :search />\n      </div>\n    </search-helper-item>\n  </menu-section>\n  <menu-separator />\n  <menu-section>\n    <menu-header label=\"Commands\" />\n    <search-helper-item shortcut=\"/\">\n      Folders & Files\n    </search-helper-item>\n    <search-helper-item shortcut=\"#\">\n      Tags\n    </search-helper-item>\n    <search-helper-item shortcut=\"@\">\n      People\n    </search-helper-item>\n    <search-helper-item shortcut=\"+\">\n      Properties\n    </search-helper-item>\n  </menu-section>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.search-inner\n  @apply gap-[#{$menu-search-gap-item-left}] flex items-center\n\n.crystal-ball\n  @apply h-5 w-5 flex-none\n\n.navigate-action-section\n  @apply inline-flex gap-[6px]\n</style>\n","<script setup lang=\"ts\">\nimport { PropertySize } from \"~/classes/generated/interface\"\n\nconst { searchState, acceptSearchSuggestion } = useSearch()\n\nconst tags = computed(() => searchState.value.suggestions.tags ?? [])\nconst selected = computed(() => searchState.value.suggestions.selection)\n</script>\n\n<template>\n  <menu-section>\n    <template v-for=\"tag, i in tags\" :key=\"tag\">\n      <menu-header v-if=\"i === 0 && searchState.completion.content === tags[0]\" label=\"Add to search\" />\n      <menu-header v-if=\"i === (searchState.completion.content === tags[0] ? 1 : 0)\" label=\"Suggested Tags\" />\n      <search-helper-item\n        :selected=\"selected === i\"\n        @click=\"acceptSearchSuggestion('tag', i)\"\n      >\n        <file-property-tag :value=\"tag\" :size=\"PropertySize.Medium\" />\n      </search-helper-item>\n    </template>\n  </menu-section>\n</template>\n","<script setup lang=\"ts\">\n</script>\n\n<template>\n  <div class=\"dropdown-item\">\n    <div class=\"dropdown-container\">\n      <div class=\"dropdown-info\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.dropdown-item\n  @apply h-[#{$menu-context-h-item}] w-full text-[#{$menu-t-header}] t-menu-sm flex\n  .dropdown-container\n    @apply flex flex-grow items-center rounded-[#{$menu-br-item}] m-[#{$menu-m-hover-outer}] p-[#{$menu-p-hover-inner}] w-full\n  .dropdown-info\n    @apply h-[#{$menu-context-h-item}] w-full flex\n</style>\n","<script setup lang=\"ts\">\nconst { searchState } = useSearch()\n\nconst files = computed(() => searchState.value.suggestions.files ?? [])\nconst selected = computed(() => searchState.value.suggestions.selection)\n</script>\n\n<template>\n  <menu-section>\n    <menu-header label=\"Suggested locations\" />\n    <search-helper-item\n      v-for=\"file, i in files\"\n      :key=\"file.fileId\"\n      :selected=\"selected === i\"\n    >\n      <file-item :file class=\"file-inner\" />\n    </search-helper-item>\n  </menu-section>\n  <menu-separator />\n  <menu-section>\n    <search-helper-info>\n      <div class=\"mr-auto navigate-action-section\">\n        <div>Open</div> <menu-shortcut>↵</menu-shortcut>\n      </div>\n      <div class=\"ml-auto navigate-action-section\">\n        <div>Add to path</div> <menu-shortcut>Tab</menu-shortcut>\n      </div>\n    </search-helper-info>\n  </menu-section>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.file-inner\n  @apply gap-[#{$menu-search-gap-item-left}]\n\n.navigate-action-section\n  @apply inline-flex gap-[6px]\n</style>\n","<script setup lang=\"ts\">\nconst { searchState } = useSearch()\n\nconst files = computed(() => searchState.value.suggestions.files ?? [])\nconst selected = computed(() => searchState.value.suggestions.selection)\n</script>\n\n<template>\n  <menu-section>\n    <menu-header label=\"Suggested locations\" />\n    <search-helper-item\n      v-for=\"file, i in files\"\n      :key=\"file.fileId\"\n      :selected=\"selected === i\"\n    >\n      <file-item :file class=\"file-inner\" />\n    </search-helper-item>\n  </menu-section>\n  <menu-separator />\n  <menu-section>\n    <search-helper-info>\n      <div class=\"mr-auto navigate-action-section\">\n        <div>Use in search</div> <menu-shortcut>↵</menu-shortcut>\n      </div>\n      <div class=\"ml-auto navigate-action-section\">\n        <div>Add to path</div> <menu-shortcut>Tab</menu-shortcut>\n      </div>\n    </search-helper-info>\n  </menu-section>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.file-inner\n  @apply gap-[#{$menu-search-gap-item-left}]\n\n.navigate-action-section\n  @apply inline-flex gap-[6px]\n</style>\n","<script setup lang=\"ts\">\n// We have a few different kinds of properties dropdowns\n\n// 1. Numerical\n// 2. Date\n// 3. Text\n\nconst { searchState } = useSearch()\n\nconst options = computed(() => searchState.value.suggestions.tags ?? [])\nconst selected = computed(() => searchState.value.suggestions.selection)\n</script>\n\n<template>\n  <menu-section>\n    <menu-header label=\"Properties\" />\n    <search-helper-item\n      v-for=\"option, i in options\"\n      :key=\"option\"\n      :selected=\"selected === i\"\n    >\n      {{ option }}\n    </search-helper-item>\n  </menu-section>\n</template>\n","<script setup lang=\"ts\">\n// Helper dropdown during search\n\nconst { searchState } = useSearch()\n</script>\n\n<template>\n  <transition\n    appear\n    mode=\"out-in\"\n    enter-active-class=\"transition duration-60 ease-out\"\n    enter-from-class=\"transform opacity-0\"\n    enter-to-class=\"transform opacity-100\"\n    leave-active-class=\"transition duration-40\"\n    leave-from-class=\"transform opacity-100\"\n    leave-to-class=\"transform opacity-0\"\n  >\n    <div class=\"menu-dropdown-container dropdown\">\n      <search-helper-suggested-searches v-if=\"searchState.mode === 'search'\" />\n      <search-helper-suggested-tags v-else-if=\"searchState.mode === 'tag'\" />\n      <search-helper-suggested-path v-else-if=\"searchState.mode === 'path'\" />\n      <search-helper-suggested-files v-else-if=\"searchState.mode === 'file'\" />\n      <search-helper-suggested-properties v-else-if=\"searchState.mode === 'property'\" />\n      <div v-else>\n        Unknown state: {{ searchState.mode }}\n      </div>\n    </div>\n  </transition>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.dropdown\n  @apply w-[#{$menu-search-w-full}]\n  @apply fixed overflow-hidden\n</style>\n","import { Node, mergeAttributes, nodeInputRule } from '@tiptap/core';\n\nconst inputRegex = /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\r\nconst Image = Node.create({\r\n    name: 'image',\r\n    addOptions() {\r\n        return {\r\n            inline: false,\r\n            allowBase64: false,\r\n            HTMLAttributes: {},\r\n        };\r\n    },\r\n    inline() {\r\n        return this.options.inline;\r\n    },\r\n    group() {\r\n        return this.options.inline ? 'inline' : 'block';\r\n    },\r\n    draggable: true,\r\n    addAttributes() {\r\n        return {\r\n            src: {\r\n                default: null,\r\n            },\r\n            alt: {\r\n                default: null,\r\n            },\r\n            title: {\r\n                default: null,\r\n            },\r\n        };\r\n    },\r\n    parseHTML() {\r\n        return [\r\n            {\r\n                tag: this.options.allowBase64\r\n                    ? 'img[src]'\r\n                    : 'img[src]:not([src^=\"data:\"])',\r\n            },\r\n        ];\r\n    },\r\n    renderHTML({ HTMLAttributes }) {\r\n        return ['img', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\r\n    },\r\n    addCommands() {\r\n        return {\r\n            setImage: options => ({ commands }) => {\r\n                return commands.insertContent({\r\n                    type: this.name,\r\n                    attrs: options,\r\n                });\r\n            },\r\n        };\r\n    },\r\n    addInputRules() {\r\n        return [\r\n            nodeInputRule({\r\n                find: inputRegex,\r\n                type: this.type,\r\n                getAttributes: match => {\r\n                    const [, , alt, src, title] = match;\r\n                    return { src, alt, title };\r\n                },\r\n            }),\r\n        ];\r\n    },\r\n});\n\nexport { Image, Image as default, inputRegex };\n//# sourceMappingURL=index.js.map\n","import { Node } from '@tiptap/core';\n\nconst Document = Node.create({\r\n    name: 'doc',\r\n    topNode: true,\r\n    content: 'block+',\r\n});\n\nexport { Document, Document as default };\n//# sourceMappingURL=index.js.map\n","import { Node } from '@tiptap/core';\n\nconst Text = Node.create({\r\n    name: 'text',\r\n    group: 'inline',\r\n});\n\nexport { Text, Text as default };\n//# sourceMappingURL=index.js.map\n","import { Node, mergeAttributes } from '@tiptap/core';\n\nconst Paragraph = Node.create({\r\n    name: 'paragraph',\r\n    priority: 1000,\r\n    addOptions() {\r\n        return {\r\n            HTMLAttributes: {},\r\n        };\r\n    },\r\n    group: 'block',\r\n    content: 'inline*',\r\n    parseHTML() {\r\n        return [\r\n            { tag: 'p' },\r\n        ];\r\n    },\r\n    renderHTML({ HTMLAttributes }) {\r\n        return ['p', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];\r\n    },\r\n    addCommands() {\r\n        return {\r\n            setParagraph: () => ({ commands }) => {\r\n                return commands.setNode(this.name);\r\n            },\r\n        };\r\n    },\r\n    addKeyboardShortcuts() {\r\n        return {\r\n            'Mod-Alt-0': () => this.editor.commands.setParagraph(),\r\n        };\r\n    },\r\n});\n\nexport { Paragraph, Paragraph as default };\n//# sourceMappingURL=index.js.map\n","import { Plugin } from 'prosemirror-state';\nimport { dropPoint } from 'prosemirror-transform';\n\n/**\nCreate a plugin that, when added to a ProseMirror instance,\ncauses a decoration to show up at the drop position when something\nis dragged over the editor.\n\nNodes may add a `disableDropCursor` property to their spec to\ncontrol the showing of a drop cursor inside them. This may be a\nboolean or a function, which will be called with a view and a\nposition, and should return a boolean.\n*/\nfunction dropCursor(options = {}) {\n    return new Plugin({\n        view(editorView) { return new DropCursorView(editorView, options); }\n    });\n}\nclass DropCursorView {\n    constructor(editorView, options) {\n        var _a;\n        this.editorView = editorView;\n        this.cursorPos = null;\n        this.element = null;\n        this.timeout = -1;\n        this.width = (_a = options.width) !== null && _a !== void 0 ? _a : 1;\n        this.color = options.color === false ? undefined : (options.color || \"black\");\n        this.class = options.class;\n        this.handlers = [\"dragover\", \"dragend\", \"drop\", \"dragleave\"].map(name => {\n            let handler = (e) => { this[name](e); };\n            editorView.dom.addEventListener(name, handler);\n            return { name, handler };\n        });\n    }\n    destroy() {\n        this.handlers.forEach(({ name, handler }) => this.editorView.dom.removeEventListener(name, handler));\n    }\n    update(editorView, prevState) {\n        if (this.cursorPos != null && prevState.doc != editorView.state.doc) {\n            if (this.cursorPos > editorView.state.doc.content.size)\n                this.setCursor(null);\n            else\n                this.updateOverlay();\n        }\n    }\n    setCursor(pos) {\n        if (pos == this.cursorPos)\n            return;\n        this.cursorPos = pos;\n        if (pos == null) {\n            this.element.parentNode.removeChild(this.element);\n            this.element = null;\n        }\n        else {\n            this.updateOverlay();\n        }\n    }\n    updateOverlay() {\n        let $pos = this.editorView.state.doc.resolve(this.cursorPos);\n        let isBlock = !$pos.parent.inlineContent, rect;\n        if (isBlock) {\n            let before = $pos.nodeBefore, after = $pos.nodeAfter;\n            if (before || after) {\n                let node = this.editorView.nodeDOM(this.cursorPos - (before ? before.nodeSize : 0));\n                if (node) {\n                    let nodeRect = node.getBoundingClientRect();\n                    let top = before ? nodeRect.bottom : nodeRect.top;\n                    if (before && after)\n                        top = (top + this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top) / 2;\n                    rect = { left: nodeRect.left, right: nodeRect.right, top: top - this.width / 2, bottom: top + this.width / 2 };\n                }\n            }\n        }\n        if (!rect) {\n            let coords = this.editorView.coordsAtPos(this.cursorPos);\n            rect = { left: coords.left - this.width / 2, right: coords.left + this.width / 2, top: coords.top, bottom: coords.bottom };\n        }\n        let parent = this.editorView.dom.offsetParent;\n        if (!this.element) {\n            this.element = parent.appendChild(document.createElement(\"div\"));\n            if (this.class)\n                this.element.className = this.class;\n            this.element.style.cssText = \"position: absolute; z-index: 50; pointer-events: none;\";\n            if (this.color) {\n                this.element.style.backgroundColor = this.color;\n            }\n        }\n        this.element.classList.toggle(\"prosemirror-dropcursor-block\", isBlock);\n        this.element.classList.toggle(\"prosemirror-dropcursor-inline\", !isBlock);\n        let parentLeft, parentTop;\n        if (!parent || parent == document.body && getComputedStyle(parent).position == \"static\") {\n            parentLeft = -pageXOffset;\n            parentTop = -pageYOffset;\n        }\n        else {\n            let rect = parent.getBoundingClientRect();\n            parentLeft = rect.left - parent.scrollLeft;\n            parentTop = rect.top - parent.scrollTop;\n        }\n        this.element.style.left = (rect.left - parentLeft) + \"px\";\n        this.element.style.top = (rect.top - parentTop) + \"px\";\n        this.element.style.width = (rect.right - rect.left) + \"px\";\n        this.element.style.height = (rect.bottom - rect.top) + \"px\";\n    }\n    scheduleRemoval(timeout) {\n        clearTimeout(this.timeout);\n        this.timeout = setTimeout(() => this.setCursor(null), timeout);\n    }\n    dragover(event) {\n        if (!this.editorView.editable)\n            return;\n        let pos = this.editorView.posAtCoords({ left: event.clientX, top: event.clientY });\n        let node = pos && pos.inside >= 0 && this.editorView.state.doc.nodeAt(pos.inside);\n        let disableDropCursor = node && node.type.spec.disableDropCursor;\n        let disabled = typeof disableDropCursor == \"function\" ? disableDropCursor(this.editorView, pos, event) : disableDropCursor;\n        if (pos && !disabled) {\n            let target = pos.pos;\n            if (this.editorView.dragging && this.editorView.dragging.slice) {\n                let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);\n                if (point != null)\n                    target = point;\n            }\n            this.setCursor(target);\n            this.scheduleRemoval(5000);\n        }\n    }\n    dragend() {\n        this.scheduleRemoval(20);\n    }\n    drop() {\n        this.scheduleRemoval(20);\n    }\n    dragleave(event) {\n        if (event.target == this.editorView.dom || !this.editorView.dom.contains(event.relatedTarget))\n            this.setCursor(null);\n    }\n}\n\nexport { dropCursor };\n","import { Extension } from '@tiptap/core';\nimport { dropCursor } from '@tiptap/pm/dropcursor';\n\nconst Dropcursor = Extension.create({\r\n    name: 'dropCursor',\r\n    addOptions() {\r\n        return {\r\n            color: 'currentColor',\r\n            width: 1,\r\n            class: undefined,\r\n        };\r\n    },\r\n    addProseMirrorPlugins() {\r\n        return [\r\n            dropCursor(this.options),\r\n        ];\r\n    },\r\n});\n\nexport { Dropcursor, Dropcursor as default };\n//# sourceMappingURL=index.js.map\n","import { Extension } from '@tiptap/core';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\n\nconst Placeholder = Extension.create({\r\n    name: 'placeholder',\r\n    addOptions() {\r\n        return {\r\n            emptyEditorClass: 'is-editor-empty',\r\n            emptyNodeClass: 'is-empty',\r\n            placeholder: 'Write something …',\r\n            showOnlyWhenEditable: true,\r\n            considerAnyAsEmpty: false,\r\n            showOnlyCurrent: true,\r\n            includeChildren: false,\r\n        };\r\n    },\r\n    addProseMirrorPlugins() {\r\n        return [\r\n            new Plugin({\r\n                key: new PluginKey('placeholder'),\r\n                props: {\r\n                    decorations: ({ doc, selection }) => {\r\n                        var _a;\r\n                        const active = this.editor.isEditable || !this.options.showOnlyWhenEditable;\r\n                        const { anchor } = selection;\r\n                        const decorations = [];\r\n                        if (!active) {\r\n                            return null;\r\n                        }\r\n                        // only calculate isEmpty once due to its performance impacts (see issue #3360)\r\n                        const { firstChild } = doc.content;\r\n                        const isLeaf = firstChild && firstChild.type.isLeaf;\r\n                        const isAtom = firstChild && firstChild.isAtom;\r\n                        const isValidNode = this.options.considerAnyAsEmpty\r\n                            ? true\r\n                            : firstChild && firstChild.type.name === ((_a = doc.type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.name);\r\n                        const isEmptyDoc = doc.content.childCount <= 1\r\n                            && firstChild\r\n                            && isValidNode\r\n                            && (firstChild.nodeSize <= 2 && (!isLeaf || !isAtom));\r\n                        doc.descendants((node, pos) => {\r\n                            const hasAnchor = anchor >= pos && anchor <= pos + node.nodeSize;\r\n                            const isEmpty = !node.isLeaf && !node.childCount;\r\n                            if ((hasAnchor || !this.options.showOnlyCurrent) && isEmpty) {\r\n                                const classes = [this.options.emptyNodeClass];\r\n                                if (isEmptyDoc) {\r\n                                    classes.push(this.options.emptyEditorClass);\r\n                                }\r\n                                const decoration = Decoration.node(pos, pos + node.nodeSize, {\r\n                                    class: classes.join(' '),\r\n                                    'data-placeholder': typeof this.options.placeholder === 'function'\r\n                                        ? this.options.placeholder({\r\n                                            editor: this.editor,\r\n                                            node,\r\n                                            pos,\r\n                                            hasAnchor,\r\n                                        })\r\n                                        : this.options.placeholder,\r\n                                });\r\n                                decorations.push(decoration);\r\n                            }\r\n                            return this.options.includeChildren;\r\n                        });\r\n                        return DecorationSet.create(doc, decorations);\r\n                    },\r\n                },\r\n            }),\r\n        ];\r\n    },\r\n});\n\nexport { Placeholder, Placeholder as default };\n//# sourceMappingURL=index.js.map\n","import { Node, mergeAttributes } from \"@tiptap/core\"\nimport type { DOMOutputSpec, Node as ProseMirrorNode } from \"@tiptap/pm/model\"\nimport { PluginKey } from \"@tiptap/pm/state\"\nimport { VueNodeViewRenderer } from \"@tiptap/vue-3\"\n\nimport FolderRefComponent from \"~/components/Search/Editor/FolderRef.vue\"\n\nexport interface FolderRefOptions {\n  HTMLAttributes: Record<string, any>\n  renderText: (props: { options: FolderRefOptions, node: ProseMirrorNode }) => string\n  renderHTML: (props: { options: FolderRefOptions, node: ProseMirrorNode }) => DOMOutputSpec\n  // suggestion: Omit<SuggestionOptions, 'editor'>\n}\n\nexport const FolderRefPluginKey = new PluginKey(\"folderRef\")\n\nexport const FolderRef = Node.create<FolderRefOptions>({\n  name: \"folderRef\",\n\n  addOptions() {\n    return {\n      HTMLAttributes: {},\n      renderText({ options: _, node }) {\n        return `${node.attrs.name}`\n      },\n      renderHTML({ options: _, node }) {\n        return [\n          \"span\",\n          this.HTMLAttributes,\n          `${node.attrs.name}|${node.attrs.fileId}`,\n        ]\n      },\n    }\n  },\n  group: \"inline\",\n  inline: true,\n  selectable: false,\n  draggable: true,\n  atom: true,\n  addAttributes() {\n    return {\n      name: {\n        default: \"Loading...\",\n      },\n      fileId: {\n        default: null,\n        parseHTML: element => element.getAttribute(\"file-id\"),\n        renderHTML: (attributes) => {\n          if (!attributes.fileId)\n            return {}\n\n          return {\n            \"file-id\": attributes.fileId,\n          }\n        },\n      },\n    }\n  },\n\n  addNodeView() {\n    return VueNodeViewRenderer(FolderRefComponent)\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: `folder-ref`,\n      },\n    ]\n  },\n\n  renderHTML({ node: _, HTMLAttributes }) {\n    return [\n      \"folder-ref\",\n      mergeAttributes({}, this.options.HTMLAttributes, HTMLAttributes),\n    ]\n  },\n\n  renderText({ node }) {\n    return this.options.renderText({\n      options: this.options,\n      node,\n    })\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => this.editor.commands.command(({ tr, state }) => {\n        let isFolderRef = false\n        const { selection } = state\n        const { empty, anchor } = selection\n\n        if (!empty)\n          return false\n\n        state.doc.nodesBetween(anchor - 1, anchor, (node, pos) => {\n          if (node.type.name === this.name) {\n            isFolderRef = true\n            // TODO: this retains the @ symbol when pressed backspace\n            // tr.insertText(this.options.suggestion.char || '', pos, pos + node.nodeSize)\n            tr.insertText(\" \", pos, pos + node.nodeSize)\n\n            return false\n          }\n        })\n\n        return isFolderRef\n      }),\n    }\n  },\n\n  // addProseMirrorPlugins() {\n  //   return [\n  //     Suggestion({\n  //       editor: this.editor,\n  //       ...this.options.suggestion,\n  //     }),\n  //   ]\n  // },\n})\n","import { Node, mergeAttributes } from \"@tiptap/core\"\nimport type { DOMOutputSpec, Node as ProseMirrorNode } from \"@tiptap/pm/model\"\nimport { PluginKey } from \"@tiptap/pm/state\"\nimport { VueNodeViewRenderer } from \"@tiptap/vue-3\"\n\nimport ImageRefComponent from \"~/components/Search/Editor/ImageRef.vue\"\n\nexport interface ImageRefOptions {\n  HTMLAttributes: Record<string, any>\n  renderText: (props: { options: ImageRefOptions, node: ProseMirrorNode }) => string\n  renderHTML: (props: { options: ImageRefOptions, node: ProseMirrorNode }) => DOMOutputSpec\n  // suggestion: Omit<SuggestionOptions, 'editor'>\n}\n\nexport const ImageRefPluginKey = new PluginKey(\"imageRef\")\n\nexport const ImageRef = Node.create<ImageRefOptions>({\n  name: \"imageRef\",\n\n  addOptions() {\n    return {\n      HTMLAttributes: {},\n      renderText({ node }) {\n        return `${node.attrs.fileId}`\n      },\n      renderHTML() {\n        return [\"span\", this.HTMLAttributes]\n      },\n    }\n  },\n  group: \"inline\",\n  inline: true,\n  selectable: true,\n  draggable: false,\n  atom: true,\n  addAttributes() {\n    return {\n      fileId: {\n        default: null,\n        parseHTML: element => element.getAttribute(\"file-id\"),\n        renderHTML: ({ fileId }) => ({ \"file-id\": fileId }),\n      },\n      uri: {\n        default: null,\n        parseHTML: element => element.getAttribute(\"uri\"),\n        renderHTML: ({ uri }) => ({ uri }),\n      },\n    }\n  },\n\n  addNodeView() {\n    return VueNodeViewRenderer(ImageRefComponent)\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: `image-ref`,\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"image-ref\",\n      mergeAttributes({}, this.options.HTMLAttributes, HTMLAttributes),\n    ]\n  },\n\n  renderText({ node }) {\n    return this.options.renderText({\n      options: this.options,\n      node,\n    })\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => this.editor.commands.command(({ tr, state }) => {\n        let isImageRef = false\n        const { selection } = state\n        const { empty, anchor } = selection\n\n        if (!empty)\n          return false\n\n        state.doc.nodesBetween(anchor - 1, anchor, (node, pos) => {\n          if (node.type.name === this.name) {\n            isImageRef = true\n            // TODO: this retains the @ symbol when pressed backspace\n            // tr.insertText(this.options.suggestion.char || '', pos, pos + node.nodeSize)\n            tr.insertText(\" \", pos, pos + node.nodeSize)\n\n            return false\n          }\n        })\n\n        return isImageRef\n      }),\n    }\n  },\n})\n","<script setup lang=\"ts\">\nimport type { Editor } from \"@tiptap/vue-3\"\nimport { EditorContent, useEditor } from \"@tiptap/vue-3\"\nimport Image from \"@tiptap/extension-image\"\nimport Document from \"@tiptap/extension-document\"\nimport Text from \"@tiptap/extension-text\"\nimport Paragraph from \"@tiptap/extension-paragraph\"\nimport Dropcursor from \"@tiptap/extension-dropcursor\"\nimport Placeholder from \"@tiptap/extension-placeholder\"\nimport folder from \"~/assets/icons/folder-filled.svg\"\nimport { FolderRef } from \"~/classes/search/FolderRef\"\nimport { ImageRef } from \"~/classes/search/ImageRef\"\nimport { TagRef } from \"~/classes/search/TagRef\"\nimport IconCrystalBall from \"~/assets/icons/crystal-ball-line.svg?component\"\nimport { PathCompletion } from \"~/classes/search/PathCompletion\"\nimport { FileCompletion } from \"~/classes/search/FileCompletion\"\nimport { TagCompletion } from \"~/classes/search/TagCompletion\"\nimport { PropertyCompletion } from \"~/classes/search/PropertyCompletion\"\n\nconst { searchState, onKeyDown, onEditorUpdated, onFileCompletionResponse, onSearchCompletionResponse } = useSearch()\nconst { navIgnoreMainViewGestures, searchButton } = useGlobals()\nconst { addInterfaceEventListener, removeInterfaceEventListener } = useEvents()\n\nconst editor = useEditor({\n  content: searchState.value.intent as any,\n  extensions: [\n    Document,\n    Paragraph,\n    Text,\n    Placeholder,\n    Image.configure({ inline: true }),\n    Dropcursor,\n    ImageRef,\n    FolderRef,\n    TagRef.createNode(),\n    PathCompletion.createNode(),\n    FileCompletion.createNode(),\n    TagCompletion.createNode(),\n    PropertyCompletion.createNode(),\n  ],\n  editorProps: {\n    handleKeyDown: (_, event) => onKeyDown(editor.value!, event),\n  },\n  onUpdate: ({ editor }) => onEditorUpdated(editor as Editor),\n  // We call the update method on create since we want to immediately\n  // request any completions\n  onCreate: ({ editor }) => onEditorUpdated(editor as Editor),\n})\n\nconst focusOnSearchBar = () => {\n  editor.value?.commands.focus(\"end\")\n}\n\nonMounted(() => {\n  // The timeout here should ideally match the transition duration for the\n  // search bar\n  setTimeout(focusOnSearchBar, 100)\n  searchState.value.editor = editor.value\n  addInterfaceEventListener(\"fileFindResponse\", onFileCompletionResponse)\n  addInterfaceEventListener(\"searchFindResponse\", onSearchCompletionResponse)\n})\nonUnmounted(() => {\n  searchState.value.editor = undefined\n  removeInterfaceEventListener(\"fileFindResponse\", onFileCompletionResponse)\n  removeInterfaceEventListener(\"searchFindResponse\", onSearchCompletionResponse)\n})\n</script>\n\n<template>\n  <div class=\"search-container\" :class=\"[searchButton, navIgnoreMainViewGestures]\">\n    <div v-if=\"searchState.isLoading\" class=\"h-4.5 w-4.5 flex-none flex items-center justify-center\">\n      <interface-spinner class=\"w-3 h-3 mb-0.75\" />\n    </div>\n    <folder v-else-if=\"searchState.mode === 'path'\" class=\"folder\" />\n    <icon-crystal-ball v-else class=\"crystal-ball\" />\n    <editor-content :editor class=\"editor-content\" />\n  </div>\n  <div class=\"search-helper\">\n    <search-helper-view />\n  </div>\n</template>\n\n<style lang=\"sass\">\n@import '~/assets/styles/generated/variables.sass'\n\n// Everything must be under this class since we can't use scoped\n// styles with tiptap\n.search-container\n  @apply h-full flex items-center px-1 gap-[#{$pill-gap-default}] text-[#{$global-t-default}] relative\n  .crystal-ball\n    @apply h-4.5 w-4.5 flex-none\n  .folder\n    @apply h-4 w-4 flex-none text-[#{$global-violet-primary}]\n  .editor-content\n    @apply w-full resize-none outline-none h-[#{$search-h-fragment-lg}] overflow-y-visible caret-[#{$global-blue-primary}]\n\n  .tiptap\n    @apply h-full flex\n    &.ProseMirror-focused\n      outline: none\n    p\n      line-height: $search-h-fragment-lg\n      &.is-editor-empty:first-child::before\n        content: 'Search for anything...'\n        float: left\n        height: 0\n        pointer-events: none\n        @apply text-[#{$menu-t-input-placeholder}] font-normal\n      .suggestion\n        @apply bg-[#{$global-steel-accent}] text-[#{$global-t-secondary}] py-[#{$search-py-fragment}] px-[#{$search-px-fragment}] rounded-[#{$menu-br-default}] t-property-md\n\n  // Needed anymore?\n  textarea\n    -ms-overflow-style: none\n    scrollbar-width: none\n  textarea::-webkit-scrollbar\n    display: none\n\n.search-helper\n  @apply absolute left-[#{$nav-gap-pills}] top-[#{$nav-gap-pills}] mt-[#{$pill-h-default}] pt-[#{$nav-gap-pills}] pointer-events-none\n</style>\n","<script setup lang=\"ts\">\nimport IconCrystalBall from \"~/assets/icons/crystal-ball-line.svg?component\"\n\nconst { navigationState, isOnSearchPage } = useNavigation()\nconst { searchState, openSearchBar } = useSearch()\nconst { searchViewId, searchButton, navIgnoreMainViewGestures, searchResultsIntentPillId } = useGlobals()\nconst expanded = computed(() => searchState.value.isEditing)\nconst search = computed(() => navigationState.value.search)\nconst path = computed(() => searchState.value.mode === \"path\")\n\n// Component has a search button if the search input is not open and we\n// aren't on search results If the search is open we show an input. If\n// we are viewing search results then we are on the show the search intent\n// TODO: focus the cursor whenever the isEditing changes to true\n// TODO: don't use a click handler here, use a gesture\n</script>\n\n<template>\n  <nav-pill-view\n    :id=\"searchViewId\"\n    class=\"search-pill\"\n    :class=\"{ expanded, path }\"\n  >\n    <search-view v-if=\"searchState.isEditing\" />\n    <div\n      v-else-if=\"isOnSearchPage() && search\"\n      :id=\"searchResultsIntentPillId\"\n      class=\"search-results-intent\"\n      @click=\"openSearchBar(search.intent())\"\n    >\n      <div class=\"results-for\">\n        Results for\n      </div>\n      <nav-pill-button class=\"search-fragment-button\">\n        <search-intent :search />\n      </nav-pill-button>\n    </div>\n    <nav-pill-button\n      v-else\n      :class=\"[searchButton, navIgnoreMainViewGestures]\"\n      class=\"search-button\"\n      @click=\"openSearchBar()\"\n    >\n      <icon-crystal-ball class=\"h-4.5 w-4.5\" />\n      <div>Search</div>\n    </nav-pill-button>\n  </nav-pill-view>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.search-pill\n  transition: flex-grow ease-out 0.04s\n  display: block\n  flex-grow: 0\n  &.expanded\n    flex-grow: 1\n  &.path\n    @apply bg-[#{$global-violet-accent}]\n\n.search-results-intent\n  @apply h-[#{$search-h-fragment-lg}] flex gap-1 items-center cursor-pointer\n\n.results-for\n  @apply pl-2 text-[#{$global-t-tertiary}] flex-none h-full flex items-center\n\n.search-fragment-button\n  @apply px-2 bg-[#{$pill-bg-button-hover}]\n\n.search-button\n  @apply pr-1.5\n</style>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#A7A7B1\",\n  stroke: \"#A7A7B1\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M4.668 6.446a1.78 1.78 0 0 1 1.778-1.778h5.777a1.78 1.78 0 0 1 1.778 1.778v5.777a1.78 1.78 0 0 1-1.778 1.778H6.446a1.78 1.78 0 0 1-1.778-1.778z\",\n  style: {\"fill\":\"color(display-p3 .6543 .6543 .6951)\",\"fill-opacity\":\"1\",\"stroke\":\"color(display-p3 .6543 .6543 .6951)\",\"stroke-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"#6E6E7D\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M2.675 11.158A1.34 1.34 0 0 1 2 10V3.333C2 2.6 2.6 2 3.333 2H10c.5 0 .772.257 1 .667\",\n  style: {\"stroke\":\"color(display-p3 .4296 .4296 .4915)\",\"stroke-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M11.332 2.225a6.667 6.667 0 1 1-9.997 5.99l-.003-.216.003-.216a6.667 6.667 0 0 1 9.997-5.558M7.999 4a.667.667 0 0 0-.662.588l-.005.078V8l.006.087c.015.116.06.225.131.318l.058.067 2 2 .063.054a.67.67 0 0 0 .817 0l.063-.055.055-.063a.67.67 0 0 0 0-.817l-.055-.063-1.805-1.805V4.665l-.004-.078A.667.667 0 0 0 7.999 4\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#A7A7B1\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M2.665 4.668c-.736 0-1.333.597-1.333 1.333v3.334a2 2 0 0 0 2 2V8.668a.667.667 0 0 1 1.333 0v2.667h1v-1.067a.667.667 0 1 1 1.334 0v1.067h1v-1.067a.667.667 0 1 1 1.333 0v1.067h1V8.668a.667.667 0 0 1 1.333 0v2.667h1v-1.067a.667.667 0 1 1 1.334 0v1.067h.666V4.668z\",\n  \"clip-rule\": \"evenodd\",\n  style: {\"fill\":\"color(display-p3 .6543 .6543 .6951)\",\"fill-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#A7A7B1\",\n  d: \"m7.998 1.332.428.003.41.012.2.008.386.023.369.03c3.124.304 4.433 1.556 4.777 4.605l.02.193.03.369.028.484.004.1.011.412.004.428-.004.428-.011.41-.009.2-.022.386-.031.368c-.303 3.125-1.555 4.434-4.604 4.778l-.193.02-.369.03-.485.028-.1.004-.411.011-.428.003-.428-.003-.41-.011-.2-.009-.386-.023-.369-.03c-3.124-.304-4.433-1.556-4.777-4.604l-.02-.194-.03-.368-.028-.485-.004-.1-.011-.411-.003-.212v-.432l.003-.212.011-.411.009-.2.022-.385.031-.369c.303-3.125 1.555-4.433 4.604-4.777l.193-.02.369-.031.485-.027.1-.004.411-.012q.21-.003.428-.003m0 6h-.667l-.078.005a.667.667 0 0 0 0 1.324l.078.004v2l.005.078a.67.67 0 0 0 .584.584l.078.005h.667l.078-.005a.67.67 0 0 0 .584-.584l.004-.078-.004-.078a.67.67 0 0 0-.51-.571l-.074-.013-.078-.004v-2L8.66 7.92a.67.67 0 0 0-.584-.584zm.007-2-.085.005a.667.667 0 0 0 0 1.324l.078.004.085-.004a.667.667 0 0 0 0-1.324z\",\n  style: {\"fill\":\"color(display-p3 .6543 .6543 .6951)\",\"fill-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"#A7A7B1\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M8 5H5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V8\",\n  style: {\"stroke\":\"color(display-p3 .6543 .6543 .6951)\",\"stroke-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"#6E6E7D\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.25\",\n  d: \"M7.5 8.5 12 4m0 0H9.5M12 4v2.5\",\n  style: {\"stroke\":\"color(display-p3 .4296 .4296 .4915)\",\"stroke-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"m8.001 1.332.078.005a.67.67 0 0 1 .584.584l.005.078v2.666l.003.1a1.33 1.33 0 0 0 1.226 1.23l.104.003h2.667l.078.005a.67.67 0 0 1 .584.584l.005.078v6a2 2 0 0 1-1.883 1.996l-.117.003H4.668a2 2 0 0 1-1.997-1.882l-.003-.118V3.332a2 2 0 0 1 1.883-1.997l.117-.003z\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M12.667 4.667h-2.666L10 2z\",\n  style: {\"fill-opacity\":\".4\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.333\",\n  d: \"M7.057 10.276a1.333 1.333 0 1 1 1.885-1.885 1.333 1.333 0 0 1-1.885 1.885\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.333\",\n  d: \"M10.667 2.668H4a1.333 1.333 0 0 0-1.333 1.333v8A1.333 1.333 0 0 0 4 13.335h8A1.333 1.333 0 0 0 13.333 12V5.335z\"\n}, null, -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.333\",\n  d: \"M9.333 2.668h-4v2.667h4z\"\n}, null, -1)\nconst _hoisted_5 = [\n  _hoisted_2,\n  _hoisted_3,\n  _hoisted_4\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_5]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M2 14h3.131l7.467-7.467-3.16-3.102L2 10.87z\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \".87\",\n  d: \"M5.131 14H2v-3.131M5.131 14l8.22-8.22a2.215 2.215 0 0 0-3.131-3.131M5.131 14l7.467-7.467-3.16-3.102m.782-.782L2 10.869m8.22-8.22-.783.782M2 10.87 9.437 3.43\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#A7A7B1\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M14.17 3.464a2 2 0 0 1 .496 1.318l-.004.132a2 2 0 0 1-.582 1.282l-.484.484a2.66 2.66 0 0 0-2.15.768l-.114.114-.114-.114a2.667 2.667 0 0 0-3.771 3.77l.114.115-.114.115a2.66 2.66 0 0 0-.773 2.097 2.55 2.55 0 0 1-2.726.118l-.81.809-.064.055a.667.667 0 0 1-.88-.998l.81-.81a2.55 2.55 0 0 1-.339-1.27l.005-.156a2.55 2.55 0 0 1 .743-1.649L8.39 4.668 7.332 3.611 5.137 5.805l-.063.056a.667.667 0 0 1-.88-.998l2.667-2.667.063-.055a.67.67 0 0 1 .88.055l1.528 1.528 1.138-1.137.096-.091a2 2 0 0 1 2.734.09l.78.781zm-.975 1.723a.67.67 0 0 0-.058-.877l-.78-.78-.066-.059a.67.67 0 0 0-.407-.138l-.087.007a.67.67 0 0 0-.384.19l-1.137 1.137 1.723 1.724 1.138-1.138z\",\n  \"clip-rule\": \"evenodd\",\n  style: {\"fill\":\"color(display-p3 .6543 .6543 .6951)\",\"fill-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"#6E6E7D\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"2\",\n  d: \"m13.332 13.332-4-4m0 4 4-4\",\n  style: {\"stroke\":\"color(display-p3 .4296 .4296 .4915)\",\"stroke-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  stroke: \"currentColor\",\n  d: \"M3.776 13.052h-.012l.013-.048.05-.17c.139-.454.221-.727.507-1.658.476-1.555 1.08-3.544 1.452-4.77.136-.45.172-.537.218-.594a.5.5 0 0 1 .203-.15c.068-.028.162-.037.632-.037h8.01c.22 0 .35 0 .446.009.048.004.071.01.08.012a.1.1 0 0 1 .043.052q.002.013-.006.08c-.012.096-.04.225-.085.438l-1.29 5.968c-.05.232-.082.38-.115.492a.6.6 0 0 1-.069.166.5.5 0 0 1-.208.169.5.5 0 0 1-.177.032 8 8 0 0 1-.501.009H3.776Z\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"m3.39 2.728-.324.303a.72.72 0 0 1-.492.195.816.816 0 0 0-.816.816v7.49c0 .711 0 1.067.14 1.338q.115.22.301.377c.048-.103.09-.243.146-.434l.069-.23.56-1.83c.487-1.577 1.092-3.56 1.507-4.92.174-.57.26-.854.43-1.065a1.4 1.4 0 0 1 .568-.42c.252-.102.55-.102 1.145-.102h7.466c-.011-.21-.039-.357-.103-.481a1 1 0 0 0-.427-.426c-.217-.113-.501-.113-1.07-.113H8.941c-.214 0-.32 0-.421-.024a.9.9 0 0 1-.244-.098c-.09-.053-.166-.127-.32-.276l-.09-.087c-.155-.148-.232-.222-.32-.275a.9.9 0 0 0-.245-.098c-.1-.024-.207-.024-.421-.024H4.36c-.21 0-.314 0-.414.023a.9.9 0 0 0-.24.095c-.088.05-.164.123-.317.266\",\n  style: {\"fill-opacity\":\".4\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M11.494 10.446A4.815 4.815 0 0 0 10.187 1a4.815 4.815 0 0 0-4.633 3.506 5.688 5.688 0 0 1 5.94 5.94M4.505 5.554A4.815 4.815 0 0 0 5.812 15a4.815 4.815 0 0 0 4.633-3.506 5.688 5.688 0 0 1-5.94-5.94\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M5.393 5.393q.207-.018.419-.018a4.813 4.813 0 0 1 4.795 5.232 4.813 4.813 0 0 1-5.214-5.214\",\n  \"clip-rule\": \"evenodd\",\n  style: {\"fill-opacity\":\".4\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#A7A7B1\",\n  d: \"M9.999 1.996a1.333 1.333 0 0 1 1.33 1.233l.003.1a.667.667 0 0 0 .589.662l.078.005h.666a2 2 0 0 1 1.997 1.883l.003.117v6a2 2 0 0 1-1.882 1.997l-.118.003H3.332a2 2 0 0 1-1.997-1.883l-.003-.117v-6A2 2 0 0 1 3.215 4l.117-.003h.667a.667.667 0 0 0 .666-.667A1.333 1.333 0 0 1 5.9 2l.1-.003zm-2 4.667a2 2 0 0 0-1.99 1.798L6 8.563l-.002.1.002.1A2 2 0 1 0 8 6.663\",\n  style: {\"fill\":\"color(display-p3 .6543 .6543 .6951)\",\"fill-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#A7A7B1\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M3.723 7.724c-.25.25-.391.59-.391.943v4A1.333 1.333 0 0 0 4.665 14h6.667a1.333 1.333 0 0 0 1.333-1.333v-4a1.333 1.333 0 0 0-1.333-1.334H4.665c-.353 0-.692.14-.942.39m3.804 3.414a.667.667 0 1 1 .943-.943.667.667 0 0 1-.943.943\",\n  \"clip-rule\": \"evenodd\",\n  style: {\"fill\":\"color(display-p3 .6543 .6543 .6951)\",\"fill-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"#A7A7B1\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.333\",\n  d: \"M4.665 7.333a1.333 1.333 0 0 0-1.333 1.334v4A1.333 1.333 0 0 0 4.665 14h6.667a1.333 1.333 0 0 0 1.333-1.333v-4a1.333 1.333 0 0 0-1.333-1.334m-6.667 0h6.667m-6.667 0h.667m6 0h-.667m-5.333 0V4.667a2.667 2.667 0 1 1 5.333 0v2.666m-5.333 0h5.333m-3.333 3.334a.667.667 0 1 0 1.334 0 .667.667 0 0 0-1.334 0\",\n  style: {\"stroke\":\"color(display-p3 .6543 .6543 .6951)\",\"stroke-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M14.668 4.783a2 2 0 0 0-.495-1.318l-.091-.096-.78-.781a2 2 0 0 0-2.733-.09l-.096.09-1.138 1.137-1.529-1.528a.67.67 0 0 0-.88-.055l-.063.055-2.666 2.667a.667.667 0 0 0 .88.998l.062-.055 2.196-2.195L8.39 4.669 3.415 9.645a2.55 2.55 0 0 0-.742 1.65l-.006.155c0 .45.119.887.339 1.27l-.81.81a.667.667 0 0 0 .88.999l.063-.056.811-.809a2.55 2.55 0 0 0 2.961-.303l.114-.106 7.057-7.058a2 2 0 0 0 .582-1.282zm-1.333 0a.67.67 0 0 1-.138.406l-.058.066-1.138 1.138-1.723-1.724 1.137-1.138a.67.67 0 0 1 .384-.19l.088-.006c.146 0 .29.048.406.138l.066.058.78.78a.67.67 0 0 1 .196.472\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"16\",\n  height: \"16\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"#A7A7B1\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.333\",\n  d: \"M2.4 6h11.2M2.4 10h11.2M7.666 2a11.33 11.33 0 0 0 0 12m.667-12a11.33 11.33 0 0 1 0 12M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8\",\n  style: {\"stroke\":\"color(display-p3 .6543 .6543 .6951)\",\"stroke-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","<script setup lang=\"ts\" generic=\"T\">\nimport { enumEq } from \"~/utils/helpers\"\n\ndefineProps<{\n  options: T[]\n  label: (key: T) => string\n  loading?: boolean\n}>()\nconst value = defineModel<T>({ required: true })\n\nconst active = ref(false)\nconst select = ref<HTMLDivElement>()\n\nfunction handleSelect(key: T) {\n  value.value = key\n  toggle()\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (!event.target)\n    return\n  if (event.target === select.value || select.value?.contains(event.target as any))\n    return\n  if (active.value)\n    toggle()\n}\n\nfunction toggle() {\n  if (active.value) {\n    active.value = false\n    document.body.removeEventListener(\"click\", handleClickOutside)\n  }\n  else {\n    active.value = true\n    document.body.addEventListener(\"click\", handleClickOutside)\n  }\n}\n</script>\n\n<template>\n  <div ref=\"select\" class=\"relative inline-block text-left\">\n    <div class=\"inline-select-button t-menu-sm\" @click=\"toggle()\">\n      <div>{{ label(value) }}</div>\n      <interface-spinner\n        v-if=\"loading\"\n        class=\"h-2 w-2\"\n      />\n      <icon-action\n        v-else\n        size=\"2xs\"\n        type=\"chevron-down\"\n        class=\"-mr-1\"\n      />\n    </div>\n    <div\n      v-show=\"active\"\n      class=\"menu-dropdown-container absolute -right-1 -top-1 inline-select-dropdown\"\n    >\n      <div\n        v-for=\"option in options\"\n        :key=\"`${option}`\"\n        class=\"inline-select-option t-menu-sm\"\n        @click=\"handleSelect(option)\"\n      >\n        <div>{{ label(option) }}</div>\n        <icon-action\n          v-if=\"enumEq(value, option)\"\n          size=\"xs\"\n          type=\"check\"\n          class=\"icon\"\n        />\n        <div v-else class=\"icon\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.inline-select-button\n  @apply hover:bg-[#{$menu-bg-item-hover}] text-[#{$global-t-secondary}]\n  @apply flex cursor-pointer items-center gap-1 rounded-[#{$menu-br-item}] p-1 px-1.5 -m-1 -mx-1.5 h-6\n\n.inline-select-dropdown\n  @apply gap-[#{$menu-gap-items}] p-[#{$menu-p-default}]\n\n.inline-select-option\n  @apply text-[#{$global-t-default}]\n  @apply flex cursor-pointer items-center h-5 -m-1 p-1 gap-2\n  @apply rounded-[#{$menu-br-item}] hover:bg-[#{$menu-bg-item-hover}]\n  .icon\n    @apply ml-auto h-4 w-4 text-[#{$global-bg-icon-secondary}]\n</style>\n","<script setup lang=\"ts\">\nimport { PropertySchema, tierName } from \"~/classes/entity\"\nimport type { InterfaceUser } from \"~/classes/users/InterfaceUser\"\n\nconst { sharedFolderState, inviteUserToCurrentSharedFolder } = useSharedFolders()\nconst sharedFolderInfo = computed(() => sharedFolderState.value.current!.sharedFolderInfo)\nconst users = computed(() => Object.values(sharedFolderState.value.current!.users))\nconst userDetails = computed(() => {\n  const properties = sharedFolderInfo.value.home().sharedWithProperties()\n  const details: Record<string, [FileProperty, InterfaceUser | undefined]> = {}\n  for (const property of properties) {\n    const userId = property?.sharedWithUserId\n    if (!userId)\n      throw new Error(\"Invalid property for sharedWith\")\n    details[userId] = [property, sharedFolderState.value.current!.users[userId]]\n  }\n  return details\n})\n\nconst role = ref<string>(\"Owner\")\n\n// TODO: update this after beta\nfunction betaHandle(user: InterfaceUser) {\n  if (user.email() === \"aabhay@gmail.com\")\n    return \"Abhay Agarwal\"\n  if (user.email() === \"abhay@withpoly.com\")\n    return \"Abhay Agarwal\"\n  if (user.email() === \"samuel@withpoly.com\")\n    return \"Samuel Lo\"\n  if (user.email() === \"samuelwaynelo@gmail.com\")\n    return \"Samuel Lo\"\n  return \"Unknown\"\n}\n</script>\n\n<template>\n  <div class=\"menu-dropdown-container dropdown\">\n    <menu-section>\n      <menu-header label=\"Access\" />\n      <div class=\"menu-sharing-access\" @click=\"sharedFolderState.current!.isPublicDemo = false\">\n        <div\n          class=\"inner\"\n          :class=\"{\n            selected: !sharedFolderState.current?.isPublicDemo,\n          }\"\n        >\n          <div class=\"icon\">\n            <icon-action\n              v-if=\"!sharedFolderState.current?.isPublicDemo\"\n              size=\"xs\"\n              type=\"check\"\n            />\n          </div>\n          <div>Private</div>\n          <icon-property\n            size=\"xs\"\n            type=\"private\"\n            class=\"ml-auto\"\n          />\n          <div>Invite only</div>\n        </div>\n      </div>\n      <div class=\"menu-sharing-access\" @click=\"sharedFolderState.current!.isPublicDemo = true\">\n        <div\n          class=\"inner\"\n          :class=\"{\n            selected: sharedFolderState.current?.isPublicDemo,\n          }\"\n        >\n          <div class=\"icon\">\n            <icon-action\n              v-if=\"sharedFolderState.current?.isPublicDemo\"\n              size=\"xs\"\n              type=\"check\"\n            />\n          </div>\n          <div class=\"\">\n            Public\n          </div>\n          <icon-property\n            size=\"xs\"\n            type=\"public\"\n            class=\"ml-auto\"\n          />\n          <div>Live</div>\n        </div>\n      </div>\n    </menu-section>\n    <menu-separator />\n    <menu-section>\n      <menu-header label=\"Permissions\" />\n      <div class=\"menu-permissions\">\n        <interface-input\n          v-model=\"sharedFolderState.current!.invite.email\"\n          class=\"menu-permissions-input\"\n          placeholder=\"Invite by handle or email...\"\n          @keydown.enter=\"inviteUserToCurrentSharedFolder()\"\n        />\n        <interface-button\n          class=\"menu-permissions-button\"\n          :loading=\"sharedFolderState.current!.invite.isLoading\"\n          @click=\"inviteUserToCurrentSharedFolder()\"\n        >\n          Invite\n        </interface-button>\n      </div>\n      <div\n        v-for=\"[property, user], userId in userDetails\"\n        :key=\"userId\"\n        class=\"menu-user\"\n      >\n        <user-avatar :user :size=\"28\" />\n        <div class=\"menu-user-details\">\n          <div class=\"menu-user-name\">\n            {{ user ? betaHandle(user) : \"Loading...\" }}\n          </div>\n          <div class=\"menu-user-email\">\n            {{ user ? user.email() : \"Loading...\" }}\n          </div>\n        </div>\n        <div v-if=\"property.value.type === PropertySchema.RoleUuidValue\" class=\"menu-user-role\">\n          <menu-selection\n            v-model=\"property.value.roleUuid\"\n            :loading=\"property.pending\"\n            :options=\"[\n              'Owner',\n              'Admin',\n              'Editor',\n              'Viewer',\n              'Remove',\n            ]\"\n            :label=\"k => tierName(k)\"\n          />\n        </div>\n      </div>\n    </menu-section>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.dropdown\n  @apply w-[#{$menu-share-w-default}] border\n\n.menu-sharing-access\n  @apply h-[#{$menu-share-h-item}] t-menu-base\n  .inner\n    @apply -m-1 p-1 rounded-1 flex gap-[#{$menu-share-gap-item}] items-center cursor-pointer\n    &:hover,&.selected\n      @apply bg-[#{$menu-bg-item-hover}]\n  .icon\n    @apply h-[#{$global-w-icon-xs}] w-[#{$global-w-icon-xs}]\n\n.menu-permissions\n  @apply flex gap-[#{$menu-gap-items}]\n.menu-permissions-input\n  @apply flex-grow-1 w-full\n.menu-permissions-button\n  @apply px-3 rounded-lg bg-$global-blue-primary text-base font-medium\n\n.menu-user\n  @apply flex items-center gap-[#{$menu-gap-items}]\n.menu-user-avatar\n  @apply rounded-full bg-red-400 w-[#{$menu-share-h-avatar}] h-[#{$menu-share-h-avatar}]\n.menu-user-details\n  .menu-user-name\n    @apply t-menu-base\n  .menu-user-email\n    @apply t-menu-xs text-[#{$menu-share-t-permissions-secondary}]\n.menu-user-role\n  @apply ml-auto\n</style>\n","<script setup lang=\"ts\">\nimport type { InterfaceSharedFolderInfo } from \"~/classes/sharedFolder/InterfaceSharedFolderInfo\"\nimport { InterfaceUser } from \"~/classes/users/InterfaceUser\"\n\n// TODO: loading state for this so that we don't see it pop in asynchronously once user info\n// is available\n\nconst { navSharingViewTestId } = useTestId()\nconst { sharedFolderState } = useSharedFolders()\nconst users = computed(() => Object.values(sharedFolderState.value.current!.users))\n</script>\n\n<template>\n  <interface-dropdown position=\"bottom-right\">\n    <template #default=\"{ open }\">\n      <nav-pill-view v-if=\"len(users)\">\n        <nav-pill-button\n          :data-testid=\"navSharingViewTestId\"\n          class=\"sharing-menu-button\"\n          @click=\"open()\"\n        >\n          <div class=\"user-bubble-container\">\n            <user-avatar\n              v-for=\"user of users\"\n              :key=\"user.userId\"\n              :user\n              :size=\"24\"\n              class=\"user-bubble\"\n            />\n          </div>\n        </nav-pill-button>\n      </nav-pill-view>\n    </template>\n    <template #menu>\n      <nav-sharing-dropdown-view />\n    </template>\n  </interface-dropdown>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.user-bubble-container\n  @apply flex h-full px-0.75 group flex-row-reverse justify-end\n.user-bubble\n  @apply outline outline-2 outline-[#212122] h-full group-hover:outline-[#66696d] z-1 -mx-1.5\n  &:not(:last-child)\n    @apply ml-0\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{\n  min: number\n  max: number\n}>()\nconst value = defineModel<number>({ required: true })\n\nconst active = ref(false)\nconst select = ref<HTMLDivElement>()\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (!event.target)\n    return\n  if (event.target === select.value || select.value?.contains(event.target as any))\n    return\n  if (active.value)\n    toggle()\n}\n\nfunction toggle() {\n  if (active.value) {\n    active.value = false\n    document.body.removeEventListener(\"click\", handleClickOutside)\n  }\n  else {\n    active.value = true\n    document.body.addEventListener(\"click\", handleClickOutside)\n  }\n}\n\nfunction onUpdate(target: HTMLInputElement) {\n  const scale: number = Number.parseInt(target.value) / 100\n  value.value = props.min + scale * (props.max - props.min)\n}\n</script>\n\n<template>\n  <div ref=\"select\" class=\"relative inline-block text-left\">\n    <div class=\"inline-select-button t-menu-sm\" @click=\"toggle()\">\n      <div> {{ round(value, 2) }} </div>\n      <icon-action\n        size=\"2xs\"\n        type=\"chevron-down\"\n        class=\"-mr-1\"\n      />\n    </div>\n    <div\n      v-show=\"active\"\n      class=\"menu-dropdown-container absolute -right-1 -top-1 inline-select-dropdown\"\n    >\n      <div class=\"inline-select-inner\">\n        <input\n          id=\"myRange\"\n          type=\"range\"\n          min=\"0\"\n          max=\"100\"\n          value=\"50\"\n          class=\"slider h-1.5 w-full rounded-full\"\n          @input=\"(e) => onUpdate(e.target as any)\"\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.inline-select-button\n  @apply hover:bg-[#{$menu-bg-item-hover}] text-[#{$global-t-secondary}]\n  @apply flex cursor-pointer items-center gap-1 rounded-[#{$menu-br-item}] p-1 px-1.5 -m-1 -mx-1.5\n  .color\n    @apply w-2.5 h-2.5 rounded-full\n\n.inline-select-dropdown\n  @apply gap-[#{$menu-gap-items}] flex-row w-30\n.inline-select-inner\n  @apply rounded-[#{$menu-br-default}] px-2 py-1\n\n.slider\n  -webkit-appearance: none\n  appearance: none\n  outline: none\n  &::-webkit-slider-thumb\n    -webkit-appearance: none\n    appearance: none\n    border-radius: 50%\n    width: 12px\n    height: 12px\n    background: $global-t-default\n    cursor: pointer\n  &::-moz-range-thumb\n    border-radius: 50%\n    width: 12px\n    height: 12px\n    background: $global-t-default\n    cursor: pointer\n</style>\n","<script setup lang=\"ts\">\nimport { PropertyColor } from \"~/classes/generated/interface\"\nimport { enumEq } from \"~/utils/helpers\"\n\nconst value = defineModel<PropertyColor>({ required: true })\n\nconst active = ref(false)\nconst select = ref<HTMLDivElement>()\n\nfunction handleSelect(key: PropertyColor) {\n  value.value = key\n  toggle()\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (!event.target)\n    return\n  if (event.target === select.value || select.value?.contains(event.target as any))\n    return\n  if (active.value)\n    toggle()\n}\n\nfunction toggle() {\n  if (active.value) {\n    active.value = false\n    document.body.removeEventListener(\"click\", handleClickOutside)\n  }\n  else {\n    active.value = true\n    document.body.addEventListener(\"click\", handleClickOutside)\n  }\n}\n</script>\n\n<template>\n  <div ref=\"select\" class=\"relative inline-block text-left\">\n    <div class=\"inline-select-button t-menu-sm\" @click=\"toggle()\">\n      <div\n        class=\"color\"\n        :class=\"{\n          'bg-$global-t-default': enumEq(value, PropertyColor.Default),\n          'bg-$global-steel-primary': enumEq(value, PropertyColor.Steel),\n          'bg-$global-amber-primary': enumEq(value, PropertyColor.Amber),\n          'bg-$global-green-primary': enumEq(value, PropertyColor.Green),\n          'bg-$global-teal-primary': enumEq(value, PropertyColor.Teal),\n          'bg-$global-blue-primary': enumEq(value, PropertyColor.Blue),\n          'bg-$global-purple-primary': enumEq(value, PropertyColor.Purple),\n          'bg-$global-pink-primary': enumEq(value, PropertyColor.Pink),\n          'bg-$global-red-primary': enumEq(value, PropertyColor.Red),\n        }\"\n      />\n    </div>\n    <div\n      v-show=\"active\"\n      class=\"menu-dropdown-container absolute -right-1 -top-1 inline-select-dropdown\"\n    >\n      <div\n        v-for=\"option in [\n          PropertyColor.Default,\n          PropertyColor.Steel,\n          PropertyColor.Amber,\n          PropertyColor.Green,\n          PropertyColor.Teal,\n          PropertyColor.Blue,\n          PropertyColor.Purple,\n          PropertyColor.Pink,\n          PropertyColor.Red,\n        ]\"\n        :key=\"option\"\n        class=\"inline-select-option\"\n        @click=\"handleSelect(option)\"\n      >\n        <div\n          class=\"color\"\n          :class=\"{\n            'halo': enumEq(option, value),\n            'bg-$global-t-default': enumEq(option, PropertyColor.Default),\n            'bg-$global-steel-primary': enumEq(option, PropertyColor.Steel),\n            'bg-$global-amber-primary': enumEq(option, PropertyColor.Amber),\n            'bg-$global-green-primary': enumEq(option, PropertyColor.Green),\n            'bg-$global-teal-primary': enumEq(option, PropertyColor.Teal),\n            'bg-$global-blue-primary': enumEq(option, PropertyColor.Blue),\n            'bg-$global-purple-primary': enumEq(option, PropertyColor.Purple),\n            'bg-$global-pink-primary': enumEq(option, PropertyColor.Pink),\n            'bg-$global-red-primary': enumEq(option, PropertyColor.Red),\n          }\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.inline-select-button\n  @apply hover:bg-[#{$menu-bg-item-hover}] text-[#{$global-t-secondary}]\n  @apply flex cursor-pointer items-center gap-1 rounded-[#{$menu-br-item}] p-1 px-1.5 -m-1 -mx-1.5 h-6\n  .color\n    @apply w-2.5 h-2.5 rounded-full\n\n.inline-select-dropdown\n  @apply gap-[#{$menu-gap-items}] p-[#{$menu-p-default}] flex-row\n\n.inline-select-option\n  @apply hover:t-[#{$global-t-default}]\n  @apply flex cursor-pointer items-center h-5 -m-1 p-1 gap-2\n  @apply rounded-[#{$menu-br-item}] hover:bg-[#{$menu-bg-item-hover}]\n  .color\n    @apply w-2.5 h-2.5 rounded-full\n  .halo\n    @apply outline outline-1.5 outline-$global-blue-primary\n  .icon\n    @apply ml-auto h-4 w-4 text-[#{$global-bg-icon-secondary}]\n</style>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { enumEq } from \"~/utils/helpers\"\n\ndefineProps<{\n  options: T[]\n  label: (key: T) => string\n  enabled: (key: T) => boolean\n  menuWidth?: number\n}>()\nconst emit = defineEmits<{\n  selected: [option: T]\n}>()\n\nconst active = ref(false)\nconst select = ref<HTMLDivElement>()\n\nfunction handleSelect(key: T) {\n  emit(\"selected\", key)\n  toggle()\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (!event.target)\n    return\n  if (event.target === select.value || select.value?.contains(event.target as any))\n    return\n  if (active.value)\n    toggle()\n}\n\nfunction toggle() {\n  if (active.value) {\n    active.value = false\n    document.body.removeEventListener(\"click\", handleClickOutside)\n  }\n  else {\n    active.value = true\n    document.body.addEventListener(\"click\", handleClickOutside)\n  }\n}\n</script>\n\n<template>\n  <div ref=\"select\" class=\"relative inline-block text-left\">\n    <div @click=\"toggle()\">\n      <slot />\n    </div>\n    <div\n      v-show=\"active\"\n      class=\"menu-dropdown-container absolute -left-1 -top-1 inline-select-dropdown\"\n      :style=\"{ width: menuWidth ? px(menuWidth) : undefined }\"\n    >\n      <div\n        v-for=\"option in options\"\n        :key=\"`${option}`\"\n        class=\"inline-select-option t-menu-sm\"\n        @click=\"handleSelect(option)\"\n      >\n        <div>{{ label(option) }}</div>\n        <icon-action\n          v-if=\"enabled(option)\"\n          size=\"xs\"\n          type=\"check\"\n          class=\"icon\"\n        />\n        <div v-else class=\"icon\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.inline-select-dropdown\n  @apply gap-[#{$menu-gap-items}] p-[#{$menu-p-default}]\n\n.inline-select-option\n  @apply text-[#{$global-t-default}]\n  @apply flex cursor-pointer items-center h-5 -m-1 p-1 gap-2\n  @apply rounded-[#{$menu-br-item}] hover:bg-[#{$menu-bg-item-hover}]\n  .icon\n    @apply ml-auto h-4 w-4 text-[#{$global-bg-icon-secondary}]\n</style>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"4\",\n  height: \"7\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createStaticVNode(\"<circle cx=\\\".75\\\" cy=\\\".75\\\" r=\\\".75\\\" fill=\\\"currentColor\\\"></circle><circle cx=\\\"3.25\\\" cy=\\\".75\\\" r=\\\".75\\\" fill=\\\"currentColor\\\"></circle><circle cx=\\\".75\\\" cy=\\\"3.25\\\" r=\\\".75\\\" fill=\\\"currentColor\\\"></circle><circle cx=\\\"3.25\\\" cy=\\\"3.25\\\" r=\\\".75\\\" fill=\\\"currentColor\\\"></circle><circle cx=\\\".75\\\" cy=\\\"5.75\\\" r=\\\".75\\\" fill=\\\"currentColor\\\"></circle><circle cx=\\\"3.25\\\" cy=\\\"5.75\\\" r=\\\".75\\\" fill=\\\"currentColor\\\"></circle>\", 6)\nconst _hoisted_8 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_8]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\nimport { useWindowSize } from \"@vueuse/core\"\nimport grip from \"~/assets/icons/grip.svg\"\nimport { Property } from \"~/classes/entity\"\nimport { PropertySize, ViewModeType } from \"~/classes/generated/interface\"\n\nconst {\n  viewModeState,\n  viewModes,\n  switchViewMode,\n  showableProperties,\n  viewModePropertySizes,\n  isShowingProperty,\n  isSortingProperty,\n  isFilteringProperty,\n  showViewModeProperty,\n  hideViewModeProperty,\n  addViewModeSort,\n  removeViewModeSort,\n} = useViewMode()\nconst showablePropertyOptions = Object.values(showableProperties)\nconst sortablePropertyOptions = Object.values(showableProperties).filter(p => p.sortable)\nconst filterablePropertyOptions = Object.values(showableProperties).filter(p => p.filterable)\n\nfunction onToggleShowProperty(propertyId: Property) {\n  isShowingProperty(propertyId)\n    ? hideViewModeProperty(propertyId)\n    : showViewModeProperty(propertyId)\n}\nfunction onToggleSortProperty(propertyId: Property) {\n  isSortingProperty(propertyId)\n    ? removeViewModeSort(propertyId)\n    : addViewModeSort(propertyId)\n}\nconst { width } = useWindowSize()\n</script>\n\n<template>\n  <div class=\"dropdown menu-dropdown-container\">\n    <menu-section>\n      <menu-header label=\"Mode\" />\n      <div class=\"all-modes\">\n        <button\n          v-for=\"mode in viewModes\"\n          :key=\"mode.type\"\n          class=\"mode\"\n          :class=\"{\n            selected: mode.type === viewModeState.current.mode,\n            icon: mode.type === ViewModeType.Icon,\n            grid: mode.type === ViewModeType.Grid,\n            detail: mode.type === ViewModeType.Detail,\n            feed: mode.type === ViewModeType.Feed,\n            column: mode.type === ViewModeType.Column,\n            tree: mode.type === ViewModeType.Tree,\n          }\"\n          @click=\"switchViewMode(mode.type)\"\n        >\n          <component :is=\"mode.icon\" class=\"mode-icon\" />\n          <div class=\"label\">\n            {{ mode.name }}\n          </div>\n        </button>\n      </div>\n    </menu-section>\n    <template v-if=\"viewModeState.current.mode === ViewModeType.Detail\">\n      <menu-separator />\n      <menu-section>\n        <menu-header label=\"Options\" />\n        <div class=\"flex justify-between\">\n          <div class=\"t-menu-sm text-$global-t-secondary\">\n            Column Width (px)\n          </div>\n          <menu-selection-slider\n            v-model=\"viewModeState.current.detailView.maxColumnWidth\"\n            :min=\"100\"\n            :max=\"width\"\n          />\n        </div>\n      </menu-section>\n    </template>\n    <menu-separator />\n    <menu-section>\n      <menu-header label=\"Properties\" />\n      <div\n        v-for=\"show in viewModeState.current.show\"\n        :key=\"show.propertyId\"\n        class=\"property-row\"\n      >\n        <div class=\"property-row-left t-base\">\n          <grip class=\"grip\" />\n          <icon-property :type=\"showableProperties[show.propertyId]!.icon\" class=\"property-icon\" />\n          <div class=\"h-full flex items-center text-ellipses-inline\">\n            {{ showableProperties[show.propertyId]!.name }}\n          </div>\n        </div>\n        <div class=\"property-row-right\">\n          <menu-selection-slider\n            v-if=\"show.scale !== null\"\n            v-model=\"show.scale\"\n            :min=\"0\"\n            :max=\"1\"\n          />\n          <menu-color-selection\n            v-if=\"show.scale === null && show.propertyId !== Property.VIRTUAL_TAGS\"\n            v-model=\"show.color\"\n          />\n          <menu-selection\n            v-if=\"show.scale === null\"\n            v-model=\"show.size\"\n            :options=\"[\n              PropertySize.Tiny,\n              PropertySize.Small,\n              PropertySize.Medium,\n              PropertySize.Large,\n              PropertySize.Huge,\n              PropertySize.Giant,\n            ]\"\n            :label=\"((k) => viewModePropertySizes[k].label)\"\n          />\n          <icon-action\n            v-if=\"show.propertyId === Property.VIRTUAL_PREVIEW\"\n            size=\"2xs\"\n            type=\"private\"\n            class=\"action\"\n          />\n          <icon-action\n            v-else\n            action\n            size=\"2xs\"\n            type=\"cross\"\n            class=\"action button\"\n            @click.stop.prevent=\"onToggleShowProperty(show.propertyId)\"\n          />\n        </div>\n      </div>\n      <div class=\"inline-flex\">\n        <menu-multi-selection\n          :options=\"showablePropertyOptions\"\n          :label=\"p => p.name\"\n          :enabled=\"p => isShowingProperty(p.propertyId)\"\n          :menu-width=\"200\"\n          @selected=\"p => onToggleShowProperty(p.propertyId)\"\n        >\n          <div class=\"multi-select-button\">\n            <icon-action size=\"xs\" type=\"plus\" />\n            <div>Property</div>\n          </div>\n        </menu-multi-selection>\n      </div>\n    </menu-section>\n    <menu-separator />\n    <menu-section>\n      <menu-header label=\"Sort\" />\n      <div\n        v-for=\"sort in viewModeState.current.sort\"\n        :key=\"sort.propertyId\"\n        class=\"property-row\"\n      >\n        <div v-if=\"showableProperties[sort.propertyId]\" class=\"property-row-left t-base\">\n          <grip class=\"grip\" />\n          <div class=\"filter-property-bubble\">\n            <icon-property :type=\"showableProperties[sort.propertyId]!.icon\" />\n            <div>\n              {{ showableProperties[sort.propertyId]!.name }}\n            </div>\n          </div>\n        </div>\n        <div class=\"property-row-right\">\n          <menu-selection\n            v-model=\"sort.descending\"\n            :options=\"[\n              false, true,\n            ]\"\n            :label=\"(d => d ? 'Descending' : 'Ascending')\"\n          />\n          <icon-action\n            action\n            size=\"2xs\"\n            type=\"cross\"\n            class=\"action button\"\n            @click.stop.prevent=\"onToggleSortProperty(sort.propertyId)\"\n          />\n        </div>\n      </div>\n      <div class=\"inline-flex\">\n        <menu-multi-selection\n          :options=\"sortablePropertyOptions\"\n          :label=\"p => p.name\"\n          :enabled=\"p => isSortingProperty(p.propertyId)\"\n          :menu-width=\"200\"\n          @selected=\"p => onToggleSortProperty(p.propertyId)\"\n        >\n          <div class=\"multi-select-button\">\n            <icon-action size=\"xs\" type=\"plus\" />\n            <div>Property</div>\n          </div>\n        </menu-multi-selection>\n      </div>\n    </menu-section>\n    <menu-separator />\n    <menu-section>\n      <menu-header label=\"Filter\" />\n      <div class=\"inline-flex\">\n        <menu-multi-selection\n          :options=\"filterablePropertyOptions\"\n          :label=\"p => p.name\"\n          :enabled=\"p => isFilteringProperty(p.propertyId)\"\n          :menu-width=\"200\"\n          @selected=\"p => onToggleShowProperty(p.propertyId)\"\n        >\n          <div class=\"multi-select-button\">\n            <icon-action size=\"xs\" type=\"plus\" />\n            <div>Property</div>\n          </div>\n        </menu-multi-selection>\n      </div>\n    </menu-section>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.dropdown\n  @apply w-[#{$menu-viewmode-w-default}]\n\n.all-modes\n  @apply grid grid-cols-2 gap-1 -m-1.5\n.mode\n  @apply h-8 w-full flex rounded-1.5 p-1.5 items-center gap-1.5 overflow-hidden\n  @apply text-[#{$global-t-secondary}] fw-$global-fw-base-strong\n  &:hover,&.selected\n    &.icon\n      @apply text-$global-green-primary bg-$global-green-accent\n    &.grid\n      @apply text-$global-amber-primary bg-$global-amber-accent\n    &.detail\n      @apply text-$global-purple-primary bg-$global-purple-accent\n    &.feed\n      @apply text-$global-blue-primary bg-$global-blue-accent\n    &.column\n      @apply text-$global-red-primary bg-$global-red-accent\n    &.tree\n      @apply text-$global-teal-primary bg-$global-teal-accent\n  .mode-icon\n    @apply flex-none w-[#{$pill-w-icon}] h-[#{$pill-w-icon}]\n\n.property-row\n  @apply flex items-center h-4 justify-between\n.property-row-left\n  @apply flex items-center h-4 gap-[#{$menu-viewmode-gap-property-edit}] cursor-grab\n.property-row-right\n  @apply flex items-center h-4 gap-[#{$menu-viewmode-gap-property-edit}]\n  .action\n    @apply text-[#{$menu-viewmode-bg-property-action}]\n    &.button\n      @apply cursor-pointer hover:bg-[#{$global-red-primary}] rounded-[2px] hover:text-[#{$global-t-default}]\n.property-icon\n  @apply text-[#{$global-bg-icon-secondary}]\n\n.filter-property-bubble\n  @apply bg-[#{$global-blue-accent}] flex items-center  gap-[#{$menu-viewmode-gap-property-edit}] rounded-[#{$page-properties-br-overlay}] px-1 py-0.5 text-[#{$global-blue-primary}]\n\n.multi-select-button\n  @apply flex items-center gap-1 cursor-pointer t-menu-sm text-[#{$menu-viewmode-t-property}] rounded-[#{$menu-br-item}] hover:bg-[#{$menu-bg-item-hover}] hover:text-#{$global-t-default} py-1 pr-1.5 pl-1 -my-1 -mx-1.5\n\n.grip\n  @apply text-[#{$global-bg-icon-secondary-alt}] ml-0.75\n</style>\n","<script setup lang=\"ts\">\nconst { viewModeState, viewModes, isCustomSort, clearViewModeSorts } = useViewMode()\nconst { navViewModeButtonTestId } = useTestId()\n\nconst sorting = computed(isCustomSort)\n</script>\n\n<template>\n  <interface-dropdown position=\"bottom-right\">\n    <template #default=\"{ toggle }\">\n      <nav-pill-view class=\"viewmode-container\">\n        <nav-pill-button\n          v-if=\"sorting\"\n          class=\"group sort-indicator\"\n          @click=\"clearViewModeSorts()\"\n        >\n          <icon-action\n            size=\"xs\"\n            type=\"sort\"\n            class=\"group-hover:hidden\"\n          />\n          <icon-action\n            size=\"xs\"\n            type=\"cross\"\n            class=\"hidden group-hover:block\"\n          />\n        </nav-pill-button>\n        <nav-pill-button\n          :data-testid=\"navViewModeButtonTestId\"\n          class=\"group viewmode\"\n          @click=\"toggle()\"\n        >\n          <component :is=\"viewModes[viewModeState.current.mode].icon\" />\n          <div>\n            {{ viewModes[viewModeState.current.mode].name }}\n          </div>\n        </nav-pill-button>\n      </nav-pill-view>\n    </template>\n    <template #menu>\n      <nav-view-mode-dropdown />\n    </template>\n  </interface-dropdown>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.viewmode-container\n  @apply gap-2\n.viewmode\n  @apply px-1.5\n\n.sort-indicator\n  @apply rounded-full bg-[#{$global-blue-accent}] text-[#{$global-blue-primary}]\n  &:hover\n    @apply text-[#{$pill-t-default}]\n</style>\n","<script setup lang=\"ts\">\nconst { tauriState, closeWindow, minimizeWindow, maximizeWindow, unmaximizeWindow } = useTauri()\n</script>\n\n<template>\n  <div class=\"menu\">\n    <button\n      class=\" text-white hover:bg-white/[.06] active:bg-white/[.04]\"\n      @click=\"minimizeWindow\"\n    >\n      <nav-window-icons icon=\"minimizeWin\" />\n    </button>\n    <button\n      v-if=\"tauriState.isWindowMaximized\"\n      class=\"text-white hover:bg-white/[.06] active:bg-white/[.04]\"\n      @click=\"unmaximizeWindow\"\n    >\n      <nav-window-icons icon=\"maximizeRestoreWin\" />\n    </button>\n    <button\n      v-else\n      class=\"text-white hover:bg-white/[.06] active:bg-white/[.04]\"\n      @click=\"maximizeWindow\"\n    >\n      <nav-window-icons icon=\"maximizeWin\" />\n    </button>\n    <button\n      class=\" hover:bg-[#c42b1c] hover:text-white active:bg-[#c42b1c]/90 text-white\"\n      @click=\"closeWindow\"\n    >\n      <nav-window-icons icon=\"closeWin\" />\n    </button>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.menu\n  @apply h-11 rounded-bl-[16px] bg-[#{$pill-bg-default}] border-b-[#{$pill-b-outline}] border-b border-l-[#{$pill-b-outline}] border-l flex overflow-hidden\n  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25)\n  app-region: no-drag\n  button\n    @apply inline-flex items-center justify-center h-full w-[46px]  rounded-none\n</style>\n","<script setup lang=\"ts\">\nconst { navIgnoreMainViewGestures } = useGlobals()\nconst { notificationState } = useNotifications()\nconst { transferState } = useTransferManager()\nconst { tauriState } = useTauri()\nconst { sharedFolderState } = useSharedFolders()\nconst { searchState } = useSearch()\nconst { isOnSearchPage } = useNavigation()\nconst { sidebarState } = useSidebar()\nconst { isDemoUser } = useUser()\n\nconst isEditingSearch = computed(() => searchState.value.isEditing)\n\n// TODO: decide whether we need the selection view, really?\n</script>\n\n<template>\n  <div class=\"header\">\n    <nav-window-menu-mac v-if=\"tauriState.platform === 'macos' && !sidebarState.visible\" class=\"island -mt-3 -ml-3\" />\n    <nav-user v-if=\"!sidebarState.visible\" />\n    <nav-sign-in v-if=\"isDemoUser()\" />\n    <nav-history v-if=\"isDesktop()\" :class=\"[navIgnoreMainViewGestures]\" />\n    <nav-tray-view\n      v-show=\"len(notificationState.alerts) !== 0 || len(transferState.jobs) !== 0\"\n      :class=\"[navIgnoreMainViewGestures]\"\n    />\n    <div v-if=\"!isEditingSearch\" class=\"flex shrink-10000 flex-basis-[400px] gap-3\" />\n    <div class=\"flex flex-grow justify-center gap-3\">\n      <nav-path-view\n        v-if=\"!isEditingSearch && !isOnSearchPage()\"\n        class=\"island flex-basis-auto\"\n      />\n      <nav-search-bar class=\"island\" />\n    </div>\n    <div v-if=\"!isEditingSearch\" class=\"flex shrink-10000 flex-basis-[400px] justify-end gap-3\">\n      <!-- <nav-selection\n        v-if=\"!isSelectionEmpty()\"\n        class=\"island\"\n        :class=\"[navIgnoreMainViewGestures]\"\n        z=\"navigation-layer\"\n      /> -->\n      <nav-sharing-pill-view\n        v-if=\"sharedFolderState.current\"\n        class=\"island\"\n        :class=\"[navIgnoreMainViewGestures]\"\n      />\n      <nav-view-mode-view\n        class=\"island\"\n        :class=\"[navIgnoreMainViewGestures]\"\n      />\n      <nav-window-menu-windows v-if=\"tauriState.platform === 'windows'\" class=\"island -mt-3 -mr-3\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.header\n  @apply pointer-events-none absolute top-0 w-full flex justify-between gap-[#{$nav-gap-pills}] p-[#{$nav-gap-pills}] pb-0\n.island\n  @apply pointer-events-auto z-navigation-layer\n</style>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"20\",\n  height: \"20\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.4\",\n  d: \"M3.334 6.665V5A1.667 1.667 0 0 1 5 3.332h1.667m-3.333 10v1.667A1.667 1.667 0 0 0 5 16.665h1.667m6.667-13.333H15a1.667 1.667 0 0 1 1.667 1.667v1.666m-3.334 10H15A1.667 1.667 0 0 0 16.667 15v-1.667m-10-3.333h6.667m-6.667-2.5h5m-5 5H10\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"20\",\n  height: \"20\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.4\",\n  d: \"M10 6.667v3.334l1.667 1.666M2.542 9.166a7.5 7.5 0 1 1 .416 3.333m-.417 4.167v-4.167h4.167\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"20\",\n  height: \"20\",\n  fill: \"none\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"1.4\",\n  d: \"M3.334 4.165a.833.833 0 1 0 1.666 0 .833.833 0 0 0-1.666 0M9.167 4.165a.833.833 0 1 0 1.667 0 .833.833 0 0 0-1.667 0M15 4.165a.834.834 0 1 0 1.667 0 .834.834 0 0 0-1.667 0M3.334 9.999a.833.833 0 1 0 1.666 0 .833.833 0 0 0-1.666 0M9.167 9.999a.833.833 0 1 0 1.667 0 .833.833 0 0 0-1.667 0M15 9.999a.834.834 0 1 0 1.668 0 .834.834 0 0 0-1.668 0M3.334 15.832a.833.833 0 1 0 1.666 0 .833.833 0 0 0-1.666 0M9.167 15.832a.833.833 0 1 0 1.667 0 .833.833 0 0 0-1.667 0M15 15.832a.834.834 0 1 0 1.668 0 .834.834 0 0 0-1.668 0\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\nimport detailsIcon from \"~/assets/icons/pill/details.svg\"\nimport historyIcon from \"~/assets/icons/pill/history.svg\"\nimport waterfallIcon from \"~/assets/icons/pill/waterfall.svg\"\n\nconst { togglePanel, panelState } = usePanel()\n</script>\n\n<template>\n  <div class=\"panel-pill\">\n    <nav-pill-view>\n      <nav-pill-button\n        class=\"pill-button\"\n        :class=\"{ selected: panelState.visible && panelState.selected === 'waterfall' }\"\n        :selected=\"panelState.visible && panelState.selected === 'waterfall'\"\n        @click=\"togglePanel('waterfall')\"\n      >\n        <waterfall-icon class=\"icon\" />\n      </nav-pill-button>\n      <nav-pill-button\n        class=\"pill-button\"\n        :class=\"{ selected: panelState.visible && panelState.selected === 'details' }\"\n        :selected=\"panelState.visible && panelState.selected === 'details'\"\n        @click=\"togglePanel('details')\"\n      >\n        <details-icon class=\"icon\" />\n      </nav-pill-button>\n      <nav-pill-button\n        class=\"pill-button\"\n        :class=\"{ selected: panelState.visible && panelState.selected === 'history' }\"\n        :selected=\"panelState.visible && panelState.selected === 'history'\"\n        @click=\"togglePanel('history')\"\n      >\n        <history-icon class=\"icon\" />\n      </nav-pill-button>\n    </nav-pill-view>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.panel-pill\n  @apply pointer-events-none absolute bottom-[#{$nav-gap-pills}] right-[#{$nav-gap-pills}]\n  .icon\n    @apply text-[#{$pill-t-default}] mx-0.75\n  .pill-button:hover,.pill-button.selected\n    .icon\n      @apply text-[#{$pill-t-hovered}]\n</style>\n","<script setup lang=\"ts\">\nimport { useMouse } from \"@vueuse/core\"\nimport columnGrip from \"~/assets/icons/column-grip.svg\"\n\nconst globals = useGlobals()\nconst { y } = useMouse()\n\n/**\n * NOTE: Panel dragging to resize is handled by:\n * [usePanelDragToResize](../../classes/gestures/usePanelDragToResize.ts)\n */\nconst id = globals.panelDraggerId\n</script>\n\n<template>\n  <div :id class=\"divider-container group\">\n    <div class=\"divider\" />\n    <column-grip class=\"grip\" :style=\"{ top: px(y) }\" />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.divider-container\n  @apply absolute h-full w-2 px-0.75 -left-1 z-gesture-overlay-layer hover:cursor-none\n.divider\n  @apply h-full w-full bg-[#{$page-b-divider}] opacity-0 transition group-hover:opacity-100\n.grip\n  @apply absolute w-3.5 h-7 -my-3.5 text-[#{$page-b-divider}] -right-0.75 opacity-0 group-hover:opacity-100\n</style>\n","<script setup lang=\"ts\">\nconst { sortedContents } = useMainView()\nconst { sidebarWaterfallId } = useGlobals()\nconst { isSelected } = useSelection()\n\n// TODO: scale the thumbnail based on the size of the view\n// TODO: make the waterfall more configurable?\n</script>\n\n<template>\n  <div :id=\"sidebarWaterfallId\" class=\"waterfall\">\n    <div\n      v-for=\"file in sortedContents\"\n      :key=\"file.fileId\"\n      class=\"aspect-square w-full cursor-pointer\"\n      :data-file-id=\"file.fileId\"\n    >\n      <div v-if=\"file.isFolder()\" class=\"aspect-square\">\n        <img src=\"~/assets/images/files/folder/poly_folder@256.webp\" class=\"p-2\">\n      </div>\n      <div\n        v-else\n        class=\"waterfall-tile\"\n        :class=\"{\n          selected: isSelected(file.fileId) }\"\n      >\n        <file-thumbnail\n          :file\n          :container-height=\"44\"\n          :container-width=\"44\"\n          cropped\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.waterfall\n  @apply grid grid-cols-5 flex-none gap-0.5 grid-content-start overflow-auto pl-0.25 h-full p-0.5\n\n.waterfall-tile\n  @apply aspect-square\n  &.selected\n    @apply outline outline-[#{$global-blue-primary}] rounded-[2px] outline-2\n</style>\n","<script setup lang=\"ts\">\nimport iconFolderFilled from \"~/assets/icons/folder-filled.svg\"\n\nconst props = defineProps<{\n  file: InterfaceFile\n  includeFile?: boolean\n}>()\nconst { navigateToFolder } = useNavigation()\n\nconst compressedPath = computed(() => {\n  let path: InterfaceFile[] = props.file.path()?.reverse() ?? []\n  path = props.includeFile ? [...path, props.file] : path\n  if (path.length <= 2)\n    return path\n  else return [path[0], null, path[path.length - 1]]\n})\n</script>\n\n<template>\n  <div class=\"h-5.5 flex gap-1.25 overflow-hidden text-sm -mx-1.5\">\n    <template\n      v-for=\"(item, i) in compressedPath\"\n      :key=\"item?.fileId\"\n    >\n      <div\n        v-if=\"i !== 0\"\n        class=\"my-0.5 w-0 flex-none rotate-22 transform border-l border-l-border-secondary\"\n      />\n      <div\n        v-if=\"item\"\n        class=\"group flex cursor-pointer gap-1.25 overflow-hidden rounded-md px-1 py-0.75\"\n        hover=\"bg-accent-neutral\"\n        @click=\"item.isFolder() && navigateToFolder(item as InterfaceFolderFile)\"\n      >\n        <icon-folder-filled\n          v-if=\"i === 0\"\n          class=\"w-3 flex-none text-text-secondary\"\n          group-hover=\"text-$global-violet-primary\"\n        />\n        <div\n          v-if=\"item.isHomeFolder()\"\n          class=\"text-ellipses-inline\"\n        >\n          Home\n        </div>\n        <div\n          v-else-if=\"item.isArchiveFolder()\"\n          class=\"text-ellipses-inline\"\n        >\n          Home\n        </div>\n        <div\n          v-else\n          class=\"text-ellipses-inline\"\n        >\n          {{ item.name() }}\n        </div>\n      </div>\n      <div\n        v-else\n        class=\"flex items-center text-text-secondary\"\n      >\n        ...\n      </div>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { type Property, PropertySchema } from \"~/classes/entity\"\nimport type { InterfaceFile } from \"~/classes/file\"\n\nconst props = defineProps<{\n  file: InterfaceFile\n  propertyId: Property\n  schemaType: PropertySchema.NonNullableStringValue | PropertySchema.NullableStringValue\n  multiline?: boolean\n  newlines?: boolean\n  wrap?: boolean\n}>()\nconst { propertyEditorState, isEditingProperty, stopEditing } = useProperty()\nconst editable = ref()\n\nconst editing = computed(() => isEditingProperty(props.file.fileId, props.propertyId))\n\nconst value = computed(() => {\n  const value = props.file.property(props.propertyId)?.value\n  if (!value)\n    return console.error(\"Cannot determine property type\")\n  if (value.type === PropertySchema.NonNullableStringValue)\n    return value.nonNullableString\n  if (value.type === PropertySchema.NullableStringValue)\n    return value.nullableString\n  console.log(value)\n  throw new Error(\"No way to unpack value for this property\")\n})\n\nwatch(editing, (isEditing) => {\n  if (isEditing)\n    setTimeout(() => { editable.value.$el.focus() }, 100)\n})\n</script>\n\n<template>\n  <div>\n    <interface-content-editable\n      v-if=\"schemaType === PropertySchema.NonNullableStringValue && 'nonNullableString' in propertyEditorState.newValue\"\n      v-show=\"editing\"\n      ref=\"editable\"\n      v-model=\"propertyEditorState.newValue.nonNullableString\"\n      :schema-type\n      tag=\"div\"\n      contenteditable=\"plaintext-only\"\n      class=\"no-scrollbar editable multiline bg-transparent\"\n      :wrap\n      :newlines\n      spellcheck=\"false\"\n      @returned=\"stopEditing()\"\n    />\n    <interface-content-editable\n      v-else-if=\"schemaType === PropertySchema.NullableStringValue && 'nullableString' in propertyEditorState.newValue\"\n      v-show=\"editing\"\n      ref=\"editable\"\n      v-model=\"propertyEditorState.newValue.nullableString\"\n      :schema-type\n      tag=\"div\"\n      contenteditable=\"plaintext-only\"\n      class=\"no-scrollbar editable multiline bg-transparent\"\n      :wrap\n      :newlines\n      spellcheck=\"false\"\n      @returned=\"stopEditing()\"\n    />\n    <div\n      v-show=\"!editing\"\n      class=\"editable multiline min-line-height-one\"\n      :class=\"{ wrap, newlines }\"\n    >\n      {{ value }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.multiline\n  @apply whitespace-normal overflow-auto text-base max-h-43 break-words\n.editable\n  @apply cursor-text rounded-md px-2.5 py-1.5 ring-1 ring-[#{$menu-b-input-default}] bg-[#{$menu-bg-input-text-box}] ring-inset focus:outline-none focus:ring-2 focus:ring-$global-blue-primary\n.wrap\n  @apply break-all\\!\n.newlines\n  @apply whitespace-pre-line\\!\n</style>\n","import { Node, mergeAttributes } from \"@tiptap/core\"\nimport { VueNodeViewRenderer } from \"@tiptap/vue-3\"\nimport editableTag from \"~/components/File/Property/EditableTag.vue\"\n\nconst _console = useLogger(\"EditableTag\", theme.colors.violet.hex)\n\nexport class EditableTag {\n  static TAG = \"editableTag\"\n\n  static createNode() {\n    return Node.create({\n      name: EditableTag.TAG,\n      group: \"block\",\n      atom: true,\n      selectable: true,\n      parseHTML() {\n        return [{ tag: EditableTag.TAG }]\n      },\n      renderHTML({ HTMLAttributes }) {\n        return [EditableTag.TAG, mergeAttributes(HTMLAttributes), 0]\n      },\n      addNodeView() {\n        return VueNodeViewRenderer(editableTag)\n      },\n      addAttributes() {\n        return {\n          value: {\n            default: \"\",\n            parseHTML: element => element.getAttribute(\"value\"),\n            renderHTML: ({ value }) => ({ value }),\n          },\n        }\n      },\n    })\n  }\n}\n","<script setup lang=\"ts\">\nimport type { Content, Editor, JSONContent } from \"@tiptap/vue-3\"\nimport { EditorContent, useEditor } from \"@tiptap/vue-3\"\nimport Document from \"@tiptap/extension-document\"\nimport Text from \"@tiptap/extension-text\"\nimport Paragraph from \"@tiptap/extension-paragraph\"\nimport Placeholder from \"@tiptap/extension-placeholder\"\nimport { EditableTag } from \"~/classes/file/properties/EditableTag\"\nimport { PropertySchema } from \"~/classes/entity\"\n\nconst props = defineProps<{\n  file: InterfaceFile\n  focusOnMount?: boolean\n}>()\n\nconst console = useLogger(\"TagEditor\", theme.colors.red.hex)\nconst editor = useEditor({\n  content: fileTagsAsContents(props.file),\n  extensions: [\n    Document,\n    Paragraph,\n    Text,\n    Placeholder,\n    EditableTag.createNode(),\n  ],\n  editorProps: {\n    handleKeyDown: (_, event) => onKeyDown(editor.value!, event),\n  },\n  onUpdate: () => onUpdated(),\n})\nconst { updateFile } = useFileSystem()\nconst { getTagPropertyId } = useCache()\nconst { myself } = useUser()\n\nfunction onKeyDown(editor: Editor, event: KeyboardEvent) {\n  if (event.key === \"Enter\") {\n    const cursor = editor.state.selection.$from\n    const from = cursor.start()\n    const to = cursor.end()\n    const value = cursor.node().textContent.trim()\n    if (!value)\n      return true\n    if (tags().has(value))\n      return console.warn(\"Tag is already in list, skipping\")\n    editor\n      .chain()\n      .deleteRange({ from, to })\n      .insertContent([\n        { type: EditableTag.TAG, attrs: { value } },\n        { type: \"text\", text: \" \" }, // must have space otherwise tiptap can't create it\n      ])\n      .focus()\n      .run()\n    return true\n  }\n  return false\n}\n\n/** This editor's current tags */\nfunction tags(): Set<string> {\n  if (!editor.value)\n    throw new Error(\"No editor value\")\n  const editorJson = editor.value?.getJSON()\n  const tags = new Set<string>()\n  for (const node of editorJson.content || []) {\n    if (node.type !== EditableTag.TAG)\n      continue\n    const text = node.attrs?.value\n    if (!text)\n      continue\n    tags.add(text)\n  }\n  return tags\n}\n\n/** When the editor text is updated */\nasync function onUpdated() {\n  if (!editor.value)\n    throw new Error(\"No editor value\")\n  if (!myself.value.user)\n    throw new Error(\"Not logged in\")\n  const tagsToAdd = tags()\n  const tagsToRemove = props.file.tags()\n  for (const tag of tagsToAdd.intersection(tagsToRemove)) {\n    tagsToAdd.delete(tag)\n    tagsToRemove.delete(tag)\n  }\n  const updates: FileProperty[] = []\n  for (const add of tagsToAdd)\n    updates.push({\n      propertyId: await getTagPropertyId(add),\n      version: 0,\n      value: { type: PropertySchema.HashableTagValue, hashableTag: add },\n      timestamp: Date.now(),\n      schema: PropertySchema.HashableTagValue,\n      author: myself.value.user.userId,\n      pending: true,\n    })\n  for (const add of tagsToRemove)\n    updates.push({\n      propertyId: await getTagPropertyId(add),\n      version: 0,\n      value: { type: PropertySchema.HashableTagValue, hashableTag: add },\n      timestamp: Date.now(),\n      schema: PropertySchema.HashableTagValue,\n      author: myself.value.user.userId,\n      pending: true,\n      deleted: true,\n    })\n  if (!updates.length)\n    return\n  console.log(\"Updating tags to add and remove\", tagsToAdd.values(), tagsToRemove.values())\n  updateFile(props.file, updates)\n}\n\nfunction focusOnTagEditor() {\n  editor.value?.commands.focus(\"end\")\n}\n\nfunction fileTagsAsContents(file: InterfaceFile): JSONContent {\n  const content: JSONContent[] = []\n  for (const value of file.tags()) {\n    content.push({\n      type: EditableTag.TAG,\n      attrs: { value },\n    })\n    content.push({\n      type: \"paragraph\",\n      content: [],\n    })\n  }\n  return {\n    type: \"doc\",\n    content,\n  }\n}\n\n/** Computes whether the tags are different then reloads the editor if so */\nfunction reloadTagEditor(file: InterfaceFile, oldFile?: InterfaceFile) {\n  if (file.fileId === oldFile?.fileId) {\n    const tags = file.tags()\n    const oldTags = oldFile.tags()\n    if ((tags.size === oldTags.size) && tags.isSubsetOf(oldTags))\n      return console.warn(\"File tags are the same, returning...\")\n  }\n  editor.value?.chain().setContent(fileTagsAsContents(file)).blur().run()\n}\n\nwatch(() => props.file, reloadTagEditor)\nonMounted(() => {\n  // The timeout here should ideally match the transition duration for the\n  // search bar\n  if (props.focusOnMount)\n    setTimeout(focusOnTagEditor, 100)\n})\n</script>\n\n<template>\n  <div class=\"tag-editor\">\n    <editor-content :editor class=\"editor-content\" />\n  </div>\n</template>\n\n<style lang=\"sass\">\n@import '~/assets/styles/generated/variables.sass'\n\n.tag-editor\n  .tiptap\n    @apply flex flex-wrap gap-0.5 items-center\n    &.ProseMirror-focused\n      outline: none\n    p.is-editor-empty:first-child::before\n      content: 'Add tags (enter to save)...'\n      float: left\n      height: 0\n      pointer-events: none\n      @apply text-[#{$global-t-quaternary}] font-normal\n</style>\n","<script setup lang=\"ts\">\nimport { Property, PropertySchema, propertyName } from \"~/classes/entity\"\n\nconst props = defineProps<{ file: InterfaceFile }>()\nconst { corePropertyDisplay, generativePropertyDisplay, panelState } = usePanel()\nconst { createAndEditFileNotesProperty } = useProperty()\n\nconst fileNotesProperty = computed(() => props.file.property(Property.FILE_NOTES))\nconst fileExifProperty = computed(() => props.file.property(Property.FILE_EXIF_JSON))\n</script>\n\n<template>\n  <div class=\"details-view\">\n    <div class=\"section\">\n      <file-thumbnail\n        :file\n        :container-width=\"panelState.width\"\n        :container-height=\"panelState.width\"\n      />\n    </div>\n    <div class=\"section\">\n      <div class=\"header\">\n        Properties\n      </div>\n      <template\n        v-for=\"{ editable, monospace, inline, propertyId }, key in corePropertyDisplay\"\n        :key\n      >\n        <div\n          v-if=\"file.hasProperty(propertyId)\"\n          class=\"view\"\n          :class=\"{ inline }\"\n        >\n          <div class=\"label\">\n            {{ propertyName(propertyId) }}\n          </div>\n          <panel-details-property-path v-if=\"propertyId === Property.VIRTUAL_PATH\" :file />\n          <panel-details-property-dimensions\n            v-else-if=\"propertyId === Property.VIRTUAL_DIMENSIONS\"\n            :file\n          />\n          <panel-details-property-editable-text\n            v-else-if=\"editable\"\n            :file\n            :schema-type=\"file.property(propertyId)!.schema\"\n            :property-id=\"(propertyId as Property)\"\n            :data-property-id=\"propertyId\"\n            wrap\n          />\n          <panel-details-property-text\n            v-else\n            :class=\"{ monospace }\"\n            class=\"value\"\n            :property=\"file.property(propertyId)!\"\n          />\n        </div>\n      </template>\n    </div>\n    <div class=\"section\">\n      <div class=\"header\">\n        Details\n      </div>\n      <div class=\"view-full\">\n        <div class=\"label\">\n          Tags\n        </div>\n        <file-property-tag-editor\n          :file\n          class=\"panel-tag-editor\"\n        />\n      </div>\n      <div class=\"view-full\">\n        <div class=\"label\">\n          Notes\n        </div>\n        <panel-details-property-editable-text\n          v-if=\"fileNotesProperty\"\n          class=\"panel-notes-editor\"\n          :file\n          :schema-type=\"PropertySchema.NullableStringValue\"\n          :property-id=\"Property.FILE_NOTES\"\n          :data-property-id=\"Property.FILE_NOTES\"\n          newlines\n        />\n        <div\n          v-else\n          class=\"button\"\n          @click=\"createAndEditFileNotesProperty(file)\"\n        >\n          <icon-action\n            size=\"xs\"\n            type=\"plus\"\n          />\n          <div>Add Notes</div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"file.hasGenerativeMetadata()\" class=\"section\">\n      <div class=\"header\">\n        Generation Data\n      </div>\n      <template v-for=\"{ monospace, multiline, editable, inline }, propertyId in generativePropertyDisplay\" :key=\"propertyId\">\n        <div\n          v-if=\"file.hasProperty(propertyId)\"\n          class=\"view\"\n          :class=\"{ inline }\"\n        >\n          <div class=\"label\">\n            {{ propertyName(propertyId) }}\n          </div>\n          <panel-details-property-editable-text\n            v-if=\"editable\"\n            :file\n            :schema-type=\"file.property(propertyId)!.schema\"\n            :property-id=\"(propertyId as Property)\"\n            :multiline\n            :data-property-id=\"propertyId\"\n            wrap\n          />\n          <panel-details-property-text\n            v-else\n            :class=\"{ monospace, multiline }\"\n            class=\"value\"\n            :property=\"file.property(propertyId)!\"\n          />\n        </div>\n      </template>\n    </div>\n    <div v-if=\"fileExifProperty && fileExifProperty.value.type === PropertySchema.ExifJsonStringValue\" class=\"section\">\n      <div class=\"header\">\n        EXIF\n      </div>\n      <template v-for=\"value, key in fileExifProperty.value.exif\" :key>\n        <div\n          class=\"view\"\n          :class=\"{\n            inline: key !== 'UserComment',\n          }\"\n        >\n          <div class=\"label\">\n            {{ key }}\n          </div>\n          <div\n            class=\"value\"\n            :class=\"{\n              'inline': key !== 'UserComment',\n              'multiline user-comment': key === 'UserComment',\n            }\"\n          >\n            {{ value }}\n          </div>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.details-view\n  @apply overflow-auto h-full\n\n.section\n  @apply p-[#{$panel-properties-p-default}] flex flex-col gap-[#{$panel-properties-gap-properties}]\n  & + .section\n    @apply border-t border-t-[#{$menu-b-separator}]\n  .header\n    @apply t-[#{$global-t-default}] t-menu-lg font-medium\n  .label\n    @apply flex-none font-normal text-[#{$global-t-tertiary}] text-menu-sm\n\n  .view\n    @apply flex flex-col gap-[#{$panel-properties-gap-properties}]\n  .view.inline\n    @apply flex-row justify-between\n    .value\n      @apply text-ellipses-inline t-panel-sm\n\n  .value\n    @apply\n    &.multiline\n      @apply whitespace-normal overflow-auto max-h-40 break-words\n    &:not(.multiline)\n      @apply text-ellipses-inline t-panel-sm\n    &.monospace\n      @apply\n\n  .button\n    @apply px-2 py-1 rounded-md inline-flex text-[#{$global-t-quaternary}] items-center gap-1 cursor-pointer\n    &:hover\n      @apply bg-[#{$menu-bg-item-hover}] text-[#{$global-t-default}]\n\n.panel-tag-editor, .panel-notes-editor\n  @apply mt-1\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div class=\"multi\">\n    ...\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.multi\n  @apply rounded-[#{$menu-br-item}] bg-[#{$menu-bg-item-hover}] px-2\n</style>\n","<script setup lang=\"ts\">\nimport iconFolderFilled from \"~/assets/icons/folder-filled.svg\"\n\nconst props = defineProps<{ files: InterfaceFile[] }>()\nconst { navigateToFolder } = useNavigation()\n\nif (props.files.length < 1)\n  throw new Error(\"Cannot have zero files\")\n\nconst firstPath = computed(() => props.files[0])\nconst samePath = computed(() => all(props.files, f => f.parentId() === firstPath.value.parentId()))\nconst compressedPath = computed(() => {\n  const path = firstPath.value.path()?.reverse() ?? []\n  if (path.length <= 2)\n    return path\n  else return [path[0], null, path[path.length - 1]]\n})\n</script>\n\n<template>\n  <div v-if=\"samePath\" class=\"path-item\">\n    <template\n      v-for=\"(item, i) in compressedPath\"\n      :key=\"item?.fileId\"\n    >\n      <div\n        v-if=\"i !== 0\"\n        class=\"my-0.5 w-0 flex-none rotate-22 transform border-l border-l-border-secondary\"\n      />\n      <div\n        v-if=\"item\"\n        class=\"group flex cursor-pointer gap-1.25 overflow-hidden rounded-md px-1 py-0.75\"\n        hover=\"bg-accent-neutral\"\n        @click=\"item.isFolder() && navigateToFolder(item as InterfaceFolderFile)\"\n      >\n        <icon-folder-filled\n          v-if=\"i === 0\"\n          class=\"w-3 flex-none text-text-secondary\"\n          group-hover=\"text-$global-violet-primary\"\n        />\n        <div class=\"text-ellipses-inline\">\n          {{ item.name() }}\n        </div>\n      </div>\n      <div v-else class=\"flex items-center text-text-secondary\">\n        ...\n      </div>\n    </template>\n  </div>\n  <panel-details-property-multi-placeholder v-else />\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.path-item\n  @apply h-5.5 flex gap-1.25 overflow-hidden t-menu-sm -mx-1.5\n</style>\n","<script setup lang=\"ts\">\nimport { Property, PropertySchema } from \"~/classes/entity\"\n\nconst props = defineProps<{\n  files: InterfaceFile[]\n}>()\n\nfunction width(file: InterfaceFile) {\n  const wProp = file.property(Property.WIDTH)\n  if (!wProp || wProp.value.type !== PropertySchema.PositiveIntegerValue)\n    return undefined\n  return wProp.value.positiveInteger\n}\n\nfunction height(file: InterfaceFile) {\n  const hProp = file.property(Property.HEIGHT)\n  if (!hProp || hProp.value.type !== PropertySchema.PositiveIntegerValue)\n    return undefined\n  return hProp.value.positiveInteger\n}\n\nconst firstWidth = computed(() => width(props.files[0]))\nconst firstHeight = computed(() => height(props.files[0]))\nconst sameWidth = computed(() => all(props.files, f => width(f) === firstWidth.value))\nconst sameHeight = computed(() => all(props.files, f => height(f) === firstHeight.value))\n</script>\n\n<template>\n  <div class=\"dimensions\">\n    <div v-if=\"sameWidth\">\n      {{ firstWidth }}\n    </div>\n    <panel-details-property-multi-placeholder v-else />\n    <div class=\"x-mark\">\n      ×\n    </div>\n    <div v-if=\"sameHeight\">\n      {{ firstHeight }}\n    </div>\n    <panel-details-property-multi-placeholder v-else />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.dimensions\n  @apply inline-flex gap-1\n.x-mark\n  @apply text-[#{$global-t-tertiary}]\n</style>\n","<script setup lang=\"ts\">\nimport type { Property } from \"~/classes/entity\"\nimport { PropertySchema } from \"~/classes/entity\"\n\nconst props = defineProps<{\n  files: InterfaceFile[]\n  propertyId: Property\n}>()\n\nif (props.files.length < 1)\n  throw new Error(\"Cannot have zero files\")\n\nconst firstProperty = computed(() => props.files[0].property(props.propertyId))\nconst allProperties = computed(() => props.files.map(f => f.property(props.propertyId)))\nconst sameProperty = computed(() => {\n  if (props.files.length === 1)\n    return true\n  if (any(allProperties.value, v => v === undefined))\n    return false\n  const firstValue = JSON.stringify(firstProperty.value?.value)\n  return all(allProperties.value, v => JSON.stringify(v?.value) === firstValue)\n})\n</script>\n\n<template>\n  <div v-if=\"sameProperty && firstProperty?.value.type === PropertySchema.SizeBytesValue\">\n    {{ formatBytes(firstProperty?.value.sizeBytes, 2) }}\n  </div>\n  <div v-else-if=\"sameProperty && firstProperty?.value.type === PropertySchema.UtcTimestampMillisValue\">\n    {{ (new Date(firstProperty?.value.utcTimestampMillis)).toLocaleString() }}\n  </div>\n  <div v-else-if=\"sameProperty && firstProperty?.value.type === PropertySchema.MimeTypeValue\">\n    {{ firstProperty?.value.mimeType }}\n  </div>\n  <div v-else-if=\"sameProperty && firstProperty?.value.type === PropertySchema.NonNullableStringValue\">\n    {{ firstProperty?.value.nonNullableString }}\n  </div>\n  <div v-else-if=\"sameProperty && firstProperty?.value.type === PropertySchema.NullableStringValue\">\n    {{ firstProperty?.value.nullableString }}\n  </div>\n  <div v-else-if=\"sameProperty && firstProperty?.value.type === PropertySchema.AnyIntegerValue\">\n    {{ firstProperty?.value.anyInteger }}\n  </div>\n  <div v-else-if=\"sameProperty\">\n    An error occurred...\n  </div>\n  <panel-details-property-multi-placeholder v-else />\n</template>\n","<script setup lang=\"ts\">\nimport { Property, propertyName } from \"~/classes/entity\"\n\ndefineProps<{ files: InterfaceFile[] }>()\nconst { corePropertyDisplay, generativePropertyDisplay, panelState } = usePanel()\n</script>\n\n<template>\n  <div class=\"details-view\">\n    <div v-if=\"files.length === 1\" class=\"section\">\n      <file-thumbnail\n        :file=\"files[0]\"\n        :container-width=\"panelState.width\"\n        :container-height=\"panelState.width\"\n      />\n    </div>\n    <div v-else-if=\"files.length <= 4\" class=\"section\">\n      <div class=\"grid grid-cols-2 gap-1\">\n        <file-thumbnail\n          v-for=\"file in files\"\n          :key=\"file.fileId\"\n          :file\n          cropped\n          :container-width=\"panelState.width / 2\"\n          :container-height=\"panelState.width / 2\"\n        />\n      </div>\n    </div>\n    <div v-else-if=\"files.length <= 9\" class=\"section\">\n      <div class=\"grid grid-cols-3 gap-1\">\n        <file-thumbnail\n          v-for=\"file in files\"\n          :key=\"file.fileId\"\n          :file\n          cropped\n          :container-width=\"panelState.width / 3\"\n          :container-height=\"panelState.width / 3\"\n        />\n      </div>\n    </div>\n    <div v-else class=\"section\">\n      <div class=\"grid grid-cols-4 gap-1\">\n        <file-thumbnail\n          v-for=\"file in files.slice(0, 16)\"\n          :key=\"file.fileId\"\n          :file\n          cropped\n          :container-width=\"panelState.width / 4\"\n          :container-height=\"panelState.width / 4\"\n        />\n      </div>\n    </div>\n    <div v-if=\"files.length > 1\" class=\"section\">\n      <div class=\"header\">\n        Selection\n      </div>\n      <div class=\"view inline\">\n        <div class=\"label\">\n          Items\n        </div>\n        <div>\n          {{ files.length }}\n        </div>\n      </div>\n    </div>\n    <div class=\"section\">\n      <div class=\"header\">\n        Properties\n      </div>\n      <template\n        v-for=\"{ editable, monospace, inline, propertyId }, key in corePropertyDisplay\"\n        :key\n      >\n        <div\n          v-if=\"any(files, f => f.hasProperty(propertyId))\"\n          class=\"view\"\n          :class=\"{ inline }\"\n        >\n          <div class=\"label\">\n            {{ propertyName(propertyId) }}\n          </div>\n          <panel-details-property-multi-path\n            v-if=\"propertyId === Property.VIRTUAL_PATH\"\n            :files\n            class=\"value\"\n          />\n          <panel-details-property-multi-dimensions\n            v-else-if=\"propertyId === Property.VIRTUAL_DIMENSIONS\"\n            :files\n            class=\"value\"\n          />\n          <panel-details-property-editable-text\n            v-else-if=\"editable && files.length === 1\"\n            :file=\"files[0]\"\n            :schema-type=\"files[0].property(propertyId)!.schema\"\n            :property-id=\"(propertyId as Property)\"\n            :data-property-id=\"propertyId\"\n            wrap\n            class=\"value\"\n          />\n          <panel-details-property-multi-text\n            v-else\n            :class=\"{ monospace }\"\n            :files\n            :property-id\n            class=\"value\"\n          />\n        </div>\n      </template>\n    </div>\n    <div class=\"section\">\n      <div class=\"header\">\n        Details\n      </div>\n      <!-- <div class=\"view-full\">\n        <div class=\"label\">\n          Tags\n        </div>\n        <div v-if=\"isEditingTags || fileTagProperties.length\">\n          Editing Tags\n        </div>\n        <div\n          v-else\n          class=\"button\"\n          @click=\"createAndEditFileNotesProperty(file)\"\n        >\n          <icon-plus\n            :size=\"16\"\n            class=\"-ml-0.5\"\n            :stroke-width=\"1.5\"\n          />\n          <div>Add Notes</div>\n        </div>\n      </div> -->\n      <div class=\"view-full\">\n        <div class=\"label\">\n          Notes\n        </div>\n        <!-- <panel-details-property-editable-text\n          v-if=\"fileNotesProperty\"\n          :file\n          :schema-type=\"PropertySchema.NullableStringValue\"\n          :property-id=\"Property.FILE_NOTES\"\n          :data-property-id=\"Property.FILE_NOTES\"\n          newlines\n        />\n        <div\n          v-else\n          class=\"button\"\n          @click=\"createAndEditFileNotesProperty(file)\"\n        >\n          <icon-plus\n            :size=\"16\"\n            class=\"-ml-0.5\"\n            :stroke-width=\"1.5\"\n          />\n          <div>Add Notes</div>\n        </div> -->\n      </div>\n    </div>\n    <div v-if=\"any(files, f => f.hasGenerativeMetadata())\" class=\"section\">\n      <div class=\"header\">\n        Generation Data\n      </div>\n      <template v-for=\"{ monospace, multiline, editable, inline }, propertyId in generativePropertyDisplay\" :key=\"propertyId\">\n        <div\n          v-if=\"any(files, f => f.hasProperty(propertyId))\"\n          class=\"view\"\n          :class=\"{ inline }\"\n        >\n          <div class=\"label\">\n            {{ propertyName(propertyId) }}\n          </div>\n          <panel-details-property-editable-text\n            v-if=\"editable && files.length === 1\"\n            :file=\"files[0]\"\n            :schema-type=\"files[0].property(propertyId)!.schema\"\n            :property-id=\"(propertyId as Property)\"\n            :multiline\n            :data-property-id=\"propertyId\"\n            wrap\n            class=\"value\"\n          />\n          <panel-details-property-multi-text\n            v-else\n            :class=\"{ monospace }\"\n            :files\n            :property-id\n            class=\"value\"\n          />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.section\n  @apply p-[#{$panel-properties-p-default}] flex flex-col gap-[#{$panel-properties-gap-properties}]\n  & + .section\n    @apply border-t border-t-[#{$menu-b-separator}]\n  .header\n    @apply t-[#{$global-t-default}] t-menu-lg font-medium\n  .label\n    @apply flex-none font-normal text-[#{$global-t-tertiary}] text-menu-sm\n\n  .view\n    @apply flex flex-col gap-[#{$panel-properties-gap-properties}]\n  .view.inline\n    @apply flex-row justify-between\n    .value\n      @apply text-ellipses-inline t-panel-sm text-right\n\n  .value\n    @apply t-panel-sm\n    &.multiline\n      @apply whitespace-normal overflow-auto max-h-40 break-words\n    &:not(.multiline)\n      @apply text-ellipses-inline\n    &.monospace\n      @apply\n\n  .button\n    @apply px-2 py-1 rounded-md hover:bg-accent-neutral inline-flex text-text-tertiary hover:text-[#{$global-t-default}] items-center gap-1 cursor-pointer\n</style>\n","<script setup lang=\"ts\">\nconst { targetFiles } = usePanel()\nconst files = computed(() => targetFiles())\n\n// TODO: search page default details\n</script>\n\n<template>\n  <panel-details-single v-if=\"files.length === 1\" :file=\"files[0]\" />\n  <panel-details-batch v-else-if=\"files.length\" :files />\n  <div v-else />\n</template>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div>\n    Not implemented yet\n  </div>\n</template>\n","<script setup lang=\"ts\">\nconst { panelState } = usePanel()\nconst { navIgnoreMainViewGestures, panelId } = useGlobals()\n</script>\n\n<template>\n  <div\n    :id=\"panelId\"\n    :style=\"{ width: px(panelState.width) }\"\n\n    class=\"panel\"\n  >\n    <panel-dragger :class=\"[navIgnoreMainViewGestures]\" />\n    <panel-waterfall-view\n      v-if=\"panelState.selected === 'waterfall'\"\n    />\n    <panel-details-view\n      v-else-if=\"panelState.selected === 'details'\"\n      :class=\"[navIgnoreMainViewGestures]\"\n    />\n    <panel-history-view\n      v-else-if=\"panelState.selected === 'history'\"\n      :class=\"[navIgnoreMainViewGestures]\"\n    />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.panel\n  @apply flex-none z-navigation-layer border-l border-l-[#{$page-b-divider}] bg-[#{$sidebar-bg-default}] relative\n</style>\n","<script setup lang=\"ts\">\nconst { gestureState } = useGestures()\n\nfunction dragStyle() {\n  if (!gestureState.value.mouseDown || !gestureState.value.mousePosition)\n    return {}\n\n  const {\n    clientX: downX,\n    clientY: downY,\n  } = gestureState.value.mouseDown\n  const {\n    clientX: posX,\n    clientY: posY,\n  } = gestureState.value.mousePosition\n\n  return {\n    left: px(Math.min(downX, posX)),\n    width: px(Math.abs(downX - posX)),\n    top: px(Math.min(downY, posY)),\n    height: px(Math.abs(downY - posY)),\n  }\n}\n</script>\n\n<template>\n  <div\n    v-if=\"gestureState.gesture === 'drag-select'\"\n    class=\"pointer-events-none absolute border border-0.5 border-blue-hex/75 rounded-sm bg-blue-hex/5\"\n    z=\"gesture-layer\"\n    :style=\"dragStyle()\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { translate } from \"~/utils/helpers\"\n\nconst { gestureState } = useGestures()\nconst { selectedFiles } = useSelection()\nconst dragged = ref<HTMLDivElement>()\n\nconst initialX = gestureState.value.mousePosition?.clientX || -1000\nconst initialY = gestureState.value.mousePosition?.clientY || -1000\n\nfunction manuallyUpdateDragPosition(event: MouseEvent) {\n  dragged.value!.style.transform = translate(event.clientX, event.clientY)\n}\nfunction firstDraggedFile() {\n  return selectedFiles()[0]\n}\n\nonMounted(() => {\n  document.body.addEventListener(\"mousemove\", manuallyUpdateDragPosition, true)\n})\nonUnmounted(() => {\n  document.body.removeEventListener(\"mousemove\", manuallyUpdateDragPosition, true)\n})\n</script>\n\n<template>\n  <div\n    ref=\"dragged\"\n    class=\"pointer-events-none absolute max-h-16 max-w-16 transform overflow-hidden rounded-sm\"\n    z=\"drag-layer\"\n    :style=\"{\n      transform: translate(initialX, initialY),\n    }\"\n  >\n    <img\n      :src=\"firstDraggedFile()?.icon64NativeUri()\"\n      class=\"pointer-events-none max-h-16 max-w-16 object-contain\"\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { translate } from \"~/utils/helpers\"\n\nconst { gestureState } = useGestures()\nconst dragged = ref<HTMLDivElement>()\n\nconst initialX = gestureState.value.mousePosition?.clientX || -1000\nconst initialY = gestureState.value.mousePosition?.clientY || -1000\nconst search = computed(() => gestureState.value.searchDragged)\n\nfunction manuallyUpdateDragPosition(event: MouseEvent) {\n  dragged.value!.style.transform = translate(event.clientX, event.clientY)\n}\n\nonMounted(() => {\n  document.body.addEventListener(\"mousemove\", manuallyUpdateDragPosition, true)\n})\nonUnmounted(() => {\n  document.body.removeEventListener(\"mousemove\", manuallyUpdateDragPosition, true)\n})\n</script>\n\n<template>\n  <div\n    ref=\"dragged\"\n    class=\"dragged-search\"\n    :style=\"{ transform: translate(initialX, initialY) }\"\n  >\n    <search-intent v-if=\"search\" :search />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.dragged-search\n  @apply pointer-events-none absolute h-6 max-w-24 transform overflow-hidden z-drag-layer py-1 px-2 rounded-full bg-[#{$pill-bg-default}]\n</style>\n","<script setup lang=\"ts\">\nimport { Property } from \"~/classes/entity\"\nimport { PropertySize } from \"~/classes/generated/interface\"\n\nconst { selectedFiles } = useSelection()\nconst { peekWindowId, peekBackgroundId } = useGlobals()\nconst { gestureLayers } = useGestures()\nconst { closePeek, peekState, toggleProperties, toggleDiff } = usePeek()\nconst { viewModeState } = useViewMode()\n\n// TODO: have an \"N items\" view, e.g. gallery etc.\n\nconst files = computed(selectedFiles)\nconst properties = computed(\n  () => viewModeState.value.current.show.filter(p => p.propertyId !== Property.VIRTUAL_PREVIEW),\n)\n\n/** Diffing is only supported with two files, so we know it's [0] or [1]  */\nfunction diffTarget(file: InterfaceFile) {\n  if (!peekState.value.isShowingDiffs)\n    return undefined\n  if (files.value[0].fileId === file.fileId)\n    return files.value[1]\n  return files.value[0]\n}\n</script>\n\n<template>\n  <div :id=\"peekBackgroundId\" class=\"peek-background\">\n    <div :id=\"peekWindowId\" class=\"peek-window\">\n      <div class=\"peek-window-inner\">\n        <div\n          v-for=\"file, i in files\"\n          :key=\"file.fileId\"\n          class=\"peek-image-container\"\n        >\n          <div class=\"peek-image-header\">\n            <div class=\"peek-icon-list\">\n              <div class=\"peek-icon\" @click=\"toggleProperties()\">\n                <icon-action\n                  v-if=\"peekState.isShowingProperties\"\n                  size=\"xs\"\n                  type=\"chevron-down\"\n                  class=\"transform rotate-180\"\n                />\n                <icon-action\n                  v-else\n                  size=\"xs\"\n                  type=\"chevron-down\"\n                />\n              </div>\n            </div>\n            <div v-if=\"!peekState.isShowingProperties\" class=\"peek-header-properties\">\n              <file-property-view\n                v-for=\"{ propertyId, color } in viewModeState.current.show\"\n                :key=\"propertyId\"\n                :property-id\n                :size=\"PropertySize.Small\"\n                :file\n                :color\n                text-alignment=\"left\"\n              />\n            </div>\n            <div v-if=\"i === files.length - 1\" class=\"peek-actions\">\n              <div\n                class=\"peek-icon\"\n                @click=\"toggleDiff()\"\n              >\n                <icon-action\n                  size=\"xs\"\n                  type=\"highlight\"\n                />\n              </div>\n              <div\n                class=\"peek-icon\"\n                @click=\"closePeek()\"\n              >\n                <icon-action\n                  size=\"xs\"\n                  type=\"cross\"\n                />\n              </div>\n            </div>\n          </div>\n          <div class=\"peek-image\">\n            <renderer-view :file :gesture-layer=\"gestureLayers.peek + 1\" />\n            <div v-if=\"peekState.isShowingProperties\" class=\"peek-image-properties\">\n              <div\n                v-for=\"{ propertyId, size, color } in properties\"\n                :key=\"propertyId\"\n                class=\"peek-image-property\"\n              >\n                <file-property-view\n                  :property-id\n                  :size\n                  :file\n                  :color\n                  :diff=\"diffTarget(file)\"\n                  text-alignment=\"left\"\n                  bg\n                  multiline\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.peek-background\n  @apply  absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center z-overlay-layer\n.peek-window\n  @apply w-3/4 h-3/4 bg-[#{$menu-bg-default}] border pointer-events-auto shadow-menu border-[#{$menu-b-outline}] rounded-[#{$menu-br-default}] backdrop-blur-[#{$menu-blur-default}] relative p-[#{$page-peek-gap-item}]\n.peek-window-inner\n  @apply flex h-full w-full rounded-b-[#{$page-peek-br-item}] overflow-hidden gap-[#{$page-peek-gap-item}]\n.peek-actions\n  @apply flex-none h-[#{$page-peek-h-header}] flex ml-auto\n.peek-icon\n  @apply h-[#{$page-peek-h-header}] w-[#{$page-peek-h-header}] p-0.5 rounded-[#{$page-peek-br-item}] cursor-pointer text-[#{$global-bg-icon-secondary}]\n  &:hover\n    @apply bg-[#{$menu-bg-item-hover}]\n\n.peek-image-container\n  @apply flex flex-col gap-[#{$page-peek-gap-item}] w-full h-full min-w-0\n.peek-image-header\n  @apply h-[#{$page-peek-h-header}] flex-none flex w-full\n.peek-header-properties\n  @apply flex gap-0.25 text-ellipses-inline items-center\n.peek-image\n  @apply w-full h-full bg-[#{$page-peek-bg-item}] relative\n.peek-image-properties\n  @apply absolute top-0 left-0 p-1 max-w-full pointer-events-none h-full overflow-hidden flex flex-col gap-[#{$page-properties-gap-file}]\n.peek-image-property\n  @apply pointer-events-auto w-full flex\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{\n  file: InterfaceFile\n}>()\n\nfunction status(): \"loading\" | \"current\" | \"stale\" | \"pending\" {\n  if (props.file.isBlank())\n    return \"loading\"\n  if (props.file.isStale())\n    return \"stale\"\n  if (props.file.isPending())\n    return \"pending\"\n  return \"current\"\n}\n</script>\n\n<template>\n  <div class=\"dropdown-item\">\n    <div class=\"dropdown-container\">\n      <template v-if=\"status() === 'current'\">\n        <div class=\"dropdown-icon\">\n          <icon-action size=\"xs\" type=\"check\" />\n        </div>\n        <span class=\"dropdown-text\">\n          Current\n        </span>\n      </template>\n      <template v-else-if=\"status() === 'pending'\">\n        <div class=\"dropdown-icon\">\n          <icon-action size=\"xs\" type=\"pending\" />\n        </div>\n        <span class=\"dropdown-text\">\n          Pending\n        </span>\n      </template>\n      <template v-else-if=\"status() === 'stale'\">\n        <div class=\"dropdown-icon\">\n          <icon-action size=\"xs\" type=\"stale\" />\n        </div>\n        <span class=\"dropdown-text\">\n          Stale\n        </span>\n      </template>\n      <template v-else-if=\"status() === 'loading'\">\n        <div class=\"dropdown-icon\">\n          <icon-action size=\"xs\" type=\"loading\" />\n        </div>\n        <span class=\"dropdown-text\">\n          Loading\n        </span>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.dropdown-item\n  @apply h-[#{$menu-context-h-item}]\n  @apply text-[#{$menu-t-item-default}]\n  @apply w-full text-size-sm t-menu-sm flex\n  .dropdown-container\n    @apply m-[#{$menu-m-hover-outer}] p-[#{$menu-p-hover-inner}] gap-[#{$menu-context-gap-status}]\n    @apply flex flex-grow items-center w-full\n  .dropdown-text\n    @apply h-[#{$menu-context-h-item}] text-[#{$global-t-tertiary}]\n    @apply overflow-hidden break-words text-ellipsis whitespace-nowrap t-xs\n  .dropdown-icon\n    @apply text-[#{$global-t-quaternary}] w-[#{$global-w-icon-xs}] h-[#{$global-w-icon-xs}] flex items-center justify-center\n</style>\n","<script setup lang=\"ts\">\ndefineProps<{ file: InterfaceFile }>()\n\nconst { moveToArchive, permanentlyDelete } = useContextMenu()\nconst { getArchiveForFile } = useFileSystem()\nconst { downloadFiles } = useTransferManager()\nconst { peekFiles } = usePeek()\nconst { addFilesToSidebarLast, removeFromSidebar, isFileInSidebar } = useSidebar()\n</script>\n\n<template>\n  <div>\n    <menu-section>\n      <context-menu-dropdown-item\n        v-if=\"!file.isFolder()\"\n        shortcut=\"␣\"\n        @click=\"peekFiles([file], 'main-view')\"\n      >\n        Quick View\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item v-if=\"file.isFolder()\" shortcut=\"↵\">\n        Open\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item v-else shortcut=\"↵\">\n        View\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item shortcut=\"⌘X\">\n        Cut\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item shortcut=\"⌘C\">\n        Copy\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item shortcut=\"⌘V\">\n        Paste\n      </context-menu-dropdown-item>\n      <menu-separator />\n      <context-menu-dropdown-item @click=\"downloadFiles([file])\">\n        Download\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item\n        v-if=\"isFileInSidebar(file)\"\n        @click=\"removeFromSidebar([file])\"\n      >\n        Unpin from sidebar\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item\n        v-else\n        @click=\"addFilesToSidebarLast([file])\"\n      >\n        Pin to sidebar\n      </context-menu-dropdown-item>\n    </menu-section>\n    <menu-separator />\n    <menu-section>\n      <context-menu-dropdown-item\n        v-if=\"getArchiveForFile(file)\"\n        @click=\"permanentlyDelete()\"\n      >\n        <span class=\"delete-warning\">Permanently Delete...</span>\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item\n        v-else\n        shortcut=\"⌫\"\n        @click=\"moveToArchive()\"\n      >\n        Move to Archive\n      </context-menu-dropdown-item>\n    </menu-section>\n    <menu-separator />\n    <menu-section>\n      <context-menu-dropdown-file-status :file />\n    </menu-section>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.delete-warning\n  @apply font-medium text-[#{$global-red-primary}]\n</style>\n","<script setup lang=\"ts\">\nconst { navigationState } = useNavigation()\nconst { downloadFiles } = useTransferManager()\n</script>\n\n<template>\n  <menu-section>\n    <context-menu-dropdown-item\n      v-if=\"navigationState.file\"\n      @click=\"downloadFiles([navigationState.file])\"\n    >\n      Download Image\n    </context-menu-dropdown-item>\n  </menu-section>\n</template>\n","<script setup lang=\"ts\">\ndefineProps<{ search: InterfaceSearch }>()\n\nconst { addSearchesToSidebarLast, removeFromSidebar, isSearchInSidebar } = useSidebar()\n</script>\n\n<template>\n  <div>\n    <menu-section>\n      <context-menu-dropdown-item shortcut=\"↵\">\n        Re-run\n      </context-menu-dropdown-item>\n      <menu-separator />\n      <context-menu-dropdown-item\n        v-if=\"isSearchInSidebar(search)\"\n        @click=\"removeFromSidebar(undefined, [search])\"\n      >\n        Unpin from sidebar\n      </context-menu-dropdown-item>\n      <context-menu-dropdown-item\n        v-else\n        @click=\"addSearchesToSidebarLast([search])\"\n      >\n        Pin to sidebar\n      </context-menu-dropdown-item>\n    </menu-section>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { InterfaceSharedFolderInfo } from \"~/classes/sharedFolder/InterfaceSharedFolderInfo\"\n\n// TODO: go to archive\n\ndefineProps<{ sharedFolderInfo: InterfaceSharedFolderInfo }>()\nconst { leaveSharedFolder } = useSharedFolders()\n</script>\n\n<template>\n  <div>\n    <menu-section>\n      <context-menu-dropdown-item shortcut=\"↵\">\n        Open\n      </context-menu-dropdown-item>\n    </menu-section>\n    <menu-separator />\n    <menu-section>\n      <context-menu-dropdown-item>\n        Go to archive\n      </context-menu-dropdown-item>\n    </menu-section>\n    <menu-separator />\n    <menu-section>\n      <context-menu-dropdown-item @click=\"leaveSharedFolder(sharedFolderInfo.sharedFolderId())\">\n        <span class=\"text-$global-red-primary font-bold\">Leave</span>\n      </context-menu-dropdown-item>\n    </menu-section>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n</style>\n","<script setup lang=\"ts\">\nimport folder64 from \"~/assets/images/files/folder/poly_folder@64.webp\"\n\ndefineProps<{\n  file: InterfaceFile\n  selected?: boolean // for keyboard navigation purposes\n}>()\nconst emit = defineEmits([\"click\"])\nconst { hideContextMenu } = useContextMenu()\nfunction closeAndEmit() {\n  hideContextMenu()\n  emit(\"click\")\n}\n</script>\n\n<template>\n  <button class=\"dropdown-item\" @click=\"closeAndEmit\">\n    <file-item\n      class=\"dropdown-container\"\n      :class=\"{ selected }\"\n      :file\n    />\n  </button>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.dropdown-item\n  @apply h-[#{$menu-context-h-item}]\n  @apply text-[#{$menu-t-item-default}]\n  @apply w-full text-size-sm t-menu-sm flex\n  &:hover\n    @apply text-[#{$menu-t-item-hovered}]\n  .dropdown-container\n    @apply cursor-pointer rounded-[#{$menu-br-item}] hover:bg-[#{$menu-bg-item-hover}]  gap-1 h-full p-1.5 -m-1.5 gap-[#{$menu-path-gap-item}] flex-grow\n    height: calc($menu-path-h-sibling-default + 12px)\n  .selected\n    @apply bg-[#{$menu-bg-default}]\n</style>\n","<script setup lang=\"ts\">\nimport { Property } from \"~/classes/entity\"\nimport { InterfaceFile } from \"~/classes/file\"\n\n// TODO: only request a subset of items, only the top / first N (N+1 to show a \"see more\")\n\nconst props = defineProps<{\n  file: InterfaceFile\n}>()\nconst { addInterfaceEventListener, removeInterfaceEventListener } = useEvents()\nconst { navigationState, navigateToFile } = useNavigation()\nconst { downloadFiles } = useTransferManager()\nconst { peekFiles } = usePeek()\nconst siblings = ref<InterfaceFile[]>([])\nconst requestId = ref<string>()\nconst maxItems = 11 // retrieve one more than 10 for a \"show all\"\n\nfunction sendParentListRequest() {\n  console.log(\"Getting parent list request\", navigationState.value.file)\n  const file = navigationState.value.file\n  const path = navigationState.value.file?.path()\n  if (file === undefined || path === undefined)\n    return console.error(\"No path or navigation file found, skipping list request\")\n  const files = [file, ...path]\n  let parentId\n  let isRoot = false\n  files.forEach((file, index) => {\n    if (file.fileId !== props.file.fileId)\n      return\n    const parent = files[index + 1]\n    if (index === len(files) - 1)\n      isRoot = true\n    else if (parent)\n      parentId = parent.fileId\n  })\n  if (isRoot)\n    return console.info(\"Clicked on root, skipping sibling list request\")\n  if (!parentId)\n    return console.error(\"No parent found for file, skipping list request\")\n\n  console.info(\"Sending folder list request for path\")\n  requestId.value = generateWorkerRequestId()\n  const request: FolderListRequestDatagram = {\n    requestId: requestId.value,\n    folder: { fileId: parentId, properties: {} },\n    selection: {\n      properties: [Property.NAME, Property.IMG_THUMBNAIL_CROP_64X64, Property.MIME_TYPE],\n    },\n    pathSelection: { properties: [] },\n    pageSize: maxItems, // only need top 11,\n    // top-n // TODO: only request the top 11\n    sort: Property.MODIFIED_AT,\n    desc: true,\n  }\n  sendFolderListRequests([request])\n}\n\nfunction onParentListResponse(response: FolderListPageResponseDatagram) {\n  const { notifyDatagramError } = useNotifications()\n  if (response.requestId !== requestId.value || response.index !== 0)\n    return\n  console.log(\"Path context menu received a folder list response\", response)\n  if (response.error || response.files === undefined)\n    return notifyDatagramError(response.error!, \"Error occurred listing files\")\n  siblings.value = response.files.map(InterfaceFile.from).filter(f => f.fileId !== props.file.fileId)\n}\n\nonMounted(() => {\n  addInterfaceEventListener(\"folderListPageResponse\", onParentListResponse)\n  sendParentListRequest()\n})\nonUnmounted(() => {\n  removeInterfaceEventListener(\"folderListPageResponse\", onParentListResponse)\n})\n</script>\n\n<template>\n  <template v-if=\"siblings.length\">\n    <menu-section>\n      <context-menu-dropdown-file-item\n        v-for=\"sibling in siblings.slice(0, 10)\"\n        :key=\"sibling.fileId\"\n        :file=\"sibling\"\n        @click=\"navigateToFile(sibling)\"\n      />\n    </menu-section>\n    <menu-separator />\n  </template>\n  <menu-section>\n    <context-menu-dropdown-item shortcut=\"␣\" @click=\"peekFiles([file], 'other')\">\n      Quick View\n    </context-menu-dropdown-item>\n    <context-menu-dropdown-item>\n      Open in Desktop (TODO)\n    </context-menu-dropdown-item>\n    <menu-separator />\n    <context-menu-dropdown-item>\n      Add to Pinned (TODO)\n    </context-menu-dropdown-item>\n    <menu-separator />\n    <context-menu-dropdown-item>\n      Cut\n    </context-menu-dropdown-item>\n    <context-menu-dropdown-item>\n      Copy\n    </context-menu-dropdown-item>\n    <context-menu-dropdown-item @click=\"downloadFiles([file])\">\n      Download\n    </context-menu-dropdown-item>\n  </menu-section>\n  <menu-separator />\n  <menu-section>\n    <context-menu-dropdown-file-status :file />\n  </menu-section>\n</template>\n","<script setup lang=\"ts\">\nconst { createNewFolderInCurrentView, uploadHere } = useContextMenu()\n</script>\n\n<template>\n  <div>\n    <menu-section>\n      <context-menu-dropdown-item\n        shortcut=\"⌘D\"\n        @click=\"createNewFolderInCurrentView()\"\n      >\n        New Folder\n      </context-menu-dropdown-item>\n    </menu-section>\n    <menu-separator />\n    <menu-section>\n      <context-menu-dropdown-item\n        shortcut=\"⌘O\"\n        @click=\"uploadHere()\"\n      >\n        Upload Here...\n      </context-menu-dropdown-item>\n    </menu-section>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { InterfaceSharedFolderInfo } from \"~/classes/sharedFolder/InterfaceSharedFolderInfo\"\n\nconst props = defineProps<{\n  x: number\n  y: number\n}>()\nconst edgeGap = 16\nconst { contextMenuState } = useContextMenu()\nconst { contextMenuMainViewBackgroundTestId, mainViewFileContextMenuTestId } = useTestId()\n\nconst menu = ref<HTMLDivElement>()\nconst page = document.body.getBoundingClientRect()\nconst staticX = props.x\nconst staticY = props.y\nconst updatedX = computed(() => {\n  const width = menu.value?.getBoundingClientRect().width || 0\n  return clamp(staticX, edgeGap, page.width - width - edgeGap)\n})\nconst updatedY = computed(() => {\n  const height = menu.value?.getBoundingClientRect().height || 0\n  return clamp(staticY, edgeGap, page.height - height - edgeGap)\n})\n</script>\n\n<template>\n  <div\n    ref=\"menu\"\n    class=\"menu-dropdown-container dropdown\"\n    :style=\"{ left: px(updatedX), top: px(updatedY) }\"\n  >\n    <context-menu-dropdown-target-file\n      v-if=\"contextMenuState.type === 'main-view-file' && contextMenuState.target\"\n      :data-testid=\"mainViewFileContextMenuTestId\"\n      :file=\"(contextMenuState.target as InterfaceFile)\"\n    />\n    <context-menu-dropdown-target-image-preview v-else-if=\"contextMenuState.type === 'image-preview'\" />\n    <context-menu-dropdown-target-file\n      v-else-if=\"contextMenuState.type === 'sidebar-file' && contextMenuState.target\"\n      :file=\"(contextMenuState.target as InterfaceFile)\"\n    />\n    <context-menu-dropdown-target-search\n      v-else-if=\"contextMenuState.type === 'sidebar-search' && contextMenuState.target\"\n      :search=\"(contextMenuState.target as InterfaceSearch)\"\n    />\n    <context-menu-dropdown-target-sidebar-shared-folder\n      v-else-if=\"contextMenuState.type === 'sidebar-shared-folder'\"\n      :shared-folder-info=\"(contextMenuState.target as InterfaceSharedFolderInfo)\"\n    />\n    <context-menu-dropdown-target-path-file\n      v-else-if=\"contextMenuState.type === 'path-file'\"\n      :file=\"(contextMenuState.target as InterfaceFile)\"\n    />\n    <context-menu-dropdown-target-search\n      v-else-if=\"contextMenuState.type === 'search-bar' && contextMenuState.target\"\n      :search=\"(contextMenuState.target as InterfaceSearch)\"\n    />\n    <context-menu-dropdown-target-main-view-background\n      v-else\n      :data-testid=\"contextMenuMainViewBackgroundTestId\"\n    />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.dropdown\n  @apply w-[#{$menu-context-w-default}]\n  @apply fixed overflow-hidden\n</style>\n","<script setup lang=\"ts\">\nconst globals = useGlobals()\nconst { hideContextMenu, contextMenuState } = useContextMenu()\nconst { isPrimaryClick } = useGestures()\nconst menu = ref<HTMLDivElement>()\n\nfunction onClickOutside(event: MouseEvent) {\n  if (!event.target)\n    return\n  if (event.target === menu.value || menu.value?.contains(event.target as HTMLDivElement))\n    return\n  if (!isPrimaryClick(event))\n    return\n  hideContextMenu()\n}\n\nonMounted(() => document.addEventListener(\"click\", onClickOutside))\n</script>\n\n<template>\n  <div :id=\"globals.contextMenuId\" ref=\"menu\">\n    <transition\n      appear\n      mode=\"out-in\"\n      enter-active-class=\"transition duration-50 ease-out\"\n      enter-from-class=\"transform scale-95 opacity-0\"\n      enter-to-class=\"transform scale-100 opacity-100\"\n      leave-active-class=\"transition duration-30\"\n      leave-from-class=\"transform scale-100 opacity-100\"\n      leave-to-class=\"transform scale-95 opacity-0\"\n    >\n      <!-- We use a 'key' here because we may have two context menus in between transitions -->\n      <context-menu-dropdown-view\n        v-if=\"contextMenuState.visible\"\n        :key=\"`${contextMenuState.x}|${contextMenuState.y}`\"\n        :x=\"contextMenuState.x\"\n        :y=\"contextMenuState.y\"\n      />\n    </transition>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nconst { mainViewState } = useMainView()\nconst { mainLayoutId } = useGlobals()\nconst { gestureState } = useGestures()\nconst { sharedFolderIdForCurrentFile } = useNavigation()\nconst { peekState } = usePeek()\nconst { panelState } = usePanel()\nconst { mainLayoutTestId } = useTestId()\nconst { initGestures, destroyGestures } = useGestures()\nconst { onSwitchedSpaces, onUserInfoResponse, onSharedFolderMembershipResponse } = useSharedFolders()\nconst { addInterfaceEventListener, removeInterfaceEventListener } = useEvents()\nconst { sidebarState } = useSidebar()\n\nconst resizing = computed(() => gestureState.value.gesture === \"drag-divider\")\nwatch(() => sharedFolderIdForCurrentFile(), onSwitchedSpaces, { immediate: true })\nonMounted(() => {\n  initGestures()\n  addInterfaceEventListener(\"userFindResponse\", onUserInfoResponse)\n  addInterfaceEventListener(\"SharedFolderMembershipResponse\", onSharedFolderMembershipResponse)\n})\nonUnmounted(() => {\n  destroyGestures()\n  removeInterfaceEventListener(\"userFindResponse\", onUserInfoResponse)\n  removeInterfaceEventListener(\"SharedFolderMembershipResponse\", onSharedFolderMembershipResponse)\n})\n</script>\n\n<template>\n  <div\n    :id=\"mainLayoutId\"\n    :data-testid=\"mainLayoutTestId\"\n    class=\"overflow-hidden\"\n    :class=\"{ resizing }\"\n  >\n    <native-drag-region />\n    <div class=\"main-screen\">\n      <sidebar-view v-if=\"sidebarState.visible\" class=\"flex-none\" />\n      <div class=\"main-contents\">\n        <transition-preview>\n          <main-view v-if=\"mainViewState.state === 'folder' || mainViewState.state === 'search-results'\" />\n          <preview-view v-else-if=\"mainViewState.state === 'preview'\" />\n          <div v-else>\n            Unknown view state: {{ mainViewState.state }}\n          </div>\n        </transition-preview>\n\n        <slot />\n\n        <nav-view />\n        <panel-pill />\n      </div>\n      <panel-view v-if=\"panelState.visible\" />\n    </div>\n    <gesture-multi-select-drag-outline v-if=\"gestureState.gesture === 'drag-select'\" />\n    <gesture-dragged-files v-if=\"gestureState.gesture === 'drag-file'\" />\n    <gesture-dragged-search v-if=\"gestureState.gesture === 'drag-search'\" />\n    <peek-view v-if=\"peekState.visible\" />\n    <context-menu-view />\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.main-screen\n  @apply w-full flex flex-1 overflow-hidden\n\n.main-contents\n  @apply relative w-full overflow-x-hidden\n\n// When resizing a divider, we want to hide the mouse\n.resizing\n  @apply cursor-none\n</style>\n","<script setup lang=\"ts\">\nimport { isDesktop } from \"~/utils/platform\"\n\nconst { isSignedIn } = useUser()\nconst { onAppMounted } = useNavigation()\n\n// We need a way to tell if we are in windows, mac, linux, or web.\n// On windows, we currently need to set the background as fully\n// transparent, as the mica background effect will take over. In\n// mac, we need to strategically set the color such that the\n// unfocused color also looks good.\nuseHead({\n  bodyAttrs: {\n    class: () => `bg-app ${isDesktop() ? \"desktop\" : \"browser\"}`,\n  },\n  titleTemplate: (titleChunk) => {\n    if (!titleChunk)\n      return \"Poly: The Intelligent Cloud Image Browser | Join the Waitlist\"\n    if (titleChunk.length > 60)\n      return `${titleChunk.slice(0, 40)}... | Poly: Intelligent Cloud Storage`\n    return `${titleChunk} | Poly: Intelligent Cloud Storage`\n  },\n})\n\nonMounted(async () => onAppMounted(true))\n</script>\n\n<template>\n  <loading-startup-screen v-if=\"!isSignedIn()\" class=\"layout-default-main\" />\n  <layout-main v-else class=\"layout-default-main\" />\n  <nuxt-page />\n</template>\n\n<style lang=\"sass\">\n@import '~/assets/styles/generated/variables.sass'\n\n.layout-default-main\n  @apply h-screen w-full flex flex-col t-base\n\n.bg-app\n  @apply text-base select-none t-[#{$global-t-default}]\n  &.browser\n    @apply bg-[#{$page-bg-primary}]\n  &.desktop\n    @apply bg-[#{$page-bg-primary-desktop}]\n</style>\n"],"names":["IconArrowDown","createVueComponent","IconArrowLeft","IconArrowRight","IconCheck","IconPlus","IconX","IconAlertTriangleFilled","grayscaleIcon","__classPrivateFieldSet","receiver","privateMap","value","__classPrivateFieldGet","_block","_blocks","_bytes","_finalized","_first","_h0","_h1","_h2","_h3","_h4","_h5","_h6","_h7","_hashed","_hBytes","_is224","_lastByteIndex","_start","BKDRHash","str","seed","seed2","hash","MAX_SAFE_INTEGER","i","HEX_CHARS","EXTRA","SHIFT","K","blocks","Sha256","is224","sharedMemory","message","msg","index","length","code","a","b","c","d","e","f","g","h","s0","s1","maj","t1","t2","ch","ab","da","cd","bc","j","j1","h0","h1","h2","h3","h4","h5","h6","h7","hex","arr","buffer","dataView","Sha256ToInt","s","sha256","RGB2HEX","RGBArray","HSL2RGB","H","S","L","q","p","color","ColorHash","options","param","range","hueResolution","hsl","rgb","colorHash","stringToColor","generateColors","s2","c1","c2","gradientAvatar","size","abhay","samuel","demo","sidebarAvatarBubbleTestId","useTestId","demoUserEmail","useUser","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","emit","__emit","hideContextMenu","useContextMenu","closeAndEmit","active","_useModel","__props","dropdown","ref","handleClickOutside","event","_a","open","close","toggle","onMounted","onUnmounted","myself","logOut","useAuthentication","navigateToOnboarding","useNavigation","sidebarUserDropdownTestId","sidebarState","showSidebar","hideSidebar","useSidebar","openFeedback","navigateTo","homeIcon","archiveIcon","unknown64$1","props","thumb","home","computed","archive","uri","loadImage","unknown64","isSelectedSidebar","isSelectedMainView","useSelection","sidebarSelection","mainViewSelection","navigateToHome","navigateToArchive","cacheState","useCache","sharedFolderState","createSpace","useSharedFolders","spaceCreationTestId","handleInput","valid","name","handle","onCreateButtonPressed","sortedSidebarFiles","gestureState","useGestures","sortedFiles","addToSidebar","dragOverAfterId","addInterfaceEventListener","removeInterfaceEventListener","useEvents","folder","InterfaceFolderFile","onProperties","response","sendFilePropertiesRequest","generateWorkerRequestId","intent","sortedSidebarSearches","sortedSearches","_hoisted_2","_createStaticVNode","_hoisted_9","render","columnGrip","globals","useGlobals","y","useMouse","id","sidebarTestId","unknown512","unknown192","home512","archive512","state","console","useLogger","theme","fileThumbnail","getBestImageUrl","file","cropped","minWidth","minHeight","minDim","best","getBestUnknownUrl","updateImage","bestUri","onImageError","onImageLoad","replaceImage","watchThrottled","watch","newFile","oldFile","replaceAll","search","replacement","element","currentContent","updateContent","newContent","update","content","onPaste","text","onKeypress","newVal","viewModePropertySizes","viewModePropertyColors","useViewMode","stopEditing","propertyEditorState","isEditingProperty","getPropertyAsDiff","useProperty","editable","editing","property","propertyDiff","isEditing","navigateToFolder","dimensions","wProp","Property","PropertySchema","width","hProp","height","timeAgo","useTimeAgo","center","viewModeState","previewScale","isSelected","clipboardState","useClipboard","selected","cut","previewWidth","sortedContents","useMainView","previewGridWidth","showDetailsOnHoverOnly","container","useElementSize","throttledWidth","refThrottled","fileColumns","nCols","columns","_","heights","v","iCol","aspectRatioStyle","previewHeight","numColumns","maxColumnWidth","_createElementVNode","_hoisted_3","chevronOpen","chevronClosed","mainViewTreeChevron","mainViewState","files","parentId","ChevronRightXs","ChevronDownXs","ArrowUpXs","ArrowDownXs","CheckXs","CrossXs","PendingXs","StaleXs","LoadingXs","PlusXs","SortXs","_hoisted_4","HighlightXs","Check2Xs","Cross2Xs","Private2Xs","ChevronRight2Xs","ChevronDown2Xs","mainViewColumnDraggerClass","navigationState","defaultColumnModeWidth","contentsByColumn","contents","currentFolder","nextFolder","clearMainViewState","addFileToFolderView","addFileToSearchView","addFolderToOpenFolders","removeFolderFromOpenFolders","setOpenFolders","openFolderInColumnView","isHierarchical","listMultipleFoldersWithViewModeProperties","useFileSystem","navigateToSearch","mainViewTestId","searchState","closeSearchBar","onSavedSearch","clearSearchEditor","useSearch","mainView","x","useScroll","currentRequestId","onNavigatedToFolder","folderIds","onNavigatedToExistingSearch","requestId","onSwitchedViewMode","current","folderId","enumEq","ViewModeType","openFolders","len","lastOpenFolder","lastKeyInserted","path","filePath","rootIndex","foldersToOpen","newFolders","onExpandedFolder","onShrunkFolder","onFolderListPageResponse","InterfaceFile","onSearchResponse","InterfaceSearch","scores","dictByKey","r","useImageRendererGestures","image","rendererState","isPrimaryClick","gestureLayers","transcodeImageToPngBlobUri","useTransferManager","ImageRendererGestures","Gesture","__publicField","__privateAdd","_dragStartX","_dragStartY","_viewStartX","_viewStartY","__privateSet","mouse","getFirstMatchingParent","t","distX","__privateGet","distY","_mouse","wheel","zoomY","bounds","imageSrc","imageRendererContainerClass","reactive","handler","mountGesture","unmountGesture","clientOnlySymbol","__nuxt_component_3$8","defineComponent","slots","attrs","mounted","provide","slot","fallbackStr","fallbackTag","createElementBlock","getChildByFileId","thumbnailPreviewImage","onEnter","el","done","sleep","onLeave","transitionType","fileId","folderItem","_createBlock","_component_nav_pill_view","_withCtx","router","useRouter","navHistoryBackTestId","navHistoryForwardTestId","clearNotificationById","useNotifications","gap","num","imageWidth","webDisplayableImage","ext","jobFractionFinished","jobFractionStarted","jobFractionSucceeded","sortedNotifications","clearNotifications","notificationState","hasProgress","progressFraction","openNotificationTray","closeNotificationTray","erroring","alert","progressStyle","progress","pct","setPathViewToFile","navPathViewTestId","fullPath","onContents","parent","parentPath","searches","acceptSearchSuggestion","tags","inputRegex","Image","Node","HTMLAttributes","mergeAttributes","commands","nodeInputRule","match","alt","src","title","Document","Text","Paragraph","dropCursor","Plugin","editorView","DropCursorView","prevState","pos","$pos","isBlock","rect","before","after","node","nodeRect","top","coords","parentLeft","parentTop","timeout","disableDropCursor","disabled","target","point","dropPoint","Dropcursor","Extension","Placeholder","PluginKey","doc","selection","anchor","decorations","firstChild","isLeaf","isAtom","isValidNode","isEmptyDoc","hasAnchor","isEmpty","classes","decoration","Decoration","DecorationSet","FolderRef","attributes","VueNodeViewRenderer","FolderRefComponent","tr","isFolderRef","empty","ImageRef","ImageRefComponent","isImageRef","onKeyDown","onEditorUpdated","onFileCompletionResponse","onSearchCompletionResponse","navIgnoreMainViewGestures","searchButton","editor","useEditor","TagRef","PathCompletion","FileCompletion","TagCompletion","PropertyCompletion","focusOnSearchBar","isOnSearchPage","openSearchBar","searchViewId","searchResultsIntentPillId","expanded","copyIcon","createdIcon","dimensionsIcon","exifIcon","externalLinkIcon","fileIcon","_hoisted_5","sizeIcon","nameIcon","negPromptIcon","pathIcon","relevanceIcon","previewIcon","privateIcon","promptIcon","publicIcon","select","handleSelect","key","inviteUserToCurrentSharedFolder","sharedFolderInfo","userDetails","properties","details","userId","betaHandle","user","navSharingViewTestId","users","onUpdate","scale","_hoisted_8","grip","viewModes","switchViewMode","showableProperties","isShowingProperty","isSortingProperty","isFilteringProperty","showViewModeProperty","hideViewModeProperty","addViewModeSort","removeViewModeSort","showablePropertyOptions","sortablePropertyOptions","filterablePropertyOptions","onToggleShowProperty","propertyId","onToggleSortProperty","useWindowSize","isCustomSort","clearViewModeSorts","navViewModeButtonTestId","sorting","tauriState","closeWindow","minimizeWindow","maximizeWindow","unmaximizeWindow","useTauri","transferState","isDemoUser","isEditingSearch","detailsIcon","historyIcon","waterfallIcon","togglePanel","panelState","usePanel","sidebarWaterfallId","compressedPath","_EditableTag","editableTag","EditableTag","fileTagsAsContents","onUpdated","updateFile","getTagPropertyId","cursor","from","to","editorJson","_b","tagsToAdd","tagsToRemove","tag","updates","add","focusOnTagEditor","reloadTagEditor","oldTags","corePropertyDisplay","generativePropertyDisplay","createAndEditFileNotesProperty","fileNotesProperty","fileExifProperty","firstPath","samePath","all","firstWidth","firstHeight","sameWidth","sameHeight","firstProperty","allProperties","sameProperty","any","firstValue","targetFiles","panelId","dragStyle","downX","downY","posX","posY","px","selectedFiles","dragged","initialX","initialY","manuallyUpdateDragPosition","translate","firstDraggedFile","peekWindowId","peekBackgroundId","closePeek","peekState","toggleProperties","toggleDiff","usePeek","diffTarget","status","moveToArchive","permanentlyDelete","getArchiveForFile","downloadFiles","peekFiles","addFilesToSidebarLast","removeFromSidebar","isFileInSidebar","addSearchesToSidebarLast","isSearchInSidebar","leaveSharedFolder","maxItems","navigateToFile","siblings","sendParentListRequest","isRoot","request","sendFolderListRequests","onParentListResponse","notifyDatagramError","createNewFolderInCurrentView","uploadHere","edgeGap","contextMenuState","contextMenuMainViewBackgroundTestId","mainViewFileContextMenuTestId","menu","page","staticX","staticY","updatedX","clamp","updatedY","onClickOutside","mainLayoutId","sharedFolderIdForCurrentFile","mainLayoutTestId","initGestures","destroyGestures","onSwitchedSpaces","onUserInfoResponse","onSharedFolderMembershipResponse","resizing","isSignedIn","onAppMounted","useHead","isDesktop","titleChunk"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,8,85,106,107,108,109,110,111,112]}