@webskill/sdk 0.4.0 → 0.5.0

package/dist/{webskillLitCatalog-CSTbhBe_-CYIs5BX8.js → webskillLitCatalog-_mugzRHx-DiuJpCuf.js}

@@ -1,4 +1,4 @@
-import { G as mountEchart, I as A2UI_CHILDREN_PROP, K as renderMiniMarkdown, U as chartSpecFromProps, V as a2uiComponentShapes, q as uiCatalog, z as WEBSKILL_A2UI_CATALOG_ID } from "./dist-D9Lcn5Pp.js";
+import { J as WEBSKILL_A2UI_CATALOG_ID, Q as chartSpecFromProps, W as A2UI_CHILDREN_PROP, X as a2uiComponentShapes, et as mountEchart, nt as uiCatalog, tt as renderMiniMarkdown } from "./dist-bewtXYlO.js";
 import { A2uiController, A2uiLitElement } from "@a2ui/lit/v0_9";
 import { Catalog } from "@a2ui/web_core/v0_9";
 import { z } from "zod/v3";
@@ -1419,7 +1419,7 @@ var f = class extends i {
 };
 
 //#endregion
-//#region ../ui/dist/webskillLitCatalog-CSTbhBe_.js
+//#region ../ui/dist/webskillLitCatalog-_mugzRHx.js
 /**
 * Lit 元素上的 echarts 挂载指令。
 * A2UI 档的 catalog `Chart` 渲染在 shadow root 里，实例必须随元素断开而 dispose，
@@ -1598,6 +1598,33 @@ const sharedStyles = i$4`
   .error {
     color: var(--destructive);
   }
+  .tabs {
+    display: flex;
+    gap: 0.25rem;
+    border-bottom: 1px solid var(--border);
+  }
+  .grid {
+    display: grid;
+    gap: 0.75rem;
+  }
+  ol.timeline {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin: 0;
+    padding-left: 1rem;
+  }
+  .bar {
+    height: 0.5rem;
+    border-radius: 999px;
+    background: var(--secondary);
+    overflow: hidden;
+  }
+  .bar > span {
+    display: block;
+    height: 100%;
+    background: var(--foreground);
+  }
 `;
 const str = (props, key, fallback = "") => typeof props[key] === "string" ? props[key] : fallback;
 const list = (value) => Array.isArray(value) ? value : [];
@@ -1618,6 +1645,34 @@ const renderers = {
     </section>
   `,
 	Separator: () => T`<hr />`,
+	Tabs: (props, host) => {
+		const labels = list(props["labels"]);
+		const panels = props.children ?? [];
+		const active = Math.min(host.view["tab"] ?? 0, Math.max(panels.length - 1, 0));
+		return T`
+      <div class="stack" data-direction="vertical">
+        <div class="tabs" role="tablist">
+          ${labels.map((label, index) => T`<button
+              type="button"
+              role="tab"
+              aria-selected=${index === active ? "true" : "false"}
+              @click=${() => {
+			host.view["tab"] = index;
+			host.refresh();
+		}}
+            >
+              ${label}
+            </button>`)}
+        </div>
+        ${panels[active] ? host.renderChild(panels[active]) : A}
+      </div>
+    `;
+	},
+	Grid: (props, host) => T`
+    <div class="grid" style=${`grid-template-columns: repeat(${Number(props["columns"] ?? 2)}, minmax(0, 1fr))`}>
+      ${children(props, host)}
+    </div>
+  `,
 	Heading: (props) => {
 		const text = str(props, "text");
 		if (props["level"] === 2) return T`<h2>${text}</h2>`;
@@ -1651,6 +1706,33 @@ const renderers = {
     </div>
   `,
 	Chart: (props) => T`<div class="chart" ${echart(chartSpecFromProps(props))}></div>`,
+	Timeline: (props) => T`
+    <ol class="timeline">
+      ${list(props["items"]).map((item) => T`<li>
+          <strong>${String(item["title"] ?? "")}</strong>
+          ${item["time"] ? T`<p class="muted">${String(item["time"])}</p>` : A}
+          ${item["description"] ? T`<p>${String(item["description"])}</p>` : A}
+        </li>`)}
+    </ol>
+  `,
+	Progress: (props) => {
+		const value = Math.max(0, Math.min(100, Number(props["value"] ?? 0)));
+		return T`
+      <div class="metric">
+        ${props["label"] ? T`<span class="muted">${str(props, "label")}</span>` : A}
+        <div
+          class="bar"
+          role="progressbar"
+          aria-valuenow=${value}
+          aria-valuemin="0"
+          aria-valuemax="100"
+          aria-label=${str(props, "label", "Progress")}
+        >
+          <span style=${`width: ${value}%`}></span>
+        </div>
+      </div>
+    `;
+	},
 	FileLink: (props) => T`<p>${str(props, "label", str(props, "path"))}</p>`,
 	Form: (props, host) => T`
     <form @submit=${(event) => event.preventDefault()}>
@@ -1752,12 +1834,16 @@ function apiSchema(shape) {
 function defineElement(api, render) {
 	class WebSkillA2uiElement extends A2uiLitElement {
 		static styles = sharedStyles;
+		view = {};
 		createController() {
 			return new A2uiController(this, api);
 		}
 		renderChild(ref) {
 			return this.renderNode(ref);
 		}
+		refresh() {
+			this.requestUpdate();
+		}
 		render() {
 			const props = this.controller?.props;
 			return props ? render(props, this) : A;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webskill/sdk",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "WebSkill \u2014 browser/Node agent skill runtime (skills, tools, MCP, governance, UI)",
   "license": "MIT",
   "type": "module",
@@ -40,6 +40,10 @@
       "types": "./dist/governance.d.ts",
       "import": "./dist/governance.js"
     },
+    "./agent": {
+      "types": "./dist/agent.d.ts",
+      "import": "./dist/agent.js"
+    },
     "./testing": {
       "types": "./dist/testing.d.ts",
       "import": "./dist/testing.js"
@@ -92,6 +96,7 @@
   },
   "devDependencies": {
     "@types/node": "24.13.3",
+    "@webskill/agent": "workspace:*",
     "@webskill/browser": "workspace:*",
     "@webskill/core": "workspace:*",
     "@webskill/governance": "workspace:*",