v1.0.0

DCS Dashboard Shell

Shared chrome (header / sidebar / footer / theme) for every DCS dashboard. Drop in three CSS files and one script — your dashboard inherits the Azure-light look automatically.

Files

/v1/tokens.css /v1/reset.css /v1/shell.css /v1/shell.js /v1/shell.html

Integration

<link rel="stylesheet" href="https://shell.dcsai.ai/v1/tokens.css">
<link rel="stylesheet" href="https://shell.dcsai.ai/v1/reset.css">
<link rel="stylesheet" href="https://shell.dcsai.ai/v1/shell.css">

<div id="dcs-shell" data-product="storage">
  <main id="dcs-main"><!-- your app --></main>
</div>

<script src="https://shell.dcsai.ai/v1/shell.js"></script>
<script>
  DCSShell.mount({
    product: "DCS Storage",
    productSlug: "storage",
    user: { name: "Deepak Dudi", initials: "DD" },
    nav: [/* … */]
  });
</script>

Docs

Full README + Integration Guide live in the source repo.