npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@alauda/console-ui

v0.1.0-next.20260731.1785490048

Published

Semantic React UI facade for ACP Console plugins.

Downloads

72

Readme

@alauda/console-ui

@alauda/console-ui 是面向 ACP Console 核心页面和能力插件的语义化 React UI facade。

首个预发布版本包含低耦合的内容区、反馈状态、资源展示和字段展示基础组件。它不拥有 Host Shell、Kubernetes 数据 client、cache、watch manager、权限运行时或 Module Federation Provider。

PageLayout 不属于本 package。页面根节点、主内容区域、响应式页面标题和 Shell 级导航由 Console Host 负责。PageSectionPageToolbar 是可以在 Core 页面和能力页面中共同使用的 内容区语义 primitive,因此保留在本 package 中。

ResourceRef 是资源身份语义类型。ResourceLink 渲染调用方明确提供的 route, ResourceStatus 渲染领域 package 提供的标准化状态。Kubernetes、GitOps、Observability 和 Cluster Manage 的领域状态机仍然留在各自领域包之外。

源码 workspace 保持私有。仓库的 yarn build:npm 命令会在 dist/package 下生成可发布产物。

目录与组件分类

package 目录按语义能力和运行时边界组织。当前 MR 只实现低风险的四类基础能力;其他目录是后续 contract 和任务的占位,不代表组件已经完成。

src/
├── index.ts       # 唯一 public entry
├── types.ts       # 公共语义类型
├── layout/        # 页面内容区
├── feedback/      # 异步反馈
├── resource/      # 资源语义
├── field/         # 字段展示
├── table/         # 后续:DataTable
├── form/          # 后续:FormArrayTable 等
├── selector/      # 后续:scope selector
├── access/        # 后续:ActionGuard
├── adapters/      # 后续:SDK/Host runtime adapter
└── internal/      # MUI/Emotion 实现细节

详细的组件分类、当前状态、目录边界和后续任务见 component-catalog.md

PageLayout、Host Shell、CRD Schema Form、Monaco/YAML、Topology、Chart、Dashboard、Alarm、Log 和 Terminal 不属于这个 package;它们分别由 Host、Core UI carrier、capability plugin 或独立 domain package 承载。