shadimage
aicanvas
blockandromeda-pro-city-operationssource: ok · hit

City Operations (Andromeda Pro)

City Operations composition from Andromeda Pro (Dashboard template). Pulls in the 19 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.

npx shadcn add "https://aicanvas.me/r/andromeda-pro-city-operations.json"
free

Where it goes

kanbandashboard-shell

Use cases

dashboard

Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light
icons@phosphor-icons/react@^2.1.10

Files14 · source cached 10/14/2026, 11:56:43 AM

components/aicanvas/andromeda-pro/components/lib/motion.ts
export const PREMIUM_NOTICE = "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"
components/aicanvas/andromeda-pro/components/lib/responsive.ts
export const PREMIUM_NOTICE = "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"
components/aicanvas/andromeda-pro/examples/_shared/RailNav.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/_shared/TemplateMobileChrome.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/_shared/sample-pictures.ts
export const PREMIUM_NOTICE = "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"
components/aicanvas/andromeda-pro/examples/city-operations/AlertsPanel.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/city-operations/ChartsRow.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/city-operations/KpiRow.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/city-operations/OperationsMap.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/city-operations/Sidebar.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/city-operations/TopBar.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/city-operations/data.ts
export const PREMIUM_NOTICE = "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"
components/aicanvas/andromeda-pro/examples/city-operations/index.tsx
const PREMIUM_NOTICE =
  "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}
components/aicanvas/andromeda-pro/examples/city-operations/mapStyle.ts
export const PREMIUM_NOTICE = "\"City Operations (Andromeda Pro)\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

More from aicanvas

Browse all components in this library →