{
  "name": "Studio Shell",
  "slug": "studio-shell",
  "version": "1.0.0",
  "description": "A code extension that moves navigation below the workspace and styles the entire app shell.",
  "manifest": {
    "schema": 2,
    "kind": "extension",
    "permissions": [
      "ui.style",
      "ui.layout",
      "ui.panel"
    ],
    "entry": "main.js",
    "files": {
      "main.js": "(()=>{(async()=>(await devdevian.panel.configure({placement:\"hidden\",title:\"Studio Shell\"}),await devdevian.layout.apply({areas:[[\"nav\"],[\"content\"],[\"aside\"],[\"footer\"]],columns:[\"minmax(0, 1fr)\"],gap:20})))();})();\n",
      "sources/main.js": "// The host validates the grid and moves named regions; no private DOM access.\n(async()=>{\n await devdevian.panel.configure({placement:'hidden',title:'Studio Shell'});\n await devdevian.layout.apply({areas:[['nav'],['content'],['aside'],['footer']],columns:['minmax(0, 1fr)'],gap:20});\n})();\n",
      "sources/light.css": ":root { background:var(--canvas); --canvas:#f1fff9; --surface:#fff; --accent:#187b67; --accent-rgb:24,123,103; --text:#133b34; --text-muted:#486b61; }\n.sidebar,.topbar,footer { background:#dff8ed;color:#133b34;border:1px solid #a3d9c3;border-radius:20px; }\nfooter { padding:28px; }\n",
      "sources/dark.css": ":root { background:var(--canvas); --canvas:#0c171c; --surface:#10272d; --accent:#6fe3cc; --accent-rgb:111,227,204; --text:#e5fff8; --text-muted:#9ec6c0; }\n.sidebar { background:linear-gradient(120deg,#12322e,#15233e);border:1px solid #356c61;border-radius:24px;margin:20px; }\n.topbar { background:#15332f;border-bottom:2px solid #6fe3cc; }\nfooter { background:linear-gradient(100deg,#12332e,#19283f);border-radius:24px;padding:28px; }\n.post-card,.project-card { border-color:#356c61; }\n"
    },
    "styles": {
      "light": ":root { background:var(--canvas); --canvas:#f1fff9; --surface:#fff; --accent:#187b67; --accent-rgb:24,123,103; --text:#133b34; --text-muted:#486b61; }\n.sidebar,.topbar,footer { background:#dff8ed;color:#133b34;border:1px solid #a3d9c3;border-radius:20px; }\nfooter { padding:28px; }\n",
      "dark": ":root { background:var(--canvas); --canvas:#0c171c; --surface:#10272d; --accent:#6fe3cc; --accent-rgb:111,227,204; --text:#e5fff8; --text-muted:#9ec6c0; }\n.sidebar { background:linear-gradient(120deg,#12322e,#15233e);border:1px solid #356c61;border-radius:24px;margin:20px; }\n.topbar { background:#15332f;border-bottom:2px solid #6fe3cc; }\nfooter { background:linear-gradient(100deg,#12332e,#19283f);border-radius:24px;padding:28px; }\n.post-card,.project-card { border-color:#356c61; }\n"
    }
  },
  "listing": {
    "full_description": "## Your entire workspace, rearranged\n\nStudio Shell moves the sidebar below the content and styles navigation, cards and footer in both light and dark modes.\n\n### Try it\n\n1. Preview this package.\n2. Scroll down to find the relocated sidebar.\n3. Switch day/night; the extension stays enabled.\n4. Use **Stop preview** to restore the original layout.\n\nNo data access or network requests are needed.",
    "tags": [
      "theme",
      "layout",
      "productivity"
    ],
    "links": [
      {
        "label": "Source code",
        "url": "https://github.com/Tenyokj/devdevian/tree/main/examples/extensions/studio-shell"
      },
      {
        "label": "SDK documentation",
        "url": "https://devdevian.vercel.app/docs/extensions"
      }
    ],
    "screenshots": []
  }
}