extension-create 4.0.13 → 4.0.14-canary.1784515910.7d7da9cc

package/dist/lib/messages.d.ts

@@ -12,6 +12,8 @@ export declare function writingTypeDefinitionsError(error: any): string;
 export declare function installingFromTemplate(projectName: string, templateName: string): string;
 export declare function installingFromTemplateError(projectName: string, template: string, error: any): string;
 export declare function templateFetchTimedOut(templateName: string, ms: number): string;
+export declare function templateNotFoundInCatalog(templateName: string, error?: any): string;
+export declare function templateDownloadFailed(templateName: string, error: any): string;
 export declare function initializingGitForRepository(projectName: string): string;
 export declare function initializingGitSkipped(projectName: string, reason: string): string;
 export declare function installingDependencies(): string;

package/dist/module.cjs

@@ -129,6 +129,12 @@ function installingFromTemplateError(projectName, template, error) {
 function templateFetchTimedOut(templateName, ms) {
     return `${external_pintor_default().red('Error')} Timed out after ${external_pintor_default().yellow(`${Math.round(ms / 1000)}s`)} fetching template ${external_pintor_default().yellow(templateName)}.\n${external_pintor_default().red('Next step: check your network, or set EXTENSION_CREATE_TIMEOUT_MS to allow more time.')}`;
 }
+function templateNotFoundInCatalog(templateName, error) {
+    return `${external_pintor_default().red('Error')} Template ${external_pintor_default().yellow(templateName)} is not in the extension-js/examples catalog.\n` + (error ? `${external_pintor_default().red(String(error))}\n` : '') + `${external_pintor_default().red('Next step: run')} ${external_pintor_default().yellow('extension create --help')} ` + `${external_pintor_default().red('to list valid template names, or pass a GitHub URL.')}`;
+}
+function templateDownloadFailed(templateName, error) {
+    return `${external_pintor_default().red('Error')} Couldn't download template ${external_pintor_default().yellow(templateName)} from ${external_pintor_default().yellow('github.com/extension-js/examples')}.\n${external_pintor_default().red(String(error && error.message || error))}\n${external_pintor_default().red('Next step: check your network (or GitHub rate limits) and try again; set EXTENSION_CREATE_TIMEOUT_MS to allow more time.')}`;
+}
 function initializingGitForRepository(projectName) {
     return `${statusPrefix} Initializing git repository for ${external_pintor_default().blue(projectName)}...`;
 }
@@ -313,10 +319,88 @@ const external_adm_zip_namespaceObject = require("adm-zip");
 var external_adm_zip_default = /*#__PURE__*/ __webpack_require__.n(external_adm_zip_namespaceObject);
 const external_go_git_it_namespaceObject = require("go-git-it");
 var external_go_git_it_default = /*#__PURE__*/ __webpack_require__.n(external_go_git_it_namespaceObject);
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
 const NETWORK_TIMEOUT_MS = (()=>{
     const raw = parseInt(String(process.env.EXTENSION_CREATE_TIMEOUT_MS || ''), 10);
     return Number.isFinite(raw) && raw > 0 ? raw : 60000;
 })();
+const EXAMPLES_REF = process.env.EXTENSION_CREATE_TEMPLATE_REF || 'main';
+class TemplateNotFoundError extends Error {
+    constructor(templateName, cause){
+        super(`template not found in catalog: ${templateName}`), _define_property(this, "templateName", void 0);
+        this.name = 'TemplateNotFoundError';
+        this.templateName = templateName;
+        if (cause) this.cause = cause;
+    }
+}
+class TemplateDownloadError extends Error {
+    constructor(templateName, cause){
+        const msg = cause?.message ?? String(cause);
+        super(msg), _define_property(this, "templateName", void 0);
+        this.name = 'TemplateDownloadError';
+        this.templateName = templateName;
+        this.cause = cause;
+    }
+}
+const sleep = (ms)=>new Promise((r)=>setTimeout(r, ms));
+async function downloadArchive(url, timeoutMs, attempts = 2) {
+    let lastError;
+    for(let attempt = 1; attempt <= attempts; attempt++)try {
+        const { data } = await external_axios_default().get(url, {
+            responseType: 'arraybuffer',
+            maxRedirects: 5,
+            timeout: timeoutMs,
+            headers: {
+                'User-Agent': 'extension-create'
+            }
+        });
+        return Buffer.from(data);
+    } catch (error) {
+        lastError = error;
+        if (attempt < attempts) await sleep(400 * attempt);
+    }
+    throw lastError;
+}
+async function extractExamplesTemplateFromZip(zipBuffer, templateName, projectPath) {
+    const zip = new (external_adm_zip_default())(zipBuffer);
+    const entries = zip.getEntries();
+    if (!entries.length) throw new TemplateNotFoundError(templateName, new Error('empty archive'));
+    const archiveRoot = entries[0].entryName.split('/')[0];
+    const wanted = `${archiveRoot}/examples/${templateName}/`;
+    const files = entries.filter((e)=>!e.isDirectory && e.entryName.startsWith(wanted));
+    if (!files.length) throw new TemplateNotFoundError(templateName);
+    let written = 0;
+    for (const entry of files){
+        const rel = entry.entryName.slice(wanted.length);
+        if (!rel) continue;
+        const dest = external_path_namespaceObject.join(projectPath, rel);
+        await promises_namespaceObject.mkdir(external_path_namespaceObject.dirname(dest), {
+            recursive: true
+        });
+        await promises_namespaceObject.writeFile(dest, entry.getData());
+        written++;
+    }
+    return written;
+}
+async function importFromExamplesCatalog(templateName, projectPath) {
+    const url = `https://codeload.github.com/extension-js/examples/zip/refs/heads/${EXAMPLES_REF}`;
+    let buffer;
+    try {
+        buffer = await downloadArchive(url, NETWORK_TIMEOUT_MS);
+    } catch (error) {
+        throw new TemplateDownloadError(templateName, error);
+    }
+    await extractExamplesTemplateFromZip(buffer, templateName, projectPath);
+}
 function isAuthorOrDevMode() {
     return 'development' === process.env.EXTENSION_ENV || 'true' === process.env.EXTENSION_AUTHOR_MODE;
 }
@@ -384,10 +468,8 @@ async function getZipSourcePath(tempPath, templateUrl) {
 }
 async function importExternalTemplate(projectPath, projectName, template, logger) {
     const templateName = external_path_namespaceObject.basename(template);
-    const examplesUrl = 'https://github.com/extension-js/examples/tree/main/examples';
     const resolvedTemplate = 'init' === templateName ? "javascript" : template;
     const resolvedTemplateName = 'init' === templateName ? "javascript" : templateName;
-    const templateUrl = `${examplesUrl}/${resolvedTemplate}`;
     const isHttp = /^https?:\/\//i.test(template);
     const isGithub = /^https?:\/\/github\.com\//i.test(template);
     try {
@@ -408,7 +490,22 @@ async function importExternalTemplate(projectPath, projectName, template, logger
             recursive: true
         });
         const runGoGitIt = async (templatePath, destination)=>{
-            await withTimeout(withSuppressedOutput(async ()=>external_go_git_it_default()(templatePath, destination, installingFromTemplate(projectName, templateName))), NETWORK_TIMEOUT_MS, ()=>new Error(templateFetchTimedOut(templateName, NETWORK_TIMEOUT_MS)));
+            const gitEnvKeys = {
+                GIT_TERMINAL_PROMPT: '0',
+                GIT_ASKPASS: '',
+                GCM_INTERACTIVE: 'never'
+            };
+            const savedEnv = {};
+            for (const [k, v] of Object.entries(gitEnvKeys)){
+                savedEnv[k] = process.env[k];
+                process.env[k] = v;
+            }
+            try {
+                await withTimeout(withSuppressedOutput(async ()=>external_go_git_it_default()(templatePath, destination, installingFromTemplate(projectName, templateName))), NETWORK_TIMEOUT_MS, ()=>new Error(templateFetchTimedOut(templateName, NETWORK_TIMEOUT_MS)));
+            } finally{
+                for (const [k, v] of Object.entries(savedEnv))if (void 0 === v) delete process.env[k];
+                else process.env[k] = v;
+            }
         };
         if (isGithub) {
             await runGoGitIt(template, tempPath);
@@ -431,18 +528,20 @@ async function importExternalTemplate(projectPath, projectName, template, logger
             zip.extractAllTo(tempPath, true);
             const sourcePath = await getZipSourcePath(tempPath, template);
             await moveDirectoryContents(sourcePath, projectPath);
-        } else {
-            await runGoGitIt(templateUrl, tempPath);
-            const srcPath = external_path_namespaceObject.join(tempPath, resolvedTemplateName);
-            await moveDirectoryContents(srcPath, projectPath);
-        }
+        } else await importFromExamplesCatalog(resolvedTemplateName, projectPath);
         await removeTemplateScaffoldingFiles(projectPath);
         await promises_namespaceObject.rm(tempRoot, {
             recursive: true,
             force: true
         });
     } catch (error) {
-        logger.error(installingFromTemplateError(projectName, templateName, error));
+        if (error instanceof TemplateNotFoundError) logger.error(templateNotFoundInCatalog(templateName, error.cause));
+        else if (error instanceof TemplateDownloadError) logger.error(templateDownloadFailed(templateName, error));
+        else logger.error(installingFromTemplateError(projectName, templateName, error));
+        await promises_namespaceObject.rm(projectPath, {
+            recursive: true,
+            force: true
+        }).catch(()=>{});
         throw error;
     }
 }
@@ -497,9 +596,22 @@ const ML_DEP_TRIGGERS = [
     '@xenova/transformers'
 ];
 const uniq = (values)=>Array.from(new Set(values.filter(Boolean)));
+function engineVersionOverrideFromEnv() {
+    const raw = (process.env.EXTENSION_CREATE_ENGINE_VERSION || process.env.EXTENSION_MCP_CLI_VERSION || '').trim();
+    return raw || void 0;
+}
+function ownCreatePackageVersion() {
+    try {
+        const pkg = JSON.parse((0, external_fs_namespaceObject.readFileSync)(external_path_namespaceObject.join(__dirname, '..', 'package.json'), 'utf8'));
+        return 'string' == typeof pkg.version && pkg.version ? pkg.version : void 0;
+    } catch  {
+        return;
+    }
+}
 function resolveExtensionDevDependencyVersion(cliVersion) {
-    if (!cliVersion) return 'latest';
-    return cliVersion.includes('-') ? cliVersion : `^${cliVersion}`;
+    const resolved = cliVersion || engineVersionOverrideFromEnv() || ownCreatePackageVersion();
+    if (!resolved) return 'latest';
+    return resolved.includes('-') ? resolved : `^${resolved}`;
 }
 async function overridePackageJson(projectPath, projectName, { template = "javascript", cliVersion }, logger) {
     const extensionBinary = await resolveExtensionBinary();

package/dist/steps/import-external-template.d.ts

@@ -1,3 +1,12 @@
+export declare class TemplateNotFoundError extends Error {
+    readonly templateName: string;
+    constructor(templateName: string, cause?: unknown);
+}
+export declare class TemplateDownloadError extends Error {
+    readonly templateName: string;
+    constructor(templateName: string, cause: unknown);
+}
+export declare function extractExamplesTemplateFromZip(zipBuffer: Buffer, templateName: string, projectPath: string): Promise<number>;
 export declare const TEMPLATE_SCAFFOLDING_FILES: string[];
 export declare function removeTemplateScaffoldingFiles(projectPath: string): Promise<void>;
 export declare function importExternalTemplate(projectPath: string, projectName: string, template: string, logger: {

package/package.json

@@ -25,7 +25,7 @@
     "templates"
   ],
   "name": "extension-create",
-  "version": "4.0.13",
+  "version": "4.0.14-canary.1784515910.7d7da9cc",
   "description": "The standalone extension creation engine for Extension.js",
   "author": {
     "name": "Cezar Augusto",

package/dist/test-template-javascript/README.md

@@ -1,41 +0,0 @@
-<a href="https://extension.js.org" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/Powered%20by%20%7C%20Extension.js-0971fe" alt="Powered by Extension.js" align="right" /></a>
-
-# test-template-javascript
-
-> JavaScript-based extension with a sidebar panel. Adds a sidebar with a simple page.
-
-
-![screenshot](./public/screenshot.png)
-## Commands
-
-### dev
-
-Run the extension in development mode. Target a browser with `--browser`:
-
-```bash
-pnpm run dev
-pnpm run dev -- --browser=firefox
-pnpm run dev -- --browser=edge
-```
-
-### build
-
-Build for production. Convenience scripts target each browser:
-
-```bash
-pnpm run build           # Chrome (default)
-pnpm run build:firefox
-pnpm run build:edge
-```
-
-### preview
-
-Preview the production build in the browser:
-
-```bash
-pnpm run preview
-```
-
-## Learn more
-
-[Extension.js docs](https://extension.js.org).

package/dist/test-template-javascript/extension.config.js

@@ -1,19 +0,0 @@
-/** @type {import('extension').FileConfig} */
-// Extension.js uses a fresh profile on every run.
-// Prefer that default? Remove the profile config below.
-const profile = (name) => `./dist/extension-profile-${name}`
-const ciFlags = process.env.CI ? ['--no-sandbox', '--disable-gpu'] : []
-
-export default {
-  browser: {
-    chrome: {profile: profile('chrome'), browserFlags: ciFlags},
-    chromium: {profile: profile('chromium'), browserFlags: ciFlags},
-    edge: {profile: profile('edge'), browserFlags: ciFlags},
-    firefox: {profile: profile('firefox')},
-    'chromium-based': {
-      profile: profile('chromium-based'),
-      browserFlags: ciFlags
-    },
-    'gecko-based': {profile: profile('gecko-based')}
-  }
-}

package/dist/test-template-javascript/package.json

@@ -1,32 +0,0 @@
-{
-  "private": true,
-  "name": "test-template-javascript",
-  "description": "JavaScript-based extension with a sidebar panel. Adds a sidebar with a simple page.",
-  "version": "1.0.0",
-  "license": "MIT",
-  "type": "module",
-  "author": {
-    "name": "Your Name",
-    "email": "your@email.com",
-    "url": "https://yourwebsite.com"
-  },
-  "scripts": {
-    "dev": "extension dev",
-    "start": "extension start",
-    "build": "extension build",
-    "preview": "extension preview",
-    "build:chrome": "extension build --browser chrome",
-    "build:firefox": "extension build --browser firefox",
-    "build:edge": "extension build --browser edge"
-  },
-  "dependencies": {},
-  "devDependencies": {
-    "extension": "latest"
-  },
-  "packageManager": "pnpm@10.28.0",
-  "pnpm": {
-    "ignoredBuiltDependencies": [
-      "less"
-    ]
-  }
-}

package/dist/test-template-javascript/src/background.js

@@ -1,44 +0,0 @@
-console.log(
-  '[From the background context] Hello from the background worker/script!'
-)
-
-const isFirefoxLike =
-  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'firefox' ||
-  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'gecko-based'
-
-if (isFirefoxLike) {
-  browser.browserAction.onClicked.addListener(() => {
-    browser.sidebarAction.open()
-  })
-
-  browser.runtime.onMessage.addListener((message) => {
-    if (!message || message.type !== 'openSidebar') return
-
-    browser.sidebarAction.open()
-  })
-}
-
-if (!isFirefoxLike) {
-  // setPanelBehavior only affects FUTURE action clicks — registering it
-  // inside onClicked would swallow the first toolbar click.
-  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-}
-
-chrome.runtime.onMessage.addListener((message) => {
-  if (!message || message.type !== 'openSidebar') return
-
-  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-
-  if (!chrome.sidePanel.open) return
-
-  chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
-    const activeTabId = tabs && tabs[0] && tabs[0].id
-    if (!activeTabId) return
-
-    try {
-      chrome.sidePanel.open({tabId: activeTabId})
-    } catch (error) {
-      console.error(error)
-    }
-  })
-})

package/dist/test-template-javascript/src/content/ContentApp.js

@@ -1,41 +0,0 @@
-import logo from '../images/icon.png'
-
-export default function createContentApp() {
-  const container = document.createElement('div')
-  container.className = 'content_script'
-
-  const pill = document.createElement('button')
-  pill.type = 'button'
-  pill.className = 'content_pill'
-  pill.setAttribute('aria-label', 'Open sidebar')
-  pill.addEventListener('click', () => {
-    try {
-      if (
-        import.meta.env.EXTENSION_PUBLIC_BROWSER === 'firefox' ||
-        import.meta.env.EXTENSION_PUBLIC_BROWSER === 'gecko-based'
-      ) {
-        browser.runtime.sendMessage({type: 'openSidebar'})
-      } else {
-        chrome.runtime.sendMessage({type: 'openSidebar'})
-      }
-    } catch (error) {
-      console.error(error)
-    }
-  })
-
-  const img = document.createElement('img')
-  img.className = 'content_pill_logo'
-  img.src = logo
-  img.alt = ''
-  img.setAttribute('aria-hidden', 'true')
-
-  const text = document.createElement('span')
-  text.className = 'content_pill_text'
-  text.textContent = 'Open sidebar'
-
-  pill.appendChild(img)
-  pill.appendChild(text)
-  container.appendChild(pill)
-
-  return container
-}

package/dist/test-template-javascript/src/content/scripts.js

@@ -1,44 +0,0 @@
-import createContentApp from './ContentApp.js'
-import './styles.css'
-
-console.log('[From the page context] Hello from content_scripts!')
-
-/**
- * Extension.js content_script entrypoint. The framework calls this on
- * injection and calls the returned function on HMR/teardown to clean up.
- * Do not invoke it yourself.
- */
-export default function initial() {
-  const rootDiv = document.createElement('div')
-  rootDiv.setAttribute('data-extension-root', 'true')
-  // Isolate the host from page styles (e.g. example.com ships div{opacity:.8},
-  // which would otherwise fade the whole widget): the shadow DOM only protects
-  // descendants; the host element itself still takes page CSS.
-  rootDiv.style.cssText = 'all: initial !important'
-  document.body.appendChild(rootDiv)
-
-  // Injecting content_scripts inside a shadow dom
-  // prevents conflicts with the host page's styles.
-  // This way, styles from the extension won't leak into the host page.
-  const shadowRoot = rootDiv.attachShadow({mode: 'open'})
-
-  const styleElement = document.createElement('style')
-  shadowRoot.appendChild(styleElement)
-
-  fetchCSS().then((response) => (styleElement.textContent = response))
-
-  // Render ContentApp inside shadow root
-  const container = createContentApp()
-  shadowRoot.appendChild(container)
-
-  return () => {
-    rootDiv.remove()
-  }
-}
-
-async function fetchCSS() {
-  const cssUrl = new URL('./styles.css', import.meta.url)
-  const response = await fetch(cssUrl)
-  const text = await response.text()
-  return response.ok ? text : Promise.reject(text)
-}

package/dist/test-template-javascript/src/content/styles.css

@@ -1,45 +0,0 @@
-.content_script {
-  position: absolute;
-  right: 0.75rem;
-  bottom: 0.75rem;
-  z-index: 9999;
-}
-
-.content_pill {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  appearance: none;
-  border: none;
-  outline: none;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  background: var(--sidebar-bg, #0a0c10);
-  color: var(--sidebar-text, #c9c9c9);
-  padding: 0.5rem 1rem 0.5rem 0.5rem;
-  border-radius: 9999px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
-}
-
-.content_pill:hover {
-  background: #11151c;
-}
-
-.content_pill_logo {
-  height: 1.5rem;
-  border-radius: 9999px;
-  background: rgba(255, 255, 255, 0.08);
-  object-fit: contain;
-  aspect-ratio: 1 / 1;
-  padding: 0.125rem;
-}
-
-.content_pill_text {
-  font-size: 0.85rem;
-  font-weight: 600;
-  line-height: 1;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
-    Arial, "Noto Sans", sans-serif;
-}

package/dist/test-template-javascript/src/manifest.json

@@ -1,63 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/chrome-manifest.json",
-  "chromium:manifest_version": 3,
-  "firefox:manifest_version": 2,
-  "version": "1.0.0",
-  "name": "test-template-javascript",
-  "description": "JavaScript-based extension with a sidebar panel. Adds a sidebar with a simple page.",
-  "icons": {
-    "16": "images/icon.png",
-    "32": "images/icon.png",
-    "48": "images/icon.png",
-    "64": "images/icon.png",
-    "128": "images/icon.png"
-  },
-  "chromium:action": {
-    "default_icon": {
-      "16": "images/icon.png",
-      "32": "images/icon.png",
-      "48": "images/icon.png",
-      "64": "images/icon.png",
-      "128": "images/icon.png"
-    },
-    "default_title": "Open Side Panel"
-  },
-  "firefox:browser_action": {
-    "default_icon": {
-      "16": "images/icon.png",
-      "32": "images/icon.png",
-      "48": "images/icon.png",
-      "64": "images/icon.png",
-      "128": "images/icon.png"
-    },
-    "default_title": "Open Side Panel"
-  },
-  "chromium:side_panel": {
-    "default_path": "sidebar/index.html",
-    "default_title": "Side Panel Content"
-  },
-  "firefox:sidebar_action": {
-    "default_panel": "sidebar/index.html",
-    "default_title": "Side Panel Content"
-  },
-  "chromium:permissions": [
-    "sidePanel"
-  ],
-  "background": {
-    "chromium:service_worker": "background.js",
-    "firefox:scripts": [
-      "background.js"
-    ]
-  },
-  "content_scripts": [
-    {
-      "matches": [
-        "<all_urls>"
-      ],
-      "js": [
-        "content/scripts.js"
-      ]
-    }
-  ],
-  "author": "Your Name"
-}

package/dist/test-template-javascript/src/sidebar/SidebarApp.js

@@ -1,28 +0,0 @@
-import './styles.css'
-import javascriptLogo from '../images/icon.png'
-
-function SidebarApp() {
-  const root = document.getElementById('root')
-  if (!root) return
-
-  root.innerHTML = `
-    <div class="sidebar_app">
-      <img
-        class="sidebar_logo"
-        src="${javascriptLogo}"
-        alt="The JavaScript logo"
-      />
-      <h1 class="sidebar_title">Sidebar Panel</h1>
-      <p class="sidebar_description">
-        Learn more in the
-        <a
-          href="https://extension.js.org"
-          target="_blank" rel="noopener noreferrer"
-        >Extension.js docs</a>
-        .
-      </p>
-    </div>
-  `
-}
-
-SidebarApp()

package/dist/test-template-javascript/src/sidebar/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>JavaScript Sidebar</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this extension.</noscript>
-    <div id="root"></div>
-  </body>
-  <script src="./scripts.js"></script>
-</html> 

package/dist/test-template-javascript/src/sidebar/scripts.js

@@ -1,4 +0,0 @@
-import './SidebarApp.js'
-import './styles.css'
-
-console.log('[From the sidebar page context] Hello regular page!')

package/dist/test-template-javascript/src/sidebar/styles.css

@@ -1,60 +0,0 @@
-/* @import 'sakura.css'; */
-
-:root {
-  --sidebar-margin: 1rem;
-  --sidebar-bg: #0a0c10;
-  --sidebar-text: #c9c9c9;
-  --sidebar-link: #e5e7eb;
-  --sidebar-border: #c9c9c9;
-}
-
-body {
-  background-color: var(--sidebar-bg);
-  color: var(--sidebar-text);
-  height: 100vh;
-  margin: var(--sidebar-margin);
-  border-radius: 6px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.sidebar_app {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0 1rem;
-  text-align: center;
-  max-height: 100vh;
-  overflow-y: auto;
-}
-
-.sidebar_logo {
-  width: 72px;
-  margin: 0 auto 1rem;
-}
-
-.sidebar_title {
-  font-size: 1.85em;
-  line-height: 1.1;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
-    Arial, "Noto Sans", sans-serif;
-  font-weight: 700;
-  margin: 0;
-  text-align: center;
-}
-
-.sidebar_description {
-  font-size: small;
-  margin: 0.5rem 0 0;
-  text-align: center;
-}
-
-.sidebar_description a {
-  text-decoration: none;
-  border-bottom: 2px solid var(--sidebar-border);
-  color: var(--sidebar-link);
-  margin: 0;
-}