@shellui/core 0.0.17 → 0.0.19

package/src/dist/DefaultLayout.045a82ff.js

@@ -0,0 +1,1964 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+
+(function (
+  modules,
+  entry,
+  mainEntry,
+  parcelRequireName,
+  externals,
+  distDir,
+  publicUrl,
+  devServer
+) {
+  /* eslint-disable no-undef */
+  var globalObject =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof self !== 'undefined'
+      ? self
+      : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+      ? global
+      : {};
+  /* eslint-enable no-undef */
+
+  // Save the require from previous bundle to this closure if any
+  var previousRequire =
+    typeof globalObject[parcelRequireName] === 'function' &&
+    globalObject[parcelRequireName];
+
+  var importMap = previousRequire.i || {};
+  var cache = previousRequire.cache || {};
+  // Do not use `require` to prevent Webpack from trying to bundle this call
+  var nodeRequire =
+    typeof module !== 'undefined' &&
+    typeof module.require === 'function' &&
+    module.require.bind(module);
+
+  function newRequire(name, jumped) {
+    if (!cache[name]) {
+      if (!modules[name]) {
+        if (externals[name]) {
+          return externals[name];
+        }
+        // if we cannot find the module within our internal map or
+        // cache jump to the current global require ie. the last bundle
+        // that was added to the page.
+        var currentRequire =
+          typeof globalObject[parcelRequireName] === 'function' &&
+          globalObject[parcelRequireName];
+        if (!jumped && currentRequire) {
+          return currentRequire(name, true);
+        }
+
+        // If there are other bundles on this page the require from the
+        // previous one is saved to 'previousRequire'. Repeat this as
+        // many times as there are bundles until the module is found or
+        // we exhaust the require chain.
+        if (previousRequire) {
+          return previousRequire(name, true);
+        }
+
+        // Try the node require function if it exists.
+        if (nodeRequire && typeof name === 'string') {
+          return nodeRequire(name);
+        }
+
+        var err = new Error("Cannot find module '" + name + "'");
+        err.code = 'MODULE_NOT_FOUND';
+        throw err;
+      }
+
+      localRequire.resolve = resolve;
+      localRequire.cache = {};
+
+      var module = (cache[name] = new newRequire.Module(name));
+
+      modules[name][0].call(
+        module.exports,
+        localRequire,
+        module,
+        module.exports,
+        globalObject
+      );
+    }
+
+    return cache[name].exports;
+
+    function localRequire(x) {
+      var res = localRequire.resolve(x);
+      if (res === false) {
+        return {};
+      }
+      // Synthesize a module to follow re-exports.
+      if (Array.isArray(res)) {
+        var m = {__esModule: true};
+        res.forEach(function (v) {
+          var key = v[0];
+          var id = v[1];
+          var exp = v[2] || v[0];
+          var x = newRequire(id);
+          if (key === '*') {
+            Object.keys(x).forEach(function (key) {
+              if (
+                key === 'default' ||
+                key === '__esModule' ||
+                Object.prototype.hasOwnProperty.call(m, key)
+              ) {
+                return;
+              }
+
+              Object.defineProperty(m, key, {
+                enumerable: true,
+                get: function () {
+                  return x[key];
+                },
+              });
+            });
+          } else if (exp === '*') {
+            Object.defineProperty(m, key, {
+              enumerable: true,
+              value: x,
+            });
+          } else {
+            Object.defineProperty(m, key, {
+              enumerable: true,
+              get: function () {
+                if (exp === 'default') {
+                  return x.__esModule ? x.default : x;
+                }
+                return x[exp];
+              },
+            });
+          }
+        });
+        return m;
+      }
+      return newRequire(res);
+    }
+
+    function resolve(x) {
+      var id = modules[name][1][x];
+      return id != null ? id : x;
+    }
+  }
+
+  function Module(moduleName) {
+    this.id = moduleName;
+    this.bundle = newRequire;
+    this.require = nodeRequire;
+    this.exports = {};
+  }
+
+  newRequire.isParcelRequire = true;
+  newRequire.Module = Module;
+  newRequire.modules = modules;
+  newRequire.cache = cache;
+  newRequire.parent = previousRequire;
+  newRequire.distDir = distDir;
+  newRequire.publicUrl = publicUrl;
+  newRequire.devServer = devServer;
+  newRequire.i = importMap;
+  newRequire.register = function (id, exports) {
+    modules[id] = [
+      function (require, module) {
+        module.exports = exports;
+      },
+      {},
+    ];
+  };
+
+  // Only insert newRequire.load when it is actually used.
+  // The code in this file is linted against ES5, so dynamic import is not allowed.
+  // INSERT_LOAD_HERE
+
+  Object.defineProperty(newRequire, 'root', {
+    get: function () {
+      return globalObject[parcelRequireName];
+    },
+  });
+
+  globalObject[parcelRequireName] = newRequire;
+
+  for (var i = 0; i < entry.length; i++) {
+    newRequire(entry[i]);
+  }
+
+  if (mainEntry) {
+    // Expose entry point to Node, AMD or browser globals
+    // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+    var mainExports = newRequire(mainEntry);
+
+    // CommonJS
+    if (typeof exports === 'object' && typeof module !== 'undefined') {
+      module.exports = mainExports;
+
+      // RequireJS
+    } else if (typeof define === 'function' && define.amd) {
+      define(function () {
+        return mainExports;
+      });
+    }
+  }
+})({"gR7Jy":[function(require,module,exports,__globalThis) {
+var global = arguments[3];
+var HMR_HOST = "localhost";
+var HMR_PORT = null;
+var HMR_SERVER_PORT = 4000;
+var HMR_SECURE = false;
+var HMR_ENV_HASH = "439701173a9199ea";
+var HMR_USE_SSE = false;
+module.bundle.HMR_BUNDLE_ID = "63985a21045a82ff";
+"use strict";
+/* global HMR_HOST, HMR_PORT, HMR_SERVER_PORT, HMR_ENV_HASH, HMR_SECURE, HMR_USE_SSE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
+import type {
+  HMRAsset,
+  HMRMessage,
+} from '@parcel/reporter-dev-server/src/HMRServer.js';
+interface ParcelRequire {
+  (string): mixed;
+  cache: {|[string]: ParcelModule|};
+  hotData: {|[string]: mixed|};
+  Module: any;
+  parent: ?ParcelRequire;
+  isParcelRequire: true;
+  modules: {|[string]: [Function, {|[string]: string|}]|};
+  HMR_BUNDLE_ID: string;
+  root: ParcelRequire;
+}
+interface ParcelModule {
+  hot: {|
+    data: mixed,
+    accept(cb: (Function) => void): void,
+    dispose(cb: (mixed) => void): void,
+    // accept(deps: Array<string> | string, cb: (Function) => void): void,
+    // decline(): void,
+    _acceptCallbacks: Array<(Function) => void>,
+    _disposeCallbacks: Array<(mixed) => void>,
+  |};
+}
+interface ExtensionContext {
+  runtime: {|
+    reload(): void,
+    getURL(url: string): string;
+    getManifest(): {manifest_version: number, ...};
+  |};
+}
+declare var module: {bundle: ParcelRequire, ...};
+declare var HMR_HOST: string;
+declare var HMR_PORT: string;
+declare var HMR_SERVER_PORT: string;
+declare var HMR_ENV_HASH: string;
+declare var HMR_SECURE: boolean;
+declare var HMR_USE_SSE: boolean;
+declare var chrome: ExtensionContext;
+declare var browser: ExtensionContext;
+declare var __parcel__import__: (string) => Promise<void>;
+declare var __parcel__importScripts__: (string) => Promise<void>;
+declare var globalThis: typeof self;
+declare var ServiceWorkerGlobalScope: Object;
+*/ var OVERLAY_ID = '__parcel__error__overlay__';
+var OldModule = module.bundle.Module;
+function Module(moduleName) {
+    OldModule.call(this, moduleName);
+    this.hot = {
+        data: module.bundle.hotData[moduleName],
+        _acceptCallbacks: [],
+        _disposeCallbacks: [],
+        accept: function(fn) {
+            this._acceptCallbacks.push(fn || function() {});
+        },
+        dispose: function(fn) {
+            this._disposeCallbacks.push(fn);
+        }
+    };
+    module.bundle.hotData[moduleName] = undefined;
+}
+module.bundle.Module = Module;
+module.bundle.hotData = {};
+var checkedAssets /*: {|[string]: boolean|} */ , disposedAssets /*: {|[string]: boolean|} */ , assetsToDispose /*: Array<[ParcelRequire, string]> */ , assetsToAccept /*: Array<[ParcelRequire, string]> */ , bundleNotFound = false;
+function getHostname() {
+    return HMR_HOST || (typeof location !== 'undefined' && location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost');
+}
+function getPort() {
+    return HMR_PORT || (typeof location !== 'undefined' ? location.port : HMR_SERVER_PORT);
+}
+// eslint-disable-next-line no-redeclare
+let WebSocket = globalThis.WebSocket;
+if (!WebSocket && typeof module.bundle.root === 'function') try {
+    // eslint-disable-next-line no-global-assign
+    WebSocket = module.bundle.root('ws');
+} catch  {
+// ignore.
+}
+var hostname = getHostname();
+var port = getPort();
+var protocol = HMR_SECURE || typeof location !== 'undefined' && location.protocol === 'https:' && ![
+    'localhost',
+    '127.0.0.1',
+    '0.0.0.0'
+].includes(hostname) ? 'wss' : 'ws';
+// eslint-disable-next-line no-redeclare
+var parent = module.bundle.parent;
+if (!parent || !parent.isParcelRequire) {
+    // Web extension context
+    var extCtx = typeof browser === 'undefined' ? typeof chrome === 'undefined' ? null : chrome : browser;
+    // Safari doesn't support sourceURL in error stacks.
+    // eval may also be disabled via CSP, so do a quick check.
+    var supportsSourceURL = false;
+    try {
+        (0, eval)('throw new Error("test"); //# sourceURL=test.js');
+    } catch (err) {
+        supportsSourceURL = err.stack.includes('test.js');
+    }
+    var ws;
+    if (HMR_USE_SSE) ws = new EventSource('/__parcel_hmr');
+    else try {
+        // If we're running in the dev server's node runner, listen for messages on the parent port.
+        let { workerData, parentPort } = module.bundle.root('node:worker_threads') /*: any*/ ;
+        if (workerData !== null && workerData !== void 0 && workerData.__parcel) {
+            parentPort.on('message', async (message)=>{
+                try {
+                    await handleMessage(message);
+                    parentPort.postMessage('updated');
+                } catch  {
+                    parentPort.postMessage('restart');
+                }
+            });
+            // After the bundle has finished running, notify the dev server that the HMR update is complete.
+            queueMicrotask(()=>parentPort.postMessage('ready'));
+        }
+    } catch  {
+        if (typeof WebSocket !== 'undefined') try {
+            ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/');
+        } catch (err) {
+            // Ignore cloudflare workers error.
+            if (err.message && !err.message.includes('Disallowed operation called within global scope')) console.error(err.message);
+        }
+    }
+    if (ws) {
+        // $FlowFixMe
+        ws.onmessage = async function(event /*: {data: string, ...} */ ) {
+            var data /*: HMRMessage */  = JSON.parse(event.data);
+            await handleMessage(data);
+        };
+        if (ws instanceof WebSocket) {
+            ws.onerror = function(e) {
+                if (e.message) console.error(e.message);
+            };
+            ws.onclose = function() {
+                console.warn("[parcel] \uD83D\uDEA8 Connection to the HMR server was lost");
+            };
+        }
+    }
+}
+async function handleMessage(data /*: HMRMessage */ ) {
+    checkedAssets = {} /*: {|[string]: boolean|} */ ;
+    disposedAssets = {} /*: {|[string]: boolean|} */ ;
+    assetsToAccept = [];
+    assetsToDispose = [];
+    bundleNotFound = false;
+    if (data.type === 'reload') fullReload();
+    else if (data.type === 'update') {
+        // Remove error overlay if there is one
+        if (typeof document !== 'undefined') removeErrorOverlay();
+        let assets = data.assets;
+        // Handle HMR Update
+        let handled = assets.every((asset)=>{
+            return asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
+        });
+        // Dispatch a custom event in case a bundle was not found. This might mean
+        // an asset on the server changed and we should reload the page. This event
+        // gives the client an opportunity to refresh without losing state
+        // (e.g. via React Server Components). If e.preventDefault() is not called,
+        // we will trigger a full page reload.
+        if (handled && bundleNotFound && assets.some((a)=>a.envHash !== HMR_ENV_HASH) && typeof window !== 'undefined' && typeof CustomEvent !== 'undefined') handled = !window.dispatchEvent(new CustomEvent('parcelhmrreload', {
+            cancelable: true
+        }));
+        if (handled) {
+            console.clear();
+            // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
+            if (typeof window !== 'undefined' && typeof CustomEvent !== 'undefined') window.dispatchEvent(new CustomEvent('parcelhmraccept'));
+            await hmrApplyUpdates(assets);
+            hmrDisposeQueue();
+            // Run accept callbacks. This will also re-execute other disposed assets in topological order.
+            let processedAssets = {};
+            for(let i = 0; i < assetsToAccept.length; i++){
+                let id = assetsToAccept[i][1];
+                if (!processedAssets[id]) {
+                    hmrAccept(assetsToAccept[i][0], id);
+                    processedAssets[id] = true;
+                }
+            }
+        } else fullReload();
+    }
+    if (data.type === 'error') {
+        // Log parcel errors to console
+        for (let ansiDiagnostic of data.diagnostics.ansi){
+            let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
+            console.error("\uD83D\uDEA8 [parcel]: " + ansiDiagnostic.message + '\n' + stack + '\n\n' + ansiDiagnostic.hints.join('\n'));
+        }
+        if (typeof document !== 'undefined') {
+            // Render the fancy html overlay
+            removeErrorOverlay();
+            var overlay = createErrorOverlay(data.diagnostics.html);
+            // $FlowFixMe
+            document.body.appendChild(overlay);
+        }
+    }
+}
+function removeErrorOverlay() {
+    var overlay = document.getElementById(OVERLAY_ID);
+    if (overlay) {
+        overlay.remove();
+        console.log("[parcel] \u2728 Error resolved");
+    }
+}
+function createErrorOverlay(diagnostics) {
+    var overlay = document.createElement('div');
+    overlay.id = OVERLAY_ID;
+    let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
+    for (let diagnostic of diagnostics){
+        let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame)=>{
+            return `${p}
+<a href="${protocol === 'wss' ? 'https' : 'http'}://${hostname}:${port}/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
+${frame.code}`;
+        }, '') : diagnostic.stack;
+        errorHTML += `
+      <div>
+        <div style="font-size: 18px; font-weight: bold; margin-top: 20px;">
+          \u{1F6A8} ${diagnostic.message}
+        </div>
+        <pre>${stack}</pre>
+        <div>
+          ${diagnostic.hints.map((hint)=>"<div>\uD83D\uDCA1 " + hint + '</div>').join('')}
+        </div>
+        ${diagnostic.documentation ? `<div>\u{1F4DD} <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ''}
+      </div>
+    `;
+    }
+    errorHTML += '</div>';
+    overlay.innerHTML = errorHTML;
+    return overlay;
+}
+function fullReload() {
+    if (typeof location !== 'undefined' && 'reload' in location) location.reload();
+    else if (typeof extCtx !== 'undefined' && extCtx && extCtx.runtime && extCtx.runtime.reload) extCtx.runtime.reload();
+    else try {
+        let { workerData, parentPort } = module.bundle.root('node:worker_threads') /*: any*/ ;
+        if (workerData !== null && workerData !== void 0 && workerData.__parcel) parentPort.postMessage('restart');
+    } catch (err) {
+        console.error("[parcel] \u26A0\uFE0F An HMR update was not accepted. Please restart the process.");
+    }
+}
+function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
+    var modules = bundle.modules;
+    if (!modules) return [];
+    var parents = [];
+    var k, d, dep;
+    for(k in modules)for(d in modules[k][1]){
+        dep = modules[k][1][d];
+        if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) parents.push([
+            bundle,
+            k
+        ]);
+    }
+    if (bundle.parent) parents = parents.concat(getParents(bundle.parent, id));
+    return parents;
+}
+function updateLink(link) {
+    var href = link.getAttribute('href');
+    if (!href) return;
+    var newLink = link.cloneNode();
+    newLink.onload = function() {
+        if (link.parentNode !== null) // $FlowFixMe
+        link.parentNode.removeChild(link);
+    };
+    newLink.setAttribute('href', // $FlowFixMe
+    href.split('?')[0] + '?' + Date.now());
+    // $FlowFixMe
+    link.parentNode.insertBefore(newLink, link.nextSibling);
+}
+var cssTimeout = null;
+function reloadCSS() {
+    if (cssTimeout || typeof document === 'undefined') return;
+    cssTimeout = setTimeout(function() {
+        var links = document.querySelectorAll('link[rel="stylesheet"]');
+        for(var i = 0; i < links.length; i++){
+            // $FlowFixMe[incompatible-type]
+            var href /*: string */  = links[i].getAttribute('href');
+            var hostname = getHostname();
+            var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort());
+            var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
+            if (!absolute) updateLink(links[i]);
+        }
+        cssTimeout = null;
+    }, 50);
+}
+function hmrDownload(asset) {
+    if (asset.type === 'js') {
+        if (typeof document !== 'undefined') {
+            let script = document.createElement('script');
+            script.src = asset.url + '?t=' + Date.now();
+            if (asset.outputFormat === 'esmodule') script.type = 'module';
+            return new Promise((resolve, reject)=>{
+                var _document$head;
+                script.onload = ()=>resolve(script);
+                script.onerror = reject;
+                (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
+            });
+        } else if (typeof importScripts === 'function') {
+            // Worker scripts
+            if (asset.outputFormat === 'esmodule') return import(asset.url + '?t=' + Date.now());
+            else return new Promise((resolve, reject)=>{
+                try {
+                    importScripts(asset.url + '?t=' + Date.now());
+                    resolve();
+                } catch (err) {
+                    reject(err);
+                }
+            });
+        }
+    }
+}
+async function hmrApplyUpdates(assets) {
+    global.parcelHotUpdate = Object.create(null);
+    let scriptsToRemove;
+    try {
+        // If sourceURL comments aren't supported in eval, we need to load
+        // the update from the dev server over HTTP so that stack traces
+        // are correct in errors/logs. This is much slower than eval, so
+        // we only do it if needed (currently just Safari).
+        // https://bugs.webkit.org/show_bug.cgi?id=137297
+        // This path is also taken if a CSP disallows eval.
+        if (!supportsSourceURL) {
+            let promises = assets.map((asset)=>{
+                var _hmrDownload;
+                return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch((err)=>{
+                    // Web extension fix
+                    if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != 'undefined' && global instanceof ServiceWorkerGlobalScope) {
+                        extCtx.runtime.reload();
+                        return;
+                    }
+                    throw err;
+                });
+            });
+            scriptsToRemove = await Promise.all(promises);
+        }
+        assets.forEach(function(asset) {
+            hmrApply(module.bundle.root, asset);
+        });
+    } finally{
+        delete global.parcelHotUpdate;
+        if (scriptsToRemove) scriptsToRemove.forEach((script)=>{
+            if (script) {
+                var _document$head2;
+                (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
+            }
+        });
+    }
+}
+function hmrApply(bundle /*: ParcelRequire */ , asset /*:  HMRAsset */ ) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (asset.type === 'css') reloadCSS();
+    else if (asset.type === 'js') {
+        let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
+        if (deps) {
+            if (modules[asset.id]) {
+                // Remove dependencies that are removed and will become orphaned.
+                // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.
+                let oldDeps = modules[asset.id][1];
+                for(let dep in oldDeps)if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
+                    let id = oldDeps[dep];
+                    let parents = getParents(module.bundle.root, id);
+                    if (parents.length === 1) hmrDelete(module.bundle.root, id);
+                }
+            }
+            if (supportsSourceURL) // Global eval. We would use `new Function` here but browser
+            // support for source maps is better with eval.
+            (0, eval)(asset.output);
+            // $FlowFixMe
+            let fn = global.parcelHotUpdate[asset.id];
+            modules[asset.id] = [
+                fn,
+                deps
+            ];
+        }
+        // Always traverse to the parent bundle, even if we already replaced the asset in this bundle.
+        // This is required in case modules are duplicated. We need to ensure all instances have the updated code.
+        if (bundle.parent) hmrApply(bundle.parent, asset);
+    }
+}
+function hmrDelete(bundle, id) {
+    let modules = bundle.modules;
+    if (!modules) return;
+    if (modules[id]) {
+        // Collect dependencies that will become orphaned when this module is deleted.
+        let deps = modules[id][1];
+        let orphans = [];
+        for(let dep in deps){
+            let parents = getParents(module.bundle.root, deps[dep]);
+            if (parents.length === 1) orphans.push(deps[dep]);
+        }
+        // Delete the module. This must be done before deleting dependencies in case of circular dependencies.
+        delete modules[id];
+        delete bundle.cache[id];
+        // Now delete the orphans.
+        orphans.forEach((id)=>{
+            hmrDelete(module.bundle.root, id);
+        });
+    } else if (bundle.parent) hmrDelete(bundle.parent, id);
+}
+function hmrAcceptCheck(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
+    checkedAssets = {};
+    if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
+    // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
+    let parents = getParents(module.bundle.root, id);
+    let accepted = false;
+    while(parents.length > 0){
+        let v = parents.shift();
+        let a = hmrAcceptCheckOne(v[0], v[1], null);
+        if (a) // If this parent accepts, stop traversing upward, but still consider siblings.
+        accepted = true;
+        else if (a !== null) {
+            // Otherwise, queue the parents in the next level upward.
+            let p = getParents(module.bundle.root, v[1]);
+            if (p.length === 0) {
+                // If there are no parents, then we've reached an entry without accepting. Reload.
+                accepted = false;
+                break;
+            }
+            parents.push(...p);
+        }
+    }
+    return accepted;
+}
+function hmrAcceptCheckOne(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
+        // If we reached the root bundle without finding where the asset should go,
+        // there's nothing to do. Mark as "accepted" so we don't reload the page.
+        if (!bundle.parent) {
+            bundleNotFound = true;
+            return true;
+        }
+        return hmrAcceptCheckOne(bundle.parent, id, depsByBundle);
+    }
+    if (checkedAssets[id]) return null;
+    checkedAssets[id] = true;
+    var cached = bundle.cache[id];
+    if (!cached) return true;
+    assetsToDispose.push([
+        bundle,
+        id
+    ]);
+    if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
+        assetsToAccept.push([
+            bundle,
+            id
+        ]);
+        return true;
+    }
+    return false;
+}
+function hmrDisposeQueue() {
+    // Dispose all old assets.
+    for(let i = 0; i < assetsToDispose.length; i++){
+        let id = assetsToDispose[i][1];
+        if (!disposedAssets[id]) {
+            hmrDispose(assetsToDispose[i][0], id);
+            disposedAssets[id] = true;
+        }
+    }
+    assetsToDispose = [];
+}
+function hmrDispose(bundle /*: ParcelRequire */ , id /*: string */ ) {
+    var cached = bundle.cache[id];
+    bundle.hotData[id] = {};
+    if (cached && cached.hot) cached.hot.data = bundle.hotData[id];
+    if (cached && cached.hot && cached.hot._disposeCallbacks.length) cached.hot._disposeCallbacks.forEach(function(cb) {
+        cb(bundle.hotData[id]);
+    });
+    delete bundle.cache[id];
+}
+function hmrAccept(bundle /*: ParcelRequire */ , id /*: string */ ) {
+    // Execute the module.
+    bundle(id);
+    // Run the accept callbacks in the new version of the module.
+    var cached = bundle.cache[id];
+    if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
+        let assetsToAlsoAccept = [];
+        cached.hot._acceptCallbacks.forEach(function(cb) {
+            let additionalAssets = cb(function() {
+                return getParents(module.bundle.root, id);
+            });
+            if (Array.isArray(additionalAssets) && additionalAssets.length) assetsToAlsoAccept.push(...additionalAssets);
+        });
+        if (assetsToAlsoAccept.length) {
+            let handled = assetsToAlsoAccept.every(function(a) {
+                return hmrAcceptCheck(a[0], a[1]);
+            });
+            if (!handled) return fullReload();
+            hmrDisposeQueue();
+        }
+    }
+}
+
+},{}],"eOear":[function(require,module,exports,__globalThis) {
+var $parcel$ReactRefreshHelpers$a331 = require("@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js");
+$parcel$ReactRefreshHelpers$a331.init();
+var prevRefreshReg = globalThis.$RefreshReg$;
+var prevRefreshSig = globalThis.$RefreshSig$;
+$parcel$ReactRefreshHelpers$a331.prelude(module);
+
+try {
+var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
+parcelHelpers.defineInteropFlag(exports);
+parcelHelpers.export(exports, "DefaultLayout", ()=>DefaultLayout);
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactRouter = require("react-router");
+var _react = require("react");
+var _reactI18Next = require("react-i18next");
+var _sdk = require("@shellui/sdk");
+var _sidebar = require("@/components/ui/sidebar");
+var _utils = require("@/lib/utils");
+var _zIndex = require("@/lib/z-index");
+var _utils1 = require("./utils");
+var _layoutProviders = require("./LayoutProviders");
+var _overlayShell = require("./OverlayShell");
+var _s = $RefreshSig$(), _s1 = $RefreshSig$(), _s2 = $RefreshSig$();
+// DuckDuckGo favicon URL for a given page URL (used when openIn === 'external' and no icon is set)
+const getExternalFaviconUrl = (url)=>{
+    try {
+        const parsed = new URL(url);
+        const hostname = parsed.hostname;
+        if (!hostname) return null;
+        return `https://icons.duckduckgo.com/ip3/${hostname}.ico`;
+    } catch  {
+        return null;
+    }
+};
+const NavigationContent = ({ navigation })=>{
+    _s();
+    const location = (0, _reactRouter.useLocation)();
+    const { i18n } = (0, _reactI18Next.useTranslation)();
+    const currentLanguage = i18n.language || 'en';
+    // Helper function to resolve localized strings
+    const resolveLocalizedString = (value, lang)=>{
+        if (typeof value === 'string') return value;
+        // Try current language first, then English as fallback
+        return value[lang] || value.en || value.fr || Object.values(value)[0] || '';
+    };
+    // Check if at least one navigation item has an icon
+    const hasAnyIcons = (0, _react.useMemo)(()=>{
+        return navigation.some((item)=>{
+            if ('title' in item && 'items' in item) // It's a group
+            return item.items.some((navItem)=>!!navItem.icon);
+            // It's a standalone item
+            return !!item.icon;
+        });
+    }, [
+        navigation
+    ]);
+    // Helper to check if an item is a group
+    const isGroup = (item)=>{
+        return 'title' in item && 'items' in item;
+    };
+    // Render a single nav item link or modal/drawer trigger
+    const renderNavItem = (navItem)=>{
+        const pathPrefix = `/${navItem.path}`;
+        const isOverlay = navItem.openIn === 'modal' || navItem.openIn === 'drawer';
+        const isExternal = navItem.openIn === 'external';
+        const isActive = !isOverlay && !isExternal && (location.pathname === pathPrefix || location.pathname.startsWith(`${pathPrefix}/`));
+        const itemLabel = resolveLocalizedString(navItem.label, currentLanguage);
+        const faviconUrl = isExternal && !navItem.icon ? getExternalFaviconUrl(navItem.url) : null;
+        const iconSrc = navItem.icon ?? faviconUrl ?? null;
+        const iconEl = iconSrc ? (0, _jsxRuntime.jsx)("img", {
+            src: iconSrc,
+            alt: "",
+            className: (0, _utils.cn)('h-4 w-4', 'shrink-0')
+        }) : hasAnyIcons ? (0, _jsxRuntime.jsx)("span", {
+            className: "h-4 w-4 shrink-0"
+        }) : null;
+        const externalIcon = isExternal ? (0, _jsxRuntime.jsx)(ExternalLinkIcon, {
+            className: "ml-auto h-4 w-4 shrink-0 opacity-70"
+        }) : null;
+        const content = (0, _jsxRuntime.jsxs)((0, _jsxRuntime.Fragment), {
+            children: [
+                iconEl,
+                (0, _jsxRuntime.jsx)("span", {
+                    className: "truncate",
+                    children: itemLabel
+                }),
+                externalIcon
+            ]
+        });
+        const linkOrTrigger = navItem.openIn === 'modal' ? (0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            onClick: ()=>(0, _sdk.shellui).openModal(navItem.url),
+            className: "flex items-center gap-2 w-full cursor-pointer text-left",
+            children: content
+        }) : navItem.openIn === 'drawer' ? (0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            onClick: ()=>(0, _sdk.shellui).openDrawer({
+                    url: navItem.url,
+                    position: navItem.drawerPosition
+                }),
+            className: "flex items-center gap-2 w-full cursor-pointer text-left",
+            children: content
+        }) : navItem.openIn === 'external' ? (0, _jsxRuntime.jsx)("a", {
+            href: navItem.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "flex items-center gap-2 w-full",
+            children: content
+        }) : (0, _jsxRuntime.jsx)((0, _reactRouter.Link), {
+            to: `/${navItem.path}`,
+            className: "flex items-center gap-2 w-full",
+            children: content
+        });
+        return (0, _jsxRuntime.jsx)((0, _sidebar.SidebarMenuButton), {
+            asChild: true,
+            isActive: isActive,
+            className: (0, _utils.cn)('w-full', isActive && 'bg-sidebar-accent text-sidebar-accent-foreground'),
+            children: linkOrTrigger
+        });
+    };
+    // Render navigation items - handle both groups and standalone items
+    return (0, _jsxRuntime.jsx)((0, _jsxRuntime.Fragment), {
+        children: navigation.map((item)=>{
+            if (isGroup(item)) {
+                // Render as a group
+                const groupTitle = resolveLocalizedString(item.title, currentLanguage);
+                return (0, _jsxRuntime.jsxs)((0, _sidebar.SidebarGroup), {
+                    className: "mt-0",
+                    children: [
+                        (0, _jsxRuntime.jsx)((0, _sidebar.SidebarGroupLabel), {
+                            className: "mb-1",
+                            children: groupTitle
+                        }),
+                        (0, _jsxRuntime.jsx)((0, _sidebar.SidebarGroupContent), {
+                            children: (0, _jsxRuntime.jsx)((0, _sidebar.SidebarMenu), {
+                                className: "gap-0.5",
+                                children: item.items.map((navItem)=>(0, _jsxRuntime.jsx)((0, _sidebar.SidebarMenuItem), {
+                                        children: renderNavItem(navItem)
+                                    }, navItem.path))
+                            })
+                        })
+                    ]
+                }, groupTitle);
+            } else // Render as a standalone item
+            return (0, _jsxRuntime.jsx)((0, _sidebar.SidebarMenu), {
+                className: "gap-0.5",
+                children: (0, _jsxRuntime.jsx)((0, _sidebar.SidebarMenuItem), {
+                    children: renderNavItem(item)
+                })
+            }, item.path);
+        })
+    });
+};
+_s(NavigationContent, "jblAEP8b2K6uaL5rE7fW1Uaq6X8=", false, function() {
+    return [
+        (0, _reactRouter.useLocation),
+        (0, _reactI18Next.useTranslation)
+    ];
+});
+_c = NavigationContent;
+/** Reusable sidebar inner: header, main nav, footer. Used in desktop Sidebar and mobile Drawer. */ const SidebarInner = ({ title, logo, startNav, endItems })=>(0, _jsxRuntime.jsxs)((0, _jsxRuntime.Fragment), {
+        children: [
+            (0, _jsxRuntime.jsx)((0, _sidebar.SidebarHeader), {
+                className: "border-b border-sidebar-border pb-4",
+                children: (title || logo) && (0, _jsxRuntime.jsx)((0, _reactRouter.Link), {
+                    to: "/",
+                    className: "flex items-center pl-1 pr-3 py-2 text-lg font-semibold text-sidebar-foreground hover:text-sidebar-foreground/80 transition-colors",
+                    children: logo && logo.trim() ? (0, _jsxRuntime.jsx)("img", {
+                        src: logo,
+                        alt: title || 'Logo',
+                        className: "h-5 w-auto shrink-0 object-contain sidebar-logo"
+                    }) : title ? (0, _jsxRuntime.jsx)("span", {
+                        className: "leading-none",
+                        children: title
+                    }) : null
+                })
+            }),
+            (0, _jsxRuntime.jsx)((0, _sidebar.SidebarContent), {
+                className: "gap-1",
+                children: (0, _jsxRuntime.jsx)(NavigationContent, {
+                    navigation: startNav
+                })
+            }),
+            endItems.length > 0 && (0, _jsxRuntime.jsx)((0, _sidebar.SidebarFooter), {
+                children: (0, _jsxRuntime.jsx)(NavigationContent, {
+                    navigation: endItems
+                })
+            })
+        ]
+    });
+_c1 = SidebarInner;
+function resolveLocalizedLabel(value, lang) {
+    if (typeof value === 'string') return value;
+    return value[lang] || value.en || value.fr || Object.values(value)[0] || '';
+}
+/** Approximate width per slot (icon + label + padding) and gap for dynamic slot count. */ const BOTTOM_NAV_SLOT_WIDTH = 64;
+const BOTTOM_NAV_GAP = 4;
+const BOTTOM_NAV_PX = 12;
+/** Max slots in the row (Home + nav + optional More) to avoid overflow/duplicated wrap. */ const BOTTOM_NAV_MAX_SLOTS = 6;
+/** True when the icon is a local app icon (/icons/); external images (avatars, favicons) are shown as-is. */ const isAppIcon = (src)=>src.startsWith('/icons/');
+/** Single nav item for bottom bar: icon + label, link or action. */ const BottomNavItem = ({ item, label, isActive, iconSrc, applyIconTheme })=>{
+    const pathPrefix = `/${item.path}`;
+    const content = (0, _jsxRuntime.jsxs)("span", {
+        className: "flex flex-col items-center justify-center gap-1 w-full min-w-0 max-w-full overflow-hidden",
+        children: [
+            iconSrc ? (0, _jsxRuntime.jsx)("img", {
+                src: iconSrc,
+                alt: "",
+                className: (0, _utils.cn)('size-4 shrink-0 rounded-sm object-cover', applyIconTheme && 'opacity-90 dark:opacity-100 dark:invert')
+            }) : (0, _jsxRuntime.jsx)("span", {
+                className: "size-4 shrink-0 rounded-sm bg-muted"
+            }),
+            (0, _jsxRuntime.jsx)("span", {
+                className: "text-[11px] leading-tight truncate w-full min-w-0 text-center block",
+                children: label
+            })
+        ]
+    });
+    const baseClass = (0, _utils.cn)('flex flex-col items-center justify-center rounded-md py-1.5 px-2 min-w-0 max-w-full transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', isActive ? 'bg-accent text-accent-foreground [&_span]:text-accent-foreground' : 'text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground [&_span]:inherit');
+    if (item.openIn === 'modal') return (0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        onClick: ()=>(0, _sdk.shellui).openModal(item.url),
+        className: baseClass,
+        children: content
+    });
+    if (item.openIn === 'drawer') return (0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        onClick: ()=>(0, _sdk.shellui).openDrawer({
+                url: item.url,
+                position: item.drawerPosition
+            }),
+        className: baseClass,
+        children: content
+    });
+    if (item.openIn === 'external') return (0, _jsxRuntime.jsx)("a", {
+        href: item.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: baseClass,
+        children: content
+    });
+    return (0, _jsxRuntime.jsx)((0, _reactRouter.Link), {
+        to: pathPrefix,
+        className: baseClass,
+        children: content
+    });
+};
+_c2 = BottomNavItem;
+/** Inline SVG: external-link icon. Bundled so consumers don't need to serve static SVGs. */ const ExternalLinkIcon = ({ className })=>(0, _jsxRuntime.jsxs)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: (0, _utils.cn)('shrink-0', className),
+        "aria-hidden": true,
+        children: [
+            (0, _jsxRuntime.jsx)("path", {
+                d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+            }),
+            (0, _jsxRuntime.jsx)("polyline", {
+                points: "15 3 21 3 21 9"
+            }),
+            (0, _jsxRuntime.jsx)("line", {
+                x1: "10",
+                y1: "14",
+                x2: "21",
+                y2: "3"
+            })
+        ]
+    });
+_c3 = ExternalLinkIcon;
+/** Caret up: expand (show second line). */ const CaretUpIcon = ({ className })=>(0, _jsxRuntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: (0, _utils.cn)('shrink-0', className),
+        "aria-hidden": true,
+        children: (0, _jsxRuntime.jsx)("path", {
+            d: "m18 15-6-6-6 6"
+        })
+    });
+_c4 = CaretUpIcon;
+/** Caret down: collapse (hide second line). */ const CaretDownIcon = ({ className })=>(0, _jsxRuntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: (0, _utils.cn)('shrink-0', className),
+        "aria-hidden": true,
+        children: (0, _jsxRuntime.jsx)("path", {
+            d: "m6 9 6 6 6-6"
+        })
+    });
+_c5 = CaretDownIcon;
+/** Home icon for mobile bottom bar (same as sidebar logo action). */ const HomeIcon = ({ className })=>(0, _jsxRuntime.jsxs)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: (0, _utils.cn)('shrink-0', className),
+        "aria-hidden": true,
+        children: [
+            (0, _jsxRuntime.jsx)("path", {
+                d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+            }),
+            (0, _jsxRuntime.jsx)("polyline", {
+                points: "9 22 9 12 15 12 15 22"
+            })
+        ]
+    });
+_c6 = HomeIcon;
+/** Mobile bottom nav: Home + nav items; More only when not all fit. Dynamic from width. */ const MobileBottomNav = ({ items, currentLanguage })=>{
+    _s1();
+    const location = (0, _reactRouter.useLocation)();
+    const [expanded, setExpanded] = (0, _react.useState)(false);
+    const navRef = (0, _react.useRef)(null);
+    const [rowWidth, setRowWidth] = (0, _react.useState)(0);
+    (0, _react.useLayoutEffect)(()=>{
+        const el = navRef.current;
+        if (!el) return;
+        const ro = new ResizeObserver((entries)=>{
+            const w = entries[0]?.contentRect.width ?? 0;
+            setRowWidth(w);
+        });
+        ro.observe(el);
+        setRowWidth(el.getBoundingClientRect().width);
+        return ()=>ro.disconnect();
+    }, []);
+    const { rowItems, overflowItems, hasMore } = (0, _react.useMemo)(()=>{
+        const list = items.slice();
+        const contentWidth = Math.max(0, rowWidth - BOTTOM_NAV_PX * 2);
+        const slotTotal = BOTTOM_NAV_SLOT_WIDTH + BOTTOM_NAV_GAP;
+        const computedSlots = rowWidth > 0 ? Math.floor((contentWidth + BOTTOM_NAV_GAP) / slotTotal) : 5;
+        const totalSlots = Math.min(Math.max(0, computedSlots), BOTTOM_NAV_MAX_SLOTS);
+        const slotsForNav = totalSlots - 1;
+        const allFit = list.length <= slotsForNav;
+        const maxInRow = allFit ? list.length : Math.max(0, totalSlots - 2);
+        const row = list.slice(0, maxInRow);
+        const rowPaths = new Set(row.map((i)=>i.path));
+        const overflow = list.filter((item)=>!rowPaths.has(item.path));
+        return {
+            rowItems: row,
+            overflowItems: overflow,
+            hasMore: overflow.length > 0
+        };
+    }, [
+        items,
+        rowWidth
+    ]);
+    (0, _react.useEffect)(()=>{
+        setExpanded(false);
+    }, [
+        location.pathname
+    ]);
+    const renderItem = (item, index)=>{
+        const pathPrefix = `/${item.path}`;
+        const isOverlayOrExternal = item.openIn === 'modal' || item.openIn === 'drawer' || item.openIn === 'external';
+        const isActive = !isOverlayOrExternal && (location.pathname === pathPrefix || location.pathname.startsWith(`${pathPrefix}/`));
+        const label = (0, _utils1.resolveLocalizedString)(item.label, currentLanguage);
+        const faviconUrl = item.openIn === 'external' && !item.icon ? getExternalFaviconUrl(item.url) : null;
+        const iconSrc = item.icon ?? faviconUrl ?? null;
+        const applyIconTheme = iconSrc ? isAppIcon(iconSrc) : false;
+        return (0, _jsxRuntime.jsx)(BottomNavItem, {
+            item: item,
+            label: label,
+            isActive: isActive,
+            iconSrc: iconSrc,
+            applyIconTheme: applyIconTheme
+        }, `${item.path}-${item.url}-${index}`);
+    };
+    return (0, _jsxRuntime.jsxs)("nav", {
+        ref: navRef,
+        className: "fixed bottom-0 left-0 right-0 z-[9999] md:hidden border-t border-sidebar-border bg-sidebar-background overflow-hidden pt-2",
+        style: {
+            zIndex: (0, _zIndex.Z_INDEX).SIDEBAR_TRIGGER,
+            paddingBottom: 'calc(0.5rem + env(safe-area-inset-bottom, 0px))'
+        },
+        children: [
+            (0, _jsxRuntime.jsxs)("div", {
+                className: "flex flex-row flex-nowrap items-center justify-center gap-1 px-3 overflow-x-hidden",
+                children: [
+                    (0, _jsxRuntime.jsxs)((0, _reactRouter.Link), {
+                        to: "/",
+                        className: (0, _utils.cn)('flex flex-col items-center justify-center gap-1 rounded-md py-1.5 px-2 min-w-0 transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', location.pathname === '/' || location.pathname === '' ? 'bg-sidebar-accent text-sidebar-accent-foreground [&_span]:text-sidebar-accent-foreground' : 'text-sidebar-foreground/80 hover:bg-sidebar-accent/50 hover:text-sidebar-foreground [&_span]:inherit'),
+                        "aria-label": "Home",
+                        children: [
+                            (0, _jsxRuntime.jsx)("span", {
+                                className: "size-4 shrink-0 flex items-center justify-center [&_svg]:text-current",
+                                children: (0, _jsxRuntime.jsx)(HomeIcon, {
+                                    className: "size-4"
+                                })
+                            }),
+                            (0, _jsxRuntime.jsx)("span", {
+                                className: "text-[11px] leading-tight",
+                                children: "Home"
+                            })
+                        ]
+                    }),
+                    rowItems.map((item, i)=>renderItem(item, i)),
+                    hasMore && (0, _jsxRuntime.jsxs)("button", {
+                        type: "button",
+                        onClick: ()=>setExpanded((e)=>!e),
+                        className: (0, _utils.cn)('flex flex-col items-center justify-center gap-1 rounded-md py-1.5 px-2 min-w-0 transition-colors cursor-pointer', 'text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'),
+                        "aria-expanded": expanded,
+                        "aria-label": expanded ? 'Show less' : 'Show more',
+                        children: [
+                            (0, _jsxRuntime.jsx)("span", {
+                                className: "size-4 shrink-0 flex items-center justify-center",
+                                children: expanded ? (0, _jsxRuntime.jsx)(CaretDownIcon, {
+                                    className: "size-4"
+                                }) : (0, _jsxRuntime.jsx)(CaretUpIcon, {
+                                    className: "size-4"
+                                })
+                            }),
+                            (0, _jsxRuntime.jsx)("span", {
+                                className: "text-[11px] leading-tight",
+                                children: expanded ? 'Less' : 'More'
+                            })
+                        ]
+                    })
+                ]
+            }),
+            (0, _jsxRuntime.jsx)("div", {
+                className: (0, _utils.cn)('grid transition-[grid-template-rows] duration-300 ease-out', expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'),
+                children: (0, _jsxRuntime.jsx)("div", {
+                    className: "min-h-0 overflow-hidden",
+                    children: (0, _jsxRuntime.jsx)("div", {
+                        className: "px-4 pt-3 pb-2 border-t border-sidebar-border/50 mt-1",
+                        children: (0, _jsxRuntime.jsx)("div", {
+                            className: "grid grid-cols-5 gap-2 justify-items-center max-w-xs mx-auto",
+                            children: expanded ? overflowItems.map((item, i)=>renderItem(item, i)) : null
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+_s1(MobileBottomNav, "U2Tm7blzZXEpGbs18cOsoK4bBdQ=", false, function() {
+    return [
+        (0, _reactRouter.useLocation)
+    ];
+});
+_c7 = MobileBottomNav;
+const DefaultLayoutContent = ({ title, logo, navigation })=>{
+    _s2();
+    const location = (0, _reactRouter.useLocation)();
+    const { i18n } = (0, _reactI18Next.useTranslation)();
+    const currentLanguage = i18n.language || 'en';
+    const { startNav, endItems, navigationItems, mobileNavItems } = (0, _react.useMemo)(()=>{
+        const desktopNav = (0, _utils1.filterNavigationByViewport)(navigation, 'desktop');
+        const mobileNav = (0, _utils1.filterNavigationByViewport)(navigation, 'mobile');
+        const { start, end } = (0, _utils1.splitNavigationByPosition)(desktopNav);
+        const flat = (0, _utils1.flattenNavigationItems)(desktopNav);
+        const mobileFlat = (0, _utils1.flattenNavigationItems)(mobileNav);
+        return {
+            startNav: (0, _utils1.filterNavigationForSidebar)(start),
+            endItems: end,
+            navigationItems: flat,
+            mobileNavItems: mobileFlat
+        };
+    }, [
+        navigation
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (!title) return;
+        const pathname = location.pathname.replace(/^\/+|\/+$/g, '') || '';
+        const segment = pathname.split('/')[0];
+        if (!segment) {
+            document.title = title;
+            return;
+        }
+        const navItem = navigationItems.find((item)=>item.path === segment);
+        if (navItem) {
+            const label = resolveLocalizedLabel(navItem.label, currentLanguage);
+            document.title = `${label} | ${title}`;
+        } else document.title = title;
+    }, [
+        location.pathname,
+        title,
+        navigationItems,
+        currentLanguage
+    ]);
+    return (0, _jsxRuntime.jsx)((0, _layoutProviders.LayoutProviders), {
+        children: (0, _jsxRuntime.jsx)((0, _sidebar.SidebarProvider), {
+            children: (0, _jsxRuntime.jsxs)((0, _overlayShell.OverlayShell), {
+                navigationItems: navigationItems,
+                children: [
+                    (0, _jsxRuntime.jsxs)("div", {
+                        className: "flex h-screen overflow-hidden",
+                        children: [
+                            (0, _jsxRuntime.jsx)((0, _sidebar.Sidebar), {
+                                className: (0, _utils.cn)('hidden md:flex shrink-0'),
+                                children: (0, _jsxRuntime.jsx)(SidebarInner, {
+                                    title: title,
+                                    logo: logo,
+                                    startNav: startNav,
+                                    endItems: endItems
+                                })
+                            }),
+                            (0, _jsxRuntime.jsx)("main", {
+                                className: "flex-1 flex flex-col overflow-hidden bg-background relative min-w-0",
+                                children: (0, _jsxRuntime.jsx)("div", {
+                                    className: "flex-1 flex flex-col overflow-auto pb-16 md:pb-0",
+                                    children: (0, _jsxRuntime.jsx)((0, _reactRouter.Outlet), {})
+                                })
+                            })
+                        ]
+                    }),
+                    (0, _jsxRuntime.jsx)(MobileBottomNav, {
+                        items: mobileNavItems,
+                        currentLanguage: currentLanguage
+                    })
+                ]
+            })
+        })
+    });
+};
+_s2(DefaultLayoutContent, "Xr8qR4VhNRAJkJ6hNa0+/IwN6GY=", false, function() {
+    return [
+        (0, _reactRouter.useLocation),
+        (0, _reactI18Next.useTranslation)
+    ];
+});
+_c8 = DefaultLayoutContent;
+const DefaultLayout = ({ title, appIcon, logo, navigation })=>{
+    return (0, _jsxRuntime.jsx)(DefaultLayoutContent, {
+        title: title,
+        appIcon: appIcon,
+        logo: logo,
+        navigation: navigation
+    });
+};
+_c9 = DefaultLayout;
+var _c, _c1, _c2, _c3, _c4, _c5, _c6, _c7, _c8, _c9;
+$RefreshReg$(_c, "NavigationContent");
+$RefreshReg$(_c1, "SidebarInner");
+$RefreshReg$(_c2, "BottomNavItem");
+$RefreshReg$(_c3, "ExternalLinkIcon");
+$RefreshReg$(_c4, "CaretUpIcon");
+$RefreshReg$(_c5, "CaretDownIcon");
+$RefreshReg$(_c6, "HomeIcon");
+$RefreshReg$(_c7, "MobileBottomNav");
+$RefreshReg$(_c8, "DefaultLayoutContent");
+$RefreshReg$(_c9, "DefaultLayout");
+
+  $parcel$ReactRefreshHelpers$a331.postlude(module);
+} finally {
+  globalThis.$RefreshReg$ = prevRefreshReg;
+  globalThis.$RefreshSig$ = prevRefreshSig;
+}
+},{"react/jsx-runtime":"05iiF","react-router":"kWH5w","react":"jMk1U","react-i18next":"gKfGQ","@shellui/sdk":"dS2fb","@/components/ui/sidebar":"7rtQS","@/lib/utils":"58RPa","@/lib/z-index":"eChN4","./utils":"4dqXA","./LayoutProviders":"go6VO","./OverlayShell":"2PvVD","@parcel/transformer-js/src/esmodule-helpers.js":"jnFvT","@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js":"7h6Pi"}],"7rtQS":[function(require,module,exports,__globalThis) {
+var $parcel$ReactRefreshHelpers$e68c = require("@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js");
+$parcel$ReactRefreshHelpers$e68c.init();
+var prevRefreshReg = globalThis.$RefreshReg$;
+var prevRefreshSig = globalThis.$RefreshSig$;
+$parcel$ReactRefreshHelpers$e68c.prelude(module);
+
+try {
+var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
+parcelHelpers.defineInteropFlag(exports);
+parcelHelpers.export(exports, "Sidebar", ()=>Sidebar);
+parcelHelpers.export(exports, "SidebarProvider", ()=>SidebarProvider);
+parcelHelpers.export(exports, "SidebarTrigger", ()=>SidebarTrigger);
+parcelHelpers.export(exports, "SidebarHeader", ()=>SidebarHeader);
+parcelHelpers.export(exports, "SidebarContent", ()=>SidebarContent);
+parcelHelpers.export(exports, "SidebarFooter", ()=>SidebarFooter);
+parcelHelpers.export(exports, "SidebarGroup", ()=>SidebarGroup);
+parcelHelpers.export(exports, "SidebarGroupLabel", ()=>SidebarGroupLabel);
+parcelHelpers.export(exports, "SidebarGroupAction", ()=>SidebarGroupAction);
+parcelHelpers.export(exports, "SidebarGroupContent", ()=>SidebarGroupContent);
+parcelHelpers.export(exports, "SidebarMenu", ()=>SidebarMenu);
+parcelHelpers.export(exports, "SidebarMenuButton", ()=>SidebarMenuButton);
+parcelHelpers.export(exports, "SidebarMenuItem", ()=>SidebarMenuItem);
+parcelHelpers.export(exports, "SidebarMenuAction", ()=>SidebarMenuAction);
+parcelHelpers.export(exports, "SidebarMenuBadge", ()=>SidebarMenuBadge);
+parcelHelpers.export(exports, "SidebarMenuSkeleton", ()=>SidebarMenuSkeleton);
+parcelHelpers.export(exports, "SidebarMenuSub", ()=>SidebarMenuSub);
+parcelHelpers.export(exports, "SidebarMenuSubButton", ()=>SidebarMenuSubButton);
+parcelHelpers.export(exports, "SidebarMenuSubItem", ()=>SidebarMenuSubItem);
+parcelHelpers.export(exports, "useSidebar", ()=>useSidebar);
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _reactSlot = require("@radix-ui/react-slot");
+var _classVarianceAuthority = require("class-variance-authority");
+var _utils = require("@/lib/utils");
+var _zIndex = require("@/lib/z-index");
+var _s = $RefreshSig$(), _s1 = $RefreshSig$(), _s2 = $RefreshSig$(), _s3 = $RefreshSig$(), _s4 = $RefreshSig$();
+const SidebarContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
+const useSidebar = ()=>{
+    _s();
+    const context = (0, _react.useContext)(SidebarContext);
+    if (!context) throw new Error('useSidebar must be used within a SidebarProvider');
+    return context;
+};
+_s(useSidebar, "b9L3QQ+jgeyIrH0NfHrJ8nn7VMU=");
+const SidebarProvider = ({ children })=>{
+    _s1();
+    const [isCollapsed, setIsCollapsed] = (0, _react.useState)(false);
+    const toggle = (0, _react.useCallback)(()=>{
+        setIsCollapsed((prev)=>!prev);
+    }, []);
+    return (0, _jsxRuntime.jsx)(SidebarContext.Provider, {
+        value: {
+            isCollapsed,
+            toggle
+        },
+        children: children
+    });
+};
+_s1(SidebarProvider, "IAHIu8xIpTON6xmrCeYGL79JNNs=");
+_c = SidebarProvider;
+const Sidebar = /*#__PURE__*/ _s2((0, _react.forwardRef)(_c1 = _s2(({ className, ...props }, ref)=>{
+    _s2();
+    const { isCollapsed } = useSidebar();
+    return (0, _jsxRuntime.jsx)("div", {
+        ref: ref,
+        "data-sidebar": "sidebar",
+        "data-collapsed": isCollapsed,
+        className: (0, _utils.cn)('flex h-full flex-col gap-2 border-r bg-sidebar-background p-2 text-sidebar-foreground transition-all duration-300 ease-in-out overflow-hidden', isCollapsed ? 'w-0 border-r-0 p-0' : 'w-64', className),
+        ...props
+    });
+}, "kpCbkCry4qXFIp34OhVPTLUoaro=", false, function() {
+    return [
+        useSidebar
+    ];
+})), "kpCbkCry4qXFIp34OhVPTLUoaro=", false, function() {
+    return [
+        useSidebar
+    ];
+});
+_c2 = Sidebar;
+Sidebar.displayName = 'Sidebar';
+/** Inline SVG: panel-left-open (expand sidebar) */ const PanelLeftOpenIcon = ()=>(0, _jsxRuntime.jsxs)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "h-5 w-5 transition-transform duration-300",
+        "aria-hidden": true,
+        children: [
+            (0, _jsxRuntime.jsx)("rect", {
+                width: "18",
+                height: "18",
+                x: "3",
+                y: "3",
+                rx: "2"
+            }),
+            (0, _jsxRuntime.jsx)("path", {
+                d: "M9 3v18"
+            }),
+            (0, _jsxRuntime.jsx)("path", {
+                d: "m14 9 3 3-3 3"
+            })
+        ]
+    });
+_c3 = PanelLeftOpenIcon;
+/** Inline SVG: panel-left-close (collapse sidebar) */ const PanelLeftCloseIcon = ()=>(0, _jsxRuntime.jsxs)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "h-5 w-5 transition-transform duration-300",
+        "aria-hidden": true,
+        children: [
+            (0, _jsxRuntime.jsx)("rect", {
+                width: "18",
+                height: "18",
+                x: "3",
+                y: "3",
+                rx: "2"
+            }),
+            (0, _jsxRuntime.jsx)("path", {
+                d: "M9 3v18"
+            }),
+            (0, _jsxRuntime.jsx)("path", {
+                d: "m16 15-3-3 3-3"
+            })
+        ]
+    });
+_c4 = PanelLeftCloseIcon;
+const SidebarTrigger = /*#__PURE__*/ _s3((0, _react.forwardRef)(_c5 = _s3(({ className, ...props }, ref)=>{
+    _s3();
+    const { toggle, isCollapsed } = useSidebar();
+    return (0, _jsxRuntime.jsx)("button", {
+        ref: ref,
+        onClick: toggle,
+        className: (0, _utils.cn)('relative flex items-center justify-center rounded-md p-2 text-foreground transition-colors hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring shadow-lg backdrop-blur-md cursor-pointer bg-background/95 border border-border', className),
+        "aria-label": isCollapsed ? 'Expand sidebar' : 'Collapse sidebar',
+        style: {
+            zIndex: (0, _zIndex.Z_INDEX).SIDEBAR_TRIGGER
+        },
+        ...props,
+        children: isCollapsed ? (0, _jsxRuntime.jsx)(PanelLeftOpenIcon, {}) : (0, _jsxRuntime.jsx)(PanelLeftCloseIcon, {})
+    });
+}, "vHQgmdOO9T1a5p4nyagngb+lwXA=", false, function() {
+    return [
+        useSidebar
+    ];
+})), "vHQgmdOO9T1a5p4nyagngb+lwXA=", false, function() {
+    return [
+        useSidebar
+    ];
+});
+_c6 = SidebarTrigger;
+SidebarTrigger.displayName = 'SidebarTrigger';
+const SidebarHeader = /*#__PURE__*/ (0, _react.forwardRef)(_c7 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("div", {
+        ref: ref,
+        className: (0, _utils.cn)('flex flex-col gap-2 p-2', className),
+        ...props
+    });
+});
+_c8 = SidebarHeader;
+SidebarHeader.displayName = 'SidebarHeader';
+const SidebarContent = /*#__PURE__*/ (0, _react.forwardRef)(_c9 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("div", {
+        ref: ref,
+        className: (0, _utils.cn)('flex flex-1 flex-col gap-2 overflow-auto', className),
+        ...props
+    });
+});
+_c10 = SidebarContent;
+SidebarContent.displayName = 'SidebarContent';
+const SidebarFooter = /*#__PURE__*/ (0, _react.forwardRef)(_c11 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("div", {
+        ref: ref,
+        className: (0, _utils.cn)('flex flex-col gap-2 p-2', className),
+        ...props
+    });
+});
+_c12 = SidebarFooter;
+SidebarFooter.displayName = 'SidebarFooter';
+const SidebarGroup = /*#__PURE__*/ (0, _react.forwardRef)(_c13 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("div", {
+        ref: ref,
+        className: (0, _utils.cn)('group/sidebar-group', className),
+        ...props
+    });
+});
+_c14 = SidebarGroup;
+SidebarGroup.displayName = 'SidebarGroup';
+const SidebarGroupLabel = /*#__PURE__*/ (0, _react.forwardRef)(_c15 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("div", {
+        ref: ref,
+        className: (0, _utils.cn)('flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', className),
+        style: {
+            fontFamily: 'var(--heading-font-family, inherit)'
+        },
+        ...props
+    });
+});
+_c16 = SidebarGroupLabel;
+SidebarGroupLabel.displayName = 'SidebarGroupLabel';
+const SidebarGroupAction = /*#__PURE__*/ (0, _react.forwardRef)(_c17 = ({ className, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? (0, _reactSlot.Slot) : 'button';
+    return (0, _jsxRuntime.jsx)(Comp, {
+        ref: ref,
+        className: (0, _utils.cn)('absolute right-2 top-1/2 -translate-y-1/2 rounded-md p-1.5 text-sidebar-foreground outline-none ring-sidebar-ring transition-opacity hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:opacity-100 focus-visible:ring-2 group-hover/sidebar-group:opacity-100 peer-data-[size=sm]/sidebar-group-action:opacity-0 [&>svg]:size-4 [&>svg]:shrink-0', className),
+        ...props
+    });
+});
+_c18 = SidebarGroupAction;
+SidebarGroupAction.displayName = 'SidebarGroupAction';
+const SidebarGroupContent = /*#__PURE__*/ (0, _react.forwardRef)(_c19 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("div", {
+        ref: ref,
+        className: (0, _utils.cn)('w-full text-sm', className),
+        ...props
+    });
+});
+_c20 = SidebarGroupContent;
+SidebarGroupContent.displayName = 'SidebarGroupContent';
+const sidebarMenuButtonVariants = (0, _classVarianceAuthority.cva)('flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:bg-sidebar-accent focus-visible:text-sidebar-accent-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground', {
+    variants: {
+        variant: {
+            default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
+            outline: 'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-ring))]'
+        },
+        size: {
+            default: 'h-8 text-sm',
+            sm: 'h-7 text-xs',
+            lg: 'h-12 text-base'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+const SidebarMenuButton = /*#__PURE__*/ _s4((0, _react.forwardRef)(_c21 = _s4(({ className, variant, size, asChild = false, isActive, children, ...props }, ref)=>{
+    _s4();
+    const { isCollapsed } = useSidebar();
+    const Comp = asChild ? (0, _reactSlot.Slot) : 'button';
+    return (0, _jsxRuntime.jsx)(Comp, {
+        ref: ref,
+        "data-active": isActive,
+        "data-collapsed": isCollapsed,
+        className: (0, _utils.cn)(sidebarMenuButtonVariants({
+            variant,
+            size
+        }), isCollapsed && 'justify-center', className),
+        ...props,
+        children: children
+    });
+}, "kpCbkCry4qXFIp34OhVPTLUoaro=", false, function() {
+    return [
+        useSidebar
+    ];
+})), "kpCbkCry4qXFIp34OhVPTLUoaro=", false, function() {
+    return [
+        useSidebar
+    ];
+});
+_c22 = SidebarMenuButton;
+SidebarMenuButton.displayName = 'SidebarMenuButton';
+const SidebarMenu = /*#__PURE__*/ (0, _react.forwardRef)(_c23 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("ul", {
+        ref: ref,
+        className: (0, _utils.cn)('flex w-full min-w-0 flex-col gap-1', className),
+        ...props
+    });
+});
+_c24 = SidebarMenu;
+SidebarMenu.displayName = 'SidebarMenu';
+const SidebarMenuItem = /*#__PURE__*/ (0, _react.forwardRef)(_c25 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("li", {
+        ref: ref,
+        className: (0, _utils.cn)('group/menu-item relative', className),
+        ...props
+    });
+});
+_c26 = SidebarMenuItem;
+SidebarMenuItem.displayName = 'SidebarMenuItem';
+const SidebarMenuAction = /*#__PURE__*/ (0, _react.forwardRef)(_c27 = ({ className, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? (0, _reactSlot.Slot) : 'button';
+    return (0, _jsxRuntime.jsx)(Comp, {
+        ref: ref,
+        className: (0, _utils.cn)('absolute right-2 top-1/2 flex -translate-y-1/2 items-center justify-center rounded-md p-1 text-sidebar-foreground opacity-0 transition-opacity group-hover/menu-item:opacity-100 group-focus/menu-item:opacity-100 [&:has(~:hover)]:opacity-100 [&:has(~:focus)]:opacity-100', className),
+        ...props
+    });
+});
+_c28 = SidebarMenuAction;
+SidebarMenuAction.displayName = 'SidebarMenuAction';
+const SidebarMenuBadge = /*#__PURE__*/ (0, _react.forwardRef)(_c29 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("div", {
+        ref: ref,
+        className: (0, _utils.cn)('absolute right-2 top-1/2 flex -translate-y-1/2 items-center justify-center rounded-md px-1.5 py-0.5 text-xs font-medium tabular-nums text-sidebar-foreground', className),
+        ...props
+    });
+});
+_c30 = SidebarMenuBadge;
+SidebarMenuBadge.displayName = 'SidebarMenuBadge';
+const SidebarMenuSkeleton = /*#__PURE__*/ (0, _react.forwardRef)(_c31 = ({ className, showIcon = false, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsxs)("div", {
+        ref: ref,
+        className: (0, _utils.cn)('flex items-center gap-2 px-2 py-1.5', className),
+        ...props,
+        children: [
+            showIcon && (0, _jsxRuntime.jsx)("div", {
+                className: "flex h-4 w-4 rounded-md bg-sidebar-primary/10"
+            }),
+            (0, _jsxRuntime.jsxs)("div", {
+                className: "flex flex-1 flex-col gap-1.5",
+                children: [
+                    (0, _jsxRuntime.jsx)("div", {
+                        className: "h-2.5 w-16 rounded-md bg-sidebar-primary/10"
+                    }),
+                    (0, _jsxRuntime.jsx)("div", {
+                        className: "h-2.5 w-24 rounded-md bg-sidebar-primary/10"
+                    })
+                ]
+            })
+        ]
+    });
+});
+_c32 = SidebarMenuSkeleton;
+SidebarMenuSkeleton.displayName = 'SidebarMenuSkeleton';
+const SidebarMenuSub = /*#__PURE__*/ (0, _react.forwardRef)(_c33 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("ul", {
+        ref: ref,
+        className: (0, _utils.cn)('ml-4 mt-1 flex min-w-0 flex-col gap-0.5 border-l border-sidebar-border pl-2.5', className),
+        ...props
+    });
+});
+_c34 = SidebarMenuSub;
+SidebarMenuSub.displayName = 'SidebarMenuSub';
+const SidebarMenuSubButton = /*#__PURE__*/ (0, _react.forwardRef)(_c35 = ({ className, asChild = false, size = 'md', isActive, ...props }, ref)=>{
+    const Comp = asChild ? (0, _reactSlot.Slot) : 'a';
+    return (0, _jsxRuntime.jsx)(Comp, {
+        ref: ref,
+        "data-size": size,
+        "data-active": isActive,
+        className: (0, _utils.cn)('flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md p-2 text-sidebar-foreground outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', size === 'sm' && 'text-xs', size === 'md' && 'text-sm', size === 'lg' && 'text-base', className),
+        ...props
+    });
+});
+_c36 = SidebarMenuSubButton;
+SidebarMenuSubButton.displayName = 'SidebarMenuSubButton';
+const SidebarMenuSubItem = /*#__PURE__*/ (0, _react.forwardRef)(_c37 = ({ className, ...props }, ref)=>{
+    return (0, _jsxRuntime.jsx)("li", {
+        ref: ref,
+        className: (0, _utils.cn)('group/menu-sub-item relative', className),
+        ...props
+    });
+});
+_c38 = SidebarMenuSubItem;
+SidebarMenuSubItem.displayName = 'SidebarMenuSubItem';
+var _c, _c1, _c2, _c3, _c4, _c5, _c6, _c7, _c8, _c9, _c10, _c11, _c12, _c13, _c14, _c15, _c16, _c17, _c18, _c19, _c20, _c21, _c22, _c23, _c24, _c25, _c26, _c27, _c28, _c29, _c30, _c31, _c32, _c33, _c34, _c35, _c36, _c37, _c38;
+$RefreshReg$(_c, "SidebarProvider");
+$RefreshReg$(_c1, "Sidebar$forwardRef");
+$RefreshReg$(_c2, "Sidebar");
+$RefreshReg$(_c3, "PanelLeftOpenIcon");
+$RefreshReg$(_c4, "PanelLeftCloseIcon");
+$RefreshReg$(_c5, "SidebarTrigger$forwardRef");
+$RefreshReg$(_c6, "SidebarTrigger");
+$RefreshReg$(_c7, "SidebarHeader$forwardRef");
+$RefreshReg$(_c8, "SidebarHeader");
+$RefreshReg$(_c9, "SidebarContent$forwardRef");
+$RefreshReg$(_c10, "SidebarContent");
+$RefreshReg$(_c11, "SidebarFooter$forwardRef");
+$RefreshReg$(_c12, "SidebarFooter");
+$RefreshReg$(_c13, "SidebarGroup$forwardRef");
+$RefreshReg$(_c14, "SidebarGroup");
+$RefreshReg$(_c15, "SidebarGroupLabel$forwardRef");
+$RefreshReg$(_c16, "SidebarGroupLabel");
+$RefreshReg$(_c17, "SidebarGroupAction$forwardRef");
+$RefreshReg$(_c18, "SidebarGroupAction");
+$RefreshReg$(_c19, "SidebarGroupContent$forwardRef");
+$RefreshReg$(_c20, "SidebarGroupContent");
+$RefreshReg$(_c21, "SidebarMenuButton$forwardRef");
+$RefreshReg$(_c22, "SidebarMenuButton");
+$RefreshReg$(_c23, "SidebarMenu$forwardRef");
+$RefreshReg$(_c24, "SidebarMenu");
+$RefreshReg$(_c25, "SidebarMenuItem$forwardRef");
+$RefreshReg$(_c26, "SidebarMenuItem");
+$RefreshReg$(_c27, "SidebarMenuAction$forwardRef");
+$RefreshReg$(_c28, "SidebarMenuAction");
+$RefreshReg$(_c29, "SidebarMenuBadge$forwardRef");
+$RefreshReg$(_c30, "SidebarMenuBadge");
+$RefreshReg$(_c31, "SidebarMenuSkeleton$forwardRef");
+$RefreshReg$(_c32, "SidebarMenuSkeleton");
+$RefreshReg$(_c33, "SidebarMenuSub$forwardRef");
+$RefreshReg$(_c34, "SidebarMenuSub");
+$RefreshReg$(_c35, "SidebarMenuSubButton$forwardRef");
+$RefreshReg$(_c36, "SidebarMenuSubButton");
+$RefreshReg$(_c37, "SidebarMenuSubItem$forwardRef");
+$RefreshReg$(_c38, "SidebarMenuSubItem");
+
+  $parcel$ReactRefreshHelpers$e68c.postlude(module);
+} finally {
+  globalThis.$RefreshReg$ = prevRefreshReg;
+  globalThis.$RefreshSig$ = prevRefreshSig;
+}
+},{"react/jsx-runtime":"05iiF","react":"jMk1U","@radix-ui/react-slot":"5D3Xb","class-variance-authority":"3GTG2","@/lib/utils":"58RPa","@/lib/z-index":"eChN4","@parcel/transformer-js/src/esmodule-helpers.js":"jnFvT","@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js":"7h6Pi"}],"iJhlx":[function(require,module,exports,__globalThis) {
+var $parcel$ReactRefreshHelpers$9dc4 = require("@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js");
+$parcel$ReactRefreshHelpers$9dc4.init();
+var prevRefreshReg = globalThis.$RefreshReg$;
+var prevRefreshSig = globalThis.$RefreshSig$;
+$parcel$ReactRefreshHelpers$9dc4.prelude(module);
+
+try {
+var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
+parcelHelpers.defineInteropFlag(exports);
+parcelHelpers.export(exports, "ContentView", ()=>ContentView);
+var _jsxRuntime = require("react/jsx-runtime");
+var _sdk = require("@shellui/sdk");
+var _react = require("react");
+var _reactRouter = require("react-router");
+var _loadingOverlay = require("./LoadingOverlay");
+var _s = $RefreshSig$();
+const logger = (0, _sdk.getLogger)('shellcore');
+const ContentView = ({ url, pathPrefix, ignoreMessages = false, navItem })=>{
+    _s();
+    const navigate = (0, _reactRouter.useNavigate)();
+    const iframeRef = (0, _react.useRef)(null);
+    const isInternalNavigation = (0, _react.useRef)(false);
+    const [initialUrl] = (0, _react.useState)(url);
+    const [isLoading, setIsLoading] = (0, _react.useState)(true);
+    (0, _react.useEffect)(()=>{
+        if (!iframeRef.current) return;
+        const iframeId = (0, _sdk.addIframe)(iframeRef.current);
+        return ()=>{
+            (0, _sdk.removeIframe)(iframeId);
+        };
+    }, []);
+    // Sync parent URL when iframe notifies us of a change
+    (0, _react.useEffect)(()=>{
+        const cleanup = (0, _sdk.shellui).addMessageListener('SHELLUI_URL_CHANGED', (data, event)=>{
+            if (ignoreMessages) return;
+            // Ignore URL CHANGE from other than ContentView iframe
+            if (event.source !== iframeRef.current?.contentWindow) return;
+            const { pathname, search, hash } = data.payload;
+            // Remove leading slash and trailing slashes from iframe pathname
+            let cleanPathname = pathname.startsWith(navItem.url) ? pathname.slice(navItem.url.length) : pathname;
+            cleanPathname = cleanPathname.startsWith('/') ? cleanPathname.slice(1) : cleanPathname;
+            cleanPathname = cleanPathname.replace(/\/+$/, ''); // Remove trailing slashes
+            // Construct the new path without trailing slashes
+            let newShellPath = cleanPathname ? `/${pathPrefix}/${cleanPathname}${search}${hash}` : `/${pathPrefix}${search}${hash}`;
+            // Normalize: remove trailing slashes from pathname part only (preserve query/hash)
+            const urlParts = newShellPath.match(/^([^?#]*)([?#].*)?$/);
+            if (urlParts) {
+                const pathnamePart = urlParts[1].replace(/\/+$/, '') || '/';
+                const queryHashPart = urlParts[2] || '';
+                newShellPath = pathnamePart + queryHashPart;
+            }
+            // Normalize current path for comparison (remove trailing slashes from pathname)
+            const currentPathname = window.location.pathname.replace(/\/+$/, '') || '/';
+            const currentPath = currentPathname + window.location.search + window.location.hash;
+            // Normalize new path for comparison
+            const newPathParts = newShellPath.match(/^([^?#]*)([?#].*)?$/);
+            const normalizedNewPathname = newPathParts?.[1]?.replace(/\/+$/, '') || '/';
+            const normalizedNewPath = normalizedNewPathname + (newPathParts?.[2] || '');
+            if (currentPath !== normalizedNewPath) {
+                // Mark this navigation as internal so we don't try to "push" it back to the iframe
+                isInternalNavigation.current = true;
+                navigate(newShellPath, {
+                    replace: true
+                });
+                // Reset the flag after a short delay to allow the render cycle to complete
+                setTimeout(()=>{
+                    isInternalNavigation.current = false;
+                }, 100);
+            }
+        });
+        return ()=>{
+            cleanup();
+        };
+    }, [
+        pathPrefix,
+        navigate
+    ]);
+    // Hide loading overlay when iframe sends SHELLUI_INITIALIZED
+    (0, _react.useEffect)(()=>{
+        const cleanup = (0, _sdk.shellui).addMessageListener('SHELLUI_INITIALIZED', (_data, event)=>{
+            if (event.source === iframeRef.current?.contentWindow) setIsLoading(false);
+        });
+        return ()=>cleanup();
+    }, []);
+    // Fallback: hide overlay after 400ms if SHELLUI_INITIALIZED was not received
+    (0, _react.useEffect)(()=>{
+        if (!isLoading) return;
+        const timeoutId = setTimeout(()=>{
+            logger.info('ContentView: Timeout expired, hiding loading overlay');
+            setIsLoading(false);
+        }, 400);
+        return ()=>clearTimeout(timeoutId);
+    }, [
+        isLoading
+    ]);
+    // Handle external URL changes (e.g. from Sidebar)
+    (0, _react.useEffect)(()=>{
+        if (iframeRef.current && !isInternalNavigation.current) // Only update iframe src if it's actually different from its current src
+        // to avoid unnecessary reloads
+        {
+            if (iframeRef.current.src !== url) {
+                iframeRef.current.src = url;
+                setIsLoading(true);
+            }
+        }
+    }, [
+        url
+    ]);
+    // Inject script to prevent "Layout was forced" warning by deferring layout until stylesheets load
+    (0, _react.useEffect)(()=>{
+        const iframe = iframeRef.current;
+        if (!iframe) return;
+        const handleLoad = ()=>{
+            try {
+                const iframeWindow = iframe.contentWindow;
+                const iframeDoc = iframe.contentDocument || iframeWindow?.document;
+                if (!iframeDoc || !iframeWindow) return;
+                // Inject a script that waits for stylesheets before allowing layout calculations
+                const script = iframeDoc.createElement('script');
+                script.textContent = `
+          (function() {
+            // Wait for all stylesheets to load
+            function waitForStylesheets() {
+              const styleSheets = Array.from(document.styleSheets);
+              const pendingSheets = styleSheets.filter(function(sheet) {
+                try {
+                  return sheet.cssRules === null;
+                } catch (e) {
+                  return false; // Cross-origin stylesheets, assume loaded
+                }
+              });
+              
+              if (pendingSheets.length === 0) {
+                // All stylesheets loaded
+                return;
+              }
+              
+              // Check again after a short delay
+              setTimeout(waitForStylesheets, 10);
+            }
+            
+            // Start checking after DOM is ready
+            if (document.readyState === 'complete') {
+              waitForStylesheets();
+            } else {
+              window.addEventListener('load', waitForStylesheets);
+            }
+          })();
+        `;
+                iframeDoc.head.appendChild(script);
+            } catch (error) {
+                // Cross-origin or other errors - ignore (this is expected for some iframes)
+                logger.debug('Could not inject stylesheet wait script:', {
+                    error
+                });
+            }
+        };
+        // Wait for iframe to load before injecting script
+        iframe.addEventListener('load', handleLoad);
+        // Also try immediately if already loaded
+        if (iframe.contentDocument?.readyState === 'complete') handleLoad();
+        return ()=>{
+            iframe.removeEventListener('load', handleLoad);
+        };
+    }, [
+        initialUrl
+    ]);
+    // Suppress browser warnings that are expected and acceptable
+    (0, _react.useEffect)(()=>{
+        {
+            const originalWarn = console.warn;
+            console.warn = (...args)=>{
+                const message = String(args[0] ?? '');
+                // Suppress the specific sandbox warning
+                if (message.includes('allow-scripts') && message.includes('allow-same-origin') && message.includes('sandbox')) return;
+                // Suppress "Layout was forced" warning from iframe content
+                // This is a performance warning that occurs when iframe content calculates layout before stylesheets load
+                // It's harmless and common in iframe scenarios, especially with React apps
+                if (message.includes('Layout was forced') && message.includes('before the page was fully loaded')) return;
+                originalWarn.apply(console, args);
+            };
+            return ()=>{
+                console.warn = originalWarn;
+            };
+        }
+    }, []);
+    return (0, _jsxRuntime.jsxs)("div", {
+        style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            position: 'relative'
+        },
+        children: [
+            (0, _jsxRuntime.jsx)("iframe", {
+                ref: iframeRef,
+                src: initialUrl,
+                style: {
+                    width: '100%',
+                    height: '100%',
+                    border: 'none',
+                    display: 'block'
+                },
+                title: "Content Frame",
+                sandbox: "allow-same-origin allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox",
+                referrerPolicy: "no-referrer-when-downgrade"
+            }),
+            isLoading && (0, _jsxRuntime.jsx)((0, _loadingOverlay.LoadingOverlay), {})
+        ]
+    });
+};
+_s(ContentView, "zBmwSNmwfZ2d1yaxlldrzHZdD2E=", false, function() {
+    return [
+        (0, _reactRouter.useNavigate)
+    ];
+});
+_c = ContentView;
+var _c;
+$RefreshReg$(_c, "ContentView");
+
+  $parcel$ReactRefreshHelpers$9dc4.postlude(module);
+} finally {
+  globalThis.$RefreshReg$ = prevRefreshReg;
+  globalThis.$RefreshSig$ = prevRefreshSig;
+}
+},{"react/jsx-runtime":"05iiF","@shellui/sdk":"dS2fb","react":"jMk1U","react-router":"kWH5w","./LoadingOverlay":"1kyE0","@parcel/transformer-js/src/esmodule-helpers.js":"jnFvT","@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js":"7h6Pi"}],"1kyE0":[function(require,module,exports,__globalThis) {
+var $parcel$ReactRefreshHelpers$681a = require("@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js");
+$parcel$ReactRefreshHelpers$681a.init();
+var prevRefreshReg = globalThis.$RefreshReg$;
+var prevRefreshSig = globalThis.$RefreshSig$;
+$parcel$ReactRefreshHelpers$681a.prelude(module);
+
+try {
+var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
+parcelHelpers.defineInteropFlag(exports);
+parcelHelpers.export(exports, "LoadingOverlay", ()=>LoadingOverlay);
+var _jsxRuntime = require("react/jsx-runtime");
+function LoadingOverlay() {
+    return (0, _jsxRuntime.jsx)("div", {
+        className: "absolute inset-0 z-10 flex flex-col bg-background",
+        children: (0, _jsxRuntime.jsx)("div", {
+            className: "h-1 w-full overflow-hidden bg-muted/30",
+            children: (0, _jsxRuntime.jsx)("div", {
+                className: "h-full w-0 bg-muted-foreground/50",
+                style: {
+                    animation: 'loading-bar-slide 400ms linear infinite'
+                }
+            })
+        })
+    });
+}
+_c = LoadingOverlay;
+var _c;
+$RefreshReg$(_c, "LoadingOverlay");
+
+  $parcel$ReactRefreshHelpers$681a.postlude(module);
+} finally {
+  globalThis.$RefreshReg$ = prevRefreshReg;
+  globalThis.$RefreshSig$ = prevRefreshSig;
+}
+},{"react/jsx-runtime":"05iiF","@parcel/transformer-js/src/esmodule-helpers.js":"jnFvT","@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js":"7h6Pi"}]},["gR7Jy"], null, "parcelRequire6cf0", {})
+
+//# sourceMappingURL=DefaultLayout.045a82ff.js.map